@ramesesinc/platform-core 0.1.5 → 0.1.8

package/dist/core/PageContext.js

@@ -40,17 +40,29 @@ export const PageProvider = ({ handle, children }) => {
     const binding = useBinding();
     // setup the selectedPath from the handle
     useMemo(() => {
+        // useLayoutEffect(() => {
         const path = handle === null || handle === void 0 ? void 0 : handle.getSelectedPath();
-        binding.set("selectedPage", path);
-        return path;
-    }, [handle]);
+        if (binding && typeof binding.set === "function") {
+            binding.set("selectedPage", path);
+        }
+        else {
+            console.warn("binding.set is not available, skipping selectedPage setup");
+        }
+        // return path;
+    }, [handle, binding]);
     // for DEV purposes only
     useMemo(() => {
+        // useLayoutEffect(() => {
         const dependHandler = () => {
             // console.log("selectedPage changed => ", binding.get("selectedPage"));
         };
-        binding.dependsTo("selectedPage", dependHandler);
-    }, []);
+        if (binding && typeof binding.dependsTo === "function") {
+            binding.dependsTo("selectedPage", dependHandler);
+        }
+        else {
+            console.warn("binding.dependsTo is not available, skipping dependency setup");
+        }
+    }, [binding]);
     const dataApiHandler = useRef(null);
     const { tenant, module } = useApp();
     const providerRef = {
@@ -90,14 +102,31 @@ export const PageProvider = ({ handle, children }) => {
     };
     /* ------------------ Data ------------------ */
     const getData = () => {
-        return binding.getData();
+        if (binding && typeof binding.getData === "function") {
+            return binding.getData();
+        }
+        else {
+            console.warn("binding.getData is not available, returning {}");
+            return {};
+        }
     };
     const setData = (value, mode) => {
-        binding.setData(value, mode !== null && mode !== void 0 ? mode : "read");
+        if (binding && typeof binding.setData === "function") {
+            binding.setData(value, mode !== null && mode !== void 0 ? mode : "read");
+        }
+        else {
+            console.warn("binding.setData is not available, skipping data set");
+        }
     };
     /* ------------------ Reactive deps ------------------ */
     const dependsTo = (name, callback) => {
-        return binding.dependsTo(name, callback);
+        if (binding && typeof binding.dependsTo === "function") {
+            return binding.dependsTo(name, callback);
+        }
+        else {
+            console.warn("binding.dependsTo is not available, returning no-op function");
+            return () => { };
+        }
     };
     const notifyDepends = (name) => {
         binding.notifyDepends(name);
@@ -110,19 +139,50 @@ export const PageProvider = ({ handle, children }) => {
     /* ------------------ Internal props setter ------------------ */
     const set = (name, value) => {
         if (name === "data") {
-            binding.setData(value);
+            if (binding && typeof binding.setData === "function") {
+                binding.setData(value);
+            }
+            else {
+                console.warn("binding.setData is not available, skipping data set");
+            }
         }
         else {
-            binding.set(name, value);
+            if (binding && typeof binding.set === "function") {
+                binding.set(name, value);
+            }
+            else {
+                console.warn("binding.set is not available, skipping set:", name, value);
+            }
         }
     };
     const get = (name) => {
         if (name === "data") {
-            return binding.getData();
+            if (binding && typeof binding.getData === "function") {
+                return binding.getData();
+            }
+            else {
+                console.warn("binding.getData is not available, returning {}");
+                return {};
+            }
+        }
+        if (name === "pageView" || String(name).startsWith("pageView.")) {
+            if (name === "pageView") {
+                return pageView.getInfo();
+            }
+            if (binding && typeof binding.getByPath === "function") {
+                return binding.getByPath({ pageView: pageView.getInfo() }, name);
+            }
+            return null;
+        }
+        if (binding && typeof binding.get === "function") {
+            const val = binding.get(name);
+            // console.log("page context get", name, val, binding.getData());
+            return val;
+        }
+        else {
+            console.warn("binding.get is not available, returning undefined for:", name);
+            return undefined;
         }
-        const val = binding.get(name);
-        // console.log("page context get", name, val, binding.getData());
-        return val;
     };
     const buildParams = (inputParams, queryParams) => {
         return inputParams;
@@ -144,10 +204,21 @@ export const PageProvider = ({ handle, children }) => {
         return result;
     };
     const setPageParams = (params) => {
-        binding.set("pageParams", params);
+        if (binding && typeof binding.set === "function") {
+            binding.set("pageParams", params);
+        }
+        else {
+            console.warn("binding.set is not available, skipping pageParams set");
+        }
     };
     const getPageParams = () => {
-        return binding.get("pageParams");
+        if (binding && typeof binding.get === "function") {
+            return binding.get("pageParams");
+        }
+        else {
+            console.warn("binding.get is not available, returning {} for pageParams");
+            return {};
+        }
     };
     /* ------------------ Context value ------------------ */
     const values = {
@@ -170,7 +241,8 @@ export const PageProvider = ({ handle, children }) => {
         getMgmt,
         postMgmt,
         getAllData: () => {
-            const allData = Object.assign(Object.assign({}, binding.getUiData()), { data: binding.getData(), pageParams: getPageParams() });
+            var _a;
+            const allData = Object.assign(Object.assign({}, (binding && typeof binding.getUiData === "function" ? binding.getUiData() : {})), { data: binding && typeof binding.getData === "function" ? binding.getData() : {}, pageParams: (_a = getPageParams()) !== null && _a !== void 0 ? _a : {} });
             return allData;
         },
         setPageParams,
@@ -192,7 +264,7 @@ export const PageProvider = ({ handle, children }) => {
         };
     }, []);
     const contextValue = values;
-    const dataBindingValue = Object.assign(Object.assign({}, contextValue), { getBinding: () => binding });
+    const dataBindingValue = Object.assign(Object.assign({}, contextValue), { getBinding: () => binding, getType: () => "page" });
     useLayoutEffect(() => {
         if (handle == null)
             return;

package/dist/core/PageViewContext.d.ts

@@ -1,14 +1,26 @@
 import React from "react";
-import { EventHandler } from ".";
+import { ChangeEventHandler, EventHandler, VoidCallback } from ".";
 export type PageOptions = {
     mode?: "window" | "popup";
     [key: string]: any;
 };
+export type PageViewUI = {
+    onChange: (handler: ChangeEventHandler) => VoidCallback;
+    notifyChange: (name: string | null, value: any) => void;
+    set: (name: string, value: any, autoPublish?: boolean) => void;
+    get: (name: string | null) => any;
+    getTitle: () => string | null;
+    setTitle: (value: string | null) => void;
+};
 export type PageViewContextValue = {
     uuid: string;
     parentContext: PageViewContextValue | null;
     stack: PageViewContextValue[];
     paths: string[];
+    getInfo: () => Record<string, any>;
+    getUI: () => PageViewUI;
+    getTitle: () => string | null;
+    setTitle: (title: string | null) => void;
     setPage: (page: string | null, options?: PageOptions) => void;
     setSelectedPage: (page: string | null) => void;
     getSelectedPage: () => string | null;

package/dist/core/PageViewContext.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { useApp } from "./AppContext";
 /* ------------------ Global Stack ------------------ */
 const contextStack = [];
 /* ------------------ Context ------------------ */
@@ -10,6 +9,10 @@ const PageViewContext = createContext({
     parentContext: null,
     stack: [],
     paths: [],
+    getInfo: () => ({}),
+    getUI: () => ({}),
+    getTitle: () => null,
+    setTitle: () => { },
     setPage: () => { },
     getSelectedPage: () => null,
     pushPage: () => { },
@@ -22,10 +25,59 @@ const PageViewContext = createContext({
     getOriginalLocationInfo: () => null,
     getEventHandler: () => null,
 });
+const usePageViewUI = () => {
+    const propsRef = useRef({});
+    const changeHandlersRef = useRef([]);
+    const onChange = (handler) => {
+        if (handler != null && changeHandlersRef.current.indexOf(handler) < 0) {
+            changeHandlersRef.current.push(handler);
+        }
+        return () => {
+            if (handler == null)
+                return;
+            const list = changeHandlersRef.current;
+            const index = list.indexOf(handler);
+            if (index >= 0)
+                list.splice(index, 1);
+        };
+    };
+    const notifyChange = (name, value) => {
+        const e = { name, value };
+        const list = [...changeHandlersRef.current];
+        list.forEach((handler) => {
+            try {
+                handler(e);
+            }
+            catch (err) {
+                // do nothing: let the handler handle its own error 
+            }
+        });
+    };
+    const set = (name, value, autoPublish) => {
+        if (name == null)
+            return;
+        propsRef.current[name] = value;
+        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;
+        return value;
+    };
+    const getTitle = () => {
+        return get("title");
+    };
+    const setTitle = (value) => {
+        set("title", value, false);
+    };
+    const result = { onChange, notifyChange, set, get, getTitle, setTitle };
+    return result;
+};
 export const PageViewProvider = ({ paths, handle, children, prefix = "page", eventHandler = {}, }) => {
     const parentContext = useContext(PageViewContext);
     const [uuid] = useState(() => `${prefix}-${Math.random().toString(36).slice(2)}`);
-    const app = useApp();
     const [hasSelectionHandling, setSelectionHandling] = useState(false);
     const isStandalone = useCallback(() => {
         return handle == null ? true : handle.isStandalone();
@@ -111,6 +163,7 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         }
         return result;
     });
+    const titleRef = useRef(null);
     const handleRef = useRef(handle);
     useLayoutEffect(() => {
         handleRef.current = handle;
@@ -143,6 +196,7 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         const { current: currentChain, previous: previousChain } = pageChain;
         const newChainInfo = { path: "", base: "", page: "", options: pageOptions };
         const newPageChain = { current: newChainInfo, previous: null };
+        // console.log("setPage mode => ", { page, pageOptions }); 
         if (mode != null && mode === "window") {
             newChainInfo.page = page;
             newChainInfo.base = locInfo.root;
@@ -156,6 +210,7 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         }
         setPageChain((prev) => (Object.assign({}, newPageChain)));
         if (!standalone) {
+            // console.log("setPage push state => ", { newChainInfo }); 
             history.pushState(null, "", newChainInfo.path);
         }
         (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.renderPage(page);
@@ -187,7 +242,7 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
     };
     const popPage = () => {
         var _a, _b, _c;
-        // console.log("popPage (pageChain)", uuid, prefix, pageChain);
+        // console.log("popPage (pageChain)", uuid, prefix, JSON.stringify(pageChain));
         const { previous: prevChain } = pageChain;
         if (prevChain == null) {
             return;
@@ -205,15 +260,25 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
             const idx = newPath.lastIndexOf("/");
             if (idx >= 0) {
                 newPath = path.substring(idx + 1);
+                // newPath = newPath.substring(idx + 1);
             }
             page = newPath;
-            // console.log("popPage 1.1", uuid, page);
+            // 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;
+                // page = path;
+                const withoutHash = path.split("#")[0];
+                const idx = withoutHash.lastIndexOf("/");
+                if (idx >= 0) {
+                    page = withoutHash.substring(idx + 1);
+                }
+                else {
+                    page = path;
+                }
             }
         }
         const newPageChain = Object.assign({}, prevChain);
@@ -221,6 +286,7 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         if (!standalone) {
             history.pushState(null, "", path);
         }
+        // console.log("popPage 2", uuid, page);
         (_c = handleRef.current) === null || _c === void 0 ? void 0 : _c.renderPage(page);
     };
     const hasBackPage = () => {
@@ -230,11 +296,29 @@ export const PageViewProvider = ({ paths, handle, children, prefix = "page", eve
         const { path } = previous.current;
         return path != null && path !== "";
     };
+    const getInfo = () => {
+        var _a;
+        return {
+            uuid,
+            prefix,
+            isStandalone: isStandalone(),
+            hasBackPage: hasBackPage(),
+            current: pageChain.current,
+            previous: (_a = pageChain.previous) === null || _a === void 0 ? void 0 : _a.current,
+        };
+    };
+    const ui = usePageViewUI();
     const values = {
         parentContext,
         uuid,
         stack: [...((parentContext === null || parentContext === void 0 ? void 0 : parentContext.stack) || [])],
         paths,
+        getInfo,
+        getUI: () => ui,
+        getTitle: () => titleRef.current,
+        setTitle: (title) => {
+            titleRef.current = title;
+        },
         setPage,
         setSelectedPage,
         getSelectedPage: () => {

package/dist/core/PopupContext.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from "react";
+export type PopupOptions = {
+    modal?: boolean;
+    draggable?: boolean;
+    showCloseButton?: boolean;
+    showTitle?: boolean;
+    minWidth?: number | string;
+    minHeight?: number | string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    title?: string | null;
+};
+export type PopupState = PopupOptions & {
+    id: string;
+    counter: number;
+    visible: boolean;
+    content: ReactNode | null;
+    options: PopupOptions;
+};
+export interface PopupInstance {
+    id: string;
+    setContent: (content: ReactNode) => void;
+    show: () => void;
+    hide: () => void;
+    close: () => void;
+}
+export interface PopupManager {
+    create: (options?: Partial<PopupOptions>) => PopupInstance;
+    closeAll: () => void;
+}
+declare const popupMgr: PopupManager;
+export declare function PopupManagerSlot(): import("react/jsx-runtime").JSX.Element;
+export declare function PopupManagerProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function usePopupManager(): PopupManager;
+export type PopupSlotContextValue = {
+    getId: () => string;
+    close: () => void;
+    setTitle: (title: string | null) => void;
+};
+export declare function usePopupContext(): PopupSlotContextValue | null;
+type PopupSlotProviderProps = {
+    data: PopupState;
+    children: ReactNode;
+};
+export declare function PopupSlotProvider(props: PopupSlotProviderProps): import("react/jsx-runtime").JSX.Element;
+export { popupMgr };