Try fix e2e

Author: MelbourneDeveloper

.vscode/launch.json

@@ -27,14 +27,20 @@
       "preLaunchTask": "build-frontend"
     },
     {
-      "name": "Mobile: Build & Run (Expo)",
-      "type": "node",
+      "name": "Mobile: iOS",
+      "type": "node-terminal",
       "request": "launch",
-      "runtimeExecutable": "npm",
-      "runtimeArgs": ["run", "ios"],
+      "command": "npm run ios",
       "cwd": "${workspaceFolder}/examples/mobile/rn",
-      "preLaunchTask": "build-mobile",
-      "console": "integratedTerminal"
+      "preLaunchTask": "build-mobile"
+    },
+    {
+      "name": "Mobile: Android",
+      "type": "node-terminal",
+      "request": "launch",
+      "command": "npm run android",
+      "cwd": "${workspaceFolder}/examples/mobile/rn",
+      "preLaunchTask": "build-mobile"
     },
     {
       "name": "Mobile: Build Only",

.vscode/tasks.json

@@ -26,8 +26,7 @@
     {
       "label": "build-mobile",
       "type": "shell",
-      "command": "dart",
-      "args": ["run", "tools/build/build.dart", "mobile"],
+      "command": "mkdir -p examples/mobile/build && dart run tools/build/build.dart mobile && cd examples/mobile/rn && npm install",
       "options": {
         "cwd": "${workspaceFolder}",
         "env": {

README.md

@@ -7,12 +7,13 @@ Write your entire stack in Dart: React web apps, React Native mobile apps with E
 ```mermaid
 graph TD
     B[dart_node_express] --> A[dart_node_core]
-    C[dart_node_node] --> A
+    C[dart_node_ws] --> A
     D[dart_node_react] --> A
     E[dart_node_react_native] --> D
     B -.-> F[express npm]
-    D -.-> G[react npm]
-    E -.-> H[react-native npm]
+    C -.-> G[ws npm]
+    D -.-> H[react npm]
+    E -.-> I[react-native npm]
 ```
 
 ## Packages
@@ -21,7 +22,7 @@ graph TD
 |---------|-------------|---------|
 | [dart_node_core](packages/dart_node_core) | Core JS interop utilities | 0.1.0-beta |
 | [dart_node_express](packages/dart_node_express) | Express.js bindings | 0.1.0-beta |
-| [dart_node_node](packages/dart_node_node) | Node.js API bindings | 0.1.0-beta |
+| [dart_node_ws](packages/dart_node_ws) | WebSocket bindings | 0.1.0-beta |
 | [dart_node_react](packages/dart_node_react) | React bindings | 0.1.0-beta |
 | [dart_node_react_native](packages/dart_node_react_native) | React Native bindings | 0.1.0-beta |
 

examples/mobile/lib/app.dart

@@ -53,7 +53,22 @@ ReactElement _buildCurrentView({
       _ => loginScreen(authEffects: authEffects),
     };
 
+@JS('console.log')
+external void _consoleLog(JSAny? message);
+
+@JS('console.error')
+external void _consoleError(JSAny? message);
+
 /// Register the app with React Native
 void registerMobileApp() {
-  registerApp('main', app());
+  _consoleLog('=== registerMobileApp() STARTING ==='.toJS);
+  try {
+    final appComponent = app();
+    _consoleLog('=== app() created ==='.toJS);
+    registerApp('main', appComponent);
+    _consoleLog('=== registerApp() completed ==='.toJS);
+  } catch (e) {
+    _consoleError('=== ERROR in registerMobileApp ==='.toJS);
+    _consoleError(e.toString().toJS);
+  }
 }

examples/mobile/main.dart

@@ -1,5 +1,12 @@
+import 'dart:js_interop';
+
 import 'lib/app.dart';
 
+@JS('console.log')
+external void consoleLog(JSAny? message);
+
 void main() {
+  consoleLog('=== DART MAIN() STARTING ==='.toJS);
   registerMobileApp();
+  consoleLog('=== DART MAIN() COMPLETED ==='.toJS);
 }

examples/mobile/rn/index.js

@@ -1,2 +1,9 @@
 // Load compiled Dart app
-require('../build/app.js');
+console.log('=== INDEX.JS STARTING ===');
+try {
+  console.log('Loading app.js...');
+  require('../build/app.js');
+  console.log('=== APP.JS LOADED ===');
+} catch (e) {
+  console.error('=== ERROR LOADING APP.JS ===', e);
+}

examples/mobile/rn/package.json

@@ -6,9 +6,9 @@
     "prestart": "npx kill-port --port 8083 || true",
     "preandroid": "npx kill-port --port 8083 || true",
     "preios": "npx kill-port --port 8083 || true",
-    "start": "expo start --port 8083",
-    "android": "expo start --android --port 8083",
-    "ios": "expo start --ios --port 8083",
+    "start": "./node_modules/.bin/expo start --port 8083",
+    "android": "./node_modules/.bin/expo start --android --port 8083",
+    "ios": "./node_modules/.bin/expo start --ios --port 8083",
     "build:dart": "cd .. && dart run ../../tools/build/build.dart mobile"
   },
   "dependencies": {

packages/dart_node_core/README.md

@@ -9,12 +9,13 @@ Write your entire stack in Dart: React web apps, React Native mobile apps with E
 ```mermaid
 graph TD
     B[dart_node_express] --> A[dart_node_core]
-    C[dart_node_node] --> A
+    C[dart_node_ws] --> A
     D[dart_node_react] --> A
     E[dart_node_react_native] --> D
     B -.-> F[express npm]
-    D -.-> G[react npm]
-    E -.-> H[react-native npm]
+    C -.-> G[ws npm]
+    D -.-> H[react npm]
+    E -.-> I[react-native npm]
 ```
 
 Part of the [dart_node](https://github.com/MelbourneDeveloper/dart_node) package family.

packages/dart_node_express/README.md

@@ -9,12 +9,13 @@ Write your entire stack in Dart: React web apps, React Native mobile apps with E
 ```mermaid
 graph TD
     B[dart_node_express] --> A[dart_node_core]
-    C[dart_node_node] --> A
+    C[dart_node_ws] --> A
     D[dart_node_react] --> A
     E[dart_node_react_native] --> D
     B -.-> F[express npm]
-    D -.-> G[react npm]
-    E -.-> H[react-native npm]
+    C -.-> G[ws npm]
+    D -.-> H[react npm]
+    E -.-> I[react-native npm]
 ```
 
 Part of the [dart_node](https://github.com/MelbourneDeveloper/dart_node) package family.