@symbiote-native/system-ui 0.2.0 → 0.3.0

package/README.md

@@ -27,12 +27,12 @@ Unlike a plain RN native module, `expo-system-ui`'s native code is discovered by
 into the native host app **once**, covering this package and every other `expo-modules-core`
 package with zero further changes:
 
-| Platform | Touches |
-|---|---|
-| iOS | `ios/Podfile` — add `use_expo_modules!` |
-| iOS | `AppDelegate.swift` — Expo's runtime-bootstrap hook |
-| Android | `settings.gradle` / `app/build.gradle` — resolve and include the Expo Gradle projects |
-| Android | `MainApplication.kt` — Expo's bootstrap hook, plus a hand-written native-module name map (there's no `expo` meta-package here to auto-generate one) |
+| Platform | Touches                                                                                                                                             |
+| -------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| iOS      | `ios/Podfile` — add `use_expo_modules!`                                                                                                             |
+| iOS      | `AppDelegate.swift` — Expo's runtime-bootstrap hook                                                                                                 |
+| Android  | `settings.gradle` / `app/build.gradle` — resolve and include the Expo Gradle projects                                                               |
+| Android  | `MainApplication.kt` — Expo's bootstrap hook, plus a hand-written native-module name map (there's no `expo` meta-package here to auto-generate one) |
 
 Full mechanics live in the `symbiote-expo-native-module` project skill. Reference
 implementation: `examples/expo-react/ios/Podfile` and
@@ -46,13 +46,12 @@ background color, nothing gated by a permission prompt.
 ```
 src/core/     setBackgroundColorAsync / getBackgroundColorAsync. native-module.ts resolves the
               native module via expo-modules-core's requireNativeModule.
-src/react/    @symbiote-native/system-ui/react   — export * from '../core'
-src/vue/      @symbiote-native/system-ui/vue     — export * from '../core'
 src/angular/  @symbiote-native/system-ui/angular — export * from '../core'
 ```
 
-No per-adapter lifecycle wrapper exists because there's nothing to subscribe to or clean up —
-each adapter entry is a single-file re-export.
+`./react`, `./vue`, and `./svelte` are `exports`-map aliases straight onto `src/core/` — no
+physical per-framework file, since there's nothing to subscribe to or clean up. `./angular` stays
+a physical file/subpath since Angular ships through a separate `ngc`/AOT build (`build-ngc/`).
 
 ## Use it
 
@@ -105,7 +104,10 @@ getBackgroundColorAsync(): Promise<ColorValue | null>
 ```
 
 ```ts
-import { getBackgroundColorAsync, setBackgroundColorAsync } from '@symbiote-native/system-ui';
+import {
+  getBackgroundColorAsync,
+  setBackgroundColorAsync,
+} from '@symbiote-native/system-ui';
 // or the framework-scoped entry points — identical surface, re-exported verbatim:
 import { setBackgroundColorAsync } from '@symbiote-native/system-ui/react';
 import { setBackgroundColorAsync } from '@symbiote-native/system-ui/vue';

package/build-ngc/core/native-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-module.js","sourceRoot":"","sources":["../../src/core/native-module.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,0BAA0B,GAAG,cAAc,CAAC;AAYlD,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAwB,0BAA0B,CAAC,CAAC"}
+{"version":3,"file":"native-module.js","sourceRoot":"","sources":["../../src/core/native-module.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,0BAA0B,GAAG,cAAc,CAAC;AAYlD,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAC7C,0BAA0B,CAC3B,CAAC"}

package/build-ngc/core/system-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-ui.js","sourceRoot":"","sources":["../../src/core/system-ui.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,KAAwB;IACpE,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,MAAM,YAAY,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,MAAM,WAAW,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACxE,OAAO,MAAM,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACjE,CAAC;AACH,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB;IAC3C,OAAO,MAAM,YAAY,CAAC,uBAAuB,EAAE,CAAC;AACtD,CAAC"}
+{"version":3,"file":"system-ui.js","sourceRoot":"","sources":["../../src/core/system-ui.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;;GASG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAC3C,KAAwB;IAExB,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,MAAM,YAAY,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,MAAM,WAAW,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACxE,OAAO,MAAM,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACjE,CAAC;AACH,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB;IAC3C,OAAO,MAAM,YAAY,CAAC,uBAAuB,EAAE,CAAC;AACtD,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@symbiote-native/system-ui",
-  "version": "0.2.0",
-  "description": "expo-system-ui wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, and Angular adapters. Sets and reads the root view's background color.",
+  "version": "0.3.0",
+  "description": "expo-system-ui wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Sets and reads the root view's background color.",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,16 +23,20 @@
       "default": "./build/core/index.js"
     },
     "./vue": {
-      "types": "./build/vue/index.d.ts",
-      "default": "./build/vue/index.js"
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
     },
     "./react": {
-      "types": "./build/react/index.d.ts",
-      "default": "./build/react/index.js"
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
     },
     "./svelte": {
-      "types": "./build/svelte/index.d.ts",
-      "default": "./build/svelte/index.js"
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
+    },
+    "./solid": {
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
     },
     "./angular": {
       "types": "./build-ngc/angular/index.d.ts",
@@ -60,12 +64,14 @@
     "@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"
   },
@@ -76,6 +82,9 @@
     "@symbiote-native/react": {
       "optional": true
     },
+    "@symbiote-native/solid": {
+      "optional": true
+    },
     "@symbiote-native/svelte": {
       "optional": true
     },
@@ -91,6 +100,9 @@
     "react": {
       "optional": true
     },
+    "solid-js": {
+      "optional": true
+    },
     "svelte": {
       "optional": true
     },
@@ -106,14 +118,16 @@
     "@types/react": "^19.2.0",
     "@vue/runtime-core": "^3.5.13",
     "react": "19.2.3",
+    "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "0.7.0",
-    "@symbiote-native/engine": "0.2.0",
-    "@symbiote-native/react": "0.3.0",
-    "@symbiote-native/svelte": "0.2.0",
-    "@symbiote-native/test-utils": "0.1.6",
-    "@symbiote-native/vue": "0.4.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"
   },
   "scripts": {
     "typecheck": "tsc --build",

package/src/core/native-module.ts

@@ -13,4 +13,6 @@ export type INativeSystemUIModule = {
   getBackgroundColorAsync(): Promise<ColorValue | null>;
 };
 
-export const expoSystemUI = requireNativeModule<INativeSystemUIModule>(EXPO_SYSTEM_UI_MODULE_NAME);
+export const expoSystemUI = requireNativeModule<INativeSystemUIModule>(
+  EXPO_SYSTEM_UI_MODULE_NAME,
+);

package/src/core/system-ui.ts

@@ -17,7 +17,9 @@ import { expoSystemUI } from './native-module';
  * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color), or
  * `null` to clear the override.
  */
-export async function setBackgroundColorAsync(color: ColorValue | null): Promise<void> {
+export async function setBackgroundColorAsync(
+  color: ColorValue | null,
+): Promise<void> {
   if (color == null) {
     return await expoSystemUI.setBackgroundColorAsync(null);
   } else {

package/build/react/index.d.ts

@@ -1 +0,0 @@
-export * from '../core';

package/build/react/index.js

@@ -1,6 +0,0 @@
-// @symbiote-native/system-ui/react: the React entry over the framework-agnostic core. Both
-// exports are plain async functions with no per-instance state and no event stream (unlike
-// @symbiote-native/sensors) — there is nothing for a hook to wrap, so this is a plain
-// re-export, mirroring how @symbiote-native/device's React entry passes its own free
-// functions through untouched.
-export * from '../core/index.js';

package/build/svelte/index.d.ts

@@ -1 +0,0 @@
-export * from '../core';

package/build/svelte/index.js

@@ -1,6 +0,0 @@
-// @symbiote-native/system-ui/svelte: the Svelte entry over the framework-agnostic core. Both
-// exports are plain async functions with no per-instance state and no event stream (unlike
-// @symbiote-native/sensors) — there is nothing for a rune to wrap, so this is a plain re-export.
-// Svelte's lifecycle bucket is `runes/` (adapters/svelte/src/runes — never React's `hooks` or
-// Vue's `composables`), and this package has none to fill.
-export * from '../core/index.js';

package/build/vue/index.d.ts

@@ -1 +0,0 @@
-export * from '../core';

package/build/vue/index.js

@@ -1,4 +0,0 @@
-// @symbiote-native/system-ui/vue: the Vue entry over the framework-agnostic core. Same
-// reasoning as the React entry — no per-instance state or event stream to wire onto Vue's
-// reactivity, so this is a plain re-export.
-export * from '../core/index.js';

package/src/react/index.ts

@@ -1,6 +0,0 @@
-// @symbiote-native/system-ui/react: the React entry over the framework-agnostic core. Both
-// exports are plain async functions with no per-instance state and no event stream (unlike
-// @symbiote-native/sensors) — there is nothing for a hook to wrap, so this is a plain
-// re-export, mirroring how @symbiote-native/device's React entry passes its own free
-// functions through untouched.
-export * from '../core';

package/src/svelte/index.ts

@@ -1,6 +0,0 @@
-// @symbiote-native/system-ui/svelte: the Svelte entry over the framework-agnostic core. Both
-// exports are plain async functions with no per-instance state and no event stream (unlike
-// @symbiote-native/sensors) — there is nothing for a rune to wrap, so this is a plain re-export.
-// Svelte's lifecycle bucket is `runes/` (adapters/svelte/src/runes — never React's `hooks` or
-// Vue's `composables`), and this package has none to fill.
-export * from '../core';

package/src/vue/index.ts

@@ -1,4 +0,0 @@
-// @symbiote-native/system-ui/vue: the Vue entry over the framework-agnostic core. Same
-// reasoning as the React entry — no per-instance state or event stream to wire onto Vue's
-// reactivity, so this is a plain re-export.
-export * from '../core';