@almighty-shogun/vite-preset 0.0.0-stage → 0.0.0

package/CODEOWNERS

@@ -0,0 +1 @@
+* @Almighty-Shogun

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 - 2026 Almighty-Shogun
+
+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

@@ -1,3 +1,10 @@
-# Temporary Holding Version
+# Vite Preset
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+CSS Modules class name generation for Vite projects.
+
+## 📃 Prerequisites
+- **[Bun](https://bun.sh)**: >= 1.3.10
+
+## 📦 Building
+- Use the command `bun install` in the root directory to install the required dependencies.
+- Run `bun --cwd packages/vite-preset build` to build the package.

package/dist/index.d.mts

@@ -0,0 +1,11 @@
+import { Plugin } from "vite";
+//#region src/cssModules.d.ts
+type Options = {
+  readonly classNames?: 'mangled' | 'camel' | 'kebab';
+  readonly generateScopeName?: (name: string, filename: string, css: string) => string;
+  readonly prefix?: string;
+};
+declare const cssModules: (options?: Options) => Plugin[];
+//#endregion
+export { cssModules };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/cssModules.ts"],"mappings":";;KAKK;WACQ;WACA,qBAAqB,cAAc,kBAAkB;WACrD;;cAGP,aAAc,UAAS,YAAe"}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import e from"css-class-generator";import{camelCase as t,kebabCase as n}from"change-case";import{patchCssModules as r}from"vite-css-modules";const i=(i={})=>{let a=[];function o(r){r.startsWith(`i__const_`)&&(r=r.substring(9),r=r.substring(0,r.length-2));let o=i.prefix??``;return i.classNames===`camel`?o+t(r):i.classNames===`kebab`?o+n(r):a.includes(r)?o+e(a.indexOf(r)):o+e(a.push(r)-1)}return[r(),{name:`@almighty-shogun/vite-preset/css-modules`,config:()=>({css:{modules:{generateScopedName:i.generateScopeName??o}}})}]};export{i as cssModules};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["className","cssModules","visitedClasses","generateScopeName","name","prefix","options","camelCase","kebabCase","patchCssModules"],"sources":["../src/cssModules.ts"],"sourcesContent":["import type { Plugin } from 'vite';\nimport className from 'css-class-generator';\nimport { camelCase, kebabCase } from 'change-case';\nimport { patchCssModules } from 'vite-css-modules';\n\ntype Options = {\n    readonly classNames?: 'mangled' | 'camel' | 'kebab';\n    readonly generateScopeName?: (name: string, filename: string, css: string) => string;\n    readonly prefix?: string;\n};\n\nconst cssModules = (options: Options = {}): Plugin[] => {\n    const visitedClasses: string[] = [];\n\n    function generateScopeName(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        const prefix = options.prefix ?? '';\n\n        if (options.classNames === 'camel') {\n            return prefix + camelCase(name);\n        }\n\n        if (options.classNames === 'kebab') {\n            return prefix + kebabCase(name);\n        }\n\n        if (visitedClasses.includes(name)) {\n            return prefix + className(visitedClasses.indexOf(name));\n        }\n\n        return prefix + className(visitedClasses.push(name) - 1);\n    }\n\n    return [\n        patchCssModules() as unknown as Plugin,\n        {\n            name: '@almighty-shogun/vite-preset/css-modules',\n            config: () => ({\n                css: {\n                    modules: {\n                        generateScopedName: options.generateScopeName ?? generateScopeName\n                    }\n                }\n            })\n        }\n    ];\n};\n\nexport default cssModules;\n"],"mappings":"A,6IAWA,MAAMC,GAAc,EAAmB,CAAC,IAAgB,CACpD,IAAMC,EAA2B,CAAC,EAElC,SAASC,EAAkB,EAAsB,CACzCC,EAAK,WAAW,WAAW,IAC3B,EAAOA,EAAK,UAAU,CAAC,EACvB,EAAOA,EAAK,UAAU,EAAGA,EAAK,OAAS,CAAC,GAG5C,IAAMC,EAASC,EAAQ,QAAU,GAcjC,OAZIA,EAAQ,aAAe,QAChBD,EAASE,EAAUH,CAAI,EAG9BE,EAAQ,aAAe,QAChBD,EAASG,EAAUJ,CAAI,EAG9BF,EAAe,SAASE,CAAI,EACrBC,EAASL,EAAUE,EAAe,QAAQE,CAAI,CAAC,EAGnDC,EAASL,EAAUE,EAAe,KAAKE,CAAI,EAAI,CAAC,CAC3D,CAEA,MAAO,CACHK,EAAgB,EAChB,CACI,KAAM,2CACN,YAAe,CACX,IAAK,CACD,QAAS,CACL,mBAAoBH,EAAQ,mBAAqBH,CACrD,CACJ,CACJ,EACJ,CACJ,CACJ,E"}

package/package.json

@@ -1,6 +1,56 @@
 {
-  "name": "@almighty-shogun/vite-preset",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@almighty-shogun/vite-preset",
+    "description": "CSS Modules class name generation for Vite projects.",
+    "version": "0.0.0",
+    "type": "module",
+    "license": "MIT",
+    "scripts": {
+        "build": "tsdown",
+        "typecheck": "tsc --noEmit",
+        "dev": "tsdown --watch --no-clean"
+    },
+    "publishConfig": {
+        "access": "public",
+        "provenance": true
+    },
+    "author": {
+        "name": "Almighty-Shogun",
+        "email": "alm1ghtyshogun1998@gmail.com",
+        "url": "https://shogun.ms"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/Almighty-Shogun/node-packages.git",
+        "directory": "packages/vite-preset"
+    },
+    "main": "./dist/index.mjs",
+    "types": "./dist/index.d.mts",
+    "typings": "./dist/index.d.mts",
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.mts",
+            "default": "./dist/index.mjs"
+        }
+    },
+    "files": [
+        "src",
+        "dist",
+        "LICENSE",
+        "CODEOWNERS"
+    ],
+    "dependencies": {
+        "change-case": "^5.4.4",
+        "css-class-generator": "^2.0.0",
+        "vite-css-modules": "^1.16.0"
+    },
+    "peerDependencies": {
+        "vite": "^8.3.4"
+    },
+    "devDependencies": {
+        "@types/node": "^26.6.5",
+        "tsdown": "^0.23.1",
+        "typescript": "^5.9.3",
+        "vite": "^8.3.4"
+    }
+}

package/src/cssModules.ts

@@ -0,0 +1,56 @@
+import type { Plugin } from 'vite';
+import className from 'css-class-generator';
+import { camelCase, kebabCase } from 'change-case';
+import { patchCssModules } from 'vite-css-modules';
+
+type Options = {
+    readonly classNames?: 'mangled' | 'camel' | 'kebab';
+    readonly generateScopeName?: (name: string, filename: string, css: string) => string;
+    readonly prefix?: string;
+};
+
+const cssModules = (options: Options = {}): Plugin => {
+    const visitedClasses: string[] = [];
+
+    function generateScopeName(name: string): string {
+        if (name.startsWith('i__const_')) {
+            name = name.substring(9);
+            name = name.substring(0, name.length - 2);
+        }
+
+        const prefix = options.prefix ?? '';
+
+        if (options.classNames === 'camel') {
+            return prefix + camelCase(name);
+        }
+
+        if (options.classNames === 'kebab') {
+            return prefix + kebabCase(name);
+        }
+
+        if (visitedClasses.includes(name)) {
+            return prefix + className(visitedClasses.indexOf(name));
+        }
+
+        return prefix + className(visitedClasses.push(name) - 1);
+    }
+
+    return {
+        name: '@almighty-shogun/vite-preset',
+
+        config: () => ({
+            css: {
+                modules: {
+                    generateScopedName: options.generateScopeName ?? generateScopeName
+                }
+            }
+        })
+    }
+};
+
+export default (options: Options = {}): Plugin[] => {
+    return [
+        patchCssModules() as unknown as Plugin,
+        cssModules(options),
+    ];
+};

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,3 @@
+import cssModules from './cssModules';
+
+export { cssModules };