@moondreamsdev/dreamer-ui 1.6.2 → 1.6.4

package/README.md

@@ -23,12 +23,13 @@ Then run the init script:
 And, finally, install the stylesheets in main CSS file (recommended):
 
 ```css
-@import "@moondreamsdev/dreamer-ui/styles";
-@import './dreamer-ui.css';
-/* below line is necessary for TailwindCSS styles in library to be processed */
-@source "../node_modules/@moondreamsdev/dreamer-ui/dist/**/*.{js,jsx,ts,tsx}";
+@import "@moondreamsdev/dreamer-ui/styles"; /* non-TailwindCSS styles */
+@import './dreamer-ui.css'; /* customizable, theme styles */
 
 /* other styles */
+
+/* for TailwindCSS styles in library to be processed */
+@source "../node_modules/@moondreamsdev/dreamer-ui/dist/**/*.{js,jsx,ts,tsx}";
 ```
 
 ## Usage

package/dist/init.js

@@ -11,7 +11,6 @@ function extractColorsFromSource() {
     const __dirname = dirname(__filename);
     const sourceFile = join(__dirname, 'theme.css');
     const sourceContent = readFileSync(sourceFile, 'utf8');
-    console.warn('sourceContent', sourceContent); // REMOVE
 
     // Extract the @theme library block content only
     const themeMatch = sourceContent.match(/@theme library\s*\{([\s\S]*?)\}/);
@@ -19,7 +18,14 @@ function extractColorsFromSource() {
     if (themeMatch) {
       const topLevelComment = '/** Necessary theme styles for Dreamer UI library - Customize as desired! */\n';
       const themeContent = themeMatch[1].trim();
-      return `${topLevelComment}@theme dreamer-ui {\n${themeContent}\n}`;
+
+      // Add proper indentation to each line of theme content
+      const indentedThemeContent = themeContent
+        .split('\n')
+        .map((line) => (line.trim() ? `  ${line.trim()}` : line))
+        .join('\n');
+
+      return `${topLevelComment}\n@theme dreamer-ui {\n${indentedThemeContent}\n}`;
     } else {
       throw new Error('Could not find @theme library block in source file');
     }
@@ -34,23 +40,23 @@ async function createCSSFile(targetPath, cssContent) {
     // Check if file already exists
     if (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 = createInterface({
           input: process.stdin,
-          output: process.stdout
+          output: process.stdout,
         });
-        
+
         // Handle Ctrl+C interruption
         rl.on('SIGINT', () => {
           console.log('\n🛑 Operation cancelled by user.');
           rl.close();
           process.exit(0);
         });
-        
+
         return new Promise((resolve) => {
           rl.question('Do you want to overwrite it? (y/N): ', (answer) => {
             rl.close();
@@ -69,7 +75,7 @@ async function createCSSFile(targetPath, cssContent) {
         return false;
       }
     }
-    
+
     writeFile();
     return true; // Indicate file was written
 
@@ -97,7 +103,7 @@ function getDefaultPath() {
     './styles/dreamer-ui.css',
     './css/dreamer-ui.css',
     './src/dreamer-ui.css',
-    './dreamer-ui.css'
+    './dreamer-ui.css',
   ];
 
   for (const p of possiblePaths) {
@@ -113,7 +119,7 @@ function getDefaultPath() {
 async function promptUserForPath() {
   const rl = createInterface({
     input: process.stdin,
-    output: process.stdout
+    output: process.stdout,
   });
 
   const defaultPath = getDefaultPath();
@@ -163,8 +169,8 @@ async function main() {
 
 // Run if called directly
 // ES module-compatible entrypoint check
-if (process.argv[1] === new URL(import.meta.url).pathname) {
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
   main().catch(console.error);
 }
 
-export default main;
+export default main;

package/dist/theme.css

@@ -1,5 +1,5 @@
 @theme library {
---color-primary: var(--color-violet-400);
+  --color-primary: var(--color-violet-400);
   --color-primary-foreground: var(--color-white);
   --color-secondary: var(--color-violet-200);
   --color-secondary-foreground: var(--color-black);
@@ -9,7 +9,5 @@
   --color-muted-foreground: var(--color-gray-800);
 
   --color-success: var(--color-green-500);
-  --color-border: var(
-    --color-slate-600
-  ); /* for input/textarea borders and dividers — could use primary, secondary, or muted color for simplicity */
+  --color-border: var(--color-slate-600); /* for input/textarea borders and dividers */
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moondreamsdev/dreamer-ui",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "publishConfig": {
     "access": "public"
   },