imxc 0.2.0 → 0.3.0

package/dist/validator.js

@@ -1,5 +1,5 @@
 import ts from 'typescript';
-import { HOST_COMPONENTS, isHostComponent } from './components.js';
+import { HOST_COMPONENTS } from './components.js';
 import { extractImports } from './parser.js';
 function err(sf, node, msg) {
     const { line, character } = sf.getLineAndCharacterOfPosition(node.getStart());
@@ -113,10 +113,8 @@ function validateJsxElement(node, sf, customComponents, errors) {
 function validateJsxTag(tagName, node, sf, customComponents, errors) {
     if (!ts.isIdentifier(tagName))
         return;
-    const name = tagName.text;
-    if (!isHostComponent(name) && !customComponents.has(name)) {
-        errors.push(err(sf, node, `Unknown component: <${name}>`));
-    }
+    // Host components and imported custom components are validated.
+    // Unknown elements are treated as native widgets (validated by TypeScript + C++ linker).
 }
 function validateJsxAttributes(attrs, tagName, sf, errors) {
     if (!ts.isIdentifier(tagName))

package/dist/watch.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Start watching a directory for .tsx changes and recompile on change.
+ */
+export declare function startWatch(watchDir: string, outputDir: string): void;

package/dist/watch.js

@@ -0,0 +1,66 @@
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { compile } from './compile.js';
+/**
+ * Discover all .tsx files in a directory (recursive).
+ */
+function discoverTsxFiles(dir) {
+    const results = [];
+    const entries = fs.readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+        const fullPath = path.join(dir, entry.name);
+        if (entry.isDirectory()) {
+            results.push(...discoverTsxFiles(fullPath));
+        }
+        else if (entry.isFile() && entry.name.endsWith('.tsx')) {
+            results.push(fullPath);
+        }
+    }
+    return results;
+}
+function runCompile(watchDir, outputDir) {
+    const files = discoverTsxFiles(watchDir);
+    if (files.length === 0) {
+        console.log('[watch] No .tsx files found in ' + watchDir);
+        return;
+    }
+    const start = performance.now();
+    const result = compile(files, outputDir);
+    const elapsed = Math.round(performance.now() - start);
+    if (result.success) {
+        console.log(`[watch] ${result.componentCount} component(s) compiled in ${elapsed}ms`);
+    }
+    else {
+        result.errors.forEach(e => console.error(e));
+        console.log(`[watch] compilation failed (${elapsed}ms)`);
+    }
+}
+/**
+ * Start watching a directory for .tsx changes and recompile on change.
+ */
+export function startWatch(watchDir, outputDir) {
+    console.log(`[watch] watching ${watchDir} for .tsx changes...`);
+    console.log(`[watch] output: ${outputDir}`);
+    console.log('[watch] press Ctrl+C to stop\n');
+    // Initial compile
+    runCompile(watchDir, outputDir);
+    // Debounce timer
+    let debounceTimer = null;
+    const watcher = fs.watch(watchDir, { recursive: true }, (_event, filename) => {
+        if (!filename || !filename.endsWith('.tsx'))
+            return;
+        // Debounce: wait 100ms after last change before recompiling
+        if (debounceTimer)
+            clearTimeout(debounceTimer);
+        debounceTimer = setTimeout(() => {
+            console.log(`\n[watch] change detected: ${filename}`);
+            runCompile(watchDir, outputDir);
+        }, 100);
+    });
+    // Clean shutdown on Ctrl+C
+    process.on('SIGINT', () => {
+        console.log('\n[watch] stopped.');
+        watcher.close();
+        process.exit(0);
+    });
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "imxc",
-  "version": "0.2.0",
-  "description": "Compiler for ReImGui — compiles React-like .tsx to native Dear ImGui C++",
+  "version": "0.3.0",
+  "description": "Compiler for IMX — compiles React-like .tsx to native Dear ImGui C++",
   "type": "module",
   "bin": {
     "imxc": "dist/index.js"