npm - @wc-toolkit/cem-generator-vue - Versions diffs - 0.1.5 → 0.1.7 - Mend

@wc-toolkit/cem-generator-vue 0.1.5 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/index.js +43 -14
package/package.json +15 -15

package/dist/index.js CHANGED Viewed

@@ -6,8 +6,7 @@ export function vuePlugin() {
     return {
         name: "vue",
         shouldAnalyze(sourceText) {
-            return /from\s+["']vue["']/.test(sourceText) &&
-                /\bdefineCustomElement\s*\(/.test(sourceText);
+            return /from\s+["']vue["']/.test(sourceText) && /\bdefineCustomElement\s*\(/.test(sourceText);
         },
         onFile(context) {
             const fragment = {};
@@ -19,7 +18,9 @@ export function vuePlugin() {
                     return;
                 }
                 const declaration = findContainingVariable(node);
-                const name = declaration?.name && ts.isIdentifier(declaration.name) ? declaration.name.text : undefined;
+                const name = declaration?.name && ts.isIdentifier(declaration.name)
+                    ? declaration.name.text
+                    : undefined;
                 if (!name) {
                     ts.forEachChild(node, visit);
                     return;
@@ -28,7 +29,9 @@ export function vuePlugin() {
                 const options = resolveComponentOptions(component, context);
                 const classDoc = declaration ? parseCemClassTags(declaration) : {};
                 const props = options ? getProps(options, context) : undefined;
-                const discovered = options ? discoverFrameworkApis(options, context.sourceFile, context.checker) : {};
+                const discovered = options
+                    ? discoverFrameworkApis(options, context.sourceFile, context.checker)
+                    : {};
                 const attributes = props?.map(({ name: fieldName, ...member }) => ({
                     name: fieldName,
                     type: member.type,
@@ -40,11 +43,14 @@ export function vuePlugin() {
                     name,
                     exportName: getExportName(declaration),
                     module: context.filePath,
-                    description: (declaration ? getJSDocInfo(declaration).description : undefined) || (options ? getJSDocInfo(options).description || undefined : undefined),
+                    description: (declaration ? getJSDocInfo(declaration).description : undefined) ||
+                        (options ? getJSDocInfo(options).description || undefined : undefined),
                     summary: classDoc.summary,
                     deprecated: classDoc.deprecated,
                     tagName: classDoc.tagName ?? tags.get(name),
-                    members: props?.length ? props.map(({ name: _name, ...member }) => ({ name: _name, ...member })) : undefined,
+                    members: props?.length
+                        ? props.map(({ name: _name, ...member }) => ({ name: _name, ...member }))
+                        : undefined,
                     attributes: attributes?.length ? attributes : undefined,
                     events: mergeEvents(mergeEvents(events, discovered.events), classDoc.events),
                     slots: mergeNamed(discovered.slots, classDoc.slots),
@@ -71,7 +77,9 @@ function mergeNamed(discovered, documented) {
 function getDefineCustomElementNames(sourceFile) {
     const names = new Set();
     for (const statement of sourceFile.statements) {
-        if (!ts.isImportDeclaration(statement) || !ts.isStringLiteral(statement.moduleSpecifier) || statement.moduleSpecifier.text !== "vue")
+        if (!ts.isImportDeclaration(statement) ||
+            !ts.isStringLiteral(statement.moduleSpecifier) ||
+            statement.moduleSpecifier.text !== "vue")
             continue;
         const bindings = statement.importClause?.namedBindings;
         if (!bindings || !ts.isNamedImports(bindings))
@@ -89,7 +97,8 @@ function isDefineCustomElementCall(node, names) {
 function getCustomElementRegistrations(sourceFile) {
     const tags = new Map();
     function visit(node) {
-        if (ts.isCallExpression(node) && ts.isPropertyAccessExpression(node.expression) &&
+        if (ts.isCallExpression(node) &&
+            ts.isPropertyAccessExpression(node.expression) &&
             node.expression.getText(sourceFile) === "customElements.define") {
             const tag = node.arguments[0];
             const constructor = node.arguments[1];
@@ -118,13 +127,20 @@ function resolveComponentOptions(component, context) {
     if (!ts.isIdentifier(component))
         return undefined;
     const symbol = context.checker.getSymbolAtLocation(component);
-    const resolved = symbol && symbol.flags & ts.SymbolFlags.Alias ? context.checker.getAliasedSymbol(symbol) : symbol;
+    const resolved = symbol && symbol.flags & ts.SymbolFlags.Alias
+        ? context.checker.getAliasedSymbol(symbol)
+        : symbol;
     const declaration = resolved?.declarations?.find(ts.isVariableDeclaration);
     const initializer = declaration?.initializer;
     if (initializer && ts.isObjectLiteralExpression(initializer))
         return initializer;
-    if (initializer && ts.isCallExpression(initializer) && ts.isIdentifier(initializer.expression) && initializer.expression.text === "defineComponent") {
-        return initializer.arguments[0] && ts.isObjectLiteralExpression(initializer.arguments[0]) ? initializer.arguments[0] : undefined;
+    if (initializer &&
+        ts.isCallExpression(initializer) &&
+        ts.isIdentifier(initializer.expression) &&
+        initializer.expression.text === "defineComponent") {
+        return initializer.arguments[0] && ts.isObjectLiteralExpression(initializer.arguments[0])
+            ? initializer.arguments[0]
+            : undefined;
     }
     return undefined;
 }
@@ -139,14 +155,25 @@ function getProps(options, context) {
         if (!name)
             return [];
         const metadata = getPropMetadata(property.initializer, context);
-        return [{ name, kind: "field", type: metadata.type, description: getJSDocInfo(property).description || undefined, default: metadata.default }];
+        return [
+            {
+                name,
+                kind: "field",
+                type: metadata.type,
+                description: getJSDocInfo(property).description || undefined,
+                default: metadata.default,
+            },
+        ];
     });
 }
 function getPropMetadata(initializer, context) {
     if (ts.isObjectLiteralExpression(initializer)) {
         const type = getObjectProperty(initializer, "type");
         const defaultValue = getObjectProperty(initializer, "default");
-        return { type: type && getVueType(type.initializer, context), default: defaultValue?.initializer.getText() };
+        return {
+            type: type && getVueType(type.initializer, context),
+            default: defaultValue?.initializer.getText(),
+        };
     }
     return { type: getVueType(initializer, context) };
 }
@@ -200,5 +227,7 @@ function getExportName(node) {
     const modifiers = ts.canHaveModifiers(declaration) ? ts.getModifiers(declaration) : undefined;
     if (!modifiers?.some((modifier) => modifier.kind === ts.SyntaxKind.ExportKeyword))
         return undefined;
-    return modifiers.some((modifier) => modifier.kind === ts.SyntaxKind.DefaultKeyword) ? "default" : node?.name.getText();
+    return modifiers.some((modifier) => modifier.kind === ts.SyntaxKind.DefaultKeyword)
+        ? "default"
+        : node?.name.getText();
 }

package/package.json CHANGED Viewed

@@ -1,37 +1,37 @@
 {
   "name": "@wc-toolkit/cem-generator-vue",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Vue detector plugin for generating Custom Elements Manifests.",
+  "keywords": [
+    "custom-elements",
+    "custom-elements-manifest",
+    "vue",
+    "web-components"
+  ],
+  "homepage": "https://cem-generator.wc-toolkit.com/plugins/vue/",
+  "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/vue"
   },
-  "bugs": {
-    "url": "https://github.com/wc-toolkit/cem-generator/issues"
-  },
-  "homepage": "https://wc-toolkit.github.io/cem-generator/plugins/vue/",
-  "keywords": [
-    "custom-elements",
-    "custom-elements-manifest",
-    "web-components",
-    "vue"
+  "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.5",
-    "@wc-toolkit/cem-generator-utils": "0.1.1"
+    "@wc-toolkit/cem-generator": "0.1.7",
+    "@wc-toolkit/cem-generator-utils": "0.1.2"
   },
   "devDependencies": {
     "vue": "^3.5.0"