tjs-lang 0.8.1 → 0.8.3

package/demo/src/tjs-playground.ts

@@ -43,6 +43,7 @@ import {
   buildAutocompleteContext,
   type AutocompleteContext,
 } from './autocomplete-context'
+import { IntrospectionBridge } from './introspection-bridge'
 
 // Available modules for autocomplete introspection
 const AVAILABLE_MODULES: Record<string, any> = {
@@ -149,7 +150,7 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
   // Split mode
   private _splitMode: null | 'code' | 'output' = null
   private _splitChannel: BroadcastChannel | null = null
-  private _splitSessionId: string = ''
+  private _splitSessionId = ''
 
   // Build flags state
   private buildFlags = {
@@ -166,6 +167,8 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
   private autocompleteContext: AutocompleteContext | null = null
   private contextUpdateTimer: ReturnType<typeof setTimeout> | null = null
   private contextBuildPromise: Promise<void> | null = null
+  // Hidden sandbox for runtime-truth member completion (todoApp.items, …)
+  private introspectionBridge: IntrospectionBridge | null = null
 
   /**
    * Get metadata for autocomplete - returns all discovered functions
@@ -185,6 +188,15 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
     return this.autocompleteContext?.bindings
   }
 
+  /**
+   * Member completion from the introspection bridge — the user's REAL executed
+   * scope (`todoApp.items` → the live array). Returns undefined if the sandbox
+   * isn't ready, so the provider falls back to static completions.
+   */
+  private getMembers = (path: string) => {
+    return this.introspectionBridge?.members(path) ?? Promise.resolve(undefined)
+  }
+
   /**
    * Update autocomplete context (debounced)
    * Called when editor content changes.
@@ -198,6 +210,14 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
     const doBuild = async () => {
       const source = this.parts.tjsEditor.value
 
+      // Refresh the introspection sandbox (runtime-truth member completion).
+      // Independent of import-binding resolution below; failures are swallowed
+      // inside the bridge (keeps the last good sandbox).
+      if (!this.introspectionBridge) {
+        this.introspectionBridge = new IntrospectionBridge()
+      }
+      void this.introspectionBridge.refresh(source)
+
       try {
         const newContext = await buildAutocompleteContext(source)
         // Only update if we got bindings (keep last good context otherwise)
@@ -649,6 +669,7 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
       this.parts.tjsEditor.autocomplete = {
         getMetadata: this.getMetadataForAutocomplete,
         getLiveBindings: this.getLiveBindings,
+        getMembers: this.getMembers,
       }
 
       // Build initial autocomplete context immediately
@@ -860,21 +881,27 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
 
   private updateTestResults(result: any) {
     const tests = result.testResults
-    const { passed, failed } = renderTestResults(
+    const { passed, failed, inconclusive } = renderTestResults(
       tests,
       this.parts.testsOutput,
       this.parts.tjsEditor,
       (line) => this.goToSourceLine(line)
     )
-    this.updateTestsTabLabel(passed, failed)
+    this.updateTestsTabLabel(passed, failed, inconclusive)
   }
 
-  private updateTestsTabLabel(passed: number, failed: number) {
+  private updateTestsTabLabel(
+    passed: number,
+    failed: number,
+    inconclusive = 0
+  ) {
     const tabs = this.parts.outputTabs
     if (!tabs) return
 
     if (failed > 0) {
       tabs.style.setProperty('--test-indicator-color', '#dc2626')
+    } else if (inconclusive > 0) {
+      tabs.style.setProperty('--test-indicator-color', '#d97706')
     } else if (passed > 0) {
       tabs.style.setProperty('--test-indicator-color', '#16a34a')
     } else {
@@ -1394,7 +1421,7 @@ export class TJSPlayground extends Component<TJSPlaygroundParts> {
   }
 
   // Navigate to a specific line in the source editor
-  goToSourceLine(line: number, column: number = 1) {
+  goToSourceLine(line: number, column = 1) {
     this.parts.inputTabs.value = 0 // Switch to TJS tab (first tab)
     // Wait for tab switch and editor resize before scrolling
     setTimeout(() => {

package/dist/examples/modules/dist/main.d.ts

@@ -0,0 +1,34 @@
+export function calculate(x?: number, y?: number): any;
+export namespace calculate {
+    namespace __tjs {
+        namespace params {
+            namespace x {
+                export namespace type {
+                    let kind: string;
+                }
+                export let required: boolean;
+                let _default: null;
+                export { _default as default };
+            }
+            namespace y {
+                export namespace type_1 {
+                    let kind_1: string;
+                    export { kind_1 as kind };
+                }
+                export { type_1 as type };
+                let required_1: boolean;
+                export { required_1 as required };
+                let _default_1: null;
+                export { _default_1 as default };
+            }
+        }
+        namespace returns {
+            export namespace type_2 {
+                let kind_2: string;
+                export { kind_2 as kind };
+            }
+            export { type_2 as type };
+        }
+        let source: string;
+    }
+}

package/dist/examples/modules/dist/math.d.ts

@@ -0,0 +1,120 @@
+export function add(a?: number, b?: number): any;
+export namespace add {
+    namespace __tjs {
+        namespace params {
+            namespace a {
+                export namespace type {
+                    let kind: string;
+                }
+                export let required: boolean;
+                let _default: null;
+                export { _default as default };
+            }
+            namespace b {
+                export namespace type_1 {
+                    let kind_1: string;
+                    export { kind_1 as kind };
+                }
+                export { type_1 as type };
+                let required_1: boolean;
+                export { required_1 as required };
+                let _default_1: null;
+                export { _default_1 as default };
+            }
+        }
+        namespace returns {
+            export namespace type_2 {
+                let kind_2: string;
+                export { kind_2 as kind };
+            }
+            export { type_2 as type };
+        }
+        let source: string;
+    }
+}
+export function subtract(a?: number, b?: number): any;
+export namespace subtract {
+    export namespace __tjs_1 {
+        export namespace params_1 {
+            export namespace a_1 {
+                export namespace type_3 {
+                    let kind_3: string;
+                    export { kind_3 as kind };
+                }
+                export { type_3 as type };
+                let required_2: boolean;
+                export { required_2 as required };
+                let _default_2: null;
+                export { _default_2 as default };
+            }
+            export { a_1 as a };
+            export namespace b_1 {
+                export namespace type_4 {
+                    let kind_4: string;
+                    export { kind_4 as kind };
+                }
+                export { type_4 as type };
+                let required_3: boolean;
+                export { required_3 as required };
+                let _default_3: null;
+                export { _default_3 as default };
+            }
+            export { b_1 as b };
+        }
+        export { params_1 as params };
+        export namespace returns_1 {
+            export namespace type_5 {
+                let kind_5: string;
+                export { kind_5 as kind };
+            }
+            export { type_5 as type };
+        }
+        export { returns_1 as returns };
+        let source_1: string;
+        export { source_1 as source };
+    }
+    export { __tjs_1 as __tjs };
+}
+export function multiply(a?: number, b?: number): any;
+export namespace multiply {
+    export namespace __tjs_2 {
+        export namespace params_2 {
+            export namespace a_2 {
+                export namespace type_6 {
+                    let kind_6: string;
+                    export { kind_6 as kind };
+                }
+                export { type_6 as type };
+                let required_4: boolean;
+                export { required_4 as required };
+                let _default_4: null;
+                export { _default_4 as default };
+            }
+            export { a_2 as a };
+            export namespace b_2 {
+                export namespace type_7 {
+                    let kind_7: string;
+                    export { kind_7 as kind };
+                }
+                export { type_7 as type };
+                let required_5: boolean;
+                export { required_5 as required };
+                let _default_5: null;
+                export { _default_5 as default };
+            }
+            export { b_2 as b };
+        }
+        export { params_2 as params };
+        export namespace returns_2 {
+            export namespace type_8 {
+                let kind_8: string;
+                export { kind_8 as kind };
+            }
+            export { type_8 as type };
+        }
+        export { returns_2 as returns };
+        let source_2: string;
+        export { source_2 as source };
+    }
+    export { __tjs_2 as __tjs };
+}