@uniweb/runtime 0.2.7 → 0.2.10

package/package.json

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

package/src/components/Layout.jsx

@@ -12,24 +12,26 @@
  * - right: Right sidebar/panel (from @right page)
  *
  * Custom Layouts:
- * Foundations can export a Layout component that receives pre-rendered areas as props:
+ * Foundations can provide a custom Layout via src/exports.js:
  *
  * ```jsx
- * export const site = {
- *   Layout: ({ page, website, header, body, footer, left, right }) => (
- *     <div className="my-layout">
- *       <header>{header}</header>
- *       <aside>{left}</aside>
- *       <main>{body}</main>
- *       <aside>{right}</aside>
- *       <footer>{footer}</footer>
- *     </div>
- *   )
+ * // src/exports.js
+ * import Layout from './components/Layout'
+ *
+ * export default {
+ *   Layout,
+ *   props: {
+ *     themeToggleEnabled: true,
+ *   }
  * }
  * ```
+ *
+ * The Layout component receives pre-rendered areas as props:
+ * - page, website: Runtime context
+ * - header, body, footer: Pre-rendered React elements
+ * - left, right (or leftPanel, rightPanel): Sidebar panels
  */
 
-import React from 'react'
 import Blocks from './Blocks.jsx'
 
 /**

package/src/index.jsx

@@ -107,10 +107,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) {
@@ -212,10 +212,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 +229,9 @@ async function initRuntime(foundationSource, options = {}) {
     // Set the foundation on the runtime
     uniwebInstance.setFoundation(foundation)
 
-    // Set foundation config if provided
-    if (foundation.config || foundation.site) {
-      uniwebInstance.setFoundationConfig(foundation.config || foundation.site)
+    // Set foundation capabilities (Layout, props, etc.) if provided
+    if (foundation.capabilities) {
+      uniwebInstance.setFoundationConfig(foundation.capabilities)
     }
 
     // Render the app