@wc-toolkit/vuejs-types 1.0.1 → 1.0.3

package/README.md

@@ -19,10 +19,11 @@ Types are generated from a Custom Elements Manifest (CEM) and include documentat
 
 ## Usage
 
-Two primary ways to generate types:
+Three primary ways to generate types:
 
 1. Programmatically, from a build script
 2. As a plugin for the Custom Elements Manifest Analyzer
+3. As a plugin for `@wc-toolkit/cem-generator`
 
 ### Install
 
@@ -65,6 +66,17 @@ export default {
 };
 ```
 
+### cem-generator Plugin
+
+```ts
+import { generateCem } from "@wc-toolkit/cem-generator";
+import { vuejsTypesGeneratorPlugin } from "@wc-toolkit/vuejs-types";
+
+generateCem({
+  plugins: [vuejsTypesGeneratorPlugin({ outdir: "./dist/types" })],
+});
+```
+
 ## Implementation / Integrating generated types
 
 There are two common ways consumers can include the generated types in their Vue projects.

package/dist/index.cjs

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   generateVuejsTypes: () => generateVuejsTypes,
+  vuejsTypesGeneratorPlugin: () => vuejsTypesGeneratorPlugin,
   vuejsTypesPlugin: () => vuejsTypesPlugin
 });
 module.exports = __toCommonJS(index_exports);
@@ -742,12 +743,24 @@ function vuejsTypesPlugin(options = {}) {
   return {
     name: "@wc-toolkit/vuejs-types",
     packageLinkPhase({ customElementsManifest }) {
-      generateVuejsTypes(customElementsManifest, options);
+      generateVuejsTypes(cloneManifest(customElementsManifest), options);
     }
   };
 }
+function vuejsTypesGeneratorPlugin(options = {}) {
+  return {
+    name: "@wc-toolkit/vuejs-types:cem-generator",
+    afterGenerate(manifest2) {
+      generateVuejsTypes(cloneManifest(manifest2), options);
+    }
+  };
+}
+function cloneManifest(manifest2) {
+  return structuredClone(manifest2);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   generateVuejsTypes,
+  vuejsTypesGeneratorPlugin,
   vuejsTypesPlugin
 });

package/dist/index.d.cts

@@ -1,4 +1,5 @@
 import { ComponentDescriptionOptions } from '@wc-toolkit/cem-utilities';
+import { Plugin } from '@wc-toolkit/cem-generator';
 
 type VuejsTypesOptions = {
     /** Used to get a specific path for a given component */
@@ -55,6 +56,8 @@ declare function vuejsTypesPlugin(options?: VuejsTypesOptions): {
     name: string;
     packageLinkPhase({ customElementsManifest }: any): void;
 };
+/** Plugin for @wc-toolkit/cem-generator that generates Vue.js types from the finalized CEM. */
+declare function vuejsTypesGeneratorPlugin(options?: VuejsTypesOptions): Plugin;
 
 /**
  * @license
@@ -811,4 +814,4 @@ interface Demo {
  */
 declare function generateVuejsTypes(manifest: Package, options?: VuejsTypesOptions): string | undefined;
 
-export { generateVuejsTypes, vuejsTypesPlugin };
+export { generateVuejsTypes, vuejsTypesGeneratorPlugin, vuejsTypesPlugin };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { ComponentDescriptionOptions } from '@wc-toolkit/cem-utilities';
+import { Plugin } from '@wc-toolkit/cem-generator';
 
 type VuejsTypesOptions = {
     /** Used to get a specific path for a given component */
@@ -55,6 +56,8 @@ declare function vuejsTypesPlugin(options?: VuejsTypesOptions): {
     name: string;
     packageLinkPhase({ customElementsManifest }: any): void;
 };
+/** Plugin for @wc-toolkit/cem-generator that generates Vue.js types from the finalized CEM. */
+declare function vuejsTypesGeneratorPlugin(options?: VuejsTypesOptions): Plugin;
 
 /**
  * @license
@@ -811,4 +814,4 @@ interface Demo {
  */
 declare function generateVuejsTypes(manifest: Package, options?: VuejsTypesOptions): string | undefined;
 
-export { generateVuejsTypes, vuejsTypesPlugin };
+export { generateVuejsTypes, vuejsTypesGeneratorPlugin, vuejsTypesPlugin };

package/dist/index.js

@@ -705,11 +705,23 @@ function vuejsTypesPlugin(options = {}) {
   return {
     name: "@wc-toolkit/vuejs-types",
     packageLinkPhase({ customElementsManifest }) {
-      generateVuejsTypes(customElementsManifest, options);
+      generateVuejsTypes(cloneManifest(customElementsManifest), options);
     }
   };
 }
+function vuejsTypesGeneratorPlugin(options = {}) {
+  return {
+    name: "@wc-toolkit/vuejs-types:cem-generator",
+    afterGenerate(manifest2) {
+      generateVuejsTypes(cloneManifest(manifest2), options);
+    }
+  };
+}
+function cloneManifest(manifest2) {
+  return structuredClone(manifest2);
+}
 export {
   generateVuejsTypes,
+  vuejsTypesGeneratorPlugin,
   vuejsTypesPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wc-toolkit/vuejs-types",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "This package generates Vue.js types for custom elements / web components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -50,6 +50,7 @@
     "vitest": "^3.0.4"
   },
   "dependencies": {
+    "@wc-toolkit/cem-generator": "^0.1.1",
     "@prettier/sync": "^0.6.1"
   },
   "keywords": [