@symbiote-native/tracking-transparency 0.3.0 → 1.0.0

package/README.md

@@ -151,6 +151,29 @@ export class TrackingScreen {
 }
 ```
 
+```svelte
+<!-- Svelte — the rune hands back a boxed object whose `status` is a getter; destructuring it
+     would freeze the value at its initial null, since Svelte 5 reactivity is lexically scoped. -->
+<script lang="ts">
+  import {
+    getAdvertisingId,
+    usePermissions,
+  } from '@symbiote-native/tracking-transparency/svelte';
+
+  const permissions = usePermissions();
+</script>
+
+<View>
+  <Text>{permissions.status?.status ?? 'checking…'}</Text>
+  <Pressable onPress={() => permissions.request()}>
+    <Text>Request tracking permission</Text>
+  </Pressable>
+  <Pressable onPress={() => console.log(getAdvertisingId())}>
+    <Text>Log advertising ID</Text>
+  </Pressable>
+</View>
+```
+
 ```tsx
 // Solid — the accessors are CALLED; a Solid component body runs once, so a snapshot would freeze.
 import { createPermissions } from '@symbiote-native/tracking-transparency/solid';
@@ -178,6 +201,8 @@ The examples above mirror the real canary demo screens —
 `examples/expo-react/screens/TrackingTransparencyScreen.tsx`,
 `examples/expo-vue-sfc/screens/TrackingTransparencyScreen.vue`,
 `examples/expo-vue-tsx/screens/TrackingTransparencyScreen.tsx`,
+`examples/expo-svelte/screens/TrackingTransparencyScreen.svelte`,
+`examples/expo-solid/screens/TrackingTransparencyScreen.tsx`,
 `examples/expo-angular/src/screens/TrackingTransparencyScreen.ts`.
 
 ## API
@@ -215,17 +240,24 @@ import { PermissionsService } from '@symbiote-native/tracking-transparency/angul
 ```
 
 `usePermissions` auto-fetches the current permission status on mount and returns a
-`[status, request, get, error]` tuple (React) / `{ status, error, request, get }` object
-(Vue/Svelte); Solid's `createPermissions` returns the same object with `Accessor`s instead of
-`Ref`s, and Angular's `PermissionsService.connect()` returns a readonly `Signal`:
+`[status, request, get, error]` tuple (React) / `{ status, error, request, get }` object (Vue,
+destructurable — `status` is a `Ref`). Solid's `createPermissions` returns the same shape with
+`Accessor`s instead of `Ref`s, and Angular's `PermissionsService.connect()` returns a readonly
+`Signal`. **Svelte's rune returns a boxed object whose `status` is a getter — do not destructure
+it**, or the value freezes at its initial `null` (Svelte 5 reactivity is lexically scoped to the
+property access):
 
 ```ts
 // React
 const [status, request] = usePermissions();
 
-// Vue / Svelte
+// Vue
 const { status, request } = usePermissions();
 
+// Svelte — read permissions.status, never destructure it
+const permissions = usePermissions();
+permissions.status;
+
 // Solid — status is an accessor, called at the read site
 const { status, request } = createPermissions();
 

package/package.json

@@ -1,7 +1,18 @@
 {
   "name": "@symbiote-native/tracking-transparency",
-  "version": "0.3.0",
+  "version": "1.0.0",
   "description": "expo-tracking-transparency wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. iOS App Tracking Transparency prompt (permission get/request, always-granted on Android/web) plus the advertising-ID getter.",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "app-tracking-transparency",
+    "idfa"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -61,19 +72,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": "^1.0.0",
+    "@symbiote-native/engine": "^0.4.0",
+    "@symbiote-native/react": "^1.0.0",
+    "@symbiote-native/solid": "^1.0.0",
+    "@symbiote-native/vue": "^1.0.0",
+    "@symbiote-native/svelte": "^1.0.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -121,13 +132,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/engine": "0.3.0",
-    "@symbiote-native/react": "0.4.0",
-    "@symbiote-native/angular": "0.8.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": "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"
   },
   "scripts": {
     "typecheck": "tsc --build",