chore: use vite's emitFile (#29)

mcansh · Apr 10, 2024 · 9507fa9 · 9507fa9
1 parent 96f9c1b
commit 9507fa9
Show file tree

Hide file tree

Showing 25 changed files with 234 additions and 134 deletions.
diff --git a/.changeset/itchy-trainers-dream.md b/.changeset/itchy-trainers-dream.md
@@ -0,0 +1,9 @@
+---
+"@mcansh/vite-svg-sprite-plugin": minor
+---
+
+use vite's emitFile to emit consistent file to all builds
+
+do some post build file transforms to replace the dev sprite name with the actual hashed sprite filename
+
+sort icons before adding to sprite for consistent hashes
diff --git a/examples/vite-no-remix/.gitignore → examples/basic-vite/.gitignore b/examples/vite-no-remix/.gitignore → examples/basic-vite/.gitignore
diff --git a/examples/vite-no-remix/index.html → examples/basic-vite/index.html b/examples/vite-no-remix/index.html → examples/basic-vite/index.html
diff --git a/examples/vite-no-remix/package.json → examples/basic-vite/package.json b/examples/vite-no-remix/package.json → examples/basic-vite/package.json
diff --git a/examples/vite-no-remix/public/vite.svg → examples/basic-vite/public/vite.svg b/examples/vite-no-remix/public/vite.svg → examples/basic-vite/public/vite.svg
diff --git a/examples/vite-no-remix/src/app.tsx → examples/basic-vite/src/app.tsx b/examples/vite-no-remix/src/app.tsx → examples/basic-vite/src/app.tsx
diff --git a/...e-no-remix/src/archive-box-arrow-down.svg → ...basic-vite/src/archive-box-arrow-down.svg b/...e-no-remix/src/archive-box-arrow-down.svg → ...basic-vite/src/archive-box-arrow-down.svg
diff --git a/examples/vite-no-remix/src/index.tsx → examples/basic-vite/src/index.tsx b/examples/vite-no-remix/src/index.tsx → examples/basic-vite/src/index.tsx
diff --git a/examples/vite-no-remix/tsconfig.json → examples/basic-vite/tsconfig.json b/examples/vite-no-remix/tsconfig.json → examples/basic-vite/tsconfig.json
diff --git a/examples/vite-no-remix/vite.config.ts → examples/basic-vite/vite.config.ts b/examples/vite-no-remix/vite.config.ts → examples/basic-vite/vite.config.ts
diff --git a/examples/vite-remix/.eslintrc.cjs → examples/remix/.eslintrc.cjs b/examples/vite-remix/.eslintrc.cjs → examples/remix/.eslintrc.cjs
diff --git a/examples/vite-remix/.gitignore → examples/remix/.gitignore b/examples/vite-remix/.gitignore → examples/remix/.gitignore
diff --git a/examples/vite-remix/README.md → examples/remix/README.md b/examples/vite-remix/README.md → examples/remix/README.md
diff --git a/...mix/app/assets/archive-box-arrow-down.svg → ...mix/app/assets/archive-box-arrow-down.svg b/...mix/app/assets/archive-box-arrow-down.svg → ...mix/app/assets/archive-box-arrow-down.svg
diff --git a/examples/vite-remix/app/entry.client.tsx → examples/remix/app/entry.client.tsx b/examples/vite-remix/app/entry.client.tsx → examples/remix/app/entry.client.tsx
diff --git a/examples/vite-remix/app/entry.server.tsx → examples/remix/app/entry.server.tsx b/examples/vite-remix/app/entry.server.tsx → examples/remix/app/entry.server.tsx
diff --git a/examples/vite-remix/app/root.tsx → examples/remix/app/root.tsx b/examples/vite-remix/app/root.tsx → examples/remix/app/root.tsx
diff --git a/...les/vite-remix/app/routes/_index/icon.tsx → examples/remix/app/routes/_index/icon.tsx b/...les/vite-remix/app/routes/_index/icon.tsx → examples/remix/app/routes/_index/icon.tsx
diff --git a/...es/vite-remix/app/routes/_index/route.tsx → examples/remix/app/routes/_index/route.tsx b/...es/vite-remix/app/routes/_index/route.tsx → examples/remix/app/routes/_index/route.tsx
@@ -3,7 +3,6 @@ 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:vite-svg-sprite-plugin";
 import { Icon } from "./icon";
 
 export const meta: MetaFunction = () => {
@@ -18,7 +17,6 @@ export default function Index() {
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
       <h1>Welcome to Remix</h1>
 
-      <p>{spriteUrl}</p>
       <Icon icon={archiveBoxArrowDownIconHref} width={100} height={100} />
       <Icon icon={beakerIconHref} width={100} height={100} />
       <Icon icon={eyeIconHref} width={100} height={100} />

diff --git a/examples/vite-remix/package.json → examples/remix/package.json b/examples/vite-remix/package.json → examples/remix/package.json
diff --git a/examples/vite-remix/public/favicon.ico → examples/remix/public/favicon.ico b/examples/vite-remix/public/favicon.ico → examples/remix/public/favicon.ico
diff --git a/examples/vite-remix/tsconfig.json → examples/remix/tsconfig.json b/examples/vite-remix/tsconfig.json → examples/remix/tsconfig.json
diff --git a/examples/vite-remix/vite.config.ts → examples/remix/vite.config.ts b/examples/vite-remix/vite.config.ts → examples/remix/vite.config.ts
@@ -11,7 +11,8 @@ export default defineConfig({
     remix(),
     tsconfigPaths(),
     createSvgSpritePlugin({
-      spriteOutputName: "sprite.svg",
+      logging: true,
+      spriteOutputName: "some-file.svg",
     }),
   ],
 });