@ramesesinc/platform-core 0.1.9 → 0.1.11

package/dist/core/PageViewContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
 /* ------------------ Global Stack ------------------ */
 const contextStack = [];
 /* ------------------ Context ------------------ */
@@ -17,13 +17,18 @@ const PageViewContext = createContext({
     getSelectedPage: () => null,
     pushPage: () => { },
     popPage: () => { },
-    setSelectedPage: () => { },
     hasBackPage: () => false,
     isStandalone: () => false,
     hasSelectionHandling: () => false,
     setSelectionHandling: () => null,
     getOriginalLocationInfo: () => null,
     getEventHandler: () => null,
+    getUrl: () => "",
+    getPage: () => "",
+    getParams: () => ({}),
+    getSubPaths: () => [],
+    isRootView: () => false,
+    getPageChainInfo: () => ({ path: "", base: "", page: "", options: {}, params: {} }),
 });
 const usePageViewUI = () => {
     const propsRef = useRef({});
@@ -49,7 +54,7 @@ const usePageViewUI = () => {
                 handler(e);
             }
             catch (err) {
-                // do nothing: let the handler handle its own error 
+                // do nothing: let the handler handle its own error
             }
         });
     };
@@ -57,13 +62,13 @@ const usePageViewUI = () => {
         if (name == null)
             return;
         propsRef.current[name] = value;
-        if (String(autoPublish) === 'true') {
+        if (String(autoPublish) === "true") {
             notifyChange(name, value);
         }
     };
     const get = (name) => {
         var _a;
-        const value = name == null ? null : (_a = propsRef.current[name]) !== null && _a !== void 0 ? _a : null;
+        const value = name == null ? null : ((_a = propsRef.current[name]) !== null && _a !== void 0 ? _a : null);
         return value;
     };
     const getTitle = () => {
@@ -114,40 +119,49 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
                 paths.push(hash);
             }
             let [, ...anchors] = hash.split("#");
-            anchors = anchors.slice(0, -1);
-            if (anchors.length > 0) {
-                finalBasePaths.push("#" + anchors.join("#"));
+            if (prefix === "root") {
+                // root level - no hash in base
+                // console.log("root finalBasePaths[0]", finalBasePaths[0]);
+                result.base = finalBasePaths[0]; // just pathname + query, no hash
+                result.path = finalBasePaths[0];
+            }
+            else {
+                // child levels - include anchors up to current paths level
+                anchors = anchors.slice(0, -1);
+                if (anchors.length > 0) {
+                    finalBasePaths.push("#" + anchors.join("#"));
+                }
+                result.base = finalBasePaths.join("");
+                result.path = paths.join("");
             }
-            result.base = finalBasePaths.join("");
-            result.path = paths.join("");
             return result;
         }
         catch (err) {
             console.log("Error getting path location info:", err);
             return result;
         }
-    }, []);
+    }, [prefix]);
     const originalLocInfo = useMemo(() => {
+        var _a;
         const [, selectedPath] = paths;
         const standalone = isStandalone();
-        const chainInfo = { base: "", path: "", page: "" };
+        const chainInfo = { path: "", base: "", page: "", options: {}, params: {} };
         if (standalone) {
             chainInfo.path = selectedPath !== null && selectedPath !== void 0 ? selectedPath : "";
             chainInfo.page = chainInfo.path;
         }
         else {
-            const loc = getLocationInfo();
+            const loc = (_a = getLocationInfo()) !== null && _a !== void 0 ? _a : { root: "", path: "", base: "" };
             chainInfo.base = loc.base;
             chainInfo.path = [loc.path, selectedPath].filter(Boolean).join("#");
         }
-        // console.log("pageview original loc info ", chainInfo);
         return chainInfo;
     }, [paths, handle]);
     const [pageChain, setPageChain] = useState(() => {
         var _a;
         const [, selectedPath] = paths;
         const standalone = isStandalone();
-        const chainInfo = { path: "", base: "", page: "", options: {} };
+        const chainInfo = { path: "", base: "", page: "", options: {}, params: {} };
         const result = { current: chainInfo, previous: null };
         if (standalone) {
             chainInfo.path = selectedPath !== null && selectedPath !== void 0 ? selectedPath : "";
@@ -168,67 +182,80 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
     useLayoutEffect(() => {
         handleRef.current = handle;
     }, [handle]);
-    useEffect(() => {
-        const standalone = isStandalone();
-        // console.log("pageChain changed", uuid, standalone, pageChain);
-    }, [pageChain]);
-    const setSelectedPage = (page) => {
-        const chainInfo = pageChain.current;
-        const newChainInfo = Object.assign(Object.assign({}, chainInfo), { page });
-        if (page == null || page === "") {
-            // do nothing
-        }
-        else {
-            newChainInfo.path = newChainInfo.base + "#" + page;
-            newChainInfo.page = page;
-        }
-        pageChain.current = newChainInfo;
-    };
+    // useEffect(() => {
+    //   const standalone = isStandalone();
+    //   console.log("pageChain changed", uuid, standalone, pageChain);
+    // }, [pageChain]);
     const setPage = (page, options = {}) => {
-        var _a;
+        var _a, _b;
         if (page == null || page.trim() === "") {
             return;
         }
         const standalone = isStandalone();
         const pageOptions = options !== null && options !== void 0 ? options : {};
-        const { mode = "default" } = pageOptions;
-        const locInfo = getLocationInfo();
-        const { current: currentChain, previous: previousChain } = pageChain;
-        const newChainInfo = { path: "", base: "", page: "", options: pageOptions };
+        const { mode = "self" } = pageOptions;
+        const { previous: previousChain } = pageChain;
+        const newChainInfo = { path: "", base: "", page: "", options: pageOptions, params: {} };
         const newPageChain = { current: newChainInfo, previous: null };
-        // console.log("setPage mode => ", { page, pageOptions }); 
         if (mode != null && mode === "window") {
+            if (!uuid.startsWith("root")) {
+                parentContext === null || parentContext === void 0 ? void 0 : parentContext.setPage(page, options);
+                return;
+            }
+            const locInfo = getLocationInfo();
             newChainInfo.page = page;
             newChainInfo.base = locInfo.root;
             newChainInfo.path = locInfo.root + "/" + page;
-            newPageChain.previous = { current: currentChain, previous: previousChain };
+            const currentFullPath = window.location.pathname + window.location.search + window.location.hash;
+            const currentPageName = (_a = window.location.pathname.split("/").at(-1)) !== null && _a !== void 0 ? _a : "";
+            const previousChainInfo = {
+                path: currentFullPath,
+                base: locInfo.root,
+                page: currentPageName,
+                options: {},
+                params: {},
+            };
+            newPageChain.previous = { current: previousChainInfo, previous: previousChain };
         }
         else {
+            const currentUrl = getUrl();
             newChainInfo.page = page;
-            newChainInfo.base = originalLocInfo.base;
-            newChainInfo.path = [originalLocInfo.base, page].filter(Boolean).join("#");
+            newChainInfo.base = currentUrl;
+            newChainInfo.path = [currentUrl, page].filter(Boolean).join("#");
         }
         setPageChain((prev) => (Object.assign({}, newPageChain)));
-        if (!standalone) {
-            // console.log("setPage push state => ", { newChainInfo }); 
+        if (mode === "window") {
             history.pushState(null, "", newChainInfo.path);
         }
-        (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.renderPage(page);
+        else if (!standalone) {
+            const currentPathname = window.location.pathname;
+            const expectedPathname = newChainInfo.path.split("#")[0].split("?")[0];
+            if (currentPathname === expectedPathname) {
+                history.pushState(null, "", newChainInfo.path);
+            }
+        }
+        (_b = handleRef.current) === null || _b === void 0 ? void 0 : _b.renderPage(page);
     };
     const pushPage = (page) => {
         var _a;
         if (page == null)
             return;
         const standalone = isStandalone();
-        // console.log("pushPage (pageChain)", uuid, prefix, pageChain, standalone, parentContext);
         const { current: chainInfo, previous: prevChain } = pageChain;
-        if (standalone && (chainInfo.path == null || chainInfo.path === "")) {
-            Object.assign(chainInfo, { path: paths[0], base: "", page: paths[0] });
+        if (prefix === "root") {
+            setPage(page, { mode: "window" });
+            return;
         }
+        // if (standalone && (chainInfo.path == null || chainInfo.path === "")) {
+        //   Object.assign(chainInfo, { path: paths[0], base: "", page: paths[0] });
+        // }
+        const loc = getLocationInfo();
         const newChainInfo = {
-            path: [chainInfo.path, page].filter(Boolean).join("#"),
-            base: chainInfo.path,
+            path: [loc.base, page].filter(Boolean).join("#"),
+            base: loc.base,
             page: page,
+            options: {},
+            params: {},
         };
         const newPageChain = {
             current: newChainInfo,
@@ -241,53 +268,57 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.renderPage(page);
     };
     const popPage = () => {
-        var _a, _b, _c;
-        // console.log("popPage (pageChain)", uuid, prefix, JSON.stringify(pageChain));
+        var _a, _b;
         const { previous: prevChain } = pageChain;
-        if (prevChain == null) {
+        if (prevChain == null)
             return;
-        }
         const standalone = isStandalone();
         const current = (_a = prevChain === null || prevChain === void 0 ? void 0 : prevChain.current) !== null && _a !== void 0 ? _a : {};
         const { path, options = {} } = current;
-        if (path == null || path === "") {
+        if (path == null || path === "")
             return;
-        }
-        // extract page from path
-        let page = "";
-        if (prefix === "root") {
-            let newPath = path.split("#")[0].split("?")[0];
-            const idx = newPath.lastIndexOf("/");
-            if (idx >= 0) {
-                newPath = path.substring(idx + 1);
-                // newPath = newPath.substring(idx + 1);
-            }
-            page = newPath;
-            // console.log("popPage 1.3", uuid, page);
-        }
-        else {
-            const [, ...anchors] = path.split("#");
-            page = (_b = anchors.at(-1)) !== null && _b !== void 0 ? _b : "";
-            // console.log("popPage 1.4", uuid, "page:", page, "path:", path);
-            if (page === "") {
-                // page = path;
-                const withoutHash = path.split("#")[0];
-                const idx = withoutHash.lastIndexOf("/");
-                if (idx >= 0) {
-                    page = withoutHash.substring(idx + 1);
-                }
-                else {
-                    page = path;
-                }
-            }
-        }
+        const loc = getLocationInfo();
         const newPageChain = Object.assign({}, prevChain);
         setPageChain(newPageChain);
         if (!standalone) {
-            history.pushState(null, "", path);
+            history.pushState(null, "", newPageChain.current.path);
         }
-        // console.log("popPage 2", uuid, page);
-        (_c = handleRef.current) === null || _c === void 0 ? void 0 : _c.renderPage(page);
+        (_b = handleRef.current) === null || _b === void 0 ? void 0 : _b.renderPage(newPageChain.current.page);
+        // // extract page from path
+        // let page = "";
+        // if (prefix === "root") {
+        //   let newPath = path.split("#")[0].split("?")[0];
+        //   const idx = newPath.lastIndexOf("/");
+        //   if (idx >= 0) {
+        //     newPath = path.substring(idx + 1);
+        //   }
+        //   page = newPath;
+        // } else {
+        //   const loc = getLocationInfo();
+        //   // pop means go back to previous loc.base (one less anchor)
+        //   const [, ...anchors] = loc.base.split("#");
+        //   anchors.pop(); // remove last anchor
+        //   page = anchors.at(-1) ?? "";
+        //   if (page === "") {
+        //     const withoutHash = path.split("#")[0];
+        //     const idx = withoutHash.lastIndexOf("/");
+        //     if (idx >= 0) {
+        //       page = withoutHash.substring(idx + 1);
+        //     } else {
+        //       page = path;
+        //     }
+        //   }
+        // }
+        // const newPageChain = { ...prevChain } as PageChain;
+        // setPageChain(newPageChain);
+        // if (!standalone) {
+        //   const loc = getLocationInfo();
+        //   const [, ...anchors] = loc.base.split("#");
+        //   anchors.pop();
+        //   const newPath = [loc.base.split("#")[0], ...anchors].filter(Boolean).join("#");
+        //   history.pushState(null, "", newPath);
+        // }
+        // handleRef.current?.renderPage(page);
     };
     const hasBackPage = () => {
         const { previous } = pageChain;
@@ -296,6 +327,35 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         const { path } = previous.current;
         return path != null && path !== "";
     };
+    const getUrl = () => {
+        var _a, _b;
+        if (prefix === "root") {
+            const loc = getLocationInfo();
+            return loc.root + "/" + paths[0];
+        }
+        else {
+            const parentUrl = (_b = (_a = parentContext === null || parentContext === void 0 ? void 0 : parentContext.getUrl) === null || _a === void 0 ? void 0 : _a.call(parentContext)) !== null && _b !== void 0 ? _b : "";
+            const [currentPath] = paths;
+            return [parentUrl, currentPath].filter(Boolean).join("#");
+        }
+    };
+    const getSubPaths = () => {
+        const [, ...subPaths] = paths !== null && paths !== void 0 ? paths : [];
+        return subPaths;
+    };
+    const getPage = () => {
+        var _a, _b;
+        return (_b = (_a = pageChain.current) === null || _a === void 0 ? void 0 : _a.page) !== null && _b !== void 0 ? _b : "";
+    };
+    const getParams = () => {
+        const url = getUrl();
+        const urlParams = new URLSearchParams(url.split("?")[1]);
+        const params = {};
+        urlParams.forEach((value, key) => {
+            params[key] = value;
+        });
+        return params;
+    };
     const getInfo = () => {
         var _a;
         return {
@@ -307,6 +367,10 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
             previous: (_a = pageChain.previous) === null || _a === void 0 ? void 0 : _a.current,
         };
     };
+    const getPageChainInfo = () => {
+        var _a;
+        return (_a = pageChain.current) !== null && _a !== void 0 ? _a : { path: "", base: "", page: "", options: {}, params: {} };
+    };
     const ui = usePageViewUI();
     const values = {
         parentContext,
@@ -320,7 +384,6 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
             titleRef.current = title;
         },
         setPage,
-        setSelectedPage,
         getSelectedPage: () => {
             const { current } = pageChain;
             return current === null || current === void 0 ? void 0 : current.path;
@@ -335,6 +398,12 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         getEventHandler: () => {
             return eventHandler !== null && eventHandler !== void 0 ? eventHandler : {};
         },
+        isRootView: () => { var _a; return (_a = uuid === null || uuid === void 0 ? void 0 : uuid.startsWith("root")) !== null && _a !== void 0 ? _a : false; },
+        getUrl,
+        getPage,
+        getParams,
+        getSubPaths,
+        getPageChainInfo,
     };
     useEffect(() => {
         const idx = contextStack.length;

package/dist/core/Panel.js

@@ -12,27 +12,49 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DynamicComponent } from "./DynamicComponent";
 const Panel = ({ content, orientation = "vertical", styles = {}, className = "" }) => {
-    if (content == undefined || content == null) {
+    if (content == null)
         return null;
-    }
     return (_jsx("div", { className: className, style: styles, children: renderContent(content, orientation) }));
 };
 const renderContent = (content, orientation = "vertical") => {
-    //console.log(content)
-    // 1. Array → flex container, each item rendered recursively with flipped orientation for nested arrays
+    if (content == null)
+        return null;
+    // ── 1. Outer array: vertical column of rows / standalone items ──────────
     if (Array.isArray(content)) {
-        const isHorizontal = orientation === "horizontal";
-        return (_jsx("div", { style: { display: "flex", flexDirection: isHorizontal ? "row" : "column", gap: 12, flexWrap: "wrap" }, children: content.map((item, i) => Array.isArray(item) ? (_jsx("div", { children: renderContent(item, isHorizontal ? "vertical" : "horizontal") }, i)) : (_jsx("div", { children: renderContent(item, orientation) }, i))) }));
+        return (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: 12, width: "100%" }, children: content.map((item, i) => {
+                // ── 2. Nested array = one horizontal row ────────────────────────
+                if (Array.isArray(item)) {
+                    return (_jsx("div", { style: {
+                            display: "flex",
+                            flexDirection: "row",
+                            gap: 12,
+                            width: "100%",
+                            flexWrap: "wrap",
+                            alignItems: "flex-start",
+                            justifyContent: "flex-start", // ← keeps items packed left
+                        }, children: item.map((cell, j) => {
+                            var _a, _b;
+                            const isFullWidth = ((_a = cell === null || cell === void 0 ? void 0 : cell.attr) === null || _a === void 0 ? void 0 : _a.fullWidth) === true;
+                            const isStretch = ((_b = cell === null || cell === void 0 ? void 0 : cell.attr) === null || _b === void 0 ? void 0 : _b.stretch) === true; // ← opt-in stretch
+                            return (_jsx("div", { style: {
+                                    flex: isFullWidth ? "0 0 100%" : isStretch ? "1 1 0" : "0 0 auto",
+                                    minWidth: 0,
+                                }, children: renderContent(cell, "vertical") }, j));
+                        }) }, i));
+                }
+                // ── 3. Standalone object = full-width row ───────────────────────
+                return (_jsx("div", { style: { width: "100%" }, children: renderContent(item, "vertical") }, i));
+            }) }));
     }
-    // 2. Object with `component` → DynamicComponent
-    if (content && typeof content === "object" && content.component) {
-        const { component, attr } = content;
-        return _jsx(DynamicComponent, { config: { component, attr } });
+    // ── 4. Object with `component` or `componentid` → DynamicComponent ──────────────────────
+    if (content && typeof content === "object" && (content.component || content.componentid)) {
+        const { component, componentid, attr } = content;
+        return _jsx(DynamicComponent, { config: { component, componentid, attr } });
     }
-    // 3. Object without `component` → Panel with nested elements
+    // ── 5. Object without `component` → nested Panel ───────────────────────
     if (content && typeof content === "object") {
         const { elements, styles, className, orientation: innerOrientation } = content, rest = __rest(content, ["elements", "styles", "className", "orientation"]);
-        return (_jsx(Panel, { content: elements || null, orientation: innerOrientation || orientation, styles: Object.assign(Object.assign({}, styles), rest), className: className || "" }));
+        return (_jsx(Panel, { content: elements !== null && elements !== void 0 ? elements : null, orientation: innerOrientation !== null && innerOrientation !== void 0 ? innerOrientation : orientation, styles: Object.assign(Object.assign({}, styles), rest), className: className !== null && className !== void 0 ? className : "" }));
     }
     return null;
 };

package/dist/core/StepHandler.d.ts

@@ -6,4 +6,4 @@ export type StepActionHandler = {
     next: () => void;
     back: () => void;
 };
-export declare const StepHandler: (items: Record<string, any>[], callback: (item: Record<string, any>) => void) => StepActionHandler;
+export declare const StepHandler: (items: Record<string, any>[], callback: (item: Record<string, any>) => void, getData?: () => Record<string, any>) => StepActionHandler;

package/dist/core/StepHandler.js

@@ -1,32 +1,69 @@
-export const StepHandler = (items, callback) => {
+const evaluateWhen = (expr, data) => {
+    try {
+        const filled = expr.replace(/\{\{([\s\S]+?)\}\}/g, (_, path) => {
+            const val = path.trim().split(".").reduce((obj, key) => obj === null || obj === void 0 ? void 0 : obj[key], data);
+            return JSON.stringify(val !== null && val !== void 0 ? val : null);
+        });
+        // eslint-disable-next-line no-new-func
+        return Boolean(new Function(`return (${filled})`)());
+    }
+    catch (_a) {
+        return false;
+    }
+};
+const resolveNext = (current, items, currentIndex, getData) => {
+    const { next } = current;
+    // no next defined — linear
+    if (next == null)
+        return currentIndex + 1;
+    // next is a string id — jump directly
+    if (typeof next === "string") {
+        const idx = items.findIndex((it) => it.id === next);
+        return idx >= 0 ? idx : currentIndex + 1;
+    }
+    // next is a conditions array
+    if (Array.isArray(next)) {
+        const data = getData();
+        for (const condition of next) {
+            const c = condition;
+            if (c.when != null && evaluateWhen(c.when, data)) {
+                const idx = items.findIndex((it) => it.id === c.goto);
+                return idx >= 0 ? idx : currentIndex + 1;
+            }
+            if (c.default != null) {
+                const idx = items.findIndex((it) => it.id === c.default);
+                return idx >= 0 ? idx : currentIndex + 1;
+            }
+        }
+    }
+    return currentIndex + 1;
+};
+export const StepHandler = (items, callback, getData = () => ({})) => {
     let currentIndex = 0;
-    let lastIndex = 0; // max index visited
-    const hasPrev = () => {
-        if (items.length == 0)
-            return false;
-        if (currentIndex - 1 < 0)
-            return false;
-        return true;
-    };
+    let lastIndex = 0;
+    const history = []; // track visited indices for back navigation
+    const hasPrev = () => history.length > 0;
     const hasNext = () => {
-        if (items.length == 0)
+        if (items.length === 0)
             return false;
-        if (currentIndex + 1 >= items.length)
-            return false;
-        return true;
+        const nextIndex = resolveNext(items[currentIndex], items, currentIndex, getData);
+        return nextIndex < items.length;
     };
     const next = () => {
-        currentIndex++;
-        if (currentIndex > lastIndex) {
+        const nextIndex = resolveNext(items[currentIndex], items, currentIndex, getData);
+        if (nextIndex >= items.length)
+            return;
+        history.push(currentIndex);
+        currentIndex = nextIndex;
+        if (currentIndex > lastIndex)
             lastIndex = currentIndex;
-        }
-        const selected = items[currentIndex];
-        callback(selected);
+        callback(items[currentIndex]);
     };
     const back = () => {
-        currentIndex--;
-        const selected = items[currentIndex];
-        callback(selected);
+        if (history.length === 0)
+            return;
+        currentIndex = history.pop();
+        callback(items[currentIndex]);
     };
     return {
         getCurrentIndex: () => currentIndex,