create-octane-xplat 0.9.0 → 0.10.0

package/template/pnpm-workspace.yaml

@@ -25,9 +25,13 @@ patchedDependencies:
   # ownership, read tracking, and local signal hooks; JSX prop lowering and __methodDep
   # already ship upstream. Routes uncaught universal event-handler errors to onUncaughtError
   # when configured. Pins instance signal/query declarations to their declaring owner so
-  # child reads and event handlers share one request. Also allows async and generator
-  # helpers that are not components in universal compiler modules, while preserving errors
-  # when those functions are used as components (octanejs/octane#1469).
+  # child reads and event handlers share one request. Makes universal useImperativeHandle
+  # honor optional refs, ref replacement, nested ref arrays, and callback cleanup. Also
+  # allows async and generator helpers that are not components in universal compiler
+  # modules, while preserving errors when those functions are used as components
+  # (octanejs/octane#1469). Adds renderer-owned Children.toArray/map for transparent
+  # deferred JSX groups, plan ranges/slots and arrays, preserving keyed wrapper identity
+  # while leaving scoped owners intact.
   octane@0.6.3: node_modules/.pnpm-config/@octane-xplat/patches/patches/octane@0.6.3.patch
   # FlexboxLayout getChildMeasureSpec subtracts the child's own padding where AOSP subtracts
   # parent padding + child margins — a column-stretched row re-measurement clamps padded
@@ -65,12 +69,16 @@ patchedDependencies:
   # beside the universal one (hooks crash on boot, octane-xplat#3) — an onResolve plugin
   # redirects `octane` → `octane/universal/native`. tsconfig-paths and the generated
   # build-time checker moduleSuffixes also need the `.mobile` tier for iOS/Android/visionOS
-  # so `.mobile` leaves resolve under mapped imports and `ns build`.
+  # so `.mobile` leaves resolve under mapped imports and `ns build`. Served `/node_modules/`
+  # tails now also scan pnpm's `.pnpm` store and `link:`/`file:`/`portal:` dep roots — a
+  # linked package's transitive deps (e.g. @iconify/utils under @octane-xplat/icons) resolve
+  # nowhere else and 404 the dev session.
   "@nativescript/vite@8.0.17": node_modules/.pnpm-config/@octane-xplat/patches/patches/@nativescript__vite@8.0.17.patch
   # Driver setProp skips `undefined` writes — NativeScript native setters coerce it (e.g.
   # editable → ios.userInteractionEnabled = NO), leaving dead UI that still has its JS
-  # listeners. Advertises the implemented visibility capability so committed suspense bodies
-  # can be retained while pending.
+  # listeners. Aligns intrinsic ref types with Octane callback cleanup and nested arrays
+  # with optional entries. Advertises the implemented visibility capability so committed
+  # suspense bodies can be retained while pending.
   "@nativescript-community/octane@0.2.4": node_modules/.pnpm-config/@octane-xplat/patches/patches/@nativescript-community__octane@0.2.4.patch
   # octaneServerStrategy's SCRIPT_FILE_RE only covers [jt]sx? — .tsrx edits never emit the
   # deferred ns:hmr-delta broadcast, so component HMR silently never reaches the device.
@@ -94,5 +102,11 @@ patchedDependencies:
   # unreachable. Adds a module-local process declaration for typecheck and merges the
   # Context.ts definitions into Context.tsrx.
   "@octanejs/tiptap@0.0.51": node_modules/.pnpm-config/@octane-xplat/patches/patches/@octanejs__tiptap@0.0.51.patch
+  # @lexical/link declares a /\p{L}\p{N}/u URL matcher as a regex literal at module scope;
+  # NativeScript's embedded V8 builds without ICU, so the literal throws SyntaxError at
+  # parse time and poisons the whole bundle (any bundled app importing @lexical/link dies on
+  # boot). Same fix as linkifyjs: try/catch new RegExp with an ASCII-range fallback — the
+  # matcher only feeds autolink, which native doesn't use.
+  "@lexical/link@0.51.0": node_modules/.pnpm-config/@octane-xplat/patches/patches/@lexical__link@0.51.0.patch
 configDependencies:
-  "@octane-xplat/patches": 0.9.0
+  "@octane-xplat/patches": 0.10.0

package/template/src/App.tsrx

@@ -1,5 +1,5 @@
 import { useState } from 'octane';
-import { View, Row, Text, Pressable, ScrollView, useColorScheme } from '@octane-xplat/ui';
+import { View, HStack, Text, Pressable, ScrollableArea, useColorScheme } from '@octane-xplat/ui';
 import { storage } from '@octane-xplat/platform';
 
 const FEATURES = [
@@ -27,15 +27,15 @@ export function App() @{
 		<Text className="title">octane-xplat</Text>
 		<Text className="muted">one codebase — web · iOS · android</Text>
 
-		<Row className="counter">
+		<HStack className="counter">
 			<Pressable className="btn" onPress={() => setCount(count - 1)}><Text>−</Text></Pressable>
 			<Text className="count">{count}</Text>
 			<Pressable className="btn" onPress={() => setCount(count + 1)}><Text>+</Text></Pressable>
-		</Row>
+		</HStack>
 
-		<ScrollView>
+		<ScrollableArea>
 			{FEATURES.map((f) => <Text className="chip">{f}</Text>)}
-		</ScrollView>
+		</ScrollableArea>
 
 		<Pressable className="link" onPress={() => {
 			const next = !dark;

package/template/src/style.css

@@ -1,7 +1,21 @@
-/* App chrome — everything here is inside the web∩native CSS grammar
- * (see docs/css-support-matrix.md in the framework repo). Design tokens
- * (--color-*) come from @octane-xplat/ui/theme/tokens.css; .dark re-themes
- * the same vars — no JS color values anywhere. */
+/* This starter leaves the optional UI chrome stylesheet out. Define this
+ * app's palette here; the required tokens.css supplies layout structure. */
+
+:root,
+.ns-root {
+	--color-primary: #171717;
+	--color-onprimary: #fafafa;
+	--color-surface: #ffffff;
+	--color-text: #0a0a0a;
+}
+
+.dark,
+.ns-dark {
+	--color-primary: #ededed;
+	--color-onprimary: #171717;
+	--color-surface: #0a0a0a;
+	--color-text: #ededed;
+}
 
 body {
 	margin: 0;
@@ -9,10 +23,12 @@ body {
 	background-color: var(--color-surface);
 }
 
-/* System-dark before JS mounts — no white flash. Same values tokens.css
- * sets under .dark; .app.light below is the manual override back. */
+/* System-dark before JS mounts — no white flash. .app.light below is the
+ * manual override back. */
 @media (prefers-color-scheme: dark) {
 	:root {
+		--color-primary: #ededed;
+		--color-onprimary: #171717;
 		--color-surface: #0f172a;
 		--color-text: #f8fafc;
 	}
@@ -23,6 +39,8 @@ body {
 
 /* Manual light override when the system is dark (JS adds .light). */
 .app.light {
+	--color-primary: #171717;
+	--color-onprimary: #fafafa;
 	--color-surface: #ffffff;
 	--color-text: #111827;
 }

package/template/vite.config.native.mts

@@ -3,6 +3,7 @@ import { xplatNative } from '@octane-xplat/cli/vite'
 
 // The shared preset owns the renderer rules, octane→universal/native alias,
 // suffix extension chain, deps-bundle plugin exclusions, the HMR watchdog,
-// and the px→dip CSS rewrite. App-specific additions go through the second
-// argument's `extra` (or mergeConfig).
+// the px→dip CSS rewrite, and fs.allow widening for link:/file: dep roots.
+// App-specific additions go through the second argument's `extra` (or
+// mergeConfig).
 export default defineConfig(({ mode }) => xplatNative(mode))