english-lang 0.2.4 → 0.2.5

package/dist/src/codegen/ReactNativeBackend.js

@@ -69,8 +69,15 @@ class ReactNativeBackend {
             this.emitTypeDecl(type);
         }
         // Component function
-        this.line(`export function ${screen.name}({ navigation }: any) {`);
+        const hasRouteParams = screen.receives && screen.receives.length > 0;
+        const propsArg = hasRouteParams ? '{ navigation, route }' : '{ navigation }';
+        this.line(`export function ${screen.name}(${propsArg}: any) {`);
         this.depth++;
+        // Destructure navigation params
+        if (hasRouteParams) {
+            this.line(`const { ${screen.receives.join(', ')} } = (route.params ?? {}) as any;`);
+            this.line('');
+        }
         // useState hooks
         for (const field of screen.state) {
             const tsType = this.tsType(field, stateVarTypes);
@@ -83,10 +90,22 @@ class ReactNativeBackend {
         // useEffect for screen opens
         const screenOpensHandler = screen.events.find(e => e.trigger.kind === 'ScreenOpens');
         if (screenOpensHandler) {
+            const isAsync = this.bodyIsAsync(screenOpensHandler.body);
             this.line('useEffect(() => {');
             this.depth++;
-            for (const stmt of screenOpensHandler.body) {
-                this.emitStatement(stmt, stateVarTypes);
+            if (isAsync) {
+                this.line('(async () => {');
+                this.depth++;
+                for (const stmt of screenOpensHandler.body) {
+                    this.emitStatement(stmt, stateVarTypes);
+                }
+                this.depth--;
+                this.line('})();');
+            }
+            else {
+                for (const stmt of screenOpensHandler.body) {
+                    this.emitStatement(stmt, stateVarTypes);
+                }
             }
             this.depth--;
             this.line('}, []);');
@@ -97,7 +116,8 @@ class ReactNativeBackend {
             if (event.trigger.kind !== 'ButtonPressed')
                 continue;
             const fnName = buttonHandlers.get(event.trigger.label);
-            this.line(`const ${fnName} = () => {`);
+            const asyncKw = this.bodyIsAsync(event.body) ? 'async ' : '';
+            this.line(`const ${fnName} = ${asyncKw}() => {`);
             this.depth++;
             for (const stmt of event.body) {
                 this.emitStatement(stmt, stateVarTypes);
@@ -221,6 +241,10 @@ class ReactNativeBackend {
                     }
                     this.depth--;
                 }
+                else {
+                    this.line(`} catch (_e) {`);
+                    this.line(`  // network error — add "on failure: (err) ->" to handle it`);
+                }
                 this.line(`}`);
                 break;
             }
@@ -647,6 +671,18 @@ class ReactNativeBackend {
         };
         return map[name] ?? name;
     }
+    bodyIsAsync(stmts) {
+        return stmts.some(s => {
+            if (s.kind === 'FetchStatement')
+                return true;
+            if (s.kind === 'IfStatement') {
+                return this.bodyIsAsync(s.thenBody)
+                    || s.otherwiseIfBranches.some(b => this.bodyIsAsync(b.body))
+                    || (s.elseBody ? this.bodyIsAsync(s.elseBody) : false);
+            }
+            return false;
+        });
+    }
     hasSlider(layout) {
         const scan = (nodes) => {
             for (const node of nodes) {

package/dist/src/parser/Parser.js

@@ -55,6 +55,7 @@ class Parser {
         this.expect('NEWLINE');
         this.expect('INDENT');
         let title = null;
+        const receives = [];
         const state = [];
         const events = [];
         const actions = [];
@@ -70,6 +71,21 @@ class Parser {
                 title = this.expect('STRING').value;
                 this.expectNewline();
             }
+            else if (word === 'receives') {
+                // receives: param1, param2 ...  (navigation route.params)
+                this.consumeWord();
+                this.expect('COLON');
+                this.expect('NEWLINE');
+                this.expect('INDENT');
+                while (!this.check('DEDENT') && !this.check('EOF')) {
+                    this.skipNewlines();
+                    if (this.check('DEDENT'))
+                        break;
+                    receives.push(this.expectWord());
+                    this.expectNewline();
+                }
+                this.expect('DEDENT');
+            }
             else if (word === 'state') {
                 this.consumeWord();
                 this.expect('COLON');
@@ -110,7 +126,7 @@ class Parser {
             }
         }
         this.expect('DEDENT');
-        return { kind: 'ScreenDecl', name, title, state, events, actions, layout, line };
+        return { kind: 'ScreenDecl', name, title, receives, state, events, actions, layout, line };
     }
     // ── State field ───────────────────────────────────────────
     //
@@ -1321,8 +1337,17 @@ class Parser {
             if (word === 'when') {
                 events.push(this.parseEventHandler());
             }
+            else if (word === 'layout') {
+                // Optional layout: section header (same as screens)
+                this.consumeWord();
+                this.expect('COLON');
+                this.expect('NEWLINE');
+                this.expect('INDENT');
+                layout = this.parseLayoutNodes();
+                this.expect('DEDENT');
+            }
             else {
-                // Everything else is layout
+                // Layout nodes written directly (without layout: header)
                 layout = this.parseLayoutNodes();
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "english-lang",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "The English (.eng) programming language compiler",
   "main": "./dist/index.js",
   "bin": {