@basmilius/vite-preset 2.0.0

package/README.md

@@ -0,0 +1,19 @@
+<a href="https://bas.dev" target="_blank" rel="noopener">
+	<img src="https://bmcdn.nl/assets/branding/logo.svg" alt="Bas-logo" height="48"/>
+</a>
+
+---
+
+# `@basmilius/vite-preset`
+
+Contains presets for [Vite](https://vite.dev) and [Vue](https://vuejs.org).
+
+## ⭐️ Prerequisites
+
+- Bun >= 1.2.11
+- Node >= 23
+
+## 🚀 Getting started
+
+1. Run `bun install` in the root of the project.
+2. Run `bun --cwd packages/vite-preset build` to build the project.

package/dist/composeLibrary.d.ts

@@ -0,0 +1,11 @@
+import type { Plugin } from "vite";
+type ComposePlugin = () => Plugin;
+type PathGenerator = (name: string) => string;
+type Options = {
+	readonly name: string
+	readonly alias: string
+	readonly sourcesPathGenerator?: PathGenerator
+	readonly tsAliasPathGenerator?: PathGenerator
+};
+declare const _default: (options: Options) => ComposePlugin;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import composeLibrary from "./composeLibrary";
+import preset from "./preset";
+export { composeLibrary, preset };
+export { flux, fluxDashboard } from "./libraries";

package/dist/index.js

@@ -0,0 +1,4 @@
+import{existsSync as g,readFileSync as h,writeFileSync as y}from"node:fs";import{join as u,relative as b,resolve as P}from"node:path";import{searchForWorkspaceRoot as x}from"vite";var n=process.cwd(),N=x(n),f=u(b(n,N),"node_modules"),O=(e)=>P(n,`${f}/${e}/src`),S=(e)=>`${f}/${e}/src/*`,a=(e)=>{let t=e.sourcesPathGenerator??O,r=e.tsAliasPathGenerator??S,i=t(e.name);return()=>({name:e.name,config:()=>({optimizeDeps:{exclude:[e.name]},resolve:{alias:{[e.name]:i,[e.alias]:i}},server:{fs:{allow:[i]}}}),configResolved(c){let o=u(c.root,"tsconfig.json");if(!g(o))c.logger.error(`[${e.name}] A tsconfig.json is required for this library. Please create one.`),process.exit(1);let m=`${e.alias}/*`,d=h(o,{encoding:"utf-8"}),s=JSON.parse(d);if(s.compilerOptions.paths??={},m in s.compilerOptions.paths)return;s.compilerOptions.paths[m]=[r(e.name)],y(o,JSON.stringify(s,null,4),{encoding:"utf-8"})}})};import{resolve as L}from"node:path";import{camelCase as v,kebabCase as G}from"change-case";import{patchCssModules as C}from"vite-css-modules";import{searchForWorkspaceRoot as D}from"vite";import p from"css-class-generator";import A from"@laynezh/vite-plugin-lib-assets";import _ from"vite-plugin-dts";var l=[],j=(e)=>{function t(r){if(r.startsWith("i__const_"))r=r.substring(9),r=r.substring(0,r.length-2);if(e.cssModules?.classNames==="camel")return v(r);if(e.cssModules?.classNames==="kebab")return G(r);if(l.includes(r))return p(l.indexOf(r));return p(l.push(r)-1)}return{name:"@basmilius/vite-preset",config:()=>({build:{assetsInlineLimit:0,cssMinify:"lightningcss",minify:"esbuild",rollupOptions:{output:{assetFileNames:e.fileNames==="actual"||e.isLibrary?void 0:"[hash].[ext]",chunkFileNames:e.fileNames==="actual"||e.isLibrary?void 0:"[hash].js",entryFileNames:e.fileNames==="actual"||e.isLibrary?void 0:"[hash].js",compact:!e.isLibrary,minifyInternalExports:!0}}},css:{preprocessorMaxWorkers:!0,preprocessorOptions:{scss:{api:"modern-compiler"}},modules:{generateScopedName:e.cssModules?.generateScopedName??t}},json:{stringify:!0},resolve:{alias:{"@":L(process.cwd(),"./src")},extensions:[".js",".ts",".json",".vue"]},server:{fs:{allow:[D(process.cwd())]}}})}},k=(e={})=>[C(),j(e),e.isLibrary&&A({limit:0,name:"[contenthash:8].[ext]"}),e.isLibrary&&_({cleanVueFileName:!1})];var F=a({name:"@flux-ui/components",alias:"$flux"}),M=a({name:"@flux-ui/dashboard",alias:"$fluxDashboard"});export{k as preset,M as fluxDashboard,F as flux,a as composeLibrary};
+
+//# debugId=BEC55BC0F116414B64756E2164756E21
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,12 @@
+{
+  "version": 3,
+  "sources": ["../src/composeLibrary.ts", "../src/preset.ts", "../src/libraries.ts"],
+  "sourcesContent": [
+    "import { existsSync, readFileSync, writeFileSync } from 'node:fs';\nimport { join, relative, resolve } from 'node:path';\nimport type { Plugin, UserConfig } from 'vite';\nimport { searchForWorkspaceRoot } from 'vite';\n\ntype ComposePlugin = () => Plugin;\ntype PathGenerator = (name: string) => string;\n\ntype Options = {\n    readonly name: string;\n    readonly alias: string;\n    readonly sourcesPathGenerator?: PathGenerator;\n    readonly tsAliasPathGenerator?: PathGenerator;\n};\n\nconst WORKING_DIR = process.cwd();\nconst WORKSPACE_ROOT = searchForWorkspaceRoot(WORKING_DIR);\nconst WORKSPACE_NODE_MODULES = join(relative(WORKING_DIR, WORKSPACE_ROOT), 'node_modules');\n\nconst defaultSourcesPathGenerator: PathGenerator = name => resolve(WORKING_DIR, `${WORKSPACE_NODE_MODULES}/${name}/src`);\nconst defaultTsAliasPathGenerator: PathGenerator = name => `${WORKSPACE_NODE_MODULES}/${name}/src/*`;\n\nexport default (options: Options): ComposePlugin => {\n    const sourcesPathGenerator = options.sourcesPathGenerator ?? defaultSourcesPathGenerator;\n    const tsAliasPathGenerator = options.tsAliasPathGenerator ?? defaultTsAliasPathGenerator;\n\n    const src = sourcesPathGenerator(options.name);\n\n    return (): Plugin => ({\n        name: options.name,\n\n        config: (): UserConfig => ({\n            optimizeDeps: {\n                exclude: [options.name]\n            },\n            resolve: {\n                alias: {\n                    [options.name]: src,\n                    [options.alias]: src\n                }\n            },\n            server: {\n                fs: {\n                    allow: [src]\n                }\n            }\n        }),\n\n        configResolved(config): void {\n            const tsconfigPath = join(config.root, 'tsconfig.json');\n\n            if (!existsSync(tsconfigPath)) {\n                config.logger.error(`[${options.name}] A tsconfig.json is required for this library. Please create one.`);\n                process.exit(1);\n            }\n\n            const key = `${options.alias}/*`;\n            const tsconfigData = readFileSync(tsconfigPath, {encoding: 'utf-8'});\n            const tsconfig = JSON.parse(tsconfigData);\n            tsconfig.compilerOptions.paths ??= {};\n\n            if (key in tsconfig.compilerOptions.paths) {\n                return;\n            }\n\n            tsconfig.compilerOptions.paths[key] = [tsAliasPathGenerator(options.name)];\n\n            writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 4), {encoding: 'utf-8'});\n        }\n    });\n};\n",
+    "import { resolve } from 'node:path';\nimport { camelCase, kebabCase } from 'change-case';\nimport { patchCssModules } from 'vite-css-modules';\nimport type { Plugin } from 'vite';\nimport { searchForWorkspaceRoot } from 'vite';\nimport className from 'css-class-generator';\nimport libAssets from '@laynezh/vite-plugin-lib-assets';\nimport libDts from 'vite-plugin-dts';\n\nconst VISITED_CLASSES: string[] = [];\n\ntype Options = {\n    readonly cssModules?: {\n        readonly classNames?: 'mangled' | 'camel' | 'kebab';\n        readonly generateScopedName?: (name: string, filename: string, css: string) => string;\n    };\n    readonly fileNames?: 'hashes' | 'actual';\n    readonly isLibrary?: boolean;\n};\n\nconst presets = (options: Options): Plugin => {\n    function generateScopedName(name: string): string {\n        if (name.startsWith('i__const_')) {\n            name = name.substring(9);\n            name = name.substring(0, name.length - 2);\n        }\n\n        if (options.cssModules?.classNames === 'camel') {\n            return camelCase(name);\n        }\n\n        if (options.cssModules?.classNames === 'kebab') {\n            return kebabCase(name);\n        }\n\n        if (VISITED_CLASSES.includes(name)) {\n            return className(VISITED_CLASSES.indexOf(name));\n        }\n\n        return className(VISITED_CLASSES.push(name) - 1);\n    }\n\n    return {\n        name: '@basmilius/vite-preset',\n\n        config: () => ({\n            build: {\n                assetsInlineLimit: 0,\n                cssMinify: 'lightningcss',\n                minify: 'esbuild',\n                rollupOptions: {\n                    output: {\n                        assetFileNames: options.fileNames === 'actual' || options.isLibrary ? undefined : '[hash].[ext]',\n                        chunkFileNames: options.fileNames === 'actual' || options.isLibrary ? undefined : '[hash].js',\n                        entryFileNames: options.fileNames === 'actual' || options.isLibrary ? undefined : '[hash].js',\n                        compact: !options.isLibrary,\n                        minifyInternalExports: true\n                    }\n                }\n            },\n            css: {\n                preprocessorMaxWorkers: true,\n                preprocessorOptions: {\n                    scss: {\n                        api: 'modern-compiler'\n                    }\n                },\n                modules: {\n                    generateScopedName: options.cssModules?.generateScopedName ?? generateScopedName\n                }\n            },\n            json: {\n                stringify: true\n            },\n            resolve: {\n                alias: {\n                    '@': resolve(process.cwd(), './src')\n                },\n                extensions: [\n                    '.js',\n                    '.ts',\n                    '.json',\n                    '.vue'\n                ]\n            },\n            server: {\n                fs: {\n                    allow: [\n                        searchForWorkspaceRoot(process.cwd())\n                    ]\n                }\n            }\n        })\n    };\n};\n\nexport default (options: Options = {}): Plugin[] => [\n    patchCssModules(),\n    presets(options),\n\n    options.isLibrary && libAssets({\n        limit: 0,\n        name: '[contenthash:8].[ext]'\n    }),\n\n    options.isLibrary && libDts({\n        cleanVueFileName: false\n    })\n] satisfies Plugin[];\n",
+    "import type { Plugin } from 'vite';\nimport composeLibrary from './composeLibrary';\n\ntype LibraryPlugin = () => Plugin;\n\nexport const flux: LibraryPlugin = composeLibrary({\n    name: '@flux-ui/components',\n    alias: '$flux'\n});\n\nexport const fluxDashboard: LibraryPlugin = composeLibrary({\n    name: '@flux-ui/dashboard',\n    alias: '$fluxDashboard'\n});\n"
+  ],
+  "mappings": "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",
+  "debugId": "BEC55BC0F116414B64756E2164756E21",
+  "names": []
+}

package/dist/libraries.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from "vite";
+type LibraryPlugin = () => Plugin;
+export declare const flux: LibraryPlugin;
+export declare const fluxDashboard: LibraryPlugin;
+export {};

package/dist/preset.d.ts

@@ -0,0 +1,11 @@
+import type { Plugin } from "vite";
+type Options = {
+	readonly cssModules?: {
+		readonly classNames?: "mangled" | "camel" | "kebab"
+		readonly generateScopedName?: (name: string, filename: string, css: string) => string
+	}
+	readonly fileNames?: "hashes" | "actual"
+	readonly isLibrary?: boolean
+};
+declare const _default: (options?: Options) => Plugin[];
+export default _default;

package/package.json

@@ -0,0 +1,57 @@
+{
+    "name": "@basmilius/vite-preset",
+    "description": "Commonly used presets used in Vite + Vue setups.",
+    "version": "2.0.0",
+    "type": "module",
+    "license": "MIT",
+    "funding": "https://github.com/sponsors/basmilius",
+    "author": {
+        "name": "Bas Milius",
+        "email": "bas@mili.us",
+        "url": "https://bas.dev"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/basmilius/packages.git",
+        "directory": "packages/vite-preset"
+    },
+    "keywords": [
+        "build",
+        "vite",
+        "preset",
+        "vue"
+    ],
+    "files": [
+        "dist",
+        "src"
+    ],
+    "publishConfig": {
+        "access": "public",
+        "provenance": true
+    },
+    "scripts": {
+        "build": "bun -b build.ts"
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "typings": "./dist/index.d.ts",
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "default": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "dependencies": {
+        "@laynezh/vite-plugin-lib-assets": "^1.1.0",
+        "change-case": "^5.4.4",
+        "css-class-generator": "^2.0.0",
+        "lightningcss": "^1.29.3",
+        "vite-css-modules": "^1.8.6",
+        "vite-plugin-dts": "^4.5.3"
+    },
+    "devDependencies": {
+        "@basmilius/tools": "2.0.0",
+        "vite": "^6.3.3"
+    }
+}

package/src/composeLibrary.ts

@@ -0,0 +1,71 @@
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { join, relative, resolve } from 'node:path';
+import type { Plugin, UserConfig } from 'vite';
+import { searchForWorkspaceRoot } from 'vite';
+
+type ComposePlugin = () => Plugin;
+type PathGenerator = (name: string) => string;
+
+type Options = {
+    readonly name: string;
+    readonly alias: string;
+    readonly sourcesPathGenerator?: PathGenerator;
+    readonly tsAliasPathGenerator?: PathGenerator;
+};
+
+const WORKING_DIR = process.cwd();
+const WORKSPACE_ROOT = searchForWorkspaceRoot(WORKING_DIR);
+const WORKSPACE_NODE_MODULES = join(relative(WORKING_DIR, WORKSPACE_ROOT), 'node_modules');
+
+const defaultSourcesPathGenerator: PathGenerator = name => resolve(WORKING_DIR, `${WORKSPACE_NODE_MODULES}/${name}/src`);
+const defaultTsAliasPathGenerator: PathGenerator = name => `${WORKSPACE_NODE_MODULES}/${name}/src/*`;
+
+export default (options: Options): ComposePlugin => {
+    const sourcesPathGenerator = options.sourcesPathGenerator ?? defaultSourcesPathGenerator;
+    const tsAliasPathGenerator = options.tsAliasPathGenerator ?? defaultTsAliasPathGenerator;
+
+    const src = sourcesPathGenerator(options.name);
+
+    return (): Plugin => ({
+        name: options.name,
+
+        config: (): UserConfig => ({
+            optimizeDeps: {
+                exclude: [options.name]
+            },
+            resolve: {
+                alias: {
+                    [options.name]: src,
+                    [options.alias]: src
+                }
+            },
+            server: {
+                fs: {
+                    allow: [src]
+                }
+            }
+        }),
+
+        configResolved(config): void {
+            const tsconfigPath = join(config.root, 'tsconfig.json');
+
+            if (!existsSync(tsconfigPath)) {
+                config.logger.error(`[${options.name}] A tsconfig.json is required for this library. Please create one.`);
+                process.exit(1);
+            }
+
+            const key = `${options.alias}/*`;
+            const tsconfigData = readFileSync(tsconfigPath, {encoding: 'utf-8'});
+            const tsconfig = JSON.parse(tsconfigData);
+            tsconfig.compilerOptions.paths ??= {};
+
+            if (key in tsconfig.compilerOptions.paths) {
+                return;
+            }
+
+            tsconfig.compilerOptions.paths[key] = [tsAliasPathGenerator(options.name)];
+
+            writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 4), {encoding: 'utf-8'});
+        }
+    });
+};

package/src/deps.d.ts

@@ -0,0 +1,3 @@
+declare module 'css-class-generator' {
+    export default function (index: number): string;
+}

package/src/index.ts

@@ -0,0 +1,12 @@
+import composeLibrary from './composeLibrary';
+import preset from './preset';
+
+export {
+    composeLibrary,
+    preset
+};
+
+export {
+    flux,
+    fluxDashboard
+} from './libraries';

package/src/libraries.ts

@@ -0,0 +1,14 @@
+import type { Plugin } from 'vite';
+import composeLibrary from './composeLibrary';
+
+type LibraryPlugin = () => Plugin;
+
+export const flux: LibraryPlugin = composeLibrary({
+    name: '@flux-ui/components',
+    alias: '$flux'
+});
+
+export const fluxDashboard: LibraryPlugin = composeLibrary({
+    name: '@flux-ui/dashboard',
+    alias: '$fluxDashboard'
+});

package/src/preset.ts

@@ -0,0 +1,109 @@
+import { resolve } from 'node:path';
+import { camelCase, kebabCase } from 'change-case';
+import { patchCssModules } from 'vite-css-modules';
+import type { Plugin } from 'vite';
+import { searchForWorkspaceRoot } from 'vite';
+import className from 'css-class-generator';
+import libAssets from '@laynezh/vite-plugin-lib-assets';
+import libDts from 'vite-plugin-dts';
+
+const VISITED_CLASSES: string[] = [];
+
+type Options = {
+    readonly cssModules?: {
+        readonly classNames?: 'mangled' | 'camel' | 'kebab';
+        readonly generateScopedName?: (name: string, filename: string, css: string) => string;
+    };
+    readonly fileNames?: 'hashes' | 'actual';
+    readonly isLibrary?: boolean;
+};
+
+const presets = (options: Options): Plugin => {
+    function generateScopedName(name: string): string {
+        if (name.startsWith('i__const_')) {
+            name = name.substring(9);
+            name = name.substring(0, name.length - 2);
+        }
+
+        if (options.cssModules?.classNames === 'camel') {
+            return camelCase(name);
+        }
+
+        if (options.cssModules?.classNames === 'kebab') {
+            return kebabCase(name);
+        }
+
+        if (VISITED_CLASSES.includes(name)) {
+            return className(VISITED_CLASSES.indexOf(name));
+        }
+
+        return className(VISITED_CLASSES.push(name) - 1);
+    }
+
+    return {
+        name: '@basmilius/vite-preset',
+
+        config: () => ({
+            build: {
+                assetsInlineLimit: 0,
+                cssMinify: 'lightningcss',
+                minify: 'esbuild',
+                rollupOptions: {
+                    output: {
+                        assetFileNames: options.fileNames === 'actual' || options.isLibrary ? undefined : '[hash].[ext]',
+                        chunkFileNames: options.fileNames === 'actual' || options.isLibrary ? undefined : '[hash].js',
+                        entryFileNames: options.fileNames === 'actual' || options.isLibrary ? undefined : '[hash].js',
+                        compact: !options.isLibrary,
+                        minifyInternalExports: true
+                    }
+                }
+            },
+            css: {
+                preprocessorMaxWorkers: true,
+                preprocessorOptions: {
+                    scss: {
+                        api: 'modern-compiler'
+                    }
+                },
+                modules: {
+                    generateScopedName: options.cssModules?.generateScopedName ?? generateScopedName
+                }
+            },
+            json: {
+                stringify: true
+            },
+            resolve: {
+                alias: {
+                    '@': resolve(process.cwd(), './src')
+                },
+                extensions: [
+                    '.js',
+                    '.ts',
+                    '.json',
+                    '.vue'
+                ]
+            },
+            server: {
+                fs: {
+                    allow: [
+                        searchForWorkspaceRoot(process.cwd())
+                    ]
+                }
+            }
+        })
+    };
+};
+
+export default (options: Options = {}): Plugin[] => [
+    patchCssModules(),
+    presets(options),
+
+    options.isLibrary && libAssets({
+        limit: 0,
+        name: '[contenthash:8].[ext]'
+    }),
+
+    options.isLibrary && libDts({
+        cleanVueFileName: false
+    })
+] satisfies Plugin[];