@mevbg/design-essentials-vendor 2.0.0

package/dist/utils/generators.utils.js

@@ -0,0 +1,39 @@
+import StyleDictionary from 'style-dictionary';
+import * as defaults from '../defaults.js';
+import { customFormatterTemplate, getFormatterName } from './formats.utils.js';
+import { toKebabCase } from './strings.utils.js';
+export const cssGenerator = (name, params, outputGenerator) => {
+    const defaultParams = defaults[`${name}GeneratorDefaultParams`];
+    const config = {
+        ...defaultParams,
+        ...params
+    };
+    StyleDictionary.registerFormat(customFormatterTemplate({
+        name,
+        config,
+        outputGenerator
+    }));
+    // Define the StyleDictionary instance
+    const dictionary = new StyleDictionary({
+        tokens: {
+            type: {
+                variant: { $value: '' }
+            }
+        },
+        platforms: {
+            css: {
+                transformGroup: 'css',
+                buildPath: config.buildPath,
+                files: [
+                    {
+                        destination: `${toKebabCase(name)}.css`,
+                        format: getFormatterName(name)
+                    }
+                ]
+            }
+        }
+    });
+    // Generate the output
+    return dictionary.buildAllPlatforms();
+};
+//# sourceMappingURL=generators.utils.js.map

package/dist/utils/generators.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generators.utils.js","sourceRoot":"","sources":["../../src/utils/generators.utils.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAE/C,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,IAAY,EACZ,MAAuB,EACvB,eAAsE,EACtE,EAAE;IACF,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,IAAI,wBAAiD,CAAC,CAAC;IACzF,MAAM,MAAM,GAAG;QACb,GAAG,aAAa;QAChB,GAAG,MAAM;KAC2C,CAAC;IAEvD,eAAe,CAAC,cAAc,CAC5B,uBAAuB,CAAkB;QACvC,IAAI;QACJ,MAAM;QACN,eAAe;KAChB,CAAC,CACH,CAAC;IAEF,sCAAsC;IACtC,MAAM,UAAU,GAAG,IAAI,eAAe,CAAC;QACrC,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;aACxB;SACF;QACD,SAAS,EAAE;YACT,GAAG,EAAE;gBACH,cAAc,EAAE,KAAK;gBACrB,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,KAAK,EAAE;oBACL;wBACE,WAAW,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM;wBACvC,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;qBAC/B;iBACF;aACF;SACF;KACF,CAAC,CAAC;IAEH,sBAAsB;IACtB,OAAO,UAAU,CAAC,iBAAiB,EAAE,CAAC;AACxC,CAAC,CAAC"}

package/dist/utils/strings.utils.d.ts

@@ -0,0 +1,5 @@
+export declare const toKebabCase: (str: string) => string;
+export declare const capitalize: (str: string) => string;
+export declare const spaceCaseToCamelCase: (str: string) => string;
+export declare const toSpaceCase: (str: string) => string;
+export declare const toCamelCase: (str: string) => string;

package/dist/utils/strings.utils.js

@@ -0,0 +1,46 @@
+// Converts a given string to kebab-case
+export const toKebabCase = (str) => str.replace(/([A-Z])/g, '-$1').toLowerCase();
+// Capitalizes the first letter of a given string
+export const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+// Converts a given string to camelCase
+export const spaceCaseToCamelCase = (str) => str
+    .split(' ')
+    .map((word, index) => index === 0 ? word.toLowerCase() : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join('');
+// Converts a given string to space case
+export const toSpaceCase = (str) => str.replace(/([A-Z])/g, ' $1');
+// Converts a given string to camelCase
+export const toCamelCase = (str) => {
+    // If string contains dashes, treat as kebab-case
+    if (str.includes('-')) {
+        return str
+            .split('-')
+            .map((word, index) => index === 0
+            ? word.toLowerCase()
+            : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+            .join('');
+    }
+    // If string contains underscores, treat as snake_case
+    if (str.includes('_')) {
+        return str
+            .split('_')
+            .map((word, index) => index === 0
+            ? word.toLowerCase()
+            : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+            .join('');
+    }
+    // If string has capital letters, split by capitals (PascalCase or mixed case)
+    if (/[A-Z]/.test(str)) {
+        return str
+            .replace(/([A-Z])/g, ' $1') // Add space before capitals
+            .trim() // Remove leading space if any
+            .split(' ')
+            .map((word, index) => index === 0
+            ? word.toLowerCase()
+            : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+            .join('');
+    }
+    // If it's already all lowercase, just return it
+    return str.toLowerCase();
+};
+//# sourceMappingURL=strings.utils.js.map

package/dist/utils/strings.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.utils.js","sourceRoot":"","sources":["../../src/utils/strings.utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@mevbg/design-essentials-vendor",
+  "title": "Design Essentials Vendor",
+  "version": "2.0.0",
+  "description": "Mev’s personal vendor of design system essentials.",
+  "keywords": [
+    "design essentials vendor",
+    "design essentials",
+    "design system",
+    "design tokens",
+    "vendor",
+    "factory",
+    "builder",
+    "generator",
+    "style-dictionary",
+    "style dictionary wrapper",
+    "mevbg",
+    "personal",
+    "css variables",
+    "javascript tokens",
+    "token pipeline",
+    "token automation",
+    "ui consistency",
+    "style config",
+    "build tool"
+  ],
+  "homepage": "https://github.com/mevbg/design-essentials-vendor#readme",
+  "bugs": {
+    "url": "https://github.com/mevbg/design-essentials-vendor/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/mevbg/design-essentials-vendor.git"
+  },
+  "license": "ISC",
+  "author": {
+    "name": "Martin Metodiev • Mev",
+    "email": "martin@mev.bg",
+    "url": "https://mev.bg"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev:generate": "tsx index.ts",
+    "dev:watch": "nodemon --exec \"tsx index.ts\" --ext ts,js --watch src --watch client",
+    "build": "tsc",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "clean:all": "del-cli dist client/design/dist",
+    "clean:build": "del-cli dist",
+    "clean:dev": "del-cli client/design/dist"
+  },
+  "engines": {
+    "node": ">=22.x",
+    "npm": ">=10.x"
+  },
+  "dependencies": {
+    "@mevbg/wm": "^1.0.6",
+    "favicons": "^7.2.0",
+    "style-dictionary": "^5.0.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.32.0",
+    "@types/node": "^24.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.39.0",
+    "@typescript-eslint/parser": "^8.39.0",
+    "chokidar": "^4.0.3",
+    "colorjs.io": "^0.6.0-alpha.1",
+    "del-cli": "^6.0.0",
+    "esbuild-register": "^3.6.0",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "globals": "^16.3.0",
+    "nodemon": "^3.1.10",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "tsx": "^4.20.3",
+    "typescript": "^5.9.2"
+  }
+}