imxc 0.3.0 → 0.3.1

package/dist/index.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import { parseArgs } from 'node:util';
 import * as path from 'node:path';
-import { initProject } from './init.js';
+import { initProject, addToProject } from './init.js';
 import { compile } from './compile.js';
 import { startWatch } from './watch.js';
 // Handle `imxc init [dir]` subcommand
@@ -11,6 +11,13 @@ if (process.argv[2] === 'init') {
     initProject(absDir, path.basename(absDir));
     process.exit(0);
 }
+// Handle `imxc add [dir]` subcommand
+if (process.argv[2] === 'add') {
+    const dir = process.argv[3] ?? '.';
+    const absDir = path.resolve(dir);
+    addToProject(absDir);
+    process.exit(0);
+}
 // Handle `imxc watch <dir> -o <output-dir>` subcommand
 if (process.argv[2] === 'watch') {
     const watchDir = process.argv[3];
@@ -35,6 +42,7 @@ else {
     if (positionals.length === 0) {
         console.error('Usage: imxc <input.tsx ...> -o <output-dir>');
         console.error('       imxc init [project-dir]');
+        console.error('       imxc add [project-dir]');
         console.error('       imxc watch <dir> -o <output-dir>');
         process.exit(1);
     }

package/dist/init.d.ts

@@ -1 +1,2 @@
+export declare function addToProject(projectDir: string): void;
 export declare function initProject(projectDir: string, projectName?: string): void;

package/dist/init.js

@@ -354,12 +354,15 @@ set(CMAKE_CXX_STANDARD 20)
 set(CMAKE_CXX_STANDARD_REQUIRED ON)
 
 include(FetchContent)
+set(FETCHCONTENT_QUIET OFF)
 
 FetchContent_Declare(
     imx
     GIT_REPOSITORY ${repoUrl}
     GIT_TAG main
+    GIT_PROGRESS TRUE
 )
+message(STATUS "Fetching IMX (includes ImGui + GLFW)...")
 FetchContent_MakeAvailable(imx)
 
 include(ImxCompile)
@@ -385,6 +388,61 @@ add_custom_command(TARGET ${projectName} POST_BUILD
 )
 `;
 }
+export function addToProject(projectDir) {
+    const srcDir = path.join(projectDir, 'src');
+    if (fs.existsSync(path.join(srcDir, 'App.tsx'))) {
+        console.error(`Error: ${srcDir}/App.tsx already exists. Aborting.`);
+        process.exit(1);
+    }
+    fs.mkdirSync(srcDir, { recursive: true });
+    const publicDir = path.join(projectDir, 'public');
+    fs.mkdirSync(publicDir, { recursive: true });
+    // Write TSX source files only — no CMakeLists.txt or main.cpp
+    fs.writeFileSync(path.join(srcDir, 'App.tsx'), APP_TSX);
+    fs.writeFileSync(path.join(srcDir, 'imx.d.ts'), IMX_DTS);
+    fs.writeFileSync(path.join(projectDir, 'tsconfig.json'), TSCONFIG);
+    console.log(`imxc: added IMX sources to project`);
+    console.log('');
+    console.log('  Created:');
+    console.log(`    src/App.tsx            — your root component`);
+    console.log(`    src/imx.d.ts           — type definitions for IDE support`);
+    console.log(`    tsconfig.json          — TypeScript config`);
+    console.log(`    public/                — static assets (copied to exe directory)`);
+    console.log('');
+    console.log('  Add to your CMakeLists.txt:');
+    console.log('');
+    console.log('    # --- IMX integration ---');
+    console.log('    include(FetchContent)');
+    console.log('    FetchContent_Declare(imx');
+    console.log('        GIT_REPOSITORY https://github.com/bgocumlu/imx.git');
+    console.log('        GIT_TAG main');
+    console.log('    )');
+    console.log('    FetchContent_MakeAvailable(imx)');
+    console.log('    include(ImxCompile)');
+    console.log('');
+    console.log('    imx_compile_tsx(GENERATED');
+    console.log('        SOURCES src/App.tsx');
+    console.log('        OUTPUT_DIR ${CMAKE_BINARY_DIR}/generated');
+    console.log('    )');
+    console.log('');
+    console.log('    # Add ${GENERATED} to your target sources:');
+    console.log('    target_sources(your_app PRIVATE ${GENERATED})');
+    console.log('    target_link_libraries(your_app PRIVATE imx::renderer)');
+    console.log('    target_include_directories(your_app PRIVATE ${CMAKE_BINARY_DIR}/generated)');
+    console.log('');
+    console.log('    # Copy assets to exe directory:');
+    console.log('    add_custom_command(TARGET your_app POST_BUILD');
+    console.log('        COMMAND ${CMAKE_COMMAND} -E copy_directory');
+    console.log('            ${CMAKE_CURRENT_SOURCE_DIR}/public $<TARGET_FILE_DIR:your_app>');
+    console.log('    )');
+    console.log('');
+    console.log('  Then add the IMX render call to your main loop:');
+    console.log('');
+    console.log('    #include <imx/runtime.h>');
+    console.log('    imx::Runtime runtime;');
+    console.log('    // In your frame loop, between NewFrame() and Render():');
+    console.log('    imx::render_root(runtime);');
+}
 export function initProject(projectDir, projectName) {
     const name = projectName ?? path.basename(projectDir);
     const srcDir = path.join(projectDir, 'src');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imxc",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Compiler for IMX — compiles React-like .tsx to native Dear ImGui C++",
   "type": "module",
   "bin": {