@ramesesinc/platform-core 0.1.9 → 0.1.11

package/dist/index.css

@@ -618,6 +618,9 @@ video {
     max-width: 1536px;
   }
 }
+.pointer-events-none {
+  pointer-events: none;
+}
 .\!visible {
   visibility: visible !important;
 }
@@ -654,12 +657,18 @@ video {
 .right-2 {
   right: 0.5rem;
 }
+.right-3 {
+  right: 0.75rem;
+}
 .right-4 {
   right: 1rem;
 }
 .top-0 {
   top: 0px;
 }
+.top-1\/2 {
+  top: 50%;
+}
 .top-2 {
   top: 0.5rem;
 }
@@ -684,15 +693,28 @@ video {
 .m-0 {
   margin: 0px;
 }
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .mb-4 {
   margin-bottom: 1rem;
 }
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
 .ml-2 {
   margin-left: 0.5rem;
 }
+.mr-2 {
+  margin-right: 0.5rem;
+}
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -906,12 +928,22 @@ video {
 .max-w-\[90vw\] {
   max-width: 90vw;
 }
+.max-w-sm {
+  max-width: 24rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.shrink-0 {
+  flex-shrink: 0;
+}
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -945,6 +977,9 @@ video {
 .cursor-default {
   cursor: default;
 }
+.cursor-grab {
+  cursor: grab;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1061,6 +1096,9 @@ video {
 .rounded-none {
   border-radius: 0px;
 }
+.rounded-sm {
+  border-radius: 0.125rem;
+}
 .rounded-xl {
   border-radius: 0.75rem;
 }
@@ -1088,6 +1126,9 @@ video {
 .border-t {
   border-top-width: 1px;
 }
+.border-none {
+  border-style: none;
+}
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -1219,6 +1260,9 @@ video {
 .p-4 {
   padding: 1rem;
 }
+.p-6 {
+  padding: 1.5rem;
+}
 .\!px-3 {
   padding-left: 0.75rem !important;
   padding-right: 0.75rem !important;
@@ -1288,12 +1332,21 @@ video {
 .pl-1 {
   padding-left: 0.25rem;
 }
+.pl-4 {
+  padding-left: 1rem;
+}
+.pr-10 {
+  padding-right: 2.5rem;
+}
 .pr-4 {
   padding-right: 1rem;
 }
 .pt-1 {
   padding-top: 0.25rem;
 }
+.text-left {
+  text-align: left;
+}
 .text-center {
   text-align: center;
 }
@@ -1353,6 +1406,9 @@ video {
 .uppercase {
   text-transform: uppercase;
 }
+.capitalize {
+  text-transform: capitalize;
+}
 .tabular-nums {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -1372,6 +1428,10 @@ video {
 .\!text-black\/80 {
   color: rgb(0 0 0 / 0.8) !important;
 }
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .text-blue-50 {
   --tw-text-opacity: 1;
   color: rgb(239 246 255 / var(--tw-text-opacity, 1));
@@ -1412,6 +1472,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -1424,6 +1488,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
 .text-yellow-700 {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
@@ -1451,6 +1519,11 @@ video {
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -1497,6 +1570,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1568,6 +1646,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-red-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
@@ -1595,6 +1677,9 @@ video {
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\:opacity-70:hover {
+  opacity: 0.7;
+}
 .focus\:border-blue-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -1603,6 +1688,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.focus\:bg-yellow-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
+}
 .focus\:shadow-none:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -1617,11 +1706,20 @@ video {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus\:ring-1:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus\:ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus\:ring-blue-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
+}
 .focus\:ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));

package/dist/layouts/CardLayout.d.ts

@@ -23,5 +23,5 @@ type CardLayoutProps = {
     children: ReactNode;
     value: string;
 };
-declare const CardLayout: ({ ref, layoutid, className, children, value }: CardLayoutProps) => import("react/jsx-runtime").JSX.Element;
-export default CardLayout;
+export declare const CardLayout: ({ ref, layoutid, className, children, value }: CardLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/layouts/CardLayout.js

@@ -7,8 +7,8 @@ import React, { Suspense } from "react";
 export function Card(_props) {
     return null;
 }
-const CardLayout = ({ ref, layoutid, className, children, value = "default" }) => {
-    const preferredLayoutId = (layoutid !== null && layoutid !== void 0 ? layoutid : "") ? layoutid : "cardlayout";
+export const CardLayout = ({ ref, layoutid, className, children, value = 'default' }) => {
+    const preferredLayoutId = ((layoutid !== null && layoutid !== void 0 ? layoutid : '') ? layoutid : 'cardlayout');
     // Extract only <Card> children
     const cards = React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === Card);
     const activeCard = cards.find((c) => c.props.name === value);
@@ -28,9 +28,8 @@ const CardLayout = ({ ref, layoutid, className, children, value = "default" }) =
                         throw Error(result);
                     }
                 }
-            },
+            }
         };
     }
     return (_jsx("div", { className: `${preferredLayoutId}-container ${className !== null && className !== void 0 ? className : ""} flex flex-col h-full`, children: _jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: activeCard ? activeCard.props.element : null }) }));
 };
-export default CardLayout;

package/dist/layouts/HPanel.d.ts

@@ -7,5 +7,5 @@ interface HPanelProps {
     alignItems?: CSSProperties["alignItems"];
     justifyContent?: CSSProperties["justifyContent"];
 }
-declare const HPanel: React.FC<HPanelProps>;
-export default HPanel;
+export declare const HPanel: React.FC<HPanelProps>;
+export {};

package/dist/layouts/HPanel.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-const HPanel = ({ children, gap = 0, style, className, alignItems = "center", justifyContent = "flex-start" }) => {
+export const HPanel = ({ children, gap = 0, style, className, alignItems = "center", justifyContent = "flex-start" }) => {
     const panelStyle = Object.assign({ display: "flex", flexDirection: "row", gap: gap, alignItems,
         justifyContent }, style);
     return (_jsx("div", { style: panelStyle, className: className, children: children }));
 };
-export default HPanel;

package/dist/layouts/VPanel.d.ts

@@ -5,5 +5,5 @@ interface VPanelProps {
     style?: CSSProperties;
     className?: string;
 }
-declare const VPanel: React.FC<VPanelProps>;
-export default VPanel;
+export declare const VPanel: React.FC<VPanelProps>;
+export {};

package/dist/layouts/VPanel.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-const VPanel = ({ children, gap = 0, style, className }) => {
+export const VPanel = ({ children, gap = 0, style, className }) => {
     const panelStyle = Object.assign({ display: "flex", flexDirection: "column", gap: gap }, style);
     return (_jsx("div", { style: panelStyle, className: className, children: children }));
 };
-export default VPanel;

package/dist/layouts/index.d.ts

@@ -1,12 +1,11 @@
 export { default as BorderLayout } from "./BorderLayout";
 export * from "./CardLayout";
-export { default as CardLayout } from "./CardLayout";
 export { default as CenterLayout } from "./CenterLayout";
 export { default as GridLayout } from "./GridLayout";
 export { default as HorizontalLayout } from "./HorizontalLayout";
-export { default as HPanel } from "./HPanel";
+export * from "./HPanel";
 export { default as MainLayout } from "./MainLayout";
 export { default as PageLayout } from "./PageLayout";
-export { default as VPanel } from "./VPanel";
+export * from "./VPanel";
 export { default as XLayout } from "./XLayout";
 export { default as YLayout } from "./YLayout";

package/dist/layouts/index.js

@@ -1,12 +1,11 @@
 export { default as BorderLayout } from "./BorderLayout";
 export * from "./CardLayout";
-export { default as CardLayout } from "./CardLayout";
 export { default as CenterLayout } from "./CenterLayout";
 export { default as GridLayout } from "./GridLayout";
 export { default as HorizontalLayout } from "./HorizontalLayout";
-export { default as HPanel } from "./HPanel";
+export * from "./HPanel";
 export { default as MainLayout } from "./MainLayout";
 export { default as PageLayout } from "./PageLayout";
-export { default as VPanel } from "./VPanel";
+export * from "./VPanel";
 export { default as XLayout } from "./XLayout";
 export { default as YLayout } from "./YLayout";

package/dist/lib/utils/ExprUtil.js

@@ -1,18 +1,18 @@
-// import nunjucks from "nunjucks";
-const nunjucks = require("nunjucks");
-let _nunjucksEnv = null;
-const getNunjucksEnv = () => {
-    if (!_nunjucksEnv) {
-        _nunjucksEnv = new nunjucks.Environment(null, {
-            autoescape: false,
-            tags: {
-                variableStart: "{{",
-                variableEnd: "}}",
-            },
-        });
-    }
-    return _nunjucksEnv;
-};
+import nunjucks from "nunjucks";
+// Configure Nunjucks environment
+// export const nunjucksEnv = new nunjucks.Environment(undefined, {
+//   autoescape: false, // IMPORTANT: you already control the source
+//   throwOnUndefined: false,
+//   trimBlocks: true,
+//   lstripBlocks: true,
+// });
+const nunjucksEnv = new nunjucks.Environment(null, {
+    autoescape: false,
+    tags: {
+        variableStart: "{{",
+        variableEnd: "}}",
+    },
+});
 /**
  * Renders an expression template with the provided data
  * @param expr - The expression template string
@@ -23,22 +23,11 @@ export const render = (expr, data) => {
     if (!expr)
         return "";
     try {
-        return getNunjucksEnv().renderString(expr, data);
+        //process basic nanjucks expression {{val}}
+        return nunjucksEnv.renderString(expr, data);
     }
     catch (error) {
         console.error("Expression render error:", error);
-        return expr;
+        return expr; // Return original expression on error
     }
 };
-// import Mustache from "mustache";
-// // Disable HTML escaping since you control the source
-// Mustache.escape = (text) => text;
-// export const render = (expr: string, data: any): string => {
-//   if (!expr) return "";
-//   try {
-//     return Mustache.render(expr, data);
-//   } catch (error) {
-//     console.error("Expression render error:", error);
-//     return expr;
-//   }
-// };

package/dist/lib/utils/ResourceLoader.js

@@ -10,22 +10,34 @@ export class ResourceLoader {
     }
     static getTemplate(name, loaderKey = "default") {
         const cacheKey = `${loaderKey}:${name}`;
-        if (this.cache[cacheKey])
+        if (this.cache[cacheKey]) {
             return this.cache[cacheKey];
+        }
         const loader = loaderKey === "default" ? this.defaultLoader : this.loaders[loaderKey];
         if (!loader) {
+            console.error("No loader found for key:", loaderKey);
             const Fallback = dynamic(() => Promise.resolve({
                 default: () => React.createElement("div", { style: { color: "red" } }, `No loader registered for "${loaderKey}"`),
             }));
             this.cache[cacheKey] = Fallback;
             return Fallback;
         }
-        const Comp = loader(name);
-        // this is temporary it should be cloned
-        // if (loaderKey != "component") {
-        //   this.cache[cacheKey] = Comp;
-        // }
-        return Comp;
+        try {
+            const Comp = loader(name);
+            // this is temporary it should be cloned
+            // if (loaderKey != "component") {
+            //   this.cache[cacheKey] = Comp;
+            // }
+            return Comp;
+        }
+        catch (err) {
+            console.error("Error in loader:", err);
+            const Fallback = dynamic(() => Promise.resolve({
+                default: () => React.createElement("div", { style: { color: "red" } }, `Error loading template "${name}": ${err instanceof Error ? err.message : String(err)}`),
+            }));
+            this.cache[cacheKey] = Fallback;
+            return Fallback;
+        }
     }
     // Convenience helpers
     static getComponent(name) {

package/dist/lib/utils/SectionProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DynamicComponent } from "../../core/DynamicComponent";
-import HPanel from "../../layouts/HPanel";
+import { HPanel } from "../../layouts/HPanel";
 export const SectionProvider = (attr = {}) => {
     const sections = {};
     return {

package/dist/lib/utils/initResourceLoader.d.ts

@@ -0,0 +1,2 @@
+import { ResourceLoader } from "./ResourceLoader";
+export default ResourceLoader;

package/dist/lib/utils/initResourceLoader.js

@@ -1,95 +1,64 @@
-"use strict";
-// import dynamic from "next/dynamic";
-// import React from "react";
-// import { ResourceLoader } from "./ResourceLoader";
-// const isDev = process.env.NODE_ENV === "development";
-// console.log("dev mode, is", isDev);
-// const packageLoaders: Record<string, () => Promise<any>> = {
-//   "@ramesesinc/platform-core": () => import("@ramesesinc/platform-core"),
-//   "@ramesesinc/client": () => import("@ramesesinc/client"),
-// };
-// const templateLoaders: Record<string, () => Promise<any>> = isDev
-//   ? { "@/templates": () => import("@/templates"), ...packageLoaders }
-//   : { ...packageLoaders, "@/templates": () => import("@/templates") };
-// const componentLoaders: Record<string, () => Promise<any>> = isDev
-//   ? { "@/components": () => import("@/components"), ...packageLoaders }
-//   : { ...packageLoaders, "@/components": () => import("@/components") };
-// /* ======================== Template Loader ======================== */
-// const templateLoader = (name: string) =>
-//   dynamic(async () => {
-//     for (const loader of Object.values(templateLoaders)) {
-//       try {
-//         const mod = await loader();
-//         const Temp = (mod as Record<string, any>)[name];
-//         if (Temp) {
-//           let hasSelectionHandling = false;
-//           try {
-//             hasSelectionHandling = Temp.hasSelectionHandling ?? false;
-//           } catch (err) {}
-//           return { default: Temp, hasSelectionHandling };
-//         }
-//       } catch (err) {
-//         console.log("template loader Error", name, err);
-//       }
-//     }
-//     // fallback → template not found in any path
-//     return {
-//       default: () =>
-//         React.createElement(
-//           "div",
-//           {
-//             style: { color: "red", padding: "8px", border: "1px solid red" },
-//           },
-//           `Template "${name}" is not registered`,
-//         ),
-//     };
-//   });
-// /* ======================== Component Loader ======================== */
-// const componentLoader = (name: string) =>
-//   dynamic(async () => {
-//     for (const loader of Object.values(componentLoaders)) {
-//       try {
-//         const mod = await loader();
-//         const Comp = (mod as Record<string, any>)[name];
-//         if (Comp) {
-//           return { default: Comp };
-//         }
-//       } catch (err) {
-//         console.log("component loader Error", name, err);
-//       }
-//     }
-//     return {
-//       default: () =>
-//         React.createElement(
-//           "div",
-//           {
-//             style: { color: "red", padding: "8px", border: "1px solid red" },
-//           },
-//           `Component "${name}" is not registered`,
-//         ),
-//     };
-//   });
-// // const actionLoader = (name: string) =>
-// //   dynamic(async () => {
-// //     try {
-// //       // 1️⃣ local component
-// //       const mod = await import(`@/actions`);
-// //       return { default: mod[name as keyof typeof mod] };
-// //     } catch {
-// //       try {
-// //         // 2️⃣ package component
-// //         const pkg = await import("@ramesesinc/react-ui");
-// //         const Comp = (pkg as Record<string, any>)[name];
-// //         if (!Comp) throw new Error();
-// //         return { default: Comp };
-// //       } catch {
-// //         // 3️⃣ neither found → throw
-// //         throw new Error(`Component "${name}" not found in local components or "@ramesesinc/react-ui"`);
-// //       }
-// //     }
-// //   });
-// /* ---------------- Register loaders ---------------- */
-// ResourceLoader.setDefaultLoader(templateLoader);
-// ResourceLoader.registerLoader("component", componentLoader);
-// // ResourceLoader.registerLoader("action", actionLoader);
-// export default ResourceLoader;
+import dynamic from "next/dynamic";
+import React from "react";
+import { ResourceLoader } from "./ResourceLoader";
+/* ======================== Shared ======================== */
+const createLoaderRef = (localKey, localLoader) => {
+    const ref = { current: null };
+    return () => {
+        if (ref.current == null) {
+            const res = {};
+            if (process.env.NODE_ENV === "development") {
+                // console.log("process.env.NODE_ENV", process.env.NODE_ENV);
+                res[localKey] = localLoader;
+            }
+            // console.log("process.env.NODE_ENV", process.env.NODE_ENV);
+            res["@ramesesinc/platform-core"] = () => import("@ramesesinc/platform-core");
+            res["@ramesesinc/client"] = () => import("@ramesesinc/client");
+            ref.current = res;
+        }
+        return ref.current;
+    };
+};
+const getTemplateLoaders = createLoaderRef("@/templates", () => import("@/templates"));
+const getComponentLoaders = createLoaderRef("@/components", () => import("@/components"));
+/* ======================== Template Loader ======================== */
+const templateLoader = (name) => dynamic(async () => {
+    var _a;
+    for (const loader of Object.values(getTemplateLoaders())) {
+        try {
+            const mod = await loader();
+            const Temp = mod[name];
+            if (Temp) {
+                return { default: Temp, hasSelectionHandling: (_a = Temp.hasSelectionHandling) !== null && _a !== void 0 ? _a : false };
+            }
+        }
+        catch (err) {
+            console.log("template loader Error", name, err);
+        }
+    }
+    return {
+        default: () => React.createElement("div", { style: { color: "red", padding: "8px", border: "1px solid red" } }, `Template "${name}" is not registered`),
+    };
+});
+/* ======================== Component Loader ======================== */
+const componentLoader = (name) => dynamic(async () => {
+    for (const loader of Object.values(getComponentLoaders())) {
+        try {
+            const mod = await loader();
+            const Comp = mod[name];
+            if (Comp) {
+                return { default: Comp };
+            }
+        }
+        catch (err) {
+            console.log("component loader Error", name, err);
+        }
+    }
+    return {
+        default: () => React.createElement("div", { style: { color: "red", padding: "8px", border: "1px solid red" } }, `Component "${name}" is not registered`),
+    };
+});
+/* ---------------- Register loaders ---------------- */
+ResourceLoader.setDefaultLoader(templateLoader);
+ResourceLoader.registerLoader("component", componentLoader);
+export default ResourceLoader;

package/dist/lib/utils/nunjucks.d.ts

@@ -0,0 +1,2 @@
+import nunjucks from "nunjucks";
+export declare const nunjucksEnv: nunjucks.Environment;

package/dist/lib/utils/nunjucks.js

@@ -0,0 +1,8 @@
+import nunjucks from "nunjucks";
+// Client-side only environment
+export const nunjucksEnv = new nunjucks.Environment(undefined, {
+    autoescape: false, // IMPORTANT: you already control the source
+    throwOnUndefined: false,
+    trimBlocks: true,
+    lstripBlocks: true,
+});