@symbiote-native/network 0.3.0 → 2.0.0

package/README.md

@@ -95,13 +95,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 +111,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,17 +135,49 @@ watch(
 );
 </script>
 <template>
-  <Text>{{
+  <text>{{
     networkState.isConnected ? `Connected via ${networkState.type}` : 'Offline'
-  }}</Text>
-  <Text>{{ ipAddress ?? 'checking…' }}</Text>
+  }}</text>
+  <text>{{ ipAddress ?? 'checking…' }}</text>
 </template>
 ```
 
+```svelte
+<!-- Svelte -->
+<script lang="ts">
+  import {
+    getIpAddressAsync,
+    isAirplaneModeEnabledAsync,
+  } from '@symbiote-native/network';
+  import { useNetworkState } from '@symbiote-native/network/svelte';
+
+  const networkState = useNetworkState(); // { readonly current: NetworkState }
+  let ipAddress = $state<string | null>(null);
+  let isAirplaneMode = $state<boolean | null>(null);
+
+  $effect(() => {
+    networkState.current; // establishes the dependency, so this re-runs on network change
+    void Promise.all([getIpAddressAsync(), isAirplaneModeEnabledAsync()]).then(
+      ([ip, airplaneMode]) => {
+        ipAddress = ip;
+        isAirplaneMode = airplaneMode;
+      },
+    );
+  });
+</script>
+
+<text>
+  {networkState.current.isConnected
+    ? `Connected via ${networkState.current.type}`
+    : 'Offline'}
+</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,
@@ -155,8 +186,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>
@@ -178,7 +209,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,
@@ -203,15 +233,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>
     </>
   );
 }
@@ -263,11 +293,12 @@ between the seed and the subscription.
 No Fabric/Descriptor angle at all — network is a pure async-function + `EventEmitter` listener
 surface, never a view. Tests inject a fake native-module object in place of the real
 `requireNativeModule` resolution (`src/core/network.test.ts`,
-`src/{react,vue,angular}/**/*.test.{ts,tsx}`, `vitest`), the same pattern
+`src/{react,vue,svelte,solid,angular}/**/*.test.{ts,tsx}`, `vitest`), the same pattern
 `@symbiote-native/battery`/`@symbiote-native/sensors`/`@symbiote-native/local-auth` use — no
 `installFabric()`, no ViewConfig. Native rendering itself is verified on-device — see the parent
 [README](../../README.md).
 
-The Android/iOS native wiring is done across all four `examples/expo-*` canary apps
-(`examples/expo-react`, `examples/expo-vue-sfc`, `examples/expo-vue-tsx`, `examples/expo-angular`);
-this package isn't yet in the public, non-Expo `examples/react` canary.
+The Android/iOS native wiring is done across all six `examples/expo-*` canary apps
+(`examples/expo-react`, `examples/expo-vue-sfc`, `examples/expo-vue-tsx`, `examples/expo-svelte`,
+`examples/expo-solid`, `examples/expo-angular`); this package isn't yet in the public, non-Expo
+`examples/react` canary.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/network",
-  "version": "0.3.0",
+  "version": "2.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": {
@@ -13,6 +13,18 @@
     "url": "https://github.com/OneEyed1366/symbiote-native/issues"
   },
   "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-network",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "connectivity",
+    "network-state"
+  ],
   "type": "module",
   "main": "./build/core/index.js",
   "module": "./build/core/index.js",
@@ -61,19 +73,19 @@
     "expo-modules-core": "57.0.5"
   },
   "peerDependencies": {
-    "@symbiote-native/angular": ">=0.6.2",
-    "@symbiote-native/engine": ">=0.1.7",
-    "@symbiote-native/react": ">=0.2.8",
-    "@symbiote-native/solid": ">=0.0.1",
-    "@symbiote-native/svelte": ">=0.1.0",
-    "@symbiote-native/vue": ">=0.3.8",
     "@angular/core": ">=20",
     "@vue/runtime-core": "^3.5.13",
     "react": ">=19.0.0",
     "react-native": ">=0.86",
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.0",
-    "vue": ">=3.5.0"
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^2.0.0",
+    "@symbiote-native/engine": "^0.5.0",
+    "@symbiote-native/react": "^2.0.0",
+    "@symbiote-native/solid": "^2.0.0",
+    "@symbiote-native/svelte": "^2.0.0",
+    "@symbiote-native/vue": "^2.0.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -121,13 +133,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "0.8.0",
-    "@symbiote-native/engine": "0.3.0",
-    "@symbiote-native/react": "0.4.0",
-    "@symbiote-native/solid": "0.1.0",
-    "@symbiote-native/svelte": "0.3.0",
-    "@symbiote-native/test-utils": "0.2.0",
-    "@symbiote-native/vue": "0.5.0"
+    "@symbiote-native/angular": "2.0.0",
+    "@symbiote-native/engine": "0.5.0",
+    "@symbiote-native/react": "2.0.0",
+    "@symbiote-native/solid": "2.0.0",
+    "@symbiote-native/svelte": "2.0.0",
+    "@symbiote-native/test-utils": "0.3.0",
+    "@symbiote-native/vue": "2.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",