@onedarnleyroad/vite-plugin-svg-sprite 2.0.0-beta.4 → 2.0.0-beta.6

package/README.md

@@ -12,7 +12,6 @@ A Vite plugin that builds SVG sprite sheets from a directory of SVG files — wi
 - **Preserves outer `<svg>` attributes** on the generated `<symbol>` — `fill="currentColor"`, `stroke`, `class`, `role`, `aria-*`, `data-*`, `style` (including CSS custom properties), etc. Only the truly wrapper-specific attributes are stripped: `xmlns`, `version`, `width`, `height`, and `id` (we set our own).
 - Preserves existing `<title>` elements, or falls back to the filename
 - Strips comments and empty `<defs>` blocks
-- Dev server serves sprites from memory with full-reload on change
 
 ## Installation
 
@@ -92,19 +91,29 @@ With `build.manifest: true` enabled, each sprite is registered in `manifest.json
 }
 ```
 
-With Craft CMS + [nystudio107/craft-vite](https://nystudio107.com/docs/vite/), use `craft.vite.asset()` — **not `entry()`**. The `asset()` helper is dev-server-aware; `entry()` always reads the manifest, so in dev it would serve stale built files:
+With Craft CMS + [nystudio107/craft-vite](https://nystudio107.com/docs/vite/):
 
 ```twig
 <svg aria-hidden="true">
-  <use href="{{ craft.vite.asset('src/icons/sprite.svg') }}#svg-arrow"></use>
+  <use href="{{ craft.vite.entry('src/icons/sprite.svg') }}#svg-arrow"></use>
 </svg>
 
 <svg aria-hidden="true">
-  <use href="{{ craft.vite.asset('src/icons/sprite-light.svg') }}#svg-sun"></use>
+  <use href="{{ craft.vite.entry('src/icons/sprite-light.svg') }}#svg-sun"></use>
 </svg>
 ```
 
-In dev, `asset()` returns the Vite dev-server URL (e.g. `https://…:3000/src/icons/sprite.svg`), which the plugin's in-memory middleware serves. In production it returns the hashed URL from the manifest.
+`entry()` resolves the hashed URL from the manifest.
+
+## Development workflow
+
+Sprites are generated at build time only — the plugin does **not** run during `vite dev`. For a live-ish dev loop, run a separate build watcher alongside your usual dev server:
+
+```bash
+vite build --watch
+```
+
+Every edit under `inputDir` triggers a rebuild (a second or two), updates `manifest.json` with the new content hash, and `craft.vite.entry('src/icons/sprite.svg')` picks up the new URL on the next request. Not instant HMR, but avoids the CORS / cross-origin complications of trying to serve sprites through a separate dev port.
 
 ### Without manifest
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onedarnleyroad/vite-plugin-svg-sprite",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.6",
   "description": "Vite plugin that builds an SVG sprite sheet from a directory of SVG files",
   "type": "module",
   "exports": {

package/src/index.js

@@ -97,7 +97,6 @@ export default function svgSpritePlugin(options = {}) {
         throw new Error('[vite-plugin-svg-sprite] `inputDir` is required.')
     }
 
-    const absInputDir = resolve(inputDir)
     const emitted = []
     let viteConfig
 
@@ -141,39 +140,5 @@ export default function svgSpritePlugin(options = {}) {
 
             writeFileSync(manifestPath, JSON.stringify(manifest, null, 2))
         },
-
-        configureServer(server) {
-            const sprites = new Map()
-
-            const rebuild = () => {
-                sprites.clear()
-                for (const group of collectSpriteGroups(inputDir, prefix)) {
-                    const key = join(inputDir, group.logicalName)
-                    sprites.set(key, buildSpriteSvg(group.dir, group.files))
-                }
-            }
-            rebuild()
-
-            server.middlewares.use((req, res, next) => {
-                const path = req.url?.split('?')[0]?.replace(/^\//, '')
-                if (!path) return next()
-                const match = sprites.get(path)
-                if (!match) return next()
-                res.setHeader('Content-Type', 'image/svg+xml')
-                res.setHeader('Cache-Control', 'no-cache')
-                res.setHeader('Access-Control-Allow-Origin', '*')
-                res.end(match)
-            })
-
-            server.watcher.add(absInputDir)
-            const onChange = file => {
-                if (!file.startsWith(absInputDir)) return
-                rebuild()
-                server.ws.send({ type: 'full-reload' })
-            }
-            server.watcher.on('change', onChange)
-            server.watcher.on('add', onChange)
-            server.watcher.on('unlink', onChange)
-        },
     }
 }