@wc-toolkit/svelte-types 1.0.0 → 1.0.2

package/README.md

@@ -1,6 +1,6 @@
 <div align="center">
   
-![workbench with tools, html, css, javascript, and svelte logos](https://raw.githubusercontent.com/wc-toolkit/jsx-types/refs/heads/main/assets/wc-toolkit_svelte.png)
+![workbench with tools, html, css, javascript, and svelte logos](https://raw.githubusercontent.com/wc-toolkit/svelte-types/refs/heads/main/assets/wc-toolkit_svelte.png)
 
 </div>
 
@@ -22,10 +22,11 @@ Generated declarations include:
 
 ## Usage
 
-This package supports two generation workflows:
+This package supports three generation workflows:
 
 1. Calling a function in your build pipeline
 2. Using a plugin for the [Custom Element Manifest Analyzer](https://custom-elements-manifest.open-wc.org/)
+3. Using a plugin for [`@wc-toolkit/cem-generator`](https://github.com/wc-toolkit/cem-generator)
 
 ### Install
 
@@ -75,6 +76,17 @@ export default {
 };
 ```
 
+### cem-generator Plugin
+
+```ts
+import { generateCem } from "@wc-toolkit/cem-generator";
+import { svelteTypesGeneratorPlugin } from "@wc-toolkit/svelte-types";
+
+generateCem({
+  plugins: [svelteTypesGeneratorPlugin({ outdir: "./src" })],
+});
+```
+
 ## Implementation
 
 The generated file declares `svelteHTML.IntrinsicElements`, so Svelte projects only need to include the file in their TypeScript project.

package/dist/index.cjs

@@ -31,7 +31,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   customElementSveltePlugin: () => customElementSveltePlugin,
-  generateSvelteTypes: () => generateSvelteTypes
+  generateSvelteTypes: () => generateSvelteTypes,
+  svelteTypesGeneratorPlugin: () => svelteTypesGeneratorPlugin
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -828,8 +829,17 @@ function customElementSveltePlugin(options = {}) {
     }
   };
 }
+function svelteTypesGeneratorPlugin(options = {}) {
+  return {
+    name: "@wc-toolkit/svelte-types:cem-generator",
+    afterGenerate(manifest2) {
+      generateSvelteTypes(manifest2, options);
+    }
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   customElementSveltePlugin,
-  generateSvelteTypes
+  generateSvelteTypes,
+  svelteTypesGeneratorPlugin
 });

package/dist/index.d.cts

@@ -1,4 +1,5 @@
 import { ComponentDescriptionOptions } from '@wc-toolkit/cem-utilities';
+import { Plugin } from '@wc-toolkit/cem-generator';
 
 type SvelteTypesOptions = {
     /** Used to get a specific path for a given component */
@@ -38,6 +39,8 @@ declare function customElementSveltePlugin(options?: SvelteTypesOptions): {
     name: string;
     packageLinkPhase({ customElementsManifest }: any): void;
 };
+/** Plugin for @wc-toolkit/cem-generator that generates Svelte types from the finalized CEM. */
+declare function svelteTypesGeneratorPlugin(options?: SvelteTypesOptions): Plugin;
 
 /**
  * @license
@@ -789,4 +792,4 @@ interface Demo {
 /** Generates Svelte type declarations from a Custom Elements Manifest. */
 declare function generateSvelteTypes(manifest: Package, options?: SvelteTypesOptions): string | undefined;
 
-export { type SvelteTypesOptions, customElementSveltePlugin, generateSvelteTypes };
+export { type SvelteTypesOptions, customElementSveltePlugin, generateSvelteTypes, svelteTypesGeneratorPlugin };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { ComponentDescriptionOptions } from '@wc-toolkit/cem-utilities';
+import { Plugin } from '@wc-toolkit/cem-generator';
 
 type SvelteTypesOptions = {
     /** Used to get a specific path for a given component */
@@ -38,6 +39,8 @@ declare function customElementSveltePlugin(options?: SvelteTypesOptions): {
     name: string;
     packageLinkPhase({ customElementsManifest }: any): void;
 };
+/** Plugin for @wc-toolkit/cem-generator that generates Svelte types from the finalized CEM. */
+declare function svelteTypesGeneratorPlugin(options?: SvelteTypesOptions): Plugin;
 
 /**
  * @license
@@ -789,4 +792,4 @@ interface Demo {
 /** Generates Svelte type declarations from a Custom Elements Manifest. */
 declare function generateSvelteTypes(manifest: Package, options?: SvelteTypesOptions): string | undefined;
 
-export { type SvelteTypesOptions, customElementSveltePlugin, generateSvelteTypes };
+export { type SvelteTypesOptions, customElementSveltePlugin, generateSvelteTypes, svelteTypesGeneratorPlugin };

package/dist/index.js

@@ -791,7 +791,16 @@ function customElementSveltePlugin(options = {}) {
     }
   };
 }
+function svelteTypesGeneratorPlugin(options = {}) {
+  return {
+    name: "@wc-toolkit/svelte-types:cem-generator",
+    afterGenerate(manifest2) {
+      generateSvelteTypes(manifest2, options);
+    }
+  };
+}
 export {
   customElementSveltePlugin,
-  generateSvelteTypes
+  generateSvelteTypes,
+  svelteTypesGeneratorPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wc-toolkit/svelte-types",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "This package generates Svelte 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": [