@ramesesinc/platform-core 0.1.0

package/dist/components/action/Undo.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { usePageContext } from "../../core/PageContext";
+import { AbstractComponent } from "../../types/component";
+
+/* ------------------------------------------------------------------ */
+/* Types */
+
+interface UndoProps extends AbstractComponent {
+  className?: string;
+  title?: string;
+  api: string;
+  data?: string;
+}
+
+/* ------------------------------------------------------------------ */
+/* Component */
+
+const Undo = (props: UndoProps) => {
+  const { className = "", title, api, data } = props ?? {};
+  const pageContext = usePageContext();
+
+  /* ---------------------- Events ---------------------- */
+  const handleClick = async () => {
+    try {
+      /*
+      if(!api) throw new Error("api not defined");
+      const allData = pageContext?.getAllData() ?? {};
+      if( data ) {
+        const d = getValue( data, allData );
+        await pageContext?.execService( api, d );
+      }
+      else {
+        await pageContext?.execService( api, allData );
+      }
+      */
+    } catch (err: any) {
+      alert(err.message);
+    }
+  };
+
+  /* ---------------------- Render ---------------------- */
+  return (
+    <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
+      {title || "Update Context"}
+    </button>
+  );
+};
+
+export default Undo;

package/dist/components/action/UpdateContext.d.ts

@@ -0,0 +1,9 @@
+import { AbstractComponent } from "../../types/component";
+interface UpdateContextProps extends AbstractComponent {
+    source: string;
+    target: string;
+    className?: string;
+    title?: string;
+}
+declare const UpdateContext: (props: UpdateContextProps) => import("react/jsx-runtime").JSX.Element;
+export default UpdateContext;

package/dist/components/action/UpdateContext.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePageContext } from "../../core/PageContext";
+/* ------------------------------------------------------------------ */
+/* Component */
+const UpdateContext = (props) => {
+    const { source, target, className = "", title } = props !== null && props !== void 0 ? props : {};
+    const pageContext = usePageContext();
+    /* ---------------------- Events ---------------------- */
+    const handleClick = () => {
+        var _a;
+        if (!source || !target)
+            return;
+        const allData = (_a = pageContext === null || pageContext === void 0 ? void 0 : pageContext.getAllData()) !== null && _a !== void 0 ? _a : {};
+        const value = allData[source];
+        pageContext === null || pageContext === void 0 ? void 0 : pageContext.set(target, value);
+    };
+    /* ---------------------- Render ---------------------- */
+    return (_jsx("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: title || "Update Context" }));
+};
+export default UpdateContext;

package/dist/components/action/UpdateContext.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { usePageContext } from "../../core/PageContext";
+import { AbstractComponent } from "../../types/component";
+
+/* ------------------------------------------------------------------ */
+/* Types */
+
+interface UpdateContextProps extends AbstractComponent {
+  source: string;
+  target: string;
+  className?: string;
+  title?: string;
+}
+
+/* ------------------------------------------------------------------ */
+/* Component */
+
+const UpdateContext = (props: UpdateContextProps) => {
+  const { source, target, className = "", title } = props ?? {};
+
+  const pageContext = usePageContext();
+
+  /* ---------------------- Events ---------------------- */
+  const handleClick = () => {
+    if (!source || !target) return;
+    const allData = pageContext?.getAllData() ?? {};
+    const value = allData[source];
+    pageContext?.set(target, value);
+  };
+
+  /* ---------------------- Render ---------------------- */
+  return (
+    <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
+      {title || "Update Context"}
+    </button>
+  );
+};
+
+export default UpdateContext;

package/dist/components/action/UpdateData.d.ts

@@ -0,0 +1,9 @@
+import { AbstractComponent } from "../../types/component";
+interface UpdateDataProps extends AbstractComponent {
+    className?: string;
+    title?: string;
+    api: string;
+    data?: string;
+}
+declare const UpdateData: (props: UpdateDataProps) => import("react/jsx-runtime").JSX.Element;
+export default UpdateData;

package/dist/components/action/UpdateData.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePageContext } from "../../core/PageContext";
+import { getValue } from "../../lib/utils/BeanUtils";
+/* ------------------------------------------------------------------ */
+/* Component */
+const UpdateData = (props) => {
+    const { className = "", title, api, data } = props !== null && props !== void 0 ? props : {};
+    const pageContext = usePageContext();
+    /* ---------------------- Events ---------------------- */
+    const handleClick = async () => {
+        var _a, _b;
+        try {
+            if (!api)
+                throw new Error("api not defined");
+            if (data) {
+                const allData = (_a = pageContext === null || pageContext === void 0 ? void 0 : pageContext.getAllData()) !== null && _a !== void 0 ? _a : {};
+                const d = getValue(data, allData);
+                await (pageContext === null || pageContext === void 0 ? void 0 : pageContext.execService(api, d));
+            }
+            else {
+                const vdata = (_b = pageContext === null || pageContext === void 0 ? void 0 : pageContext.getData()) !== null && _b !== void 0 ? _b : {};
+                await (pageContext === null || pageContext === void 0 ? void 0 : pageContext.execService(api, vdata));
+            }
+        }
+        catch (err) {
+            alert(err.message);
+        }
+    };
+    /* ---------------------- Render ---------------------- */
+    return (_jsx("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: title || "Update Context" }));
+};
+export default UpdateData;

package/dist/components/action/UpdateData.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { usePageContext } from "../../core/PageContext";
+import { getValue } from "../../lib/utils/BeanUtils";
+import { AbstractComponent } from "../../types/component";
+
+/* ------------------------------------------------------------------ */
+/* Types */
+
+interface UpdateDataProps extends AbstractComponent {
+  className?: string;
+  title?: string;
+  api: string;
+  data?: string;
+}
+
+/* ------------------------------------------------------------------ */
+/* Component */
+
+const UpdateData = (props: UpdateDataProps) => {
+  const { className = "", title, api, data } = props ?? {};
+  const pageContext = usePageContext();
+
+  /* ---------------------- Events ---------------------- */
+  const handleClick = async () => {
+    try {
+      if (!api) throw new Error("api not defined");
+      if (data) {
+        const allData = pageContext?.getAllData() ?? {};
+        const d = getValue(data, allData);
+        await pageContext?.execService(api, d);
+      } else {
+        const vdata = pageContext?.getData() ?? {};
+        await pageContext?.execService(api, vdata);
+      }
+    } catch (err: any) {
+      alert(err.message);
+    }
+  };
+
+  /* ---------------------- Render ---------------------- */
+  return (
+    <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
+      {title || "Update Context"}
+    </button>
+  );
+};
+
+export default UpdateData;

package/dist/components/action/ViewBackPage.d.ts

@@ -0,0 +1,9 @@
+import { AbstractComponent } from "../../types/component";
+interface ViewBackPageProps extends AbstractComponent {
+    className?: string;
+    title?: string;
+    icon?: string;
+    opt?: Record<string, any>;
+}
+declare const ViewBackPage: (props: ViewBackPageProps) => import("react/jsx-runtime").JSX.Element;
+export default ViewBackPage;

package/dist/components/action/ViewBackPage.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { usePageViewContext } from "../../core/PageViewContext";
+/* ------------------------------------------------------------------ */
+/* Component */
+const ViewBackPage = (props) => {
+    const { className = "", title, icon, opt = {} } = props !== null && props !== void 0 ? props : {};
+    const pageView = usePageViewContext();
+    /* ---------------------- Events ---------------------- */
+    const handleClick = () => {
+        pageView === null || pageView === void 0 ? void 0 : pageView.popPage();
+    };
+    const hasBackPage = () => {
+        return pageView == null ? false : pageView.hasBackPage();
+    };
+    /* ---------------------- Render ---------------------- */
+    return (_jsx(_Fragment, { children: hasBackPage() && (_jsxs("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: [icon && _jsx("span", { className: "dl-action-icon", children: icon }), title || "Back"] })) }));
+};
+export default ViewBackPage;

package/dist/components/action/ViewBackPage.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { usePageViewContext } from "../../core/PageViewContext";
+import { AbstractComponent } from "../../types/component";
+
+/* ------------------------------------------------------------------ */
+/* Types */
+
+interface ViewBackPageProps extends AbstractComponent {
+  className?: string;
+  title?: string;
+  icon?: string;
+  opt?: Record<string, any>;
+}
+
+/* ------------------------------------------------------------------ */
+/* Component */
+
+const ViewBackPage = (props: ViewBackPageProps) => {
+  const { className = "", title, icon, opt = {} } = props ?? {};
+
+  const pageView = usePageViewContext();
+
+  /* ---------------------- Events ---------------------- */
+  const handleClick = () => {
+    pageView?.popPage();
+  };
+
+  const hasBackPage = () => {
+    return pageView == null ? false : pageView.hasBackPage();
+  };
+
+  /* ---------------------- Render ---------------------- */
+  return (
+    <>
+      {hasBackPage() && (
+        <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
+          {icon && <span className="dl-action-icon">{icon}</span>}
+          {title || "Back"}
+        </button>
+      )}
+    </>
+  );
+};
+
+export default ViewBackPage;

package/dist/components/action/ViewPage.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { AbstractComponent } from "../../types/component";
+interface ViewPageProps extends AbstractComponent {
+    url: string;
+    mode?: "popup" | "window";
+    className?: string;
+    title?: string;
+    icon?: string | React.ReactNode;
+    opt?: Record<string, any>;
+    iconOnly?: boolean;
+    popupClassName?: string;
+}
+declare const ViewPage: (props: ViewPageProps) => import("react/jsx-runtime").JSX.Element;
+export default ViewPage;

package/dist/components/action/ViewPage.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, memo, useImperativeHandle, useRef, useState } from "react";
+import { useDataContext } from "../../core/DataContext";
+import { usePageContext } from "../../core/PageContext";
+import { usePageViewContext } from "../../core/PageViewContext";
+import { substituteExpr } from "../../lib/utils/BeanUtils";
+import { getUrlPageParams, parseHashUrl } from "../../lib/utils/PageUtils";
+import PopupView from "../view/PopupView";
+/* ------------------------------------------------------------------ */
+/* Component */
+const ViewPage = (props) => {
+    const { url, mode, className = "", title, icon, opt = {}, popupClassName = "", iconOnly = false } = props !== null && props !== void 0 ? props : {};
+    const { data = {} } = opt;
+    const dataContext = useDataContext();
+    const pageView = usePageViewContext();
+    const pageContext = usePageContext();
+    const slotRef = useRef(null);
+    /* ---------------------- Events ---------------------- */
+    const onClose = () => {
+        var _a;
+        (_a = slotRef.current) === null || _a === void 0 ? void 0 : _a.update(null);
+    };
+    const handleClick = (e) => {
+        var _a;
+        e.preventDefault();
+        if (!url)
+            return;
+        const getUrlParams = () => {
+            let result = null;
+            if (pageView.isStandalone()) {
+                const { params } = parseHashUrl(url);
+                result = params;
+            }
+            else {
+                const { params } = getUrlPageParams();
+                result = params;
+            }
+            return result !== null && result !== void 0 ? result : {};
+        };
+        const getUrlData = () => {
+            let result = null;
+            if (dataContext == null) {
+                // use data received from props
+                const fullData = Object.assign(Object.assign({}, pageContext.getAllData()), data);
+                result = fullData;
+            }
+            else {
+                result = dataContext.getData();
+            }
+            return result !== null && result !== void 0 ? result : {};
+        };
+        const urlParams = getUrlParams();
+        const urlData = getUrlData();
+        const surl = substituteExpr(url, Object.assign(Object.assign({}, urlParams), urlData));
+        if (mode === "popup") {
+            const handler = {
+                onSave: (itm) => {
+                    onClose();
+                    pageContext.notifyDepends();
+                },
+                refresh: () => {
+                    pageContext.notifyDepends();
+                },
+            };
+            (_a = slotRef.current) === null || _a === void 0 ? void 0 : _a.update(_jsx(PopupView, { url: surl, onClose: onClose, eventHandler: handler }));
+        }
+        else if (mode === "window") {
+            pageView.setPage(surl, { mode });
+        }
+        else {
+            pageView.pushPage(surl);
+        }
+    };
+    /* ---------------------- Render ---------------------- */
+    return (_jsxs(_Fragment, { children: [iconOnly ? (_jsx("span", { onClick: handleClick, className: `cursor-pointer ${className}`, children: icon })) : (_jsxs("button", { onClick: handleClick, className: `px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`, children: [icon && _jsx("span", { className: "dl-action-icon", children: icon }), title || "View Page"] })), _jsx(ChildrenSlot, { ref: slotRef })] }));
+};
+export default ViewPage;
+const ChildrenSlot = memo(forwardRef((_, ref) => {
+    const [content, setContent] = useState(null);
+    useImperativeHandle(ref, () => ({
+        update: (content) => {
+            // console.log("view page children slot", content);
+            setContent(content);
+        },
+    }), []);
+    return _jsx(_Fragment, { children: content == null ? null : content });
+}));

package/dist/components/action/ViewPage.tsx

@@ -0,0 +1,141 @@
+"use client";
+
+import React, { forwardRef, memo, useImperativeHandle, useRef, useState } from "react";
+import { useDataContext } from "../../core/DataContext";
+import { usePageContext } from "../../core/PageContext";
+import { usePageViewContext } from "../../core/PageViewContext";
+import { substituteExpr } from "../../lib/utils/BeanUtils";
+import { getUrlPageParams, parseHashUrl } from "../../lib/utils/PageUtils";
+import { AbstractComponent } from "../../types/component";
+import PopupView from "../view/PopupView";
+
+/* ------------------------------------------------------------------ */
+/* Types */
+
+interface ViewPageProps extends AbstractComponent {
+  url: string;
+  mode?: "popup" | "window";
+  className?: string;
+  title?: string;
+  icon?: string | React.ReactNode;
+  opt?: Record<string, any>;
+  iconOnly?: boolean;
+  popupClassName?: string;
+}
+
+/* ------------------------------------------------------------------ */
+/* Component */
+
+const ViewPage = (props: ViewPageProps) => {
+  const { url, mode, className = "", title, icon, opt = {}, popupClassName = "", iconOnly = false } = props ?? {};
+  const { data = {} } = opt;
+
+  const dataContext = useDataContext();
+  const pageView = usePageViewContext();
+  const pageContext = usePageContext();
+  const slotRef = useRef<ChildrenSlotHandle>(null);
+
+  /* ---------------------- Events ---------------------- */
+
+  const onClose = () => {
+    slotRef.current?.update(null);
+  };
+
+  const handleClick = (e: React.MouseEvent) => {
+    e.preventDefault();
+
+    if (!url) return;
+
+    const getUrlParams = () => {
+      let result = null;
+      if (pageView.isStandalone()) {
+        const { params } = parseHashUrl(url);
+        result = params;
+      } else {
+        const { params } = getUrlPageParams();
+        result = params;
+      }
+      return result ?? {};
+    };
+
+    const getUrlData = () => {
+      let result = null;
+      if (dataContext == null) {
+        // use data received from props
+        const fullData = {
+          ...pageContext.getAllData(),
+          ...data,
+        };
+        result = fullData;
+      } else {
+        result = dataContext.getData();
+      }
+      return result ?? {};
+    };
+
+    const urlParams = getUrlParams();
+    const urlData = getUrlData();
+    const surl = substituteExpr(url, { ...urlParams, ...urlData });
+
+    if (mode === "popup") {
+      const handler = {
+        onSave: (itm: any) => {
+          onClose();
+          pageContext.notifyDepends();
+        },
+        refresh: () => {
+          pageContext.notifyDepends();
+        },
+      };
+
+      slotRef.current?.update(<PopupView url={surl} onClose={onClose} eventHandler={handler} />);
+    } else if (mode === "window") {
+      pageView.setPage(surl, { mode });
+    } else {
+      pageView.pushPage(surl);
+    }
+  };
+
+  /* ---------------------- Render ---------------------- */
+  return (
+    <>
+      {iconOnly ? (
+        <span onClick={handleClick} className={`cursor-pointer ${className}`}>
+          {icon}
+        </span>
+      ) : (
+        <button onClick={handleClick} className={`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors ${className}`}>
+          {icon && <span className="dl-action-icon">{icon}</span>}
+          {title || "View Page"}
+        </button>
+      )}
+
+      <ChildrenSlot ref={slotRef} />
+    </>
+  );
+};
+
+export default ViewPage;
+
+type ChildrenSlotHandle = {
+  update: (content: React.ReactNode) => void;
+};
+
+const ChildrenSlot = memo(
+  forwardRef<ChildrenSlotHandle>((_, ref) => {
+    const [content, setContent] = useState<React.ReactNode>(null);
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        update: (content: React.ReactNode) => {
+          // console.log("view page children slot", content);
+          setContent(content);
+        },
+      }),
+      [],
+    );
+
+    return <>{content == null ? null : content}</>;
+  }),
+);

package/dist/components/common/UIComponent.d.ts

@@ -0,0 +1,11 @@
+export type UIComponentProps = {
+    name?: string;
+    title?: string;
+    depends?: string;
+    visibleWhen?: string;
+    children?: React.ReactNode;
+    labelPosition?: "top" | "left";
+    style?: string;
+};
+declare const UIComponent: (props: UIComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default UIComponent;

package/dist/components/common/UIComponent.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { usePageContext } from "../../core/PageContext";
+const UIComponent = (props) => {
+    var _a;
+    const { name, title, depends, children, visibleWhen, labelPosition = "top", style } = props !== null && props !== void 0 ? props : {};
+    const pageContext = usePageContext();
+    const evaluateVisible = () => {
+        var _a;
+        if (!visibleWhen)
+            return true;
+        try {
+            const context = (_a = pageContext === null || pageContext === void 0 ? void 0 : pageContext.getAllData()) !== null && _a !== void 0 ? _a : {};
+            const stripped = visibleWhen.replace(/^\s*\{([\s\S]*)\}\s*$/, "$1").trim();
+            const jsExpr = stripped.replace(/\{\{([\s\S]+?)\}\}/g, (_, path) => {
+                const val = path
+                    .trim()
+                    .split(".")
+                    .reduce((obj, key) => obj === null || obj === void 0 ? void 0 : obj[key], context);
+                return JSON.stringify(val !== null && val !== void 0 ? val : null);
+            });
+            // eslint-disable-next-line no-new-func
+            return Boolean(new Function(`return (${jsExpr})`)());
+        }
+        catch (e) {
+            console.warn("visibleWhen eval error:", e);
+            return true;
+        }
+    };
+    const [visible, setVisible] = useState(() => evaluateVisible());
+    const dependHandler = (val) => {
+        // for visibleWhen
+        setVisible(evaluateVisible());
+    };
+    useEffect(() => {
+        const unsubscribe = pageContext === null || pageContext === void 0 ? void 0 : pageContext.dependsTo(depends || "", dependHandler);
+        return unsubscribe;
+    }, [depends]);
+    // Re-evaluate when binding changes (same pattern as Label)
+    useEffect(() => {
+        setVisible(evaluateVisible());
+    }, [(_a = pageContext === null || pageContext === void 0 ? void 0 : pageContext.binding) === null || _a === void 0 ? void 0 : _a.raw, visibleWhen]);
+    if (!visible)
+        return null;
+    // Top layout (default)
+    if (labelPosition === "top") {
+        return (_jsxs("div", { className: "flex flex-col gap-1 mb-4", children: [title && (_jsx("label", { htmlFor: name, className: "text-sm font-medium text-gray-700", children: title })), children] }));
+    }
+    // Left layout
+    return (_jsxs("div", { className: "flex items-center gap-2 mb-4", children: [title && (_jsx("label", { htmlFor: name, className: "text-sm font-medium text-gray-700 min-w-[50px]", children: title })), _jsx("div", { className: "flex-1", children: children })] }));
+};
+export default UIComponent;