@symbiote-native/screen-orientation 0.3.0 → 2.0.0

package/README.md

@@ -86,9 +86,9 @@ function ScreenOrientationScreen() {
 
   return (
     <>
-      <Text>Orientation: {orientation}</Text>
-      <Text>Lock: {orientationLock}</Text>
-      <Button
+      <text>Orientation: {orientation}</text>
+      <text>Lock: {orientationLock}</text>
+      <button
         title="Lock landscape"
         onPress={() => lockAsync(OrientationLock.LANDSCAPE)}
       />
@@ -100,7 +100,6 @@ function ScreenOrientationScreen() {
 ```vue
 <!-- Vue — examples/expo-vue-sfc/screens/ScreenOrientationScreen.vue -->
 <script setup lang="ts">
-import { Text } from '@symbiote-native/vue';
 import {
   lockAsync,
   OrientationLock,
@@ -110,21 +109,39 @@ import { useScreenOrientation } from '@symbiote-native/screen-orientation/vue';
 const screenOrientation = useScreenOrientation(); // Ref<ScreenOrientationState>
 </script>
 <template>
-  <Text>Orientation: {{ screenOrientation.orientation }}</Text>
-  <Text>Lock: {{ screenOrientation.orientationLock }}</Text>
+  <text>Orientation: {{ screenOrientation.orientation }}</text>
+  <text>Lock: {{ screenOrientation.orientationLock }}</text>
 </template>
 ```
 
+```svelte
+<!-- Svelte — examples/expo-svelte/screens/ScreenOrientationScreen.svelte -->
+<script lang="ts">
+  import {
+    lockAsync,
+    OrientationLock,
+  } from '@symbiote-native/screen-orientation';
+  import { useScreenOrientation } from '@symbiote-native/screen-orientation/svelte';
+
+  // The rune hands back a boxed getter, so `.current` is what a `$derived` subscribes to —
+  // Svelte's twin of unwrapping Vue's Ref via `.value`.
+  const screenOrientation = useScreenOrientation();
+</script>
+
+<text>Orientation: {screenOrientation.current.orientation}</text>
+<text>Lock: {screenOrientation.current.orientationLock}</text>
+```
+
 ```ts
 // Angular — examples/expo-angular/src/screens/ScreenOrientationScreen.ts
 import { Component, inject } from '@angular/core';
-import { Text } from '@symbiote-native/angular';
+import { SYMBIOTE_ELEMENTS } from '@symbiote-native/angular';
 import { ScreenOrientationService } from '@symbiote-native/screen-orientation/angular';
 
 @Component({
   standalone: true,
-  imports: [Text],
-  template: `<Text>Orientation: {{ screenOrientation().orientation }}</Text>`,
+  imports: [SYMBIOTE_ELEMENTS],
+  template: `<text>Orientation: {{ screenOrientation().orientation }}</text>`,
 })
 export class ScreenOrientationScreen {
   readonly screenOrientation = inject(ScreenOrientationService).connect(); // Signal<ScreenOrientationState>
@@ -133,7 +150,6 @@ export class ScreenOrientationScreen {
 
 ```tsx
 // Solid — the accessor is CALLED; a Solid component body runs once, so a snapshot would freeze.
-import { Text } from '@symbiote-native/solid';
 import {
   lockAsync,
   OrientationLock,
@@ -145,9 +161,9 @@ function ScreenOrientationScreen() {
 
   return (
     <>
-      <Text>Orientation: {screenOrientation().orientation}</Text>
-      <Text>Lock: {screenOrientation().orientationLock}</Text>
-      <Button
+      <text>Orientation: {screenOrientation().orientation}</text>
+      <text>Lock: {screenOrientation().orientationLock}</text>
+      <button
         title="Lock landscape"
         onPress={() => lockAsync(OrientationLock.LANDSCAPE)}
       />

package/package.json

@@ -1,8 +1,20 @@
 {
   "name": "@symbiote-native/screen-orientation",
-  "version": "0.3.0",
+  "version": "2.0.0",
   "description": "expo-screen-orientation wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Orientation locking (lockAsync/lockPlatformAsync/unlockAsync), the current orientation and lock, and an auto-updating orientation-change hook/composable/service.",
   "license": "MIT",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-screen-orientation",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "orientation-lock",
+    "orientation"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
@@ -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",