@moondreamsdev/dreamer-ui 1.3.4 → 1.3.5

package/dist/postinstall.js

@@ -0,0 +1,150 @@
+const fs = require('fs');
+const path = require('path');
+const readline = require('readline');
+
+function extractColorsFromSource() {
+  try {
+    const sourceFile = path.join(__dirname, '../src/styles.lib.css');
+    const sourceContent = fs.readFileSync(sourceFile, 'utf8');
+
+    // Extract the @theme colors block
+    const themeMatch = sourceContent.match(/@theme colors \{([\s\S]*?)\}/);
+
+    if (themeMatch) {
+      const themeContent = themeMatch[1];
+      return `:root {${themeContent}}`;
+    } else {
+      throw new Error('Could not find @theme colors block in source file');
+    }
+  } catch (error) {
+    console.error('❌ Error reading source file:', error.message);
+    process.exit(1);
+  }
+}
+
+function createCSSFile(targetPath, cssContent) {
+  try {
+    // Check if file already exists
+    if (fs.existsSync(targetPath)) {
+      console.log(`📄 CSS file already exists at: ${targetPath}`);
+      
+      // Ask user if they want to overwrite (only in interactive mode)
+      const isCI = process.env.CI || process.env.NODE_ENV === 'production' || !process.stdin.isTTY;
+      
+      if (!isCI) {
+        const rl = readline.createInterface({
+          input: process.stdin,
+          output: process.stdout
+        });
+        
+        return new Promise((resolve) => {
+          rl.question('Do you want to overwrite it? (y/N): ', (answer) => {
+            rl.close();
+            if (answer.toLowerCase() === 'y' || answer.toLowerCase() === 'yes') {
+              writeFile();
+            } else {
+              console.log('⏭️  Skipping CSS generation');
+            }
+            resolve();
+          });
+        });
+      } else {
+        // In CI, skip overwriting
+        console.log('⏭️  Skipping CSS generation (file exists)');
+        return;
+      }
+    }
+    
+    writeFile();
+
+    function writeFile() {
+      // Ensure target directory exists
+      const targetDir = path.dirname(targetPath);
+      if (!fs.existsSync(targetDir)) {
+        fs.mkdirSync(targetDir, { recursive: true });
+      }
+
+      // Write the CSS file
+      fs.writeFileSync(targetPath, cssContent);
+      console.log(`✅ Generated dreamer-ui colors at: ${targetPath}`);
+    }
+  } catch (error) {
+    console.error('❌ Error writing CSS file:', error.message);
+    process.exit(1);
+  }
+}
+
+function getDefaultPath() {
+  // Look for common CSS directories
+  const possiblePaths = [
+    './src/styles/dreamer-ui-colors.css',
+    './styles/dreamer-ui-colors.css',
+    './css/dreamer-ui-colors.css',
+    './src/dreamer-ui-colors.css',
+    './dreamer-ui-colors.css'
+  ];
+
+  for (const p of possiblePaths) {
+    const dir = path.dirname(p);
+    if (fs.existsSync(dir)) {
+      return p;
+    }
+  }
+
+  return './dreamer-ui-colors.css';
+}
+
+async function promptUserForPath() {
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+
+  const defaultPath = getDefaultPath();
+
+  return new Promise((resolve) => {
+    rl.question(
+      `Where would you like to save the Dreamer UI colors CSS file? (default: ${defaultPath}): `,
+      (answer) => {
+        rl.close();
+        resolve(answer.trim() || defaultPath);
+      }
+    );
+  });
+}
+
+async function main() {
+  console.log('🎨 Setting up Dreamer UI colors...');
+
+  // Check if running in CI or non-interactive environment
+  const isCI = process.env.CI || process.env.NODE_ENV === 'production' || !process.stdin.isTTY;
+
+  let targetPath;
+
+  if (isCI) {
+    // In CI/non-interactive, use default path
+    targetPath = getDefaultPath();
+    console.log(`📁 Using default path: ${targetPath}`);
+  } else {
+    // Interactive mode
+    targetPath = await promptUserForPath();
+  }
+
+  // Generate CSS content
+  const cssContent = extractColorsFromSource();
+
+  // Create the file
+  createCSSFile(targetPath, cssContent);
+
+  console.log('\n📖 To use the colors, import the CSS file in your project:');
+  console.log(`   @import '${targetPath}';`);
+  console.log('   or');
+  console.log(`   import '${targetPath}';`);
+}
+
+// Run if called directly
+if (require.main === module) {
+  main().catch(console.error);
+}
+
+module.exports = main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moondreamsdev/dreamer-ui",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "type": "module",
   "description": "A collection of Tailwind CSS components for React",
   "main": "dist/index.js",
@@ -8,7 +8,7 @@
   "types": "dist/index.lib.d.ts",
   "files": [
     "dist",
-    "scripts/postinstall"
+    "scripts"
   ],
   "exports": {
     ".": {
@@ -38,13 +38,14 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "npm run build:lib && npm run build:types",
+    "build": "npm run build:lib && npm run build:types && npm run build:scripts",
     "build:lib": "vite build --config vite.config.lib.mts",
     "build:types": "tsc --project tsconfig.lib.json",
     "build:demo": "tsc -b && vite build",
+    "build:scripts": "cp scripts/* dist/",
     "lint": "eslint .",
     "preview": "vite preview",
-    "postinstall": "node scripts/postinstall.js",
+    "postinstall": "node postinstall.js",
     "prepublishOnly": "npm run build",
     "publish": "npm publish --access public"
   },

package/scripts/postinstall.js

@@ -0,0 +1,150 @@
+const fs = require('fs');
+const path = require('path');
+const readline = require('readline');
+
+function extractColorsFromSource() {
+  try {
+    const sourceFile = path.join(__dirname, '../src/styles.lib.css');
+    const sourceContent = fs.readFileSync(sourceFile, 'utf8');
+
+    // Extract the @theme colors block
+    const themeMatch = sourceContent.match(/@theme colors \{([\s\S]*?)\}/);
+
+    if (themeMatch) {
+      const themeContent = themeMatch[1];
+      return `:root {${themeContent}}`;
+    } else {
+      throw new Error('Could not find @theme colors block in source file');
+    }
+  } catch (error) {
+    console.error('❌ Error reading source file:', error.message);
+    process.exit(1);
+  }
+}
+
+function createCSSFile(targetPath, cssContent) {
+  try {
+    // Check if file already exists
+    if (fs.existsSync(targetPath)) {
+      console.log(`📄 CSS file already exists at: ${targetPath}`);
+      
+      // Ask user if they want to overwrite (only in interactive mode)
+      const isCI = process.env.CI || process.env.NODE_ENV === 'production' || !process.stdin.isTTY;
+      
+      if (!isCI) {
+        const rl = readline.createInterface({
+          input: process.stdin,
+          output: process.stdout
+        });
+        
+        return new Promise((resolve) => {
+          rl.question('Do you want to overwrite it? (y/N): ', (answer) => {
+            rl.close();
+            if (answer.toLowerCase() === 'y' || answer.toLowerCase() === 'yes') {
+              writeFile();
+            } else {
+              console.log('⏭️  Skipping CSS generation');
+            }
+            resolve();
+          });
+        });
+      } else {
+        // In CI, skip overwriting
+        console.log('⏭️  Skipping CSS generation (file exists)');
+        return;
+      }
+    }
+    
+    writeFile();
+
+    function writeFile() {
+      // Ensure target directory exists
+      const targetDir = path.dirname(targetPath);
+      if (!fs.existsSync(targetDir)) {
+        fs.mkdirSync(targetDir, { recursive: true });
+      }
+
+      // Write the CSS file
+      fs.writeFileSync(targetPath, cssContent);
+      console.log(`✅ Generated dreamer-ui colors at: ${targetPath}`);
+    }
+  } catch (error) {
+    console.error('❌ Error writing CSS file:', error.message);
+    process.exit(1);
+  }
+}
+
+function getDefaultPath() {
+  // Look for common CSS directories
+  const possiblePaths = [
+    './src/styles/dreamer-ui-colors.css',
+    './styles/dreamer-ui-colors.css',
+    './css/dreamer-ui-colors.css',
+    './src/dreamer-ui-colors.css',
+    './dreamer-ui-colors.css'
+  ];
+
+  for (const p of possiblePaths) {
+    const dir = path.dirname(p);
+    if (fs.existsSync(dir)) {
+      return p;
+    }
+  }
+
+  return './dreamer-ui-colors.css';
+}
+
+async function promptUserForPath() {
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+
+  const defaultPath = getDefaultPath();
+
+  return new Promise((resolve) => {
+    rl.question(
+      `Where would you like to save the Dreamer UI colors CSS file? (default: ${defaultPath}): `,
+      (answer) => {
+        rl.close();
+        resolve(answer.trim() || defaultPath);
+      }
+    );
+  });
+}
+
+async function main() {
+  console.log('🎨 Setting up Dreamer UI colors...');
+
+  // Check if running in CI or non-interactive environment
+  const isCI = process.env.CI || process.env.NODE_ENV === 'production' || !process.stdin.isTTY;
+
+  let targetPath;
+
+  if (isCI) {
+    // In CI/non-interactive, use default path
+    targetPath = getDefaultPath();
+    console.log(`📁 Using default path: ${targetPath}`);
+  } else {
+    // Interactive mode
+    targetPath = await promptUserForPath();
+  }
+
+  // Generate CSS content
+  const cssContent = extractColorsFromSource();
+
+  // Create the file
+  createCSSFile(targetPath, cssContent);
+
+  console.log('\n📖 To use the colors, import the CSS file in your project:');
+  console.log(`   @import '${targetPath}';`);
+  console.log('   or');
+  console.log(`   import '${targetPath}';`);
+}
+
+// Run if called directly
+if (require.main === module) {
+  main().catch(console.error);
+}
+
+module.exports = main;