vite-plugin-for-svelte-svg 0.9.0 → 0.9.2

package/README.md

@@ -30,7 +30,7 @@ export default defineConfig({
   plugins: [
     svelteSvg({
       dir: 'src/svg',
-      typesOutput: 'src/type/svg.d.ts'
+      output: 'src/svg/index.ts'
     }),
     svelte()
   ]
@@ -41,7 +41,7 @@ export default defineConfig({
 
 ```svelte
 <script lang="ts">
-  import { Svg } from '@/type/svg'  // Auto-generated with typed name prop
+  import { Svg } from './svg'  // Auto-generated with typed name prop
 </script>
 
 <!-- Basic usage -->
@@ -72,7 +72,7 @@ export default defineConfig({
 | Option | Type | Default | Description |
 |--------|------|---------|-------------|
 | `dir` | `string` | `'src/svg'` | SVG files directory |
-| `typesOutput` | `string` | `'src/type/svg.d.ts'` | TypeScript types output path |
+| `output` | `string` | `'src/svg/index.ts'` | Generated module output path |
 | `generateTypes` | `boolean` | `true` | Whether to generate types |
 
 ### Svg Component Props
@@ -87,7 +87,7 @@ export default defineConfig({
 
 ### Generated File
 
-The plugin generates a single `svg.ts` file containing:
+The plugin generates a single `index.ts` file containing:
 
 ```ts
 export type SvgName = 'icon1' | 'icon2' | ...  // Union of all SVG names
@@ -97,7 +97,7 @@ export const Svg: Component<SvgProps>           // Typed Svg component
 
 ## How It Works
 
-1. **Build/Dev start**: Plugin scans SVG directory and generates `svg.ts` with typed `Svg` component
+1. **Build/Dev start**: Plugin scans SVG directory and generates `index.ts` with typed `Svg` component
 2. **Dev time**: Watches for SVG file changes and regenerates with HMR
 3. **Runtime**: SVGs are loaded as base64 data URLs via `import.meta.glob`, then parsed and modified in the browser
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
-import { P as PluginOptions } from './types-Bh508a5v.js';
-export { N as NumberWithUnit, b as SvgBase64, a as SvgColor, S as SvgProps } from './types-Bh508a5v.js';
+import { P as PluginOptions } from './types-Bc9GjRbg.js';
+export { N as NumberWithUnit, b as SvgBase64, a as SvgColor, c as SvgGlobResult, S as SvgProps } from './types-Bc9GjRbg.js';
 import 'svelte/elements';
 
 declare function svelteSvgPlugin(options?: PluginOptions): Plugin;

package/dist/index.js

@@ -2,7 +2,7 @@
 import { writeFileSync, existsSync, mkdirSync } from "fs";
 import { resolve, dirname } from "path";
 import { glob } from "glob";
-function generateSvgTypes(svgDir, outputPath, root) {
+function generateSvgModule(svgDir, outputPath, root) {
   const fullSvgDir = resolve(root, svgDir);
   const fullOutputPath = resolve(root, outputPath);
   const svgFiles = glob.sync(`${fullSvgDir}/**/*.svg`);
@@ -14,7 +14,6 @@ function generateSvgTypes(svgDir, outputPath, root) {
   const svgNameType = svgNames.length > 0 ? svgNames.map((name) => `'${name}'`).join(" | ") : "string";
   const outputDir = dirname(fullOutputPath);
   const relativeSvgDir = resolve(root, svgDir).replace(/\\/g, "/");
-  const relativeOutputDir = outputDir.replace(/\\/g, "/");
   let importPath = relativeSvgDir.replace(root.replace(/\\/g, "/"), "");
   if (!importPath.startsWith("/")) importPath = "/" + importPath;
   const moduleContent = `// Auto-generated by vite-plugin-for-svelte-svg
@@ -40,14 +39,13 @@ export const Svg = BaseSvg as Component<SvgProps>
   if (!existsSync(outputDir)) {
     mkdirSync(outputDir, { recursive: true });
   }
-  const tsOutputPath = fullOutputPath.replace(".d.ts", ".ts");
-  writeFileSync(tsOutputPath, moduleContent);
-  console.log(`[vite-plugin-for-svelte-svg] Generated: ${outputPath.replace(".d.ts", ".ts")}`);
+  writeFileSync(fullOutputPath, moduleContent);
+  console.log(`[vite-plugin-for-svelte-svg] Generated: ${outputPath}`);
 }
 function svelteSvgPlugin(options = {}) {
   const {
     dir = "src/svg",
-    typesOutput = "src/types/svg.d.ts",
+    output = "src/svg/index.ts",
     generateTypes = true
   } = options;
   let root = process.cwd();
@@ -58,7 +56,7 @@ function svelteSvgPlugin(options = {}) {
     },
     buildStart() {
       if (generateTypes) {
-        generateSvgTypes(dir, typesOutput, root);
+        generateSvgModule(dir, output, root);
       }
     },
     configureServer(server) {
@@ -66,7 +64,7 @@ function svelteSvgPlugin(options = {}) {
       const fullSvgDir = resolve(root, dir);
       server.watcher.add(fullSvgDir);
       const handleChange = () => {
-        generateSvgTypes(dir, typesOutput, root);
+        generateSvgModule(dir, output, root);
         server.ws.send({ type: "full-reload" });
       };
       server.watcher.on("add", (path) => {

package/dist/runtime/index.d.ts

@@ -1,6 +1,6 @@
 export { default as Svg } from './Svg.svelte';
-import { c as SvgModule, d as SvgRegistry } from '../types-Bh508a5v.js';
-export { N as NumberWithUnit, b as SvgBase64, a as SvgColor, S as SvgProps } from '../types-Bh508a5v.js';
+import { c as SvgGlobResult, d as SvgRegistry } from '../types-Bc9GjRbg.js';
+export { N as NumberWithUnit, b as SvgBase64, a as SvgColor, e as SvgModule, S as SvgProps } from '../types-Bc9GjRbg.js';
 import 'svelte/elements';
 
 /**
@@ -9,6 +9,6 @@ import 'svelte/elements';
  * import { initSvg } from 'vite-plugin-for-svelte-svg/runtime'
  * initSvg(import.meta.glob('./your-svg-dir/*.svg'))
  */
-declare function initSvg(globResult: Record<string, SvgModule>): SvgRegistry;
+declare function initSvg(globResult: SvgGlobResult): SvgRegistry;
 
-export { SvgModule, SvgRegistry, initSvg };
+export { SvgRegistry, initSvg };

package/dist/{types-Bh508a5v.d.ts → types-Bc9GjRbg.d.ts}

@@ -7,10 +7,10 @@ interface PluginOptions {
      */
     dir?: string;
     /**
-     * Output path for generated TypeScript types
-     * @default 'src/types/svg.d.ts'
+     * Output path for generated TypeScript module
+     * @default 'src/svg/index.ts'
      */
-    typesOutput?: string;
+    output?: string;
     /**
      * Whether to generate types on startup
      * @default true
@@ -28,6 +28,7 @@ interface SvgProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
 type SvgModule = () => Promise<{
     default: string;
 }>;
+type SvgGlobResult = Record<string, () => Promise<any>>;
 type SvgRegistry = Record<string, SvgModule>;
 
-export type { NumberWithUnit as N, PluginOptions as P, SvgProps as S, SvgColor as a, SvgBase64 as b, SvgModule as c, SvgRegistry as d };
+export type { NumberWithUnit as N, PluginOptions as P, SvgProps as S, SvgColor as a, SvgBase64 as b, SvgGlobResult as c, SvgRegistry as d, SvgModule as e };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-for-svelte-svg",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Vite plugin for SVG handling in Svelte projects with dynamic color and size support",
   "type": "module",
   "main": "./dist/index.js",