@symbiote-native/network 1.0.0 → 3.0.0

package/README.md

@@ -17,6 +17,10 @@ depended on directly and never the `expo` meta-package, why the upstream JS is h
 npm install @symbiote-native/network
 ```
 
+Scaffolding or extending a SymbioteNative app? `npx @symbiote-native/cli new --network` (or
+`add --network` in an existing app) installs and wires this for you — see
+[`@symbiote-native/cli`](../cli).
+
 Depends on `expo-network` and `expo-modules-core` directly (regular dependencies, pinned to exact
 versions — never a caret range, since this package's `core/` is hand-ported against one specific
 native API shape and a newer resolve could silently drift the two apart). Never install
@@ -95,13 +99,13 @@ function NetworkScreen() {
 
   return (
     <>
-      <Text>
+      <text>
         {networkState.isConnected
           ? `Connected via ${networkState.type}`
           : 'Offline'}
-      </Text>
-      <Text>{ipAddress ?? 'checking…'}</Text>
-      <Text>{isAirplaneMode ? 'Airplane mode: On' : 'Airplane mode: Off'}</Text>
+      </text>
+      <text>{ipAddress ?? 'checking…'}</text>
+      <text>{isAirplaneMode ? 'Airplane mode: On' : 'Airplane mode: Off'}</text>
     </>
   );
 }
@@ -111,7 +115,6 @@ function NetworkScreen() {
 <!-- Vue — examples/expo-vue-sfc/screens/NetworkScreen.vue -->
 <script setup lang="ts">
 import { ref, watch } from 'vue';
-import { Text } from '@symbiote-native/vue';
 import {
   getIpAddressAsync,
   isAirplaneModeEnabledAsync,
@@ -136,10 +139,10 @@ watch(
 );
 </script>
 <template>
-  <Text>{{
+  <text>{{
     networkState.isConnected ? `Connected via ${networkState.type}` : 'Offline'
-  }}</Text>
-  <Text>{{ ipAddress ?? 'checking…' }}</Text>
+  }}</text>
+  <text>{{ ipAddress ?? 'checking…' }}</text>
 </template>
 ```
 
@@ -166,18 +169,19 @@ watch(
     );
   });
 </script>
-<Text>
+
+<text>
   {networkState.current.isConnected
     ? `Connected via ${networkState.current.type}`
     : 'Offline'}
-</Text>
-<Text>{ipAddress ?? 'checking…'}</Text>
+</text>
+<text>{ipAddress ?? 'checking…'}</text>
 ```
 
 ```ts
 // Angular — examples/expo-angular/src/screens/NetworkScreen.ts
 import { Component, effect, inject, signal } from '@angular/core';
-import { Text } from '@symbiote-native/angular';
+import { SYMBIOTE_ELEMENTS } from '@symbiote-native/angular';
 import {
   NetworkStateService,
   getIpAddressAsync,
@@ -186,8 +190,8 @@ import {
 
 @Component({
   standalone: true,
-  imports: [Text],
-  template: `<Text>{{ ipAddress() }}</Text>`,
+  imports: [SYMBIOTE_ELEMENTS],
+  template: `<text>{{ ipAddress() }}</text>`,
 })
 export class NetworkScreen {
   readonly networkState = inject(NetworkStateService).connect(); // Signal<NetworkState>
@@ -209,7 +213,6 @@ export class NetworkScreen {
 ```tsx
 // Solid — the accessor is CALLED; a Solid component body runs once, so a snapshot would freeze.
 import { createSignal, onMount } from 'solid-js';
-import { Text } from '@symbiote-native/solid';
 import {
   getIpAddressAsync,
   isAirplaneModeEnabledAsync,
@@ -234,15 +237,15 @@ function NetworkScreen() {
 
   return (
     <>
-      <Text>
+      <text>
         {networkState().isConnected
           ? `Connected via ${networkState().type}`
           : 'Offline'}
-      </Text>
-      <Text>{ipAddress() ?? 'checking…'}</Text>
-      <Text>
+      </text>
+      <text>{ipAddress() ?? 'checking…'}</text>
+      <text>
         {isAirplaneMode() ? 'Airplane mode: On' : 'Airplane mode: Off'}
-      </Text>
+      </text>
     </>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/network",
-  "version": "1.0.0",
+  "version": "3.0.0",
   "description": "expo-network wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Network state (type/connected/internet-reachable) with a change listener, device IP address, and airplane-mode detection.",
   "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",