@octane-xplat/macos-renderer 0.12.0 → 0.13.0

package/README.md

@@ -9,12 +9,13 @@ Your application owns startup, windows, menus, host services, and custom font
 assets. The renderer owns views, layout, events, accessibility, and its hosted
 popups and sheets. It does not load web stylesheets or implement every
 NativeScript widget. See the [macOS harness](../../apps/macos/README.md) for
-the current component and service limits. The image-crop integration test compiles and mounts the public UI barrel.
-The full application harness has not been reverified by that test. Registered
-action selectors match the assigned target/action strings, and the maintained
-consumer checks direct handler dispatch — but OS-level input delivery (a live
+the current component and service limits.
+
+Verification status: the image-crop integration test compiles and mounts the
+public UI barrel, and registered action selectors match their target/action
+strings through direct handler dispatch. OS-level input delivery (a live
 AppKit `performClick`, control edits, gestures) has not been verified end to
-end.
+end, and the full application harness has not been reverified by that test.
 
 ## Configure an app
 
@@ -373,5 +374,4 @@ The packed check uses the renderer and CLI tarballs in a temporary app outside
 the checkout. It checks declarations and production compilation on every
 host; on Apple Silicon macOS it also packages and launches the app and verifies
 retained-root HMR. Programmatic action dispatch establishes handler behavior,
-not OS input or hit-testing. Publication requires the repository's normal
-[npm bootstrap and trusted-publisher setup](../../.agents/docs/releases.md).
+not OS input or hit-testing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octane-xplat/macos-renderer",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Experimental AppKit renderer for Octane on macOS",
   "license": "MIT",
   "repository": {

package/src/index.ts

@@ -1484,6 +1484,7 @@ function pinLayoutChild(
 	const mark = () => {
 		parentView.needsLayout = true
 	}
+
 	if (typeof queueMicrotask === 'function') {
 		queueMicrotask(mark)
 	} else {
@@ -2497,10 +2498,47 @@ function applyStyle(node: ElementNode, style: PropBag) {
 	syncStackLayout(node)
 }
 
+// `className` composes clsx-style on the DOM renderer and the NativeScript
+// driver; this mirrors octane's `normalizeClass` (native dist must not import
+// bare `octane`, and peers older than 0.11 predate the export) so a
+// declarative array or object reaches the tokenizer instead of String(value)'s
+// comma-join.
+function normalizeClass(value: any): string {
+	if (typeof value === 'string') {
+		return value
+	}
+
+	if (typeof value !== 'object') {
+		return typeof value === 'number' && value ? '' + value : ''
+	}
+
+	if (value === null) {
+		return ''
+	}
+
+	let str = ''
+	if (Array.isArray(value)) {
+		for (const item of value) {
+			if (item) {
+				const inner = normalizeClass(item)
+				if (inner) {
+					str = str ? str + ' ' + inner : inner
+				}
+			}
+		}
+	} else {
+		for (const key in value) {
+			if (value[key]) {
+				str = str ? str + ' ' + key : key
+			}
+		}
+	}
+
+	return str
+}
+
 function applyClassName(node: ElementNode, value: any) {
-	const classes = String(value ?? '')
-		.split(/\s+/)
-		.filter(Boolean)
+	const classes = normalizeClass(value).split(/\s+/).filter(Boolean)
 
 	// Class effects re-derive from scratch on every apply: the class-owned
 	// fields reset here and re-populate below, so removing a class drops the
@@ -3802,9 +3840,7 @@ const macOSDriver: UniversalHostDriver<RootContainer, any> = {
 const round = (value: number) => Math.round(value * 100) / 100
 
 function nodeClasses(node: ElementNode) {
-	return String(node.props?.className ?? '')
-		.split(/\s+/)
-		.filter(Boolean)
+	return normalizeClass(node.props?.className).split(/\s+/).filter(Boolean)
 }
 
 function descendants(node: ElementNode, out: ElementNode[] = []) {