@playfast/reform-react-native 1.1.1 → 1.2.0

package/README.md

@@ -21,9 +21,9 @@ import { createReformRoot } from '@playfast/reform-react-native'
 import { AppShell } from './shell.compose'
 import { makeAppLayer } from './app.layer'
 
-const AppScene = scene(AppShell, { provide: [makeAppLayer()] })
+const makeAppScene = () => scene(AppShell, { provide: [makeAppLayer()] })
 
-registerRootComponent(createReformRoot(AppScene))
+registerRootComponent(createReformRoot(makeAppScene))
 ```
 
 All of reform's engine, reactivity, and lifecycle behavior comes from `@playfast/reform-react`

package/package.json

@@ -1,35 +1,37 @@
 {
   "name": "@playfast/reform-react-native",
-  "playbook": "./playbook",
-  "version": "1.1.1",
-  "type": "module",
+  "version": "1.2.0",
   "description": "React Native host for reform — registers a scene as a zero-arg root component for Expo or bare React Native.",
   "keywords": [
-    "reform",
     "effect",
-    "react-native",
     "expo",
-    "host"
+    "host",
+    "react-native",
+    "reform"
   ],
+  "bugs": {
+    "url": "https://github.com/playfast/reform/issues"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/playfast/reform.git",
     "directory": "packages/react-native"
   },
-  "bugs": {
-    "url": "https://github.com/playfast/reform/issues"
-  },
+  "files": [
+    "src",
+    "README.md"
+  ],
+  "type": "module",
   "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",
     ".": "./src/index.tsx",
     "./*": "./src/*.tsx"
   },
-  "files": [
-    "src",
-    "README.md"
-  ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "clean": "rm -rf dist .tsbuildinfo",
     "check": "tsc --noEmit",
@@ -41,13 +43,11 @@
     "lint:fix": "oxlint --fix src"
   },
   "peerDependencies": {
+    "@playfast/reform": "*",
+    "@playfast/reform-react": "*",
     "effect": "*",
     "react": "^19.0.0",
-    "react-native": "*",
-    "@playfast/reform": "*",
-    "@playfast/reform-react": "*"
+    "react-native": "*"
   },
-  "publishConfig": {
-    "access": "public"
-  }
+  "playbook": "./playbook"
 }

package/src/index.tsx

@@ -1,9 +1,13 @@
 import { type ComponentType, createElement } from 'react'
 import { Reform } from '@playfast/reform-react'
-import type { ReformOptions, Scene } from '@playfast/reform'
+import type { ReformOptions } from '@playfast/reform'
+import type { AnyScene } from '@playfast/reform/internal'
 
-export const createReformRoot = (scene: Scene, options: ReformOptions = {}): ComponentType => {
+export const createReformRoot = (
+  makeScene: () => AnyScene,
+  options: ReformOptions = {},
+): ComponentType => {
   const ReformRoot = (): ReturnType<typeof createElement> =>
-    createElement(Reform, { scene, options })
+    createElement(Reform, { makeScene, options })
   return ReformRoot
 }