@uniweb/runtime 0.2.8 → 0.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/runtime",
-  "version": "0.2.8",
+  "version": "0.2.11",
   "description": "Minimal runtime for loading Uniweb foundations",
   "type": "module",
   "exports": {
@@ -29,7 +29,7 @@
     "node": ">=20.19"
   },
   "dependencies": {
-    "@uniweb/core": "0.1.7"
+    "@uniweb/core": "0.1.8"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/components/Layout.jsx

@@ -12,10 +12,10 @@
  * - right: Right sidebar/panel (from @right page)
  *
  * Custom Layouts:
- * Foundations can provide a custom Layout via src/runtime.js:
+ * Foundations can provide a custom Layout via src/exports.js:
  *
  * ```jsx
- * // src/runtime.js
+ * // src/exports.js
  * import Layout from './components/Layout'
  *
  * export default {

package/src/index.jsx

@@ -7,7 +7,15 @@
 
 import React from 'react'
 import { createRoot } from 'react-dom/client'
-import { BrowserRouter, Routes, Route } from 'react-router-dom'
+import {
+  BrowserRouter,
+  Routes,
+  Route,
+  Link as RouterLink,
+  useNavigate,
+  useParams,
+  useLocation
+} from 'react-router-dom'
 
 // Components
 import { ChildBlocks } from './components/PageRenderer.jsx'
@@ -107,10 +115,10 @@ async function loadFoundation(source) {
       import(/* @vite-ignore */ url)
     ])
 
-    console.log(
-      '[Runtime] Foundation loaded. Available components:',
-      typeof foundation.listComponents === 'function' ? foundation.listComponents() : 'unknown'
-    )
+    const componentNames = foundation.components
+      ? Object.keys(foundation.components)
+      : 'unknown'
+    console.log('[Runtime] Foundation loaded. Available components:', componentNames)
 
     return foundation
   } catch (error) {
@@ -131,6 +139,16 @@ function initUniweb(configData) {
   // Set up child block renderer for nested blocks
   uniwebInstance.childBlockRenderer = ChildBlocks
 
+  // Register routing components for kit and foundation components
+  // This enables the bridge pattern: components access routing via
+  // website.getRoutingComponents() instead of direct imports
+  uniwebInstance.routingComponents = {
+    Link: RouterLink,
+    useNavigate,
+    useParams,
+    useLocation
+  }
+
   return uniwebInstance
 }
 
@@ -212,10 +230,9 @@ async function initRuntime(foundationSource, options = {}) {
       const remoteModule = await foundationSource
       // Handle double default wrapping
       const innerModule = remoteModule?.default?.default ? remoteModule.default : remoteModule
-      // Convert to foundation interface
+      // Convert to foundation interface with components object
       foundation = {
-        getComponent: (name) => innerModule.default?.[name],
-        listComponents: () => Object.keys(innerModule.default || {}),
+        components: innerModule.default || {},
         ...innerModule
       }
     } else if (foundationSource && typeof foundationSource === 'object') {
@@ -230,9 +247,9 @@ async function initRuntime(foundationSource, options = {}) {
     // Set the foundation on the runtime
     uniwebInstance.setFoundation(foundation)
 
-    // Set foundation config if provided (runtime is the new name, config/site are legacy)
-    if (foundation.runtime || foundation.config || foundation.site) {
-      uniwebInstance.setFoundationConfig(foundation.runtime || foundation.config || foundation.site)
+    // Set foundation capabilities (Layout, props, etc.) if provided
+    if (foundation.capabilities) {
+      uniwebInstance.setFoundationConfig(foundation.capabilities)
     }
 
     // Render the app