@imagexmedia/vite 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# SWAT Vite

package/configs/default.vite.config.js

@@ -0,0 +1,3 @@
+import { setConfig } from '@imagexmedia/vite'
+
+export default setConfig()

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import type { UserConfig, UserConfigFnObject } from 'vite';
+import type { ViteSvgOptions } from './plugins/svg.ts';
+interface ViteOptions {
+    /**
+     * An object of resolvable aliases where the key is a name and the value is a directory.
+     *
+     * @example
+     * ```ts
+     * {
+     *   aliases: {
+     *     "@abstracts": path.resolve(process.cwd(), "src/abstracts"),
+     *   }
+     * }
+     * ```
+     *
+     * @see https://vite.dev/config/shared-options.html#resolve-alias
+     */
+    aliases?: Record<string, string>;
+    plugins?: {
+        svg?: ViteSvgOptions;
+    };
+}
+/**
+ * Define Vite configuration.
+ */
+export declare function setConfig(options?: ViteOptions, config?: UserConfig | UserConfigFnObject): UserConfigFnObject;
+export {};

package/dist/index.js

@@ -0,0 +1,77 @@
+import path from 'node:path';
+import process from 'node:process';
+import merge from 'deepmerge';
+import globby from 'globby';
+import { defineConfig, mergeConfig } from 'vite';
+import { registerSvgPlugins } from "./plugins/svg.js";
+/**
+ * Define Vite configuration.
+ */
+export function setConfig(options = {}, config = {}) {
+    options = merge({
+        aliases: {},
+        plugins: {},
+    }, options);
+    const cwd = String(process.env.INIT_CWD);
+    const input = {};
+    const inputPatterns = [
+        // Look for inputs in the root source directory.
+        `${cwd}/src/*.{js,jsx,ts,tsx,css,scss}`,
+        // Look for inputs in the first-level subdirectories of the root source directory.
+        `${cwd}/src/*/*.{js,jsx,ts,tsx,css,scss}`,
+    ];
+    inputPatterns.forEach((pattern) => {
+        if (Object.keys(input).length === 0) {
+            globby.sync(pattern).forEach((filepath) => {
+                const { name } = path.parse(filepath);
+                if (name.match(/^[^a-z0-9]/i))
+                    return;
+                input[`${name}-${Object.keys(input).length}`] = filepath;
+            });
+        }
+    });
+    // Strip unique index from output filename.
+    const processFilename = (value) => {
+        return value.replace(/-\d+$/, '');
+    };
+    return defineConfig((env) => {
+        const baseConfig = {
+            plugins: [
+                ...registerSvgPlugins(options.plugins?.svg),
+            ],
+            publicDir: './static',
+            build: {
+                outDir: 'public',
+                sourcemap: env.mode !== 'production',
+                minify: env.mode === 'production',
+                rollupOptions: {
+                    input,
+                    output: {
+                        entryFileNames: chunkInfo => `js/${processFilename(chunkInfo.name)}.js`,
+                        assetFileNames: (assetInfo) => {
+                            const { name, ext } = path.parse(assetInfo.names[0]);
+                            return `${ext === '.css' ? 'css' : 'assets'}/${processFilename(name)}.[ext]`;
+                        },
+                    },
+                },
+            },
+            css: {
+                devSourcemap: env.mode !== 'production',
+                preprocessorOptions: {
+                    scss: {
+                        // Silence @import deprecation warning.
+                        // @todo Remove silenced deprecation when Bootstrap 6 is released.
+                        //   https://github.com/twbs/bootstrap/pull/41512
+                        silenceDeprecations: ['import'],
+                        // Silence deprecation warnings in node modules.
+                        quietDeps: true,
+                    },
+                },
+            },
+            resolve: {
+                alias: options.aliases,
+            },
+        };
+        return mergeConfig(baseConfig, typeof config === 'function' ? config(env) : config);
+    });
+}

package/dist/plugins/svg.d.ts

@@ -0,0 +1,9 @@
+import type { Config } from 'svgo';
+import type { PluginOption } from 'vite';
+export interface ViteSvgOptions {
+    /**
+     * Optional SVGO configuration overrides.
+     */
+    svgo?: Config;
+}
+export declare function registerSvgPlugins(options?: ViteSvgOptions): PluginOption[];

package/dist/plugins/svg.js

@@ -0,0 +1,37 @@
+import VitePluginSvgSpritemap from '@spiriit/vite-plugin-svg-spritemap';
+import merge from 'deepmerge';
+import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
+const baseConfig = {
+    multipass: true,
+    plugins: [
+        {
+            name: 'preset-default',
+            params: {
+                overrides: {
+                    cleanupIds: false,
+                },
+            },
+        },
+        {
+            name: 'removeAttrs',
+            params: {
+                attrs: '*:(stroke|fill):((?!^var|url).)*',
+            },
+        },
+        'removeDimensions',
+    ],
+};
+export function registerSvgPlugins(options) {
+    return [
+        ViteImageOptimizer({
+            test: /\.(svg)$/i,
+            includePublic: true,
+            svg: merge(baseConfig, options?.svgo || {}),
+        }),
+        VitePluginSvgSpritemap('src/icons/*.svg', {
+            output: 'icons-sprite.svg',
+            // SVG assets in the public directory are optimized after the build.
+            svgo: false,
+        }),
+    ];
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@imagexmedia/vite",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "The ImageX SWAT Vite package.",
+  "author": "ImageX Media",
+  "license": "MIT",
+  "exports": {
+    ".": "./dist/index.js",
+    "./plugins/svg": {
+      "types": "./dist/plugins/svg.d.ts",
+      "default": "./dist/plugins/svg.js"
+    }
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "configs",
+    "dist",
+    "types"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && tsc -b && mkdir -p packs && npm pack --pack-destination packs"
+  },
+  "peerDependencies": {
+    "@spiriit/vite-plugin-svg-spritemap": "^5.0.0",
+    "sass-embedded": "^1.95.1",
+    "svgo": "^4.0.0",
+    "vite": "^7.2.7",
+    "vite-plugin-image-optimizer": "^2.0.3"
+  }
+}

package/types/vite.d.ts

@@ -0,0 +1 @@
+import type {} from 'vite/client'