@akinon/ui-utils 1.0.0 → 1.0.1

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@akinon/ui-utils",
   "description": "Utility class library for Akinon UI",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "index.css",
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "prebuild": "node prebuild.mjs"
   }
 }

package/prebuild.mjs

@@ -0,0 +1,57 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const colorsFile = path.resolve(__dirname, '../theme/src/colors.ts');
+const cssFile = path.resolve(__dirname, 'index.css');
+
+const colorsContent = fs.readFileSync(colorsFile, 'utf-8');
+const cssContent = fs.readFileSync(cssFile, 'utf-8');
+
+// Convert colors to JSON
+const colorRegex = /export const (\w+) = ({[\s\S]*?});/g;
+let match;
+const colors = {};
+
+while ((match = colorRegex.exec(colorsContent)) !== null) {
+  const name = match[1];
+
+  let jsonStr = match[2]
+    .replace(/\/\/.*$/gm, '') // Remove single line comments
+    .replace(/\/\*[\s\S]*?\*\//g, '') // Remove multi line comments
+    .replace(/'/g, '"'); // Replace single quotes with double quotes
+
+  try {
+    colors[name] = JSON.parse(jsonStr);
+  } catch (error) {
+    console.error(`Error parsing JSON for color ${name}:`, error);
+    console.log('Invalid JSON:', jsonStr);
+  }
+}
+
+const colorClasses = Object.entries(colors)
+  .flatMap(([colorName, shades]) =>
+    Object.entries(shades).flatMap(([shade, colorValue]) => [
+      `.bg-${colorName}-${shade} { background-color: var(--color-${colorName}-${shade}); }`,
+      `.text-${colorName}-${shade} { color: var(--color-${colorName}-${shade}); }`,
+      `.border-${colorName}-${shade} { border-color: var(--color-${colorName}-${shade}); }`,
+      `.outline-${colorName}-${shade} { outline-color: var(--color-${colorName}-${shade}); }`,
+      `.decoration-${colorName}-${shade} { text-decoration-color: var(--color-${colorName}-${shade}); }`,
+      `.accent-${colorName}-${shade} { accent-color: var(--color-${colorName}-${shade}); }`,
+      `.caret-${colorName}-${shade} { caret-color: var(--color-${colorName}-${shade}); }`,
+      `.fill-${colorName}-${shade} { fill: var(--color-${colorName}-${shade}); }`,
+      `.stroke-${colorName}-${shade} { stroke: var(--color-${colorName}-${shade}); }`,
+      `.shadow-${colorName}-${shade} { 
+        --aki-shadow-color: ${colorValue};
+        --aki-shadow: var(--aki-shadow-colored);
+      }`
+    ])
+  )
+  .join('\n');
+
+const updatedClasses = `${cssContent}\n${colorClasses}`;
+
+fs.writeFileSync(cssFile, updatedClasses);