first

packages/components/post-build-plugin.js

@@ -0,0 +1,48 @@
+const fs = require('fs');
+const path = require('path');
+
+const folderPath = './dist/components';
+const cssFilePath = './dist/components/css.js';
+let countFileRead = 0;
+
+// Function to get all JavaScript files in the directory
+function getFilesInDirectory(dir) {
+  const files = fs.readdirSync(dir);
+  return files.filter(file => file.endsWith('.js')); // Filter out only .js files
+}
+
+// Function to process a single file
+function processFile(filePath, cssContent) {
+  const fileContent = fs.readFileSync(filePath, 'utf8');
+  
+  // Replace the CSS variable declarations and import them from css.js
+  const updatedContent = fileContent.replace(/const\s+(\w+Css)\s*=\s*(`[^`]*`|".*?"|'.*?')(?:\s*;|(\s*\/\/.*?))?(?=\s*const|$)/g, (match, varName, varValue) => {
+    // Save CSS variables and their values in cssContent
+    if (countFileRead === 0) {
+        cssContent.push(`export const baseCss = ${varValue};`);
+        countFileRead = countFileRead + 1;
+    }
+    // Return the string with the import from css.js
+    return `import { baseCss } from './css.js';\nconst ${varName} = baseCss;\n`;
+  });
+
+  // Write the modified content back to the file
+  fs.writeFileSync(filePath, updatedContent, 'utf8');
+}
+
+// Main function to process all files
+function main() {
+  const cssContent = [];
+  const files = getFilesInDirectory(folderPath);
+
+  files.forEach(file => {
+    const filePath = path.join(folderPath, file);
+    processFile(filePath, cssContent);
+  });
+
+  // Write collected CSS variables to css.js
+  fs.writeFileSync(cssFilePath, cssContent.join('\n'), 'utf8');
+  console.log('Done! All CSS variables have been moved to css.js.');
+}
+
+main();