pulse-js-framework 1.7.30 → 1.7.32

package/cli/build.js

@@ -7,9 +7,13 @@
 import { readFileSync, writeFileSync, existsSync, mkdirSync, readdirSync, statSync, copyFileSync } from 'fs';
 import { join, extname, relative, dirname } from 'path';
 import { compile } from '../compiler/index.js';
+import { preprocessStylesSync, isSassAvailable, getSassVersion } from '../compiler/preprocessor.js';
 import { log } from './logger.js';
 import { createTimer, createProgressBar, formatDuration, createSpinner } from './utils/cli-ui.js';
 
+// SASS availability (checked once at build start)
+let sassAvailable = false;
+
 /**
  * Build project for production
  */
@@ -34,6 +38,13 @@ export async function buildProject(args) {
 
   log.info('Building with Pulse compiler...\n');
 
+  // Check for SASS availability
+  sassAvailable = isSassAvailable();
+  if (sassAvailable) {
+    const version = getSassVersion();
+    log.info(`  SASS support enabled (sass ${version || 'unknown'})`);
+  }
+
   // Create output directory
   if (!existsSync(outDir)) {
     mkdirSync(outDir, { recursive: true });
@@ -140,8 +151,30 @@ function processDirectory(srcDir, outDir, progress = null) {
       });
 
       if (result.success) {
+        let code = result.code;
+
+        // Preprocess SASS/SCSS in style blocks if sass is available
+        if (sassAvailable) {
+          const stylesMatch = code.match(/const styles = `([\s\S]*?)`;/);
+          if (stylesMatch) {
+            try {
+              const preprocessed = preprocessStylesSync(stylesMatch[1], {
+                filename: srcPath,
+                loadPaths: [dirname(srcPath)],
+                compressed: true
+              });
+
+              if (preprocessed.wasSass) {
+                code = code.replace(stylesMatch[0], `const styles = \`${preprocessed.css}\`;`);
+              }
+            } catch (sassError) {
+              log.warn(`  SASS warning in ${file}: ${sassError.message}`);
+            }
+          }
+        }
+
         const outPath = join(outDir, file.replace('.pulse', '.js'));
-        writeFileSync(outPath, result.code);
+        writeFileSync(outPath, code);
       } else {
         log.error(`  Error compiling ${file}:`);
         for (const error of result.errors) {

package/cli/dev.js

@@ -6,10 +6,14 @@
 
 import { createServer } from 'http';
 import { readFileSync, existsSync, statSync, watch } from 'fs';
-import { join, extname, resolve } from 'path';
+import { join, extname, resolve, dirname } from 'path';
 import { compile } from '../compiler/index.js';
+import { preprocessStylesSync, isSassAvailable, getSassVersion } from '../compiler/preprocessor.js';
 import { log } from './logger.js';
 
+// SASS availability (checked once at server start)
+let sassAvailable = false;
+
 const MIME_TYPES = {
   '.html': 'text/html',
   '.js': 'application/javascript',
@@ -87,6 +91,13 @@ export async function startDevServer(args) {
     // Vite not available, use built-in server
   }
 
+  // Check for SASS availability
+  sassAvailable = isSassAvailable();
+  if (sassAvailable) {
+    const version = getSassVersion();
+    log.info(`SASS support enabled (sass ${version || 'unknown'})`);
+  }
+
   // Built-in development server
   const server = createServer(async (req, res) => {
     const url = new URL(req.url, `http://localhost:${port}`);
@@ -128,11 +139,31 @@ export async function startDevServer(args) {
           });
 
           if (result.success) {
+            let code = result.code;
+
+            // Preprocess SASS/SCSS if available
+            if (sassAvailable) {
+              const stylesMatch = code.match(/const styles = `([\s\S]*?)`;/);
+              if (stylesMatch) {
+                try {
+                  const preprocessed = preprocessStylesSync(stylesMatch[1], {
+                    filename: filePath,
+                    loadPaths: [dirname(filePath)]
+                  });
+                  if (preprocessed.wasSass) {
+                    code = code.replace(stylesMatch[0], `const styles = \`${preprocessed.css}\`;`);
+                  }
+                } catch (sassError) {
+                  console.warn(`[Pulse] SASS warning: ${sassError.message}`);
+                }
+              }
+            }
+
             res.writeHead(200, {
               'Content-Type': 'application/javascript',
               'Cache-Control': 'no-cache, no-store, must-revalidate'
             });
-            res.end(result.code);
+            res.end(code);
           } else {
             const errorDetails = result.errors.map(e => `${e.message} at line ${e.line || '?'}:${e.column || '?'}`).join('\n');
             console.error(`[Pulse] Compilation error in ${filePath}:`, result.errors);
@@ -173,11 +204,31 @@ export async function startDevServer(args) {
           });
 
           if (result.success) {
+            let code = result.code;
+
+            // Preprocess SASS/SCSS if available
+            if (sassAvailable) {
+              const stylesMatch = code.match(/const styles = `([\s\S]*?)`;/);
+              if (stylesMatch) {
+                try {
+                  const preprocessed = preprocessStylesSync(stylesMatch[1], {
+                    filename: pulseFilePath,
+                    loadPaths: [dirname(pulseFilePath)]
+                  });
+                  if (preprocessed.wasSass) {
+                    code = code.replace(stylesMatch[0], `const styles = \`${preprocessed.css}\`;`);
+                  }
+                } catch (sassError) {
+                  console.warn(`[Pulse] SASS warning: ${sassError.message}`);
+                }
+              }
+            }
+
             res.writeHead(200, {
               'Content-Type': 'application/javascript',
               'Cache-Control': 'no-cache, no-store, must-revalidate'
             });
-            res.end(result.code);
+            res.end(code);
           } else {
             res.writeHead(500, { 'Content-Type': 'text/plain' });
             res.end(`Compilation error: ${result.errors.map(e => e.message).join('\n')}`);

package/cli/index.js

@@ -15,8 +15,14 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
 // Version - read dynamically from package.json
-const pkg = JSON.parse(readFileSync(join(__dirname, '..', 'package.json'), 'utf-8'));
-const VERSION = pkg.version;
+let VERSION = '0.0.0';
+try {
+  const pkgContent = readFileSync(join(__dirname, '..', 'package.json'), 'utf-8');
+  const pkg = JSON.parse(pkgContent);
+  VERSION = pkg.version || VERSION;
+} catch (err) {
+  log.warn(`Could not read package.json: ${err.message}`);
+}
 
 // Available example templates
 const TEMPLATES = {
@@ -683,10 +689,19 @@ async function initProject(args) {
 
   if (existsSync(pkgPath)) {
     try {
-      pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
-      log.info('Found existing package.json, merging...');
+      const pkgContent = readFileSync(pkgPath, 'utf-8');
+      if (!pkgContent.trim()) {
+        log.warn('Existing package.json is empty, creating new one.');
+      } else {
+        pkg = JSON.parse(pkgContent);
+        log.info('Found existing package.json, merging...');
+      }
     } catch (e) {
-      log.warn('Could not parse existing package.json, creating new one.');
+      if (e instanceof SyntaxError) {
+        log.warn(`Invalid JSON in package.json: ${e.message}. Creating new one.`);
+      } else {
+        log.warn(`Could not read package.json: ${e.message}. Creating new one.`);
+      }
     }
   }