@symbiote-native/screen-orientation 1.0.0 → 3.0.0

package/README.md

@@ -18,6 +18,10 @@ depended on directly and never the `expo` meta-package, why the upstream JS is h
 npm install @symbiote-native/screen-orientation
 ```
 
+Scaffolding or extending a SymbioteNative app? `npx @symbiote-native/cli new --screen-orientation`
+(or `add --screen-orientation` in an existing app) installs and wires this for you — see
+[`@symbiote-native/cli`](../cli).
+
 Depends on `expo-screen-orientation` and `expo-modules-core` directly (regular dependencies,
 pinned to exact versions — never a caret range, since this package's `core/` is hand-ported against
 one specific native API shape and a newer resolve could silently drift the two apart). Never
@@ -86,9 +90,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 +104,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,8 +113,8 @@ 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>
 ```
 
@@ -129,20 +132,20 @@ const screenOrientation = useScreenOrientation(); // Ref<ScreenOrientationState>
   const screenOrientation = useScreenOrientation();
 </script>
 
-<Text>Orientation: {screenOrientation.current.orientation}</Text>
-<Text>Lock: {screenOrientation.current.orientationLock}</Text>
+<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>
@@ -151,7 +154,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,
@@ -163,9 +165,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,6 +1,6 @@
 {
   "name": "@symbiote-native/screen-orientation",
-  "version": "1.0.0",
+  "version": "3.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": [
@@ -80,12 +80,12 @@
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.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/svelte": "^1.0.0",
-    "@symbiote-native/vue": "^1.0.0"
+    "@symbiote-native/angular": "^3.0.0",
+    "@symbiote-native/engine": "^1.0.0",
+    "@symbiote-native/react": "^3.0.0",
+    "@symbiote-native/solid": "^3.0.0",
+    "@symbiote-native/svelte": "^3.0.0",
+    "@symbiote-native/vue": "^3.0.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -133,13 +133,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.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"
+    "@symbiote-native/angular": "3.0.0",
+    "@symbiote-native/engine": "1.0.0",
+    "@symbiote-native/react": "3.0.0",
+    "@symbiote-native/solid": "3.0.0",
+    "@symbiote-native/svelte": "3.0.0",
+    "@symbiote-native/test-utils": "0.3.1",
+    "@symbiote-native/vue": "3.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",