feat: re-add virtual module (#31)

mcansh · Apr 10, 2024 · 41f7c0c · 41f7c0c
1 parent 6996772
commit 41f7c0c
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/small-pianos-work.md b/.changeset/small-pianos-work.md
@@ -0,0 +1,5 @@
+---
+"@mcansh/vite-svg-sprite-plugin": patch
+---
+
+re-add virtual module support
diff --git a/examples/remix/app/routes/_index/route.tsx b/examples/remix/app/routes/_index/route.tsx
@@ -3,6 +3,7 @@ import archiveBoxArrowDownIconHref from "~/assets/archive-box-arrow-down.svg";
 import beakerIconHref from "heroicons/24/outline/beaker.svg";
 import eyeIconHref from "lucide-static/icons/eye.svg";
 import homeIconHref from "lucide-static/icons/home.svg";
+import spriteUrl from "virtual:@mcansh/vite-svg-sprite-plugin";
 import { Icon } from "./icon";
 
 export const meta: MetaFunction = () => {
@@ -16,6 +17,7 @@ export default function Index() {
   return (
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
       <h1>Welcome to Remix</h1>
+      <h2>{spriteUrl}</h2>
 
       <Icon icon={archiveBoxArrowDownIconHref} width={100} height={100} />
       <Icon icon={beakerIconHref} width={100} height={100} />

diff --git a/examples/remix/vite.config.ts b/examples/remix/vite.config.ts
@@ -12,7 +12,7 @@ export default defineConfig({
     tsconfigPaths(),
     createSvgSpritePlugin({
       logging: true,
-      spriteOutputName: "some-file.svg",
+      spriteOutputName: "mysvgsprite.svg",
     }),
   ],
 });
diff --git a/packages/vite-svg-sprite-plugin/src/index.ts b/packages/vite-svg-sprite-plugin/src/index.ts
@@ -136,8 +136,8 @@ export function createSvgSpritePlugin(configOptions?: Config): Array<Plugin> {
 
       async load(id) {
         if (id === resolvedVirtualModuleId) {
-          warn(`the virtual module has been temporarily disabled`);
-          return js`export default "";`;
+          let spriteUrl = `/${config.build.assetsDir}/${options.spriteOutputName}`;
+          return js`export default ${JSON.stringify(spriteUrl)}`;
         }
       },