@wc-toolkit/vuejs-types 1.0.0 → 1.0.1

package/dist/index.cjs

@@ -40,6 +40,42 @@ var import_fs = __toESM(require("fs"), 1);
 var import_path = __toESM(require("path"), 1);
 
 // node_modules/.pnpm/@wc-toolkit+cem-utilities@1.4.1/node_modules/@wc-toolkit/cem-utilities/dist/index.js
+var JS_TYPES = /* @__PURE__ */ new Set([
+  "any",
+  "bigint",
+  "boolean",
+  "never",
+  "null",
+  "number",
+  "string",
+  "Symbol",
+  "undefined",
+  "unknown"
+]);
+var DOM_EVENTS = /* @__PURE__ */ new Set([
+  "AnimationEvent",
+  "BeforeUnloadEvent",
+  "ClipboardEvent",
+  "DragEvent",
+  "Event",
+  "FocusEvent",
+  "HashChangeEvent",
+  "InputEvent",
+  "KeyboardEvent",
+  "MessageEvent",
+  "MouseEvent",
+  "MutationObserver",
+  "PageTransitionEvent",
+  "PointerEvent",
+  "PopStateEvent",
+  "ProgressEvent",
+  "StorageEvent",
+  "TouchEvent",
+  "TransitionEvent",
+  "UIEvent",
+  "WebGLContextEvent",
+  "WheelEvent"
+]);
 var definitionExports = /* @__PURE__ */ new Map();
 var components = [];
 var manifest;
@@ -86,6 +122,16 @@ function getComponentPublicProperties(component) {
     (member) => member.kind === "field" && member.privacy !== "private" && member.privacy !== "protected" && !member.static && !member.name.startsWith("#")
   ) || [];
 }
+function getCustomEventDetailTypes(component, excludedTypes) {
+  if (!component || !component.events) {
+    return [];
+  }
+  const types = component?.events?.map((e) => {
+    const eventType = e.type?.text.replace("[]", "").replace(" | undefined", "");
+    return eventType && !excludedTypes?.includes(eventType) && !JS_TYPES.has(eventType) && !DOM_EVENTS.has(eventType) && !eventType.includes("<") && !eventType.includes(">") && !eventType.includes(`{`) && !eventType.includes("'") && !eventType.includes(`"`) ? eventType : void 0;
+  })?.filter((e) => e !== void 0 && !e?.startsWith("HTML")) || [];
+  return types?.length ? [...new Set(types)] : [];
+}
 function setAllDefinitionExports(customElementsManifest) {
   if (!customElementsManifest) {
     return;
@@ -339,6 +385,25 @@ function getImports(manifest2, options) {
       });
     });
   }
+  getAllComponents(manifest2, options.exclude).forEach((component) => {
+    if (!component.name || !component.events) return;
+    const componentModule = componentModules.get(component.name);
+    if (!componentModule) return;
+    const detailTypes = getEventDetailImportTypes(component);
+    if (detailTypes.length === 0) return;
+    const importPath = options.globalTypePath ? normalizeImportPath(options.globalTypePath, options) : normalizeImportPath(
+      getComponentImportPath(
+        component.name,
+        component.tagName,
+        componentModule.modulePath,
+        options
+      ),
+      options
+    );
+    detailTypes.forEach((typeName) => {
+      addImport(imports, importPath, typeName);
+    });
+  });
   return Array.from(imports.entries()).map(
     ([importPath, exportNames]) => `import type { ${Array.from(exportNames).join(", ")} } from "${importPath}";`
   ).join("\n");
@@ -350,8 +415,7 @@ function getTypeTemplate(manifest2, options) {
 ${imports}
 import type { HTMLAttributes, PublicProps, EmitFn, EmitsToProps } from "vue";
 
-/**
-  * This file was autogenerated by @wc-toolkit/vuejs-types
+/** This file was autogenerated by @wc-toolkit/vuejs-types */
 ${options.stronglyTypedEvents ? `/**
   * A generic type for strongly typing custom events with their targets
   * @template T - The type of the event target (extends EventTarget)
@@ -645,6 +709,20 @@ function getStronglyTypedEvents(component) {
   });
   return types.join("\n");
 }
+function getEventDetailImportTypes(component) {
+  const bare = getCustomEventDetailTypes(component);
+  const wrapped = (component.events || []).map((event) => {
+    const text = event.type?.text?.trim();
+    if (!text) return void 0;
+    const match = /^CustomEvent<(.+)>$/.exec(text);
+    return match?.[1]?.trim();
+  }).filter(
+    (detail) => detail !== void 0 && /^[A-Z][\w$]*$/.test(detail)
+  );
+  return [.../* @__PURE__ */ new Set([...bare, ...wrapped])].filter(
+    (name) => name !== "CustomEvent" && name !== "Event"
+  );
+}
 function createOutDir(outDir) {
   if (outDir !== "./" && !import_fs.default.existsSync(outDir)) {
     import_fs.default.mkdirSync(outDir, { recursive: true });

package/dist/index.js

@@ -3,6 +3,42 @@ import fs from "fs";
 import path from "path";
 
 // node_modules/.pnpm/@wc-toolkit+cem-utilities@1.4.1/node_modules/@wc-toolkit/cem-utilities/dist/index.js
+var JS_TYPES = /* @__PURE__ */ new Set([
+  "any",
+  "bigint",
+  "boolean",
+  "never",
+  "null",
+  "number",
+  "string",
+  "Symbol",
+  "undefined",
+  "unknown"
+]);
+var DOM_EVENTS = /* @__PURE__ */ new Set([
+  "AnimationEvent",
+  "BeforeUnloadEvent",
+  "ClipboardEvent",
+  "DragEvent",
+  "Event",
+  "FocusEvent",
+  "HashChangeEvent",
+  "InputEvent",
+  "KeyboardEvent",
+  "MessageEvent",
+  "MouseEvent",
+  "MutationObserver",
+  "PageTransitionEvent",
+  "PointerEvent",
+  "PopStateEvent",
+  "ProgressEvent",
+  "StorageEvent",
+  "TouchEvent",
+  "TransitionEvent",
+  "UIEvent",
+  "WebGLContextEvent",
+  "WheelEvent"
+]);
 var definitionExports = /* @__PURE__ */ new Map();
 var components = [];
 var manifest;
@@ -49,6 +85,16 @@ function getComponentPublicProperties(component) {
     (member) => member.kind === "field" && member.privacy !== "private" && member.privacy !== "protected" && !member.static && !member.name.startsWith("#")
   ) || [];
 }
+function getCustomEventDetailTypes(component, excludedTypes) {
+  if (!component || !component.events) {
+    return [];
+  }
+  const types = component?.events?.map((e) => {
+    const eventType = e.type?.text.replace("[]", "").replace(" | undefined", "");
+    return eventType && !excludedTypes?.includes(eventType) && !JS_TYPES.has(eventType) && !DOM_EVENTS.has(eventType) && !eventType.includes("<") && !eventType.includes(">") && !eventType.includes(`{`) && !eventType.includes("'") && !eventType.includes(`"`) ? eventType : void 0;
+  })?.filter((e) => e !== void 0 && !e?.startsWith("HTML")) || [];
+  return types?.length ? [...new Set(types)] : [];
+}
 function setAllDefinitionExports(customElementsManifest) {
   if (!customElementsManifest) {
     return;
@@ -302,6 +348,25 @@ function getImports(manifest2, options) {
       });
     });
   }
+  getAllComponents(manifest2, options.exclude).forEach((component) => {
+    if (!component.name || !component.events) return;
+    const componentModule = componentModules.get(component.name);
+    if (!componentModule) return;
+    const detailTypes = getEventDetailImportTypes(component);
+    if (detailTypes.length === 0) return;
+    const importPath = options.globalTypePath ? normalizeImportPath(options.globalTypePath, options) : normalizeImportPath(
+      getComponentImportPath(
+        component.name,
+        component.tagName,
+        componentModule.modulePath,
+        options
+      ),
+      options
+    );
+    detailTypes.forEach((typeName) => {
+      addImport(imports, importPath, typeName);
+    });
+  });
   return Array.from(imports.entries()).map(
     ([importPath, exportNames]) => `import type { ${Array.from(exportNames).join(", ")} } from "${importPath}";`
   ).join("\n");
@@ -313,8 +378,7 @@ function getTypeTemplate(manifest2, options) {
 ${imports}
 import type { HTMLAttributes, PublicProps, EmitFn, EmitsToProps } from "vue";
 
-/**
-  * This file was autogenerated by @wc-toolkit/vuejs-types
+/** This file was autogenerated by @wc-toolkit/vuejs-types */
 ${options.stronglyTypedEvents ? `/**
   * A generic type for strongly typing custom events with their targets
   * @template T - The type of the event target (extends EventTarget)
@@ -608,6 +672,20 @@ function getStronglyTypedEvents(component) {
   });
   return types.join("\n");
 }
+function getEventDetailImportTypes(component) {
+  const bare = getCustomEventDetailTypes(component);
+  const wrapped = (component.events || []).map((event) => {
+    const text = event.type?.text?.trim();
+    if (!text) return void 0;
+    const match = /^CustomEvent<(.+)>$/.exec(text);
+    return match?.[1]?.trim();
+  }).filter(
+    (detail) => detail !== void 0 && /^[A-Z][\w$]*$/.test(detail)
+  );
+  return [.../* @__PURE__ */ new Set([...bare, ...wrapped])].filter(
+    (name) => name !== "CustomEvent" && name !== "Event"
+  );
+}
 function createOutDir(outDir) {
   if (outDir !== "./" && !fs.existsSync(outDir)) {
     fs.mkdirSync(outDir, { recursive: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wc-toolkit/vuejs-types",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "This package generates Vue.js types for custom elements / web components",
   "type": "module",
   "main": "./dist/index.cjs",