@symbiote-native/application 1.0.0 → 3.0.0

package/README.md

@@ -16,6 +16,10 @@ composable/service to wrap — every adapter's entry point is a plain re-export
 npm install @symbiote-native/application
 ```
 
+Scaffolding or extending a SymbioteNative app? `npx @symbiote-native/cli new --application` (or
+`add --application` in an existing app) installs and wires this for you — see
+[`@symbiote-native/cli`](../cli).
+
 `expo-application` and `expo-modules-core` come along as regular dependencies, pinned to exact
 versions — never install either yourself, and never add the `expo` meta-package to your project
 (it bundles its own Metro/Babel pipeline, which conflicts with this project's own).
@@ -62,7 +66,7 @@ stays a physical file/subpath since Angular ships through a separate `ngc`/AOT b
 ```tsx
 // React
 import { useEffect, useState } from 'react';
-import { Platform, Text, View } from '@symbiote-native/react';
+import { Platform } from '@symbiote-native/react';
 import {
   applicationId,
   applicationName,
@@ -79,17 +83,17 @@ function ApplicationScreen() {
   }, []);
 
   return (
-    <View>
-      <Text>
+    <view>
+      <text>
         {applicationName} ({applicationId})
-      </Text>
-      <Text>
+      </text>
+      <text>
         v{nativeApplicationVersion} (build {nativeBuildVersion})
-      </Text>
+      </text>
       {Platform.OS === 'android' && installedAt && (
-        <Text>Installed {installedAt.toLocaleDateString()}</Text>
+        <text>Installed {installedAt.toLocaleDateString()}</text>
       )}
-    </View>
+    </view>
   );
 }
 ```
@@ -98,7 +102,7 @@ function ApplicationScreen() {
 <!-- Vue -->
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
-import { Platform, Text, View } from '@symbiote-native/vue';
+import { Platform } from '@symbiote-native/vue';
 import {
   applicationId,
   applicationName,
@@ -115,22 +119,22 @@ onMounted(() => {
 </script>
 
 <template>
-  <View>
-    <Text>{{ applicationName }} ({{ applicationId }})</Text>
-    <Text
-      >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</Text
+  <view>
+    <text>{{ applicationName }} ({{ applicationId }})</text>
+    <text
+      >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</text
     >
-    <Text v-if="Platform.OS === 'android' && installedAt">
+    <text v-if="Platform.OS === 'android' && installedAt">
       Installed {{ installedAt?.toLocaleDateString() }}
-    </Text>
-  </View>
+    </text>
+  </view>
 </template>
 ```
 
 ```ts
 // Angular
 import { Component, signal } from '@angular/core';
-import { Platform, Text, View } from '@symbiote-native/angular';
+import { Platform, SYMBIOTE_ELEMENTS } from '@symbiote-native/angular';
 import {
   applicationId,
   applicationName,
@@ -141,17 +145,17 @@ import {
 
 @Component({
   standalone: true,
-  imports: [Text, View],
+  imports: [SYMBIOTE_ELEMENTS],
   template: `
-    <View>
-      <Text>{{ applicationName }} ({{ applicationId }})</Text>
-      <Text
-        >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</Text
+    <view>
+      <text>{{ applicationName }} ({{ applicationId }})</text>
+      <text
+        >v{{ nativeApplicationVersion }} (build {{ nativeBuildVersion }})</text
       >
       @if (Platform.OS === 'android' && installedAt(); as date) {
-        <Text>Installed {{ date.toLocaleDateString() }}</Text>
+        <text>Installed {{ date.toLocaleDateString() }}</text>
       }
-    </View>
+    </view>
   `,
 })
 export class ApplicationScreen {
@@ -167,7 +171,7 @@ export class ApplicationScreen {
 ```svelte
 <!-- Svelte -->
 <script lang="ts">
-  import { Platform, Text, View } from '@symbiote-native/svelte';
+  import { Platform } from '@symbiote-native/svelte';
   import {
     applicationId,
     applicationName,
@@ -183,19 +187,19 @@ export class ApplicationScreen {
   });
 </script>
 
-<View>
-  <Text>{applicationName} ({applicationId})</Text>
-  <Text>v{nativeApplicationVersion} (build {nativeBuildVersion})</Text>
+<view>
+  <text>{applicationName} ({applicationId})</text>
+  <text>v{nativeApplicationVersion} (build {nativeBuildVersion})</text>
   {#if Platform.OS === 'android' && installedAt !== null}
-    <Text>Installed {installedAt.toLocaleDateString()}</Text>
+    <text>Installed {installedAt.toLocaleDateString()}</text>
   {/if}
-</View>
+</view>
 ```
 
 ```tsx
 // Solid
 import { createSignal } from 'solid-js';
-import { Platform, Text, View } from '@symbiote-native/solid';
+import { Platform } from '@symbiote-native/solid';
 import {
   applicationId,
   applicationName,
@@ -210,24 +214,24 @@ function ApplicationScreen() {
   getInstallationTimeAsync().then(setInstalledAt);
 
   return (
-    <View>
-      <Text>
+    <view>
+      <text>
         {applicationName} ({applicationId})
-      </Text>
-      <Text>
+      </text>
+      <text>
         v{nativeApplicationVersion} (build {nativeBuildVersion})
-      </Text>
+      </text>
       {Platform.OS === 'android' && installedAt() !== null && (
-        <Text>Installed {installedAt()!.toLocaleDateString()}</Text>
+        <text>Installed {installedAt()!.toLocaleDateString()}</text>
       )}
-    </View>
+    </view>
   );
 }
 ```
 
 There's no per-instance service to `inject()` in the Angular case — every function is a plain
 free function off the core package, called straight from the constructor (or, on Solid, straight
-from the component body). All five examples mirror the real canary demo screens —
+from the component body). All six examples mirror the real canary demo screens —
 `examples/expo-react/screens/ApplicationScreen.tsx`,
 `examples/expo-vue-sfc/screens/ApplicationScreen.vue`,
 `examples/expo-vue-tsx/screens/ApplicationScreen.tsx`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/application",
-  "version": "1.0.0",
+  "version": "3.0.0",
   "description": "expo-application wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Native app version/build/name/ID constants, the Android ID, install-referrer and install/update-time lookups, and the iOS vendor ID, release type, and push-notification-service environment.",
   "license": "MIT",
   "repository": {
@@ -80,12 +80,12 @@
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.0",
     "vue": ">=3.5.0",
-    "@symbiote-native/angular": "^1.0.0",
-    "@symbiote-native/engine": "^0.4.0",
-    "@symbiote-native/react": "^1.0.0",
-    "@symbiote-native/solid": "^1.0.0",
-    "@symbiote-native/svelte": "^1.0.0",
-    "@symbiote-native/vue": "^1.0.0"
+    "@symbiote-native/angular": "^3.0.0",
+    "@symbiote-native/engine": "^1.0.0",
+    "@symbiote-native/react": "^3.0.0",
+    "@symbiote-native/solid": "^3.0.0",
+    "@symbiote-native/svelte": "^3.0.0",
+    "@symbiote-native/vue": "^3.0.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -133,13 +133,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "1.0.0",
-    "@symbiote-native/engine": "0.4.0",
-    "@symbiote-native/react": "1.0.0",
-    "@symbiote-native/solid": "1.0.0",
-    "@symbiote-native/svelte": "1.0.0",
-    "@symbiote-native/test-utils": "0.3.0",
-    "@symbiote-native/vue": "1.0.0"
+    "@symbiote-native/angular": "3.0.0",
+    "@symbiote-native/engine": "1.0.0",
+    "@symbiote-native/react": "3.0.0",
+    "@symbiote-native/solid": "3.0.0",
+    "@symbiote-native/svelte": "3.0.0",
+    "@symbiote-native/test-utils": "0.3.1",
+    "@symbiote-native/vue": "3.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",