2.0.0 - Runs on build

Author: AlemTuzlak

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-icons-spritesheet",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "Vite plugin that generates a spritesheet out of your icons.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

src/index.ts

@@ -1,12 +1,12 @@
 /*eslint-disable no-console */
-import { promises as fs } from "fs";
-import path from "path";
+import { promises as fs } from "node:fs";
+import path from "node:path";
 import { glob } from "glob";
 import { parse } from "node-html-parser";
 import chalk from "chalk";
 import type { Plugin } from "vite";
 import { normalizePath } from "vite";
-import { mkdir } from "fs/promises";
+import { mkdir } from "node:fs/promises";
 
 interface PluginProps {
   withTypes?: boolean;
@@ -125,13 +125,13 @@ async function generateTypes({ names, outputPath }: { names: string[]; outputPat
   const output = [
     "// This file is generated by icon spritesheet generator",
     "",
-    "export type IconName =",
-    ...names.map((name) => `  | "${name}"`),
-    "",
+
     "export const iconNames = [",
     ...names.map((name) => `  "${name}",`),
     "] as const",
     "",
+    "export type IconName = typeof iconNames[number]",
+    "",
   ].join("\n");
 
   const file = await writeIfChanged(
@@ -160,6 +160,7 @@ async function writeIfChanged(filepath: string, newContent: string, message: str
   }
 }
 
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
 export const iconsSpritesheet: (args: PluginProps) => any = ({
   withTypes,
   inputDir,
@@ -180,10 +181,7 @@ export const iconsSpritesheet: (args: PluginProps) => any = ({
     });
   return {
     name: "icon-spritesheet-generator",
-    apply(config) {
-      return config.mode === "development";
-    },
-    async configResolved() {
+    async buildStart() {
       await iconGenerator();
     },
     async watchChange(file, type) {
@@ -198,5 +196,6 @@ export const iconsSpritesheet: (args: PluginProps) => any = ({
         await iconGenerator();
       }
     },
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   } satisfies Plugin<any>;
 };

…-apps/remix-vite/public/icons/sprite.svg test-apps/remix-vite/app/icons/sprite.svgtest-apps/remix-vite/public/icons/sprite.svg renamed to test-apps/remix-vite/app/icons/sprite.svg test-apps/remix-vite/public/icons/sprite.svg renamed to test-apps/remix-vite/app/icons/sprite.svg

@@ -1,16 +1,11 @@
 // This file is generated by icon spritesheet generator
 
-export type IconName =
-  | "Test"
-  | "De"
-  | "C"
-  | "B"
-  | "A"
-
 export const iconNames = [
   "Test",
   "De",
   "C",
   "B",
   "A",
 ] as const
+
+export type IconName = typeof iconNames[number]

…st-apps/remix-vite/public/icons/types.ts test-apps/remix-vite/app/icons/types.tstest-apps/remix-vite/public/icons/types.ts renamed to test-apps/remix-vite/app/icons/types.ts test-apps/remix-vite/public/icons/types.ts renamed to test-apps/remix-vite/app/icons/types.ts

@@ -1,10 +1,4 @@
-import {
-  Links,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
-} from "@remix-run/react";
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (

test-apps/remix-vite/app/root.tsx

@@ -1,10 +1,19 @@
+import type { LinksFunction } from "@remix-run/node";
 import type { MetaFunction } from "@remix-run/node";
 // Import and test your package
+import sprite from "../icons/sprite.svg";
 
 export const meta: MetaFunction = () => {
-  return [{ title: "New Remix App" }, { name: "description", content: "Welcome to Remix!" }];
+  return [{ title: "New Remix App" }, { name: "description", content: "Welcome to Remix!" }, {}];
 };
 
+export const links: LinksFunction = () => [
+  {
+    href: sprite,
+    rel: "icon",
+  },
+];
+
 export default function Index() {
   return (
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>

test-apps/remix-vite/app/routes/_index.tsx

@@ -12,7 +12,10 @@ export default defineConfig({
     iconsSpritesheet({
       withTypes: true,
       inputDir: "icons",
-      outputDir: "public/icons",
+      outputDir: "./app/icons",
     }),
   ],
+  build: {
+    assetsInlineLimit: 0,
+  },
 });