@wix/origami-site 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/origami-site",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Runs an exported Wix origami site: file-based routing, Wix dynamic pages, popups and build checks. Use with @wix/origami-site-astro or @wix/origami-site-express.",
   "type": "module",
   "files": [
@@ -9,14 +9,16 @@
   "scripts": {
     "build": "tsc --noEmit",
     "lint": "oxlint .",
-    "test": "node --test test/*.spec.js && tsc --noEmit -p tsconfig.test.json"
+    "test": "node --test test/*.spec.js && tsc --noEmit -p tsconfig.test.json && vitest run --config vitest.config.js"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
     "typescript": "^6.0.3",
     "vite": "^8",
     "@vitejs/plugin-react": "^5.2.0",
-    "postcss": "^8.5.3"
+    "postcss": "^8.5.3",
+    "jsdom": "^23.0.1",
+    "vitest": "^4.1.11"
   },
   "publishUnscoped": false,
   "publishConfig": {
@@ -77,5 +79,5 @@
   "peerDependencies": {
     "vite": "^8"
   },
-  "falconPackageHash": "c7e37593d4cdf506898d4bc2680d2948adb3027e23c106ffad08d458"
+  "falconPackageHash": "d4e6a231eb25f391006613a9dff797f8a37f0e1a6d465677ef365281"
 }

package/src/browser/index.d.ts

@@ -1,10 +1,14 @@
 import type { PageData } from '../server/index.js'
-// PLAN-QUESTION: mountPage options follow the example; page modules remain unknown until milestone 1.7.
+import type { ComponentType } from 'react'
+
+export type PageModule = { default: ComponentType }
 export type MountPageOptions = {
-  pages: Record<string, () => Promise<unknown>>
+  pages: Record<string, () => Promise<PageModule>>
   popups: Record<string, () => Promise<unknown>>
   seoUriByPageId: Record<string, string>
   beforeMount: () => Promise<unknown>
 }
 export function mountPage(element: Element | null, options: MountPageOptions): Promise<() => void>
-export function readPageData(): PageData
+/** Cached per page load. Warns once and returns undefined if the block is missing.
+ * Throws an Error with the parse failure as its cause for invalid JSON. */
+export function readPageData(): PageData | undefined

package/src/browser/index.js

@@ -1 +1,57 @@
-export {}
+import { createElement, StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import { PilerPage } from '@wix/builder-piler-components'
+
+let hasReadPageData = false
+/** @type {import('../server/index.js').PageData | undefined} */
+let pageData
+/** @type {Error | undefined} */
+let pageDataError
+
+/** Read the adapter's JSON block without evaluating it as JavaScript.
+ * @returns {import('../server/index.js').PageData | undefined}
+ */
+export function readPageData() {
+    if (!hasReadPageData) {
+        hasReadPageData = true
+        const script = document.getElementById('origami-page')
+        if (!script) {
+            console.warn('Missing #origami-page data block')
+        } else {
+            try {
+                pageData = JSON.parse(script.textContent ?? '')
+            } catch (cause) {
+                pageDataError = new Error('Invalid JSON in #origami-page', { cause })
+            }
+        }
+    }
+    if (pageDataError) throw pageDataError
+    return pageData
+}
+
+/** @param {Element | null} element
+ * @param {import('./index.js').MountPageOptions} options
+ * @returns {Promise<() => void>}
+ */
+export async function mountPage(element, { pages, beforeMount }) {
+    if (!element) throw new Error('Cannot mount page: root element is missing')
+    const data = readPageData()
+    const pageKey = data?.page
+    const loadPage = (typeof pageKey === 'string' && Object.hasOwn(pages, pageKey) && pages[pageKey])
+        || (Object.hasOwn(pages, 'pages/error404') && pages['pages/error404'])
+        || (Object.hasOwn(pages, '@wix/origami-site/default-error-404') && pages['@wix/origami-site/default-error-404'])
+    if (typeof loadPage !== 'function') {
+        throw new Error('Cannot mount page: requested page and default 404 are missing')
+    }
+
+    try {
+        await beforeMount()
+    } catch (error) {
+        console.error(error)
+    }
+    // Generated page providers read PageData.services during this import.
+    const { default: Page } = await loadPage()
+    const root = createRoot(element)
+    root.render(createElement(StrictMode, null, createElement(PilerPage, { Page })))
+    return () => root.unmount()
+}