@symbiote-native/angular 0.1.1 → 0.2.0

package/README.md

@@ -19,6 +19,19 @@ already-validated engine with zero changes to it.
 
 ---
 
+## Install
+
+```bash
+npm install @symbiote-native/angular react-native @angular/core
+```
+
+`react-native` and `@angular/core` (**>=20**, for stable zoneless change detection) stay your app's
+own top-level dependencies. There's no `create-symbiote` scaffolder yet, so the AOT pipeline
+(`ngc --watch` alongside Metro — see [Run it](#run-it)) and the Metro config come from
+[`examples/angular`](../../examples/angular) rather than a generator.
+
+---
+
 ## Use it
 
 The native entry reaches the *same* `registerRunnable` seam as React and Vue — only the adapter

package/build/angular/bootstrap.d.ts

@@ -0,0 +1,7 @@
+import type { Type } from '@angular/core';
+import { type IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+export type { IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+export type IBootstrapApplicationOptions = IBootstrapHostOptions & {
+    appName: string;
+};
+export declare function bootstrapApplication(AppComponent: Type<unknown>, options: IBootstrapApplicationOptions): void;

package/build/angular/bootstrap.js

@@ -0,0 +1,15 @@
+// Zero-config app entry, the Angular twin of adapters/react/src/bootstrap.ts. Lives OUTSIDE the
+// package's main barrel — see that file's header for why anything importing react-native must
+// stay there. No @Component/@Directive decorators here, so unlike the package's main "." entry
+// this needs no ngc/AOT build step and can stay a plain source reference.
+import { AppRegistry as RNAppRegistry } from 'react-native';
+import { bootstrapHost } from '@symbiote-native/components/bootstrap';
+import { AppRegistry, setHostRegistrar } from './modules/app-registry';
+// Mirrors real Angular's bootstrapApplication(RootComponent, config) idiom.
+export function bootstrapApplication(AppComponent, options) {
+    const { appName, ...bootstrapOptions } = options;
+    bootstrapHost(bootstrapOptions);
+    setHostRegistrar(RNAppRegistry);
+    AppRegistry.registerComponent(appName, () => AppComponent);
+}
+//# sourceMappingURL=bootstrap.js.map

package/build/angular/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../../src/bootstrap.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,8FAA8F;AAC9F,+FAA+F;AAC/F,0EAA0E;AAE1E,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAE,aAAa,EAA8B,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAQvE,4EAA4E;AAC5E,MAAM,UAAU,oBAAoB,CAClC,YAA2B,EAC3B,OAAqC;IAErC,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACjD,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChC,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAChC,WAAW,CAAC,iBAAiB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAC7D,CAAC"}

package/build/bootstrap.d.ts

@@ -0,0 +1,7 @@
+import type { Type } from '@angular/core';
+import { type IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+export type { IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+export type IBootstrapApplicationOptions = IBootstrapHostOptions & {
+    appName: string;
+};
+export declare function bootstrapApplication(AppComponent: Type<unknown>, options: IBootstrapApplicationOptions): void;

package/build/bootstrap.js

@@ -0,0 +1,14 @@
+// Zero-config app entry, the Angular twin of adapters/react/src/bootstrap.ts. Lives OUTSIDE the
+// package's main barrel — see that file's header for why anything importing react-native must
+// stay there. No @Component/@Directive decorators here, so unlike the package's main "." entry
+// this needs no ngc/AOT build step and can stay a plain source reference.
+import { AppRegistry as RNAppRegistry } from 'react-native';
+import { bootstrapHost } from '@symbiote-native/components/bootstrap';
+import { AppRegistry, setHostRegistrar } from './modules/app-registry';
+// Mirrors real Angular's bootstrapApplication(RootComponent, config) idiom.
+export function bootstrapApplication(AppComponent, options) {
+    const { appName, ...bootstrapOptions } = options;
+    bootstrapHost(bootstrapOptions);
+    setHostRegistrar(RNAppRegistry);
+    AppRegistry.registerComponent(appName, () => AppComponent);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/angular",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "SymbioteNative's Angular adapter — a Renderer2/RendererFactory2 with DOM-less bootstrap driving real native iOS/Android views through the same engine as the other adapters.",
   "repository": {
     "type": "git",
@@ -22,6 +22,11 @@
       "react-native": "./build/angular/index.js",
       "default": "./src/index.ts"
     },
+    "./bootstrap": {
+      "types": "./build/angular/bootstrap.d.ts",
+      "react-native": "./build/angular/bootstrap.js",
+      "default": "./src/bootstrap.ts"
+    },
     "./metro-css-parser": "./metro-css-parser.cjs"
   },
   "files": [
@@ -33,9 +38,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@symbiote-native/components": "0.1.1",
+    "@symbiote-native/engine": "0.1.1",
     "@symbiote-native/css-parser": "0.1.1",
-    "@symbiote-native/engine": "0.1.1"
+    "@symbiote-native/components": "0.2.0"
   },
   "peerDependencies": {
     "@angular/core": ">=20",
@@ -47,7 +52,7 @@
     "@angular/core": "^22",
     "@types/node": "^26.0.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/test-utils": "0.0.0"
+    "@symbiote-native/test-utils": "0.1.1"
   },
   "scripts": {
     "ng:build": "ngc -p tsconfig.angular.json",

package/src/bootstrap.ts

@@ -0,0 +1,26 @@
+// Zero-config app entry, the Angular twin of adapters/react/src/bootstrap.ts. Lives OUTSIDE the
+// package's main barrel — see that file's header for why anything importing react-native must
+// stay there. No @Component/@Directive decorators here, so unlike the package's main "." entry
+// this needs no ngc/AOT build step and can stay a plain source reference.
+
+import { AppRegistry as RNAppRegistry } from 'react-native';
+import type { Type } from '@angular/core';
+import { bootstrapHost, type IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+import { AppRegistry, setHostRegistrar } from './modules/app-registry';
+
+export type { IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+
+export type IBootstrapApplicationOptions = IBootstrapHostOptions & {
+  appName: string;
+};
+
+// Mirrors real Angular's bootstrapApplication(RootComponent, config) idiom.
+export function bootstrapApplication(
+  AppComponent: Type<unknown>,
+  options: IBootstrapApplicationOptions,
+): void {
+  const { appName, ...bootstrapOptions } = options;
+  bootstrapHost(bootstrapOptions);
+  setHostRegistrar(RNAppRegistry);
+  AppRegistry.registerComponent(appName, () => AppComponent);
+}