feat: js executor integration to exectute the compiled js from typescript

.gitignore

@@ -43,4 +43,38 @@ coverage/
 
 # Temporary folders
 tmp/
-temp/
+temp/
+
+# Vendor files (large dependencies for demos only)
+**/vendor/
+
+# Development tools (not needed in repo)
+**/.prettierrc
+
+# Test files and demo files - prevent them from being created
+**/test*.mjs
+**/test*.html
+**/quick-test.mjs
+**/debug-*.html
+**/simple-test.html
+**/offline-demo.html
+
+# Extra integration files (allow only integration-demo.html)
+**/integration-*.mjs
+**/integration-example.*
+
+# Extra documentation files - keep only README.md  
+**/*EXAMPLES.md
+**/*CHECKLIST.md
+**/PROJECT_DOCUMENTATION.md
+**/QUICK_REFERENCE.md
+**/README-INTEGRATION.md
+**/TEACHING_GUIDE.md
+**/DEMO_EXAMPLES.md
+**/LEARNING_CHECKLIST.md
+
+# Extra config files
+**/tsconfig-*.json
+
+# Specific playground files that keep coming back
+packages/ts-executor/test-playground.html

packages/ts-executor/package.json

@@ -1,23 +1,25 @@
 {
   "name": "@webrunnr/ts-executor",
   "version": "1.0.0",
-  "description": "TypeScript code executor for WebRunnr",
+  "description": "Offline TypeScript code executor for WebRunnr",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "build": "tsc",
     "dev": "tsc --watch",
     "clean": "rm -rf dist",
-    "test": "node test-executor.mjs"
-  },
-  "dependencies": {
-    "@babel/standalone": "^7.28.2"
+    "format": "prettier --write src/**/*.ts *.mjs *.html",
+    "format:check": "prettier --check src/**/*.ts *.mjs *.html"
   },
   "devDependencies": {
+    "prettier": "^3.6.2",
     "typescript": "^5.0.0"
   },
   "files": [
     "dist/**/*"
-  ]
+  ],
+  "dependencies": {
+    "@babel/standalone": "^7.28.2"
+  }
 }

packages/ts-executor/src/compile.ts

@@ -1,8 +1,7 @@
-
 import {
-  CompilerOptions,
-  CompilationResult,
   CompilationError,
+  CompilationResult,
+  CompilerOptions,
 } from './types.js';
 
 export class TypeScriptCompiler {
@@ -15,27 +14,32 @@ export class TypeScriptCompiler {
     skipLibCheck: true,
   };
 
-
   private async getBabel() {
-    // Check if we're in browser with global Babel
+    // Check for global Babel (from bundled file or main app)
     if (typeof window !== 'undefined' && (window as any).Babel) {
       return (window as any).Babel;
     }
 
-    // Node.js environment - use dynamic import
-    const BabelModule = await import('@babel/standalone');
-    return BabelModule.default || BabelModule;
+    // In Node.js or bundled environments, try npm import
+    try {
+      // @ts-ignore - @babel/standalone doesn't have type definitions
+      const BabelModule = await import('@babel/standalone');
+      return BabelModule.default || BabelModule;
+    } catch (error) {
+      throw new Error(
+        'Babel not available. In browsers, ensure Babel is loaded globally. In Node.js, ensure @babel/standalone is installed.'
+      );
+    }
   }
 
-
   public async compile(
     tsCode: string,
     options?: CompilerOptions
   ): Promise<CompilationResult> {
     try {
       const mergedOptions = { ...this.defaultOptions, ...options };
 
-      // Basic TypeScript error detection 
+      // Basic TypeScript error detection
       const typeErrors = this.detectBasicTypeErrors(tsCode);
       if (typeErrors.length > 0) {
         return {
@@ -84,7 +88,7 @@ export class TypeScriptCompiler {
   }
 
   //Parses compilation errors from Babel
-   
+
   private parseCompilationError(error: any): CompilationError[] {
     const errors: CompilationError[] = [];
 
@@ -103,13 +107,9 @@ export class TypeScriptCompiler {
     return errors;
   }
 
-
   private detectBasicTypeErrors(code: string): CompilationError[] {
     const errors: CompilationError[] = [];
 
-    // Very basic error detection 
-    // For now, just return empty array (no error detection)
-
     return errors;
   }
 }