@ng-native/nx 0.1.0 → 0.1.2

package/application/index.cjs

@@ -4,7 +4,10 @@
  * The app is an Expo project, built by Metro. `@nx/expo`'s plugin, which `init` registers, infers
  * its Expo targets from the files written here; `project.json` adds the two it cannot infer:
  * `typecheck`, since Expo's `tsconfig` sets `noEmit` and `@nx/js` disables its own for that, and
- * `test`, which runs Vitest once rather than watching.
+ * `test`, which runs Vitest once rather than watching. It also replaces the inferred `start`,
+ * which is `@nx/expo:start`, an executor Nx deprecates and warns about on every run, with the
+ * `expo start` that executor runs, as the plugin already infers `run-ios` and `export`. Once the
+ * plugin infers `start` as a command too, this one can go.
  *
  * Where the dependencies go depends on the workspace. With package-manager workspaces, the Nx
  * default since 20, the app is a workspace package and lists them itself, which pnpm needs in
@@ -45,6 +48,7 @@ function targets(directory) {
       inputs: ['default', '^production'],
     },
     test: { ...run('vitest run'), cache: true, inputs: ['default', '^production'] },
+    start: { ...run('expo start'), continuous: true },
   };
 }
 

package/files/AGENTS.md

@@ -8,7 +8,7 @@ The whole documentation, for reading before a change: https://ng-native.com/llms
 outline with a line per page: https://ng-native.com/llms.txt.
 
 Angular's own rules apply as well: https://angular.dev/assets/context/best-practices.md. Its
-browser-only parts do not: there is no `NgOptimizedImage` (use `<image>`), and no AXE or ARIA
+browser-only parts do not: there is no `NgOptimizedImage` (use `<image>`), and no AXE
 (accessibility is the props below). Where the two disagree, this file wins.
 
 ## Commands
@@ -41,7 +41,9 @@ change; both are fast.
 - **No backticks inside an inline template**, even in an HTML comment: they end the template string
   and the build fails with a misleading parse error.
 - **Accessibility is props:** `accessibilityRole="button"`, `accessibilityLabel`,
-  `[accessibilityState]`. Screen readers and the testing library's `getByRole` both read them.
+  `[accessibilityState]`. The web spellings work too, as aliases: `role`, and the `aria-*` names
+  React Native maps (`aria-label`, `aria-checked`, `aria-hidden` and so on). Screen readers and
+  the testing library's `getByRole` both read them.
 
 ## Styling
 

package/init/index.cjs

@@ -14,6 +14,10 @@
  * because `@nx/expo` depends on `@nx/react`, whose `react-dom` peer npm otherwise takes at the
  * newest React and then refuses every later install beside React 19.2.3. And `@expo/cli`, which
  * `@nx/expo`'s prebuild executor loads from the root, where npm does not put it on its own.
+ *
+ * It also adds Babel 7's `@babel/runtime`, the one Expo's Babel preset writes imports of. In an
+ * Angular workspace `@angular-devkit/build-angular` hoists Babel 8's to the root, which has no
+ * `regenerator`, and every `nx start` warned that Metro fell back to file-based resolution.
  */
 const {
   addDependenciesToPackageJson,

package/native-app.cjs

@@ -38,8 +38,9 @@ const dependencies = {
   ...Object.fromEntries(FRAMEWORK.map((name) => [name, version])),
   '@angular/common': '^22.0.0',
   '@angular/core': '^22.0.0',
-  expo: '~57.0.20',
+  expo: '~57.0.26',
   'expo-status-bar': '~57.0.1',
+  'expo-system-ui': '~57.0.4',
   react: '19.2.3',
   'react-native': '0.86.3',
   'react-native-safe-area-context': '~5.7.0',
@@ -47,9 +48,14 @@ const dependencies = {
 
 /**
  * What `nx add` puts beside `@nx/expo`, in place of the `@nx/expo:init` it does not run: see
- * `init/index.cjs`. `@expo/cli` is the range the template's `expo` depends on.
+ * `init/index.cjs`. `@expo/cli` and `@babel/runtime` are the ranges the template's `expo` depends
+ * on.
  */
-const expoCompanions = { 'react-dom': dependencies.react, '@expo/cli': '^57.0.22' };
+const expoCompanions = {
+  'react-dom': dependencies.react,
+  '@expo/cli': '^57.0.27',
+  '@babel/runtime': '^7.20.0',
+};
 
 /** @type {Record<string, string>} */
 const devDependencies = {
@@ -104,6 +110,9 @@ function appJson(name) {
     ios: { supportsTablet: true },
     android: { predictiveBackGestureEnabled: false },
     scheme: slug.replace(/[^a-z0-9]/gi, '').toLowerCase(),
+    // The template's: Expo otherwise guesses a router root from src/app and says so on every start.
+    extra: { router: { root: 'src/app' } },
+    plugins: ['@ng-native/metro'],
   };
   return JSON.stringify({ expo }, null, 2) + '\n';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-native/nx",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Nx generators for Angular Native: nx add, and an Expo app project whose targets run it.",
   "keywords": [
     "angular",