@symbiote-native/vue 0.1.1 → 0.2.0

package/README.md

@@ -18,6 +18,20 @@ mutation-oriented framework driving the already-validated engine.
 
 ---
 
+## Install
+
+```bash
+npm install @symbiote-native/vue react-native vue
+```
+
+`react-native` and `vue` stay your app's own top-level dependencies — this package only replaces
+the JS renderer that drives them. **TSX** needs nothing beyond the install above; **SFC**
+additionally needs a Metro transformer for `.vue` files (see
+[`examples/vue-sfc`](../../examples/vue-sfc)'s `metro.config.js`), since there's no
+`create-symbiote` scaffolder yet to wire it for you.
+
+---
+
 ## Use it
 
 The native entry reaches the *same* `registerRunnable` seam as React — only the adapter changes. It

package/build/bootstrap.d.ts

@@ -0,0 +1,7 @@
+import type { Component } from '@vue/runtime-core';
+import { type IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+export type { IBootstrapHostOptions } from '@symbiote-native/components/bootstrap';
+export type ISymbioteVueApp = {
+    mount(appName: string): void;
+};
+export declare function createApp(App: Component, options?: IBootstrapHostOptions): ISymbioteVueApp;

package/build/bootstrap.js

@@ -0,0 +1,17 @@
+// Zero-config app entry, the Vue twin of adapters/react/src/bootstrap.ts. createApp(App) stays
+// inert (matching real Vue's own semantics); mount(appName) is where the RN host seams and
+// AppRegistry actually get wired. Lives OUTSIDE the package's main barrel — see that file's
+// header for why anything importing react-native must stay there.
+import { AppRegistry as RNAppRegistry } from 'react-native';
+import { bootstrapHost } from '@symbiote-native/components/bootstrap';
+import { AppRegistry, setHostRegistrar } from './modules/app-registry';
+// Mirrors real Vue's createApp(App).mount(selector) two-step idiom.
+export function createApp(App, options = {}) {
+    return {
+        mount(appName) {
+            bootstrapHost(options);
+            setHostRegistrar(RNAppRegistry);
+            AppRegistry.registerComponent(appName, () => App);
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/vue",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "SymbioteNative's Vue adapter — a @vue/runtime-core createRenderer driving real native iOS/Android views through the same engine as the React adapter.",
   "repository": {
     "type": "git",
@@ -21,6 +21,10 @@
       "types": "./build/index.d.ts",
       "default": "./build/index.js"
     },
+    "./bootstrap": {
+      "types": "./build/bootstrap.d.ts",
+      "default": "./build/bootstrap.js"
+    },
     "./runtime-helpers": {
       "types": "./build/runtime-helpers.d.ts",
       "default": "./build/runtime-helpers.js"
@@ -36,8 +40,8 @@
   },
   "dependencies": {
     "@vue/runtime-core": "^3.5.13",
-    "@symbiote-native/components": "0.1.1",
     "@symbiote-native/css-parser": "0.1.1",
+    "@symbiote-native/components": "0.2.0",
     "@symbiote-native/engine": "0.1.1"
   },
   "peerDependencies": {
@@ -45,7 +49,7 @@
     "react-native": ">=0.86"
   },
   "devDependencies": {
-    "@symbiote-native/test-utils": "0.0.0"
+    "@symbiote-native/test-utils": "0.1.1"
   },
   "scripts": {
     "typecheck": "tsc --build",