@ramesesinc/loader 1.0.10

package/README.md

@@ -0,0 +1,16 @@
+# rameses-lib
+
+A lightweight, dynamic loader library for Next.js projects.  
+This library helps you **dynamically load pages, templates, and menus** based on tenant/module configurations.
+
+---
+
+## 📦 Installation
+
+Install from npm:
+
+```bash
+npm install rameses-lib
+# or
+yarn add rameses-lib
+```

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { ComponentLoaders, initComponentLoaders, loadComponent } from "./loaders/ComponentLoader";
+export { loadMenu } from "./loaders/MenuLoader";
+export { initTemplateLoaders, loadPage, TemplateLoaders } from "./loaders/PageLoader";
+export { addRoutes } from "./utils/config";

package/dist/index.js

@@ -0,0 +1,5 @@
+// src/index.ts
+export { initComponentLoaders, loadComponent } from "./loaders/ComponentLoader";
+export { loadMenu } from "./loaders/MenuLoader";
+export { initTemplateLoaders, loadPage } from "./loaders/PageLoader";
+export { addRoutes } from "./utils/config";

package/dist/loaders/ComponentLoader.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface ComponentConfig {
+    component?: string;
+    attr?: Record<string, any>;
+    _id?: string;
+    title?: string;
+    debug?: boolean;
+}
+interface LoadComponentOptions {
+    tenant?: string;
+    module?: string;
+    component: string;
+    target?: string;
+    params?: Record<string, any>;
+    collections?: string;
+    apiBase?: string;
+}
+export type ComponentLoaders = Record<string, (name: string) => React.ComponentType<any> | null>;
+export declare const initComponentLoaders: (loaders: ComponentLoaders) => void;
+export declare const loadComponent: ({ module, component, target, params, collections, apiBase, }: LoadComponentOptions) => Promise<React.ReactElement>;
+export type { ComponentConfig, LoadComponentOptions };

package/dist/loaders/ComponentLoader.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createAPI } from "../utils/createApi";
+import { resolveTenantModule } from "../utils/resolveTenantModule";
+let globalComponentLoaders = {};
+export const initComponentLoaders = (loaders) => {
+    globalComponentLoaders = loaders;
+};
+export const loadComponent = async ({ module, component, target, params = {}, collections, apiBase = "/api/localapi", }) => {
+    try {
+        let { tenant: tenantID, module: moduleID } = params !== null && params !== void 0 ? params : {};
+        if (!tenantID && !moduleID) {
+            const resolved = resolveTenantModule();
+            tenantID = resolved.tenant;
+            moduleID = resolved.module;
+        }
+        if (!tenantID || !moduleID) {
+            throw new Error("Both tenant and module are required from props");
+        }
+        let config = {};
+        const req = {};
+        // If component name is provided, try to load its configuration
+        if (component) {
+            const collection = collections || "components";
+            req.path = `/mgmt/${tenantID}/${moduleID}/${collection}/${component}`;
+            req.type = "GET";
+            req.tenant = tenantID;
+            req.module = moduleID;
+            req.contextPath = process.env.NEXT_PUBLIC_APP_CONTEXT_PATH;
+            req.filePath = `mgmt/${collection}/${component}.json`;
+            try {
+                const api = createAPI();
+                const result = await api.post(`${apiBase}/invoke`, req);
+                const data = result.data;
+                if (data === null || data === void 0 ? void 0 : data.message) {
+                    console.log("Data from LoadComponent", { data });
+                }
+                config = data;
+            }
+            catch (err) {
+                console.error("Error loading component config:", err);
+                // Continue with default config if loading fails
+            }
+        }
+        else {
+            throw new Error("Component name is required");
+        }
+        const componentName = config.component || component;
+        if (!componentName) {
+            throw new Error("No component specified in the configuration.");
+        }
+        const [namespace, componentKey] = componentName.includes(":") ? componentName.split(":") : ["default", componentName];
+        const normalizedNamespace = namespace.replace("@", "");
+        const importer = globalComponentLoaders[normalizedNamespace];
+        if (!importer) {
+            throw new Error(`Namespace '${namespace}' not registered in component loaders.`);
+        }
+        const Component = importer(componentKey);
+        if (!Component) {
+            throw new Error(`Component '${componentKey}' not found in namespace '${namespace}'.`);
+        }
+        return _jsx(Component, { attr: config.attr, id: config._id, title: config.title, params: params, target: target, debug: config.debug });
+    }
+    catch (error) {
+        console.error("Component loading error:", error);
+        return (_jsx("div", { className: "p-4 bg-yellow-100 border border-yellow-400 rounded-lg", children: _jsxs("p", { className: "text-yellow-800 font-medium", children: ["Component Error: ", error.message] }) }));
+    }
+};

package/dist/loaders/MenuLoader.d.ts

@@ -0,0 +1,3 @@
+export declare const loadMenu: ({ menuid }: {
+    menuid: string;
+}) => Promise<any>;

package/dist/loaders/MenuLoader.js

@@ -0,0 +1,28 @@
+import { createAPI } from "../utils/createApi";
+import { resolveTenantModule } from "../utils/resolveTenantModule";
+export const loadMenu = ({ menuid }) => {
+    const resolved = resolveTenantModule();
+    const tenant = resolved.tenant || process.env.NEXT_PUBLIC_TENANT_NAME;
+    const module = process.env.NEXT_PUBLIC_MODULE_NAME || resolved.module;
+    const req = {};
+    const fetchData = async () => {
+        req.path = `/mgmt/${tenant}/${module}/menus/${menuid}`;
+        req.type = "GET";
+        req.tenant = tenant;
+        req.module = module;
+        req.contextPath = process.env.NEXT_PUBLIC_APP_CONTEXT_PATH;
+        if (menuid !== "list") {
+            req.filePath = `mgmt/menus/${menuid}.json`;
+        }
+        try {
+            const api = createAPI();
+            const result = await api.post("/api/localapi/invoke", req);
+            return result.data;
+        }
+        catch (err) {
+            console.error(err);
+            return { items: [] };
+        }
+    };
+    return fetchData();
+};

package/dist/loaders/PageLoader.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface LoadOptions {
+    tenant?: string;
+    module?: string;
+    page?: string;
+    component?: string;
+    params?: Record<string, any>;
+    target: string;
+    collections?: string;
+    apiBase?: string;
+}
+export type TemplateLoaders = Record<string, (name: string) => React.ComponentType<any> | null>;
+export declare const initTemplateLoaders: (loaders: TemplateLoaders) => void;
+export declare const loadPage: ({ module, page, component, params, target, collections, apiBase }: LoadOptions) => Promise<import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/loaders/PageLoader.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createAPI } from "../utils/createApi";
+import { resolveTenantModule } from "../utils/resolveTenantModule";
+let globalTemplateLoaders = {};
+export const initTemplateLoaders = (loaders) => {
+    globalTemplateLoaders = loaders;
+};
+export const loadPage = async ({ module, page, component, params = {}, target, collections, apiBase = "/api/localapi" }) => {
+    var _a;
+    try {
+        let { tenant: tenantID, module: moduleID } = params !== null && params !== void 0 ? params : {};
+        if (!tenantID && !moduleID) {
+            const resolved = resolveTenantModule();
+            const tenantID = resolved.tenant;
+            const moduleID = resolved.module;
+        }
+        if (!tenantID || !moduleID) {
+            throw new Error("Both tenant and module are required from props");
+        }
+        let conf = {};
+        const req = {};
+        if (page) {
+            const collection = !collections ? "pages" : collections;
+            req.path = `/mgmt/${tenantID}/${moduleID}/${collection}/${page}`;
+            req.type = "GET";
+            req.tenant = tenantID;
+            req.module = moduleID;
+            req.contextPath = process.env.NEXT_PUBLIC_APP_CONTEXT_PATH;
+            if (page !== "list") {
+                req.filePath = `mgmt/${collection}/${page}.json`;
+            }
+            try {
+                const api = createAPI();
+                // console.log({ path: `${apiBase}/invoke`, req });
+                const result = await api.post(`${apiBase}/invoke`, req);
+                // console.log("Result", result);
+                const data = result.data;
+                if (data === null || data === void 0 ? void 0 : data.message) {
+                    console.log("Data from LoadPage", { data });
+                }
+                conf = data;
+            }
+            catch (err) {
+                console.error(err);
+            }
+        }
+        else {
+            conf.template = component;
+            conf.attr = {};
+        }
+        if (!conf.template) {
+            throw new Error("No template found in the configuration.");
+        }
+        const [namespace, xpage] = conf.template.includes(":") ? conf.template.split(":") : ["default", conf.template];
+        const normalizedNamespace = namespace.replace("@", "");
+        const importer = globalTemplateLoaders[normalizedNamespace];
+        if (!importer)
+            throw new Error(`Namespace '${namespace}' not registered.`);
+        const Template = importer(xpage);
+        if (!Template)
+            throw new Error(`Template '${xpage}' not found.`);
+        // return <Template attr={conf.attr} id={conf._id} title={conf.title} params={params} target={target} debug={conf.debug} />;
+        return (_jsx(Template, Object.assign({}, conf.attr, { attr: conf.attr, data: (_a = conf.data) !== null && _a !== void 0 ? _a : {}, id: conf._id, title: conf.title, params: params, target: target, debug: conf.debug })));
+    }
+    catch (error) {
+        return (_jsx("div", { className: "p-4 bg-red-100 border border-red-400 rounded-lg", children: _jsxs("p", { className: "text-red-700 font-medium", children: ["Error: ", error.message] }) }));
+    }
+};

package/dist/loaders/TemplateLoader.js

@@ -0,0 +1,7 @@
+"use strict";
+// import dynamic from "next/dynamic";
+// export const templateLoaders: Record<string, (name: string) => React.ComponentType<any> | null> = {
+//   seti: (name) => dynamic(() => import(`@/seti/templates/${name}`)),
+//   agos: (name) => dynamic(() => import(`@/agos/templates/${name}`)),
+//   default: (name) => dynamic(() => import(`@/templates/${name}`)),
+// };

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../src/index.ts","../src/loaders/componentloader.tsx","../src/loaders/menuloader.ts","../src/loaders/pageloader.tsx","../src/loaders/templateloader.ts","../src/utils/config.ts","../src/utils/createapi.ts","../src/utils/resolvetenantmodule.ts"],"version":"5.9.3"}

package/dist/utils/config.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Add route prefixes
+ */
+export declare const addRoutes: (routes: string[]) => void;
+/**
+ * Get route prefixes
+ */
+export declare const getRoutePrefixes: () => string[];

package/dist/utils/config.js

@@ -0,0 +1,11 @@
+let routePrefixes = [];
+/**
+ * Add route prefixes
+ */
+export const addRoutes = (routes) => {
+    routePrefixes = [...routePrefixes, ...routes];
+};
+/**
+ * Get route prefixes
+ */
+export const getRoutePrefixes = () => routePrefixes;

package/dist/utils/createApi.d.ts

@@ -0,0 +1 @@
+export declare function createAPI(): import("axios").AxiosInstance;

package/dist/utils/createApi.js

@@ -0,0 +1,12 @@
+import axios from "axios";
+const __LOCAL_API_KEY__ = "4e3b5a2c-9c74-4e10-9c76-3a3deec6d3c2";
+export function createAPI() {
+    const api = axios.create();
+    api.interceptors.request.use((config) => {
+        if (config.headers) {
+            config.headers["X-LOCAL_API_KEY"] = __LOCAL_API_KEY__;
+        }
+        return config;
+    });
+    return api;
+}

package/dist/utils/resolveTenantModule.d.ts

@@ -0,0 +1,4 @@
+export declare const resolveTenantModule: () => {
+    tenant?: string;
+    module?: string;
+};

package/dist/utils/resolveTenantModule.js

@@ -0,0 +1,12 @@
+import { getRoutePrefixes } from "./config";
+export const resolveTenantModule = () => {
+    if (typeof window === "undefined")
+        return {};
+    const routePrefixes = getRoutePrefixes();
+    const pathname = window.location.pathname;
+    const [, seg1, seg2, seg3] = pathname.split("/");
+    if (seg1 === 'modules' || seg1 === 'sysmgmt') {
+        return { tenant: seg2, module: seg3 };
+    }
+    return {};
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@ramesesinc/loader",
+  "version": "1.0.10",
+  "description": "Reusable loader utilities",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./utils": {
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.js",
+      "types": "./dist/utils/index.d.ts"
+    },
+    "./loaders": {
+      "import": "./dist/loaders/index.js",
+      "require": "./dist/loaders/index.js",
+      "types": "./dist/loaders/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --build",
+    "clean": "rm -rf dist",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "axios": ">=1.0.0",
+    "next": ">=13.5.0 <15.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "typescript": "^5.9.2"
+  }
+}