@imagexmedia/vite 0.0.3 → 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imagexmedia/vite",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.4-beta.1",
   "description": "The ImageX SWAT Vite package.",
   "author": "ImageX Media",
   "license": "MIT",