@plastic-js/plastic 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plastic-js/plastic",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "main": "src/index.js",
   "access": "public",
   "sideEffects": false,
@@ -60,7 +60,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@vitejs/plugin-react": "^6.0.2",
     "@vitejs/plugin-vue": "^6.0.7",
-    "@plastic-js/babel-preset-plastic": "^0.1.7",
+    "@plastic-js/babel-preset-plastic": "^0.1.8",
     "eslint": "^9.39.2",
     "eslint-config-janus": "^9.0.21",
     "eslint-plugin-mocha": "^11.3.0",

package/src/jsx-runtime.js

@@ -1263,6 +1263,14 @@ const insert = (parent, accessor, marker = null)=> {
 // change. Class and style go through the existing helpers so the
 // merge/diff semantics stay identical to the JSX path.
 const setProp = (element, key, accessor)=> {
+	if (key === 'ref'){
+		// babel-preset-plastic's template fast path always emits refs as
+		// `() => refCallback` thunks — unwrap once. Calling the accessor as
+		// a probe would invoke a direct callback with undefined, so we don't.
+		const ref = typeof accessor === 'function' ? accessor() : accessor
+		applyRefProp(element, ref)
+		return
+	}
 	// Event handlers (onClick, etc.) — the babel transform emits them as
 	// `() => handler` thunks. Resolve once to the handler and attach a single
 	// listener that re-reads the current accessor at dispatch time (so a signal
@@ -1331,12 +1339,13 @@ const setProp = (element, key, accessor)=> {
 const renderApp = (container, node)=> {
 	const appNode = node2Element(node)
 	container.appendChild(appNode)
-	// Get the owner from the node (set by h() when rendering components)
+	// Walk the full DOM subtree to find all component owners and fire their
+	// onMount callbacks. The root node may be a native element (e.g. <div>)
+	// which never gets an OWNER reference, but nested component outputs do.
+	mountOwnedSubtree(appNode)
+
+	// Keep the root owner reference for cleanup disposal.
 	const owner = appNode[OWNER]
-	// Execute root onMount callbacks if owner exists
-	if (owner){
-		runOwnerMounts(owner)
-	}
 
 	// Return a disposer function
 	let disposed = false

package/src/router.js

@@ -813,6 +813,7 @@ const NavLink = ({
 	activeClass = 'active',
 	ariaCurrent = 'page',
 	end = false,
+	disabled = false,
 	...props
 })=> {
 	const location = useLocation()
@@ -830,12 +831,20 @@ const NavLink = ({
 	})
 	const resolvedClassName = ()=> {
 		const baseClassName = typeof className === 'function' ? className() : className
-		const tokens = [baseClassName, isActive() ? activeClass : '']
+		const tokens = [baseClassName, isActive() && !disabled ? activeClass : '']
 			.filter(value=> typeof value === 'string' && value.trim())
 			.map(value=> value.trim())
 		return tokens.join(' ')
 	}
 
+	if (disabled){
+		return h('span', {
+			...props,
+			'aria-disabled': 'true',
+			className: resolvedClassName,
+		}, children)
+	}
+
 	return h(Link, {
 		...props,
 		to,