@imagexmedia/vite 0.0.2 → 0.0.4-beta.1

package/dist/index.js

@@ -3,6 +3,7 @@ import process from 'node:process';
 import merge from 'deepmerge';
 import globby from 'globby';
 import { defineConfig, mergeConfig } from 'vite';
+import { registerCssPlugins } from "./plugins/css.js";
 import { registerSvgPlugins } from "./plugins/svg.js";
 /**
  * Define Vite configuration.
@@ -37,6 +38,7 @@ export function setConfig(options = {}, config = {}) {
     return defineConfig((env) => {
         const baseConfig = {
             plugins: [
+                ...registerCssPlugins(),
                 ...registerSvgPlugins(options.plugins?.svg),
             ],
             publicDir: './static',

package/dist/plugins/css.d.ts

@@ -0,0 +1,5 @@
+import type { ResolvedConfig } from 'vite';
+export declare function registerCssPlugins(): {
+    name: string;
+    configResolved(config: ResolvedConfig): void;
+}[];

package/dist/plugins/css.js

@@ -0,0 +1,40 @@
+import { Buffer } from 'node:buffer';
+import fs from 'node:fs';
+import path from 'node:path';
+function cssSourcemap() {
+    return {
+        name: 'css-sourcemap',
+        configResolved(config) {
+            if (config.command !== 'build' || !config.css.devSourcemap)
+                return;
+            const plugin = config.plugins.find((v) => v.name === 'vite:css');
+            const transformHandler = plugin?.transform.handler;
+            if (!plugin || !transformHandler)
+                return;
+            plugin.transform.handler = async function (raw, id) {
+                const result = await transformHandler.call(this, raw, id);
+                if (result.map?.mappings) {
+                    result.map.sourcesContent = [];
+                    const outDir = path.join(config.root, config.build.outDir, config.build.assetsDir);
+                    result.map.sources = result.map.sources.map((source, index) => {
+                        try {
+                            result.map.sourcesContent[index] = fs.readFileSync(source, 'utf-8');
+                        }
+                        catch {
+                            result.map.sourcesContent[index] = null;
+                        }
+                        return path.relative(outDir, source);
+                    });
+                    const mapEncoded = Buffer.from(JSON.stringify(result.map)).toString('base64');
+                    result.code += `\n/*# sourceMappingURL=data:application/json;base64,${mapEncoded} */`;
+                }
+                return result;
+            };
+        },
+    };
+}
+export function registerCssPlugins() {
+    // @todo Review and possibly remove when Vite stabilizes the devSourcemap option.
+    //   https://github.com/vitejs/vite/discussions/13845
+    return [cssSourcemap()];
+}

package/dist/plugins/svg.js

@@ -1,5 +1,6 @@
 import VitePluginSvgSpritemap from '@spiriit/vite-plugin-svg-spritemap';
 import merge from 'deepmerge';
+import globby from 'globby';
 import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
 const baseConfig = {
     multipass: true,
@@ -22,16 +23,19 @@ const baseConfig = {
     ],
 };
 export function registerSvgPlugins(options) {
-    return [
+    const plugins = [
         ViteImageOptimizer({
             test: /\.(svg)$/i,
             includePublic: true,
             svg: merge(baseConfig, options?.svgo || {}),
         }),
-        VitePluginSvgSpritemap('src/icons/*.svg', {
+    ];
+    if (globby.sync('src/icons/*.svg').length) {
+        plugins.push(VitePluginSvgSpritemap('src/icons/*.svg', {
             output: 'icons-sprite.svg',
             // SVG assets in the public directory are optimized after the build.
             svgo: false,
-        }),
-    ];
+        }));
+    }
+    return plugins;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imagexmedia/vite",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4-beta.1",
   "description": "The ImageX SWAT Vite package.",
   "author": "ImageX Media",
   "license": "MIT",
@@ -21,14 +21,17 @@
     "dist",
     "types"
   ],
+  "engines": {
+    "node": ">=22"
+  },
   "scripts": {
     "build": "rm -rf dist && tsc -b && mkdir -p packs && npm pack --pack-destination packs"
   },
   "dependencies": {
-    "@spiriit/vite-plugin-svg-spritemap": "^5.0.0",
-    "sass-embedded": "^1.95.1",
+    "@spiriit/vite-plugin-svg-spritemap": "^6.0.0",
+    "sass-embedded": "^1.97.3",
     "svgo": "^4.0.0",
-    "vite": "^7.2.7",
+    "vite": "^7.3.1",
     "vite-plugin-image-optimizer": "^2.0.3"
   }
 }