juxscript 1.1.0 → 1.1.3

package/machinery/ts-shim.js

@@ -0,0 +1,46 @@
+import esbuild from 'esbuild';
+
+/**
+ * TypeScript Shim - Strips type annotations using esbuild
+ * This is rock-solid and handles ALL TypeScript syntax correctly
+ */
+
+/**
+ * Strip TypeScript type annotations from code using esbuild
+ * 
+ * @param {string} code - TypeScript source code
+ * @returns {string} - JavaScript code with types removed
+ */
+export function stripTypes(code) {
+    try {
+        // ✅ Use esbuild to transform TypeScript → JavaScript
+        const result = esbuild.transformSync(code, {
+            loader: 'ts',
+            format: 'esm',
+            target: 'es2020'
+        });
+
+        return result.code;
+    } catch (err) {
+        console.error('❌ Failed to strip TypeScript:', err.message);
+        // Return original code if transformation fails
+        return code;
+    }
+}
+
+/**
+ * Check if a file is TypeScript based on extension
+ */
+export function isTypeScript(filePath) {
+    return filePath.endsWith('.ts') || filePath.endsWith('.tsx');
+}
+
+/**
+ * Load and parse a file, automatically stripping types if it's TypeScript
+ */
+export function loadAndStripTypes(filePath, fileContent) {
+    if (isTypeScript(filePath)) {
+        return stripTypes(fileContent);
+    }
+    return fileContent;
+}

package/machinery/validators/file-validator.js

@@ -0,0 +1,123 @@
+/**
+ * File validation utilities for Jux compiler
+ * Validates file types and content security
+ */
+export class FileValidator {
+  constructor() {
+    this.cssExtensions = /\.(css|scss|sass|less)$/i;
+    this.jsExtensions = /\.(js|mjs|ts|tsx|jsx)$/i;
+    this.imageExtensions = /\.(png|jpg|jpeg|gif|svg|webp|ico|bmp)$/i;
+  }
+
+  /**
+   * Check if file is a CSS file
+   */
+  isCSSFile(filepath) {
+    return this.cssExtensions.test(filepath);
+  }
+
+  /**
+   * Check if file is a JavaScript file
+   */
+  isJavaScriptFile(filepath) {
+    return this.jsExtensions.test(filepath);
+  }
+
+  /**
+   * Check if file is an image file
+   */
+  isImageFile(filepath) {
+    return this.imageExtensions.test(filepath);
+  }
+
+  /**
+   * Validate CSS content for security issues
+   * Detects <script> tags that could be injected
+   */
+  validateStyleContent(content, source = 'unknown') {
+    if (/<script/i.test(content)) {
+      throw new Error(
+        `🚨 Security Error: <script> tag detected in ${source}\n` +
+        `CSS content must not contain script tags.`
+      );
+    }
+    
+    if (/<\/script/i.test(content)) {
+      throw new Error(
+        `🚨 Security Error: </script> tag detected in ${source}\n` +
+        `CSS content must not contain script tags.`
+      );
+    }
+    
+    return content;
+  }
+
+  /**
+   * Determine import type based on file extension
+   * Returns: 'css' | 'js' | 'image' | 'unknown'
+   */
+  validateImportPath(importPath) {
+    // Handle URLs
+    if (importPath.startsWith('http://') || importPath.startsWith('https://')) {
+      // Try to infer from URL
+      if (this.isCSSFile(importPath)) return { type: 'css', path: importPath };
+      if (this.isJavaScriptFile(importPath)) return { type: 'js', path: importPath };
+      if (this.isImageFile(importPath)) return { type: 'image', path: importPath };
+      
+      // Default to unknown for CDN URLs without clear extensions
+      return { type: 'unknown', path: importPath };
+    }
+
+    // Local files
+    if (this.isCSSFile(importPath)) {
+      return { type: 'css', path: importPath };
+    }
+    
+    if (this.isJavaScriptFile(importPath)) {
+      return { type: 'js', path: importPath };
+    }
+    
+    if (this.isImageFile(importPath)) {
+      return { type: 'image', path: importPath };
+    }
+
+    return { type: 'unknown', path: importPath };
+  }
+
+  /**
+   * Validate array of imports and categorize them
+   * Returns categorized imports with warnings
+   */
+  categorizeImports(imports) {
+    const categorized = {
+      css: [],
+      js: [],
+      images: [],
+      unknown: []
+    };
+
+    const warnings = [];
+
+    for (const importPath of imports) {
+      const result = this.validateImportPath(importPath);
+      
+      if (result.type === 'unknown') {
+        warnings.push(
+          `⚠️  Unknown import type: ${importPath}\n` +
+          `   Supported: .css/.scss/.sass, .js/.ts, .png/.jpg/.svg`
+        );
+      }
+      
+      categorized[result.type === 'unknown' ? 'unknown' : result.type].push(result.path);
+    }
+
+    return { categorized, warnings };
+  }
+
+  /**
+   * Check if inline style content is empty or whitespace-only
+   */
+  isEmptyStyle(styleContent) {
+    return !styleContent || styleContent.trim().length === 0;
+  }
+}

package/machinery/watcher.js

@@ -0,0 +1,59 @@
+import fs from 'fs';
+import path from 'path';
+
+/**
+ * Watch a directory for changes and trigger callbacks
+ */
+export function createWatcher(srcDir, options = {}) {
+  const {
+    onChange = () => { },
+    onReady = () => { },
+    debounceMs = 100,
+    extensions = ['.jux', '.js', '.css']
+  } = options;
+
+  const absoluteSrcDir = path.resolve(srcDir);
+  let debounceTimer = null;
+  let pendingChanges = new Set();
+
+  console.log(`👀 Watching: ${absoluteSrcDir}`);
+
+  // Debounced change handler
+  const handleChange = (eventType, filename) => {
+    if (!filename) return;
+
+    // Filter by extension
+    const ext = path.extname(filename);
+    if (!extensions.includes(ext)) return;
+
+    pendingChanges.add(filename);
+
+    // Debounce rapid changes
+    if (debounceTimer) clearTimeout(debounceTimer);
+    debounceTimer = setTimeout(() => {
+      const changes = [...pendingChanges];
+      pendingChanges.clear();
+
+      console.log(`📝 Changed: ${changes.join(', ')}`);
+      onChange(changes);
+    }, debounceMs);
+  };
+
+  // Start watching
+  const watcher = fs.watch(absoluteSrcDir, { recursive: true }, handleChange);
+
+  watcher.on('error', (err) => {
+    console.error('❌ Watcher error:', err);
+  });
+
+  onReady();
+
+  // Return control object
+  return {
+    close: () => {
+      if (debounceTimer) clearTimeout(debounceTimer);
+      watcher.close();
+      console.log('👋 Watcher closed');
+    }
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.00",
+  "version": "1.1.3",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",
@@ -19,8 +19,9 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "lib",
     "bin",
+    "lib",
+    "machinery",
     "index.js",
     "index.d.ts",
     "juxconfig.example.js",