@wc-toolkit/cem-generator-svelte 0.1.6 → 0.1.8

package/dist/index.js

@@ -21,14 +21,18 @@ export function sveltePlugin() {
                 summary: metadata.summary,
                 deprecated: metadata.deprecated,
                 tagName: metadata.tagName ?? tagName,
-                members: props.length ? props.map(({ attribute: _attribute, ...member }) => member) : undefined,
-                attributes: props.length ? props.map(({ name: fieldName, type, parsedType, description, attribute }) => ({
-                    name: attribute ?? fieldName,
-                    type,
-                    parsedType,
-                    description,
-                    fieldName,
-                })) : undefined,
+                members: props.length
+                    ? props.map(({ attribute: _attribute, ...member }) => member)
+                    : undefined,
+                attributes: props.length
+                    ? props.map(({ name: fieldName, type, parsedType, description, attribute }) => ({
+                        name: attribute ?? fieldName,
+                        type,
+                        parsedType,
+                        description,
+                        fieldName,
+                    }))
+                    : undefined,
                 events: mergeNamed(discoverEvents(source), metadata.events),
                 slots: mergeNamed(discoverSlots(source), metadata.slots),
                 cssParts: mergeNamed(discoverParts(source), metadata.cssParts),
@@ -44,7 +48,9 @@ function getTagName(source) {
     return options?.[1] ?? options?.[2];
 }
 function getComponentName(filePath) {
-    return path.basename(filePath, ".svelte").replace(/[^A-Za-z0-9]+(.)/g, (_match, character) => character.toUpperCase());
+    return path
+        .basename(filePath, ".svelte")
+        .replace(/[^A-Za-z0-9]+(.)/g, (_match, character) => character.toUpperCase());
 }
 function getProps(source) {
     const props = [];
@@ -55,7 +61,14 @@ function getProps(source) {
     }
     for (const match of script.matchAll(/(?:\/\*\*([\s\S]*?)\*\/\s*)?export\s+let\s+(\w+)\s*(?::\s*([^=;]+))?\s*(?:=\s*([^;\n]+))?/g)) {
         const [, comment, name, type, defaultValue] = match;
-        props.push({ name, kind: "field", type: type?.trim() ?? inferType(defaultValue), description: cleanComment(comment), default: defaultValue?.trim(), attribute: name.toLowerCase() });
+        props.push({
+            name,
+            kind: "field",
+            type: type?.trim() ?? inferType(defaultValue),
+            description: cleanComment(comment),
+            default: defaultValue?.trim(),
+            attribute: name.toLowerCase(),
+        });
     }
     const runeProps = script.match(/\b(?:let|const)\s*\{([\s\S]*?)\}\s*(?::\s*(\w+))?\s*=\s*\$props\s*\(\s*\)/)?.[1];
     for (const entry of runeProps?.split(",") ?? []) {
@@ -63,7 +76,14 @@ function getProps(source) {
         if (!match || props.some((prop) => prop.name === match[1]))
             continue;
         const info = interfaces.get(match[1]);
-        props.push({ name: match[1], kind: "field", type: info?.type ?? inferType(match[2]), description: info?.description, default: match[2]?.trim(), attribute: match[1].toLowerCase() });
+        props.push({
+            name: match[1],
+            kind: "field",
+            type: info?.type ?? inferType(match[2]),
+            description: info?.description,
+            default: match[2]?.trim(),
+            attribute: match[1].toLowerCase(),
+        });
     }
     const options = source.match(/<svelte:options\b([\s\S]*?)\/>/)?.[1] ?? "";
     for (const match of options.matchAll(/(\w+)\s*:\s*\{[^}]*?attribute\s*:\s*["']([^"']+)["'][^}]*\}/g)) {
@@ -91,10 +111,19 @@ function getComponentMetadata(source, tagName) {
     };
 }
 function discoverSlots(source) {
-    return [...source.matchAll(/<slot(?:\s+name\s*=\s*["']([^"']+)["'])?[^>]*>/g)].map((match) => ({ name: match[1] ?? "", description: trailingHtmlComment(source.slice(0, match.index ?? 0)) }));
+    return [...source.matchAll(/<slot(?:\s+name\s*=\s*["']([^"']+)["'])?[^>]*>/g)].map((match) => ({
+        name: match[1] ?? "",
+        description: trailingHtmlComment(source.slice(0, match.index ?? 0)),
+    }));
 }
 function discoverParts(source) {
-    return [...source.matchAll(/<[^>]*\bpart\s*=\s*["']([^"']+)["'][^>]*>/g)].flatMap((match) => match[1].split(/\s+/).filter(Boolean).map((name) => ({ name, description: trailingHtmlComment(source.slice(0, match.index ?? 0)) })));
+    return [...source.matchAll(/<[^>]*\bpart\s*=\s*["']([^"']+)["'][^>]*>/g)].flatMap((match) => match[1]
+        .split(/\s+/)
+        .filter(Boolean)
+        .map((name) => ({
+        name,
+        description: trailingHtmlComment(source.slice(0, match.index ?? 0)),
+    })));
 }
 function discoverCssProperties(source) {
     const properties = [];
@@ -109,11 +138,22 @@ function discoverEvents(source) {
     return events;
 }
 function parseNamedTags(comment, tag) {
-    const values = [...comment.matchAll(new RegExp(`@${tag}\\s+([^\\s-]+|-)\\s*(?:-\\s*)?([^\\n]*)`, "g"))].map((match) => ({ name: match[1] === "-" ? "" : match[1], description: match[2]?.trim() || undefined }));
+    const values = [
+        ...comment.matchAll(new RegExp(`@${tag}\\s+([^\\s-]+|-)\\s*(?:-\\s*)?([^\\n]*)`, "g")),
+    ].map((match) => ({
+        name: match[1] === "-" ? "" : match[1],
+        description: match[2]?.trim() || undefined,
+    }));
     return values.length ? values : undefined;
 }
 function parseCssTags(comment) {
-    const values = [...comment.matchAll(/@cssprop(?:erty)?\s+(?:\[([^=\]]+)=([^\]]+)\]|(\S+))\s*(?:-\s*)?([^\n]*)/g)].map((match) => ({ name: match[1] ?? match[3], default: match[2], description: match[4]?.trim() || undefined }));
+    const values = [
+        ...comment.matchAll(/@cssprop(?:erty)?\s+(?:\[([^=\]]+)=([^\]]+)\]|(\S+))\s*(?:-\s*)?([^\n]*)/g),
+    ].map((match) => ({
+        name: match[1] ?? match[3],
+        default: match[2],
+        description: match[4]?.trim() || undefined,
+    }));
     return values.length ? values : undefined;
 }
 function getTagDescription(comment, tag) {
@@ -122,7 +162,12 @@ function getTagDescription(comment, tag) {
 function cleanComment(value) {
     if (!value)
         return undefined;
-    const text = value.split("\n").map((line) => line.replace(/^\s*\*\s?/, "")).join(" ").replace(/\s+/g, " ").trim();
+    const text = value
+        .split("\n")
+        .map((line) => line.replace(/^\s*\*\s?/, ""))
+        .join(" ")
+        .replace(/\s+/g, " ")
+        .trim();
     return text || undefined;
 }
 function trailingHtmlComment(value) {
@@ -141,7 +186,7 @@ function inferType(value) {
         return "boolean";
     if (/^\d/.test(value))
         return "number";
-    if (/^[\[{]/.test(value))
+    if (/^[[{]/.test(value))
         return value.startsWith("[") ? "array" : "object";
     return undefined;
 }

package/package.json

@@ -1,37 +1,37 @@
 {
   "name": "@wc-toolkit/cem-generator-svelte",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Svelte detector plugin for generating Custom Elements Manifests.",
+  "keywords": [
+    "custom-elements",
+    "custom-elements-manifest",
+    "svelte",
+    "web-components"
+  ],
+  "homepage": "https://cem-generator.wc-toolkit.com/plugins/svelte/",
+  "bugs": {
+    "url": "https://github.com/wc-toolkit/cem-generator/issues"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/wc-toolkit/cem-generator.git",
     "directory": "packages/plugins/svelte"
   },
-  "bugs": {
-    "url": "https://github.com/wc-toolkit/cem-generator/issues"
-  },
-  "homepage": "https://wc-toolkit.github.io/cem-generator/plugins/svelte/",
-  "keywords": [
-    "custom-elements",
-    "custom-elements-manifest",
-    "web-components",
-    "svelte"
+  "files": [
+    "dist"
   ],
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
   "dependencies": {
     "typescript": "^5.9.0",
-    "@wc-toolkit/cem-generator": "0.1.6",
-    "@wc-toolkit/cem-generator-utils": "0.1.1"
+    "@wc-toolkit/cem-generator": "0.1.8",
+    "@wc-toolkit/cem-generator-utils": "0.1.2"
   },
   "devDependencies": {
     "svelte": "^5.0.0"