@symbiote-native/cellular 0.3.0 → 2.0.0

package/README.md

@@ -40,8 +40,8 @@ package with zero further changes:
 
 Full mechanics — the Podfile pieces that normally ship inside the `expo` package, the `expo`
 peer-dependency exclusion list, per-module permission strings — live in the
-`symbiote-expo-native-module` project skill. This wiring is already done for all four
-`examples/expo-*` canary apps (React, Vue SFC, Vue TSX, Angular).
+`symbiote-expo-native-module` project skill. This wiring is already done for all six
+`examples/expo-*` canary apps (React, Vue SFC, Vue TSX, Svelte, Solid, Angular).
 
 ## Shape
 
@@ -89,12 +89,12 @@ function CellularScreen() {
 
   return (
     <>
-      <Text>
+      <text>
         {generation === null ? 'checking…' : CellularGeneration[generation]}
-      </Text>
-      <Text>{carrierName ?? 'checking…'}</Text>
-      <Text>{status === null ? 'checking…' : status.status}</Text>
-      <Button title="Request permission" onPress={() => requestPermission()} />
+      </text>
+      <text>{carrierName ?? 'checking…'}</text>
+      <text>{status === null ? 'checking…' : status.status}</text>
+      <button title="Request permission" onPress={() => requestPermission()} />
     </>
   );
 }
@@ -125,15 +125,85 @@ onMounted(() => {
 });
 </script>
 <template>
-  <Text>{{
+  <text>{{
     generation === null ? 'checking…' : CellularGeneration[generation]
-  }}</Text>
-  <Text>{{ carrierName ?? 'checking…' }}</Text>
-  <Text>{{ status === null ? 'checking…' : status.status }}</Text>
-  <Button title="Request permission" :onPress="() => requestPermission()" />
+  }}</text>
+  <text>{{ carrierName ?? 'checking…' }}</text>
+  <text>{{ status === null ? 'checking…' : status.status }}</text>
+  <button title="Request permission" :onPress="() => requestPermission()" />
 </template>
 ```
 
+```svelte
+<!-- Svelte -->
+<script lang="ts">
+  import {
+    CellularGeneration,
+    getCarrierNameAsync,
+    getCellularGenerationAsync,
+    usePermissions,
+  } from '@symbiote-native/cellular/svelte';
+
+  let generation = $state<CellularGeneration | null>(null);
+  let carrierName = $state<string | null>(null);
+  const permissions = usePermissions(); // boxed getter: permissions.status / .request()
+
+  Promise.all([getCellularGenerationAsync(), getCarrierNameAsync()]).then(
+    ([gen, carrier]) => {
+      generation = gen;
+      carrierName = carrier;
+    },
+  );
+</script>
+
+<text>{generation === null ? 'checking…' : CellularGeneration[generation]}</text
+>
+<text>{carrierName ?? 'checking…'}</text>
+<text
+  >{permissions.status === null ? 'checking…' : permissions.status.status}</text
+>
+<button title="Request permission" onPress={() => permissions.request()} />
+```
+
+```tsx
+// Solid
+import { createSignal } from 'solid-js';
+import {
+  CellularGeneration,
+  getCarrierNameAsync,
+  getCellularGenerationAsync,
+} from '@symbiote-native/cellular';
+import { createPermissions } from '@symbiote-native/cellular/solid';
+
+function CellularScreen() {
+  const [generation, setGeneration] = createSignal<CellularGeneration | null>(
+    null,
+  );
+  const [carrierName, setCarrierName] = createSignal<string | null>(null);
+  const { status, request: requestPermission } = createPermissions();
+
+  Promise.all([getCellularGenerationAsync(), getCarrierNameAsync()]).then(
+    ([gen, carrier]) => {
+      setGeneration(gen);
+      setCarrierName(carrier);
+    },
+  );
+
+  return (
+    <>
+      <text>
+        {generation() === null
+          ? 'checking…'
+          : CellularGeneration[generation()!]}
+      </text>
+      <text>{carrierName() ?? 'checking…'}</text>
+      <text>{status() === null ? 'checking…' : status()!.status}</text>
+      <button title="Request permission" onPress={() => requestPermission()} />
+    </>
+  );
+}
+```
+
 ```ts
 // Angular
 import { Component, inject, signal } from '@angular/core';
@@ -147,15 +217,15 @@ import {
 @Component({
   selector: 'CellularScreen',
   template: `
-    <Text>{{
+    <text>{{
       generation() === null ? 'checking…' : CellularGeneration[generation()!]
-    }}</Text>
-    <Text>{{ carrierName() ?? 'checking…' }}</Text>
-    <Text>{{ permissionStatus()?.status ?? 'checking…' }}</Text>
-    <Button
+    }}</text>
+    <text>{{ carrierName() ?? 'checking…' }}</text>
+    <text>{{ permissionStatus()?.status ?? 'checking…' }}</text>
+    <button
       title="Request permission"
       (press)="permissionsService.request()"
-    ></Button>
+    ></button>
   `,
 })
 export class CellularScreen {
@@ -178,8 +248,9 @@ export class CellularScreen {
 ```
 
 Trimmed from the real demo screens — `examples/expo-react/screens/CellularScreen.tsx` and its
-Vue SFC, Vue TSX, and Angular twins (`examples/expo-vue-sfc/screens/CellularScreen.vue`,
-`examples/expo-vue-tsx/screens/CellularScreen.tsx`, `examples/expo-angular/src/screens/CellularScreen.ts`),
+Vue SFC, Vue TSX, Svelte, Solid, and Angular twins (`examples/expo-vue-sfc/screens/CellularScreen.vue`,
+`examples/expo-vue-tsx/screens/CellularScreen.tsx`, `examples/expo-svelte/screens/CellularScreen.svelte`,
+`examples/expo-solid/screens/CellularScreen.tsx`, `examples/expo-angular/src/screens/CellularScreen.ts`),
 which also cover `allowsVoipAsync`/`getIsoCountryCodeAsync`/`getMobileCountryCodeAsync`/
 `getMobileNetworkCodeAsync` and gate the Android-only fields behind `Platform.OS === 'android'`.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/cellular",
-  "version": "0.3.0",
+  "version": "2.0.0",
   "description": "expo-cellular wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Cellular generation (2G/3G/4G/5G), carrier/SIM info on Android (ISO country code, carrier name, MCC/MNC), VoIP-support detection, and the permission get/request pair gating carrier info on Android.",
   "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-cellular",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "carrier-info",
+    "cellular-generation"
+  ],
   "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",