fix: handle > tags in attributes

related to sveltejs/language-tools#2204

Author: dummdidumm

CHANGELOG.md

@@ -1,5 +1,9 @@
 # prettier-plugin-svelte changelog
 
+## 3.1.2
+
+-   (fix) handle `>` tags in attributes
+
 ## 3.1.1
 
 -   (fix) handle types on each/await contexts

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "prettier-plugin-svelte",
-    "version": "3.1.1",
+    "version": "3.1.2",
     "description": "Svelte plugin for prettier",
     "main": "plugin.js",
     "files": [
@@ -44,7 +44,7 @@
         "prettier": "^3.0.0",
         "rollup": "2.36.0",
         "rollup-plugin-typescript": "1.0.1",
-        "svelte": "^3.57.0",
+        "svelte": "^4.2.7",
         "ts-node": "^10.1.1",
         "tslib": "^2.6.0",
         "typescript": "5.1.3"

package.json

@@ -1,9 +1,10 @@
 import { AttributeNode, TextNode } from '../print/nodes';
 
-export function extractAttributes(html: string): AttributeNode[] {
-    const extractAttributesRegex = /<[a-z]+[\s\n]*([\s\S]*?)>/im;
-    const attributeRegex = /([^\s=]+)(?:=(?:(?:("|')([\s\S]*?)\2)|(?:(\S+?)(?:\s|>|$))))?/gim;
+const extractAttributesRegex =
+    /<[a-z]+((?:\s+[^=>'"\/]+=(?:"[^"]*"|'[^']*'|[^>\s]+)|\s+[^=>'"\/]+)*\s*)>/im;
+const attributeRegex = /([^\s=]+)(?:=(?:(?:("|')([\s\S]*?)\2)|(?:([^>\s]+?)(?:\s|>|$))))?/gim;
 
+export function extractAttributes(html: string): AttributeNode[] {
     const [, attributesString] = html.match(extractAttributesRegex)!;
 
     const attrs: AttributeNode[] = [];