@common-stack/components-pro 7.0.4-alpha.28 → 7.1.1-alpha.2

package/lib/plugin/context.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { ILoadedPlugin } from '../slot-fill/interfaces';
 export interface IFillRenderContext {
-    loadedPlugins: any;
+    loadedPlugins: ILoadedPlugin[];
 }
 declare const FillRenderContext: React.Context<IFillRenderContext>;
 export default FillRenderContext;

package/lib/plugin/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/plugin/context.tsx"],"sourcesContent":[null],"names":[],"mappings":"4BAMM,MAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA4B,IAAI"}
+{"version":3,"file":"context.js","sources":["../../src/plugin/context.tsx"],"sourcesContent":[null],"names":[],"mappings":"4BAOM,MAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA4B,IAAI"}

package/lib/plugin/plugin-render.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
+import { ILoadedPlugin, Name } from '../slot-fill/interfaces';
+interface IPluginRenderProps {
+    fills: ILoadedPlugin[];
+    name: Name;
+    [key: string]: any;
+}
 export declare const ChildrenRender: ({ children, ...props }: {
     [x: string]: any;
     children: any;
 }) => React.JSX.Element;
-export declare const PluginRender: (props: any) => React.JSX.Element;
+export declare const PluginRender: (props: IPluginRenderProps) => React.JSX.Element;
+export {};

package/lib/plugin/plugin-render.js

@@ -3,13 +3,12 @@ import React__default,{useContext}from'react';import {DynamicRender}from'./dynam
 };
 const PluginRender = (props) => {
     const context = useContext(FillRenderContext);
-    if (!context) {
+    if (!context?.loadedPlugins) {
         throw new Error('PluginRender must be used within a FillRenderContext.Provider');
     }
-    const { loadedPlugins } = context;
     const FillRender = ({ fill, ...props }) => {
-        const plugin = loadedPlugins.find((plugin) => plugin.index === fill.index);
-        const loaderData = plugin ? plugin.loaderData : {};
+        const plugin = context.loadedPlugins.find((plugin) => plugin.index === fill.index);
+        const loaderData = plugin?.loaderData || {};
         if (plugin?.Component) {
             return React__default.createElement(plugin.Component, { ...props, loaderData: loaderData });
         }
@@ -19,8 +18,11 @@ const PluginRender = (props) => {
         else if (plugin?.render) {
             let children = null;
             try {
-                const FillComponent = plugin.render();
-                children = FillComponent.props?.children;
+                const FillComponent = plugin.render(props);
+                if (React__default.isValidElement(FillComponent)) {
+                    const element = FillComponent;
+                    children = element.props?.children;
+                }
             }
             catch (error) {
                 console.error('Error in PluginRender', error);

package/lib/plugin/plugin-render.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-render.js","sources":["../../src/plugin/plugin-render.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"plugin-render.js","sources":["../../src/plugin/plugin-render.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/plugin/provider.js

@@ -1,4 +1,4 @@
 import React__default from'react';import {useLoaderData}from'@remix-run/react';import FillRenderContext from'./context.js';const FillRenderProvider = ({ children }) => {
     const { loadedPlugins } = useLoaderData();
-    return React__default.createElement(FillRenderContext.Provider, { value: loadedPlugins }, children);
+    return React__default.createElement(FillRenderContext.Provider, { value: { loadedPlugins } }, children);
 };export{FillRenderProvider as default};//# sourceMappingURL=provider.js.map

package/lib/plugin/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../../src/plugin/provider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2HAQA,MAAM,kBAAkB,GAAsC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC3E,IAAA,MAAM,EAAE,aAAa,EAAE,GAAQ,aAAa,EAAE,CAAC;IAE/C,OAAOA,cAAA,CAAA,aAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAG,aAAa,EAAA,EAAI,QAAQ,CAA8B,CAAC;AACvG"}
+{"version":3,"file":"provider.js","sources":["../../src/plugin/provider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2HAQA,MAAM,kBAAkB,GAAsC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC3E,IAAA,MAAM,EAAE,aAAa,EAAE,GAAQ,aAAa,EAAE,CAAC;AAE/C,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,iBAAiB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,aAAa,EAAE,EAAG,EAAA,QAAQ,CAA8B,CAAC;AACzG"}

package/lib/slot-fill/__tests__/filler-slot.test.d.ts

@@ -1 +1 @@
-import 'jest';
+import '@testing-library/jest-dom';

package/lib/slot-fill/__tests__/slot-features.test.d.ts

@@ -1 +1 @@
-import 'jest';
+import '@testing-library/jest-dom';

package/lib/slot-fill/__tests__/slot-fill-provider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/slot-fill/base/slot.js

@@ -1,58 +1,79 @@
-import React__default,{useRef,useState,useEffect,useCallback}from'react';import {Consumer}from'./context.js';import {PluginRender}from'../../plugin/plugin-render.js';const SlotComponent = (props) => {
-    const { registerSlot, unregisterSlot, getFills, serverMode, name, fillProps = {}, children } = props;
-    const nodeRef = useRef(null);
-    const isUnmountedRef = useRef(false);
-    const [_, setState] = useState({});
-    useEffect(() => {
+import React__default,{Component,Children,cloneElement}from'react';import {Consumer}from'./context.js';import {isFunction}from'../utils/index.js';import {PluginRender}from'../../plugin/plugin-render.js';import {isEmptyElement}from'../utils/isEmptyElement.js';class SlotComponent extends Component {
+    node;
+    isUnmounted;
+    constructor(props) {
+        super(props);
+        this.isUnmounted = false;
+        this.bindNode = this.bindNode.bind(this);
+    }
+    componentDidMount() {
+        const { registerSlot, serverMode } = this.props;
         if (!serverMode) {
-            registerSlot(name, nodeRef.current);
+            registerSlot(this.props.name, this);
         }
-        return () => {
-            isUnmountedRef.current = true;
-            unregisterSlot(name, nodeRef.current);
-        };
-    }, [name, registerSlot, unregisterSlot, serverMode]);
-    useCallback(() => {
-        if (isUnmountedRef.current) {
+    }
+    componentWillUnmount() {
+        const { unregisterSlot } = this.props;
+        this.isUnmounted = true;
+        unregisterSlot(this.props.name, this);
+    }
+    componentDidUpdate(prevProps) {
+        this.props;
+        // Commented following as we need the Slot to render at multiple places
+        // if (prevProps.name !== name) {
+        //   unregisterSlot(prevProps.name);
+        //   registerSlot(name, this);
+        // }
+    }
+    bindNode(node) {
+        this.node = node;
+    }
+    forceUpdate() {
+        if (this.isUnmounted) {
             return;
         }
-        if (!serverMode) {
-            // Trigger re-render
-            console.log(`The slot ${name} is being updated`);
-            setState({});
+        if (!this.props.serverMode) {
+            super.forceUpdate();
+        }
+    }
+    render() {
+        const { children, name, fillProps = {}, getFills, serverMode } = this.props;
+        const fills = getFills(name).filter((element) => !isEmptyElement(element));
+        if (fills.length > 0) {
+            if (isFunction(children)) {
+                const childrenFills = fills.map((fill) => {
+                    const fillChildren = isFunction(fill.children) ? fill.children(fillProps) : fill.children;
+                    return Children.map(fillChildren, (child, childIndex) => {
+                        if (!child || typeof child === 'string') {
+                            return child;
+                        }
+                        const childKey = child.key || childIndex;
+                        return cloneElement(child, { key: childKey });
+                    });
+                });
+                return React__default.createElement(React__default.Fragment, null, children(childrenFills));
+            }
+            else {
+                return React__default.createElement(PluginRender, { ...fillProps, name: name, fills: fills });
+            }
+        }
+        /*
+        if (serverMode) {
+            const fills = (getFills(name, this) ?? [])
+                .map((fill: any, i) => {
+                    // unregisterFill(name, fill);
+                    if (typeof fill === 'function') {
+                        const child = fill({...fillProps, key: i});
+                        return <div data-slot-name={`slot-${name}`}>{child}</div>;
+                    }
+                    return null;
+                });
+            return fills;
         }
-    }, [serverMode]);
-    // const fills = (getFills(name) ?? [])
-    //     .map((fill: any, i) => {
-    //         if (serverMode) {
-    //             if (typeof fill === 'function') {
-    //                 const child = fill({...fillProps, key: i});
-    //                 return <div data-slot-name={`slot-${name}`}>{child}</div>;
-    //             }
-    //             return null;
-    //         } else {
-    //             const fillChildren: ReactElement = isFunction(fill.children) ? fill.children(fillProps) : fill.children;
-    //             return Children.map(fillChildren, (child, childIndex) => {
-    //                 if (!child || typeof child === 'string') {
-    //                     return child;
-    //                 }
-    //                 const childKey = child.key || childIndex;
-    //                 return cloneElement(child, { key: childKey });
-    //             });
-    //         }
-    //     })
-    //     .filter(
-    //         // In some cases fills are rendered only when some conditions apply.
-    //         // This ensures that we only use non-empty fills when rendering, i.e.,
-    //         // it allows us to render wrappers only when the fills are actually present.
-    //         (element) => !isEmptyElement(element),
-    //     );
-    const fills = getFills(name);
-    if (fills.length > 0) {
-        return React__default.createElement(PluginRender, { ...fillProps, name: name, fills: fills });
+        */
+        return null;
     }
-    return null;
-};
+}
 const Slot = (props) => {
     const serverMode = (typeof window === 'undefined');
     return (React__default.createElement(Consumer, null, ({ registerSlot, unregisterSlot, getFills }) => (React__default.createElement(SlotComponent, { ...props, 

package/lib/slot-fill/base/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sources":["../../../src/slot-fill/base/slot.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sKAUA,MAAM,aAAa,GAA6B,CAAC,KAAK,KAAI;AACtD,IAAA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AACrG,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,IAAI,CAAC,UAAU,EAAE;AACb,YAAA,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;SACvC;AACD,QAAA,OAAO,MAAK;AACR,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,YAAA,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1C,SAAC,CAAC;KACL,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;AAErD,IAAoB,WAAW,CAAC,MAAK;AACjC,QAAA,IAAI,cAAc,CAAC,OAAO,EAAE;YACxB,OAAO;SACV;QACD,IAAI,CAAC,UAAU,EAAE;;AAEb,YAAA,OAAO,CAAC,GAAG,CAAC,YAAY,IAAI,CAAA,iBAAA,CAAmB,CAAC,CAAC;YACjD,QAAQ,CAAC,EAAE,CAAC,CAAC;SAChB;AACL,KAAC,EAAE,CAAC,UAAU,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCjB,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAClB,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACpE;AAED,IAAA,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,KAAiB,KAAI;IAC/B,MAAM,UAAU,IAAI,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC;AACnD,IAAA,QACIA,cAAC,CAAA,aAAA,CAAA,QAAQ,QACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MACxCA,cAAC,CAAA,aAAA,CAAA,aAAa,OACN,KAAK;;;AAGT,QAAA,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACxB,CACL,CACM,EACb;AACN"}
+{"version":3,"file":"slot.js","sources":["../../../src/slot-fill/base/slot.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"mQAUA,MAAM,aAAc,SAAQ,SAAmC,CAAA;AACnD,IAAA,IAAI,CAAU;AACd,IAAA,WAAW,CAAU;AAC7B,IAAA,WAAA,CAAY,KAA2B,EAAA;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;AACb,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5C;IAEM,iBAAiB,GAAA;QACpB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChD,IAAI,CAAC,UAAU,EAAE;YACb,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACvC;KACJ;IAEM,oBAAoB,GAAA;AACvB,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;AACtC,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACzC;AAEM,IAAA,kBAAkB,CAAC,SAAS,EAAA;QACgB,IAAI,CAAC,MAAM;;;;;;KAO7D;AAEM,IAAA,QAAQ,CAAC,IAAa,EAAA;AACzB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KACpB;IAED,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,OAAO;SACV;AACD,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YACxB,KAAK,CAAC,WAAW,EAAE,CAAC;SACvB;KACJ;IAEM,MAAM,GAAA;AACT,QAAA,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5E,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3E,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAClB,YAAA,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE;gBACtB,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;oBACrC,MAAM,YAAY,GAAiB,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;oBAExG,OAAO,QAAQ,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,KAAI;wBACpD,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACrC,4BAAA,OAAO,KAAK,CAAC;yBAChB;AAED,wBAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,IAAI,UAAU,CAAC;wBACzC,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AAClD,qBAAC,CAAC,CAAA;AACN,iBAAC,CAAC,CAAA;AACF,gBAAA,OAAOA,4DAAG,QAAQ,CAAC,aAAoB,CAAC,CAAI,CAAC;aAChD;iBAAM;AACH,gBAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;aACpE;SACJ;AACD;;;;;;;;;;;;;AAaE;AACH,QAAA,OAAO,IAAI,CAAC;KACd;AACJ,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,KAAiB,KAAI;IAC/B,MAAM,UAAU,IAAI,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC;AACnD,IAAA,QACIA,cAAC,CAAA,aAAA,CAAA,QAAQ,QACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MACxCA,cAAC,CAAA,aAAA,CAAA,aAAa,OACN,KAAK;;;AAGT,QAAA,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACxB,CACL,CACM,EACb;AACN"}

package/lib/slot-fill/interfaces/index.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, Component } from 'react';
+import { IPlugin } from '@common-stack/client-core';
 export type Name = string | Symbol;
 export interface IFillProps {
     name: Name;
@@ -82,3 +83,8 @@ export interface ISlotProps {
      */
     serverMode?: boolean;
 }
+export interface ILoadedPlugin extends IPlugin {
+    index?: number;
+    Component?: React.ComponentType<any>;
+    loaderData?: Record<string, any>;
+}

package/lib/slot-fill/utils/isEmptyElement.d.ts

@@ -4,4 +4,4 @@
  * @param element React Component to check.
  * @returns True when an element is considered empty.
  */
-export declare const isEmptyElement: (element: any) => boolean;
+export declare const isEmptyElement: (element: any) => any;

package/lib/slot-fill/utils/isEmptyElement.js

@@ -0,0 +1,19 @@
+/**
+ * Checks if the provided element to check.
+ *
+ * @param element React Component to check.
+ * @returns True when an element is considered empty.
+ */
+const isEmptyElement = (element) => {
+    if (typeof element === 'number') {
+        return false;
+    }
+    if (typeof element?.valueOf() === 'string' || Array.isArray(element)) {
+        return !element.length;
+    }
+    if (typeof element === 'object' && element !== null) {
+        return Object.keys(element).length === 0 ||
+            Object.values(element).every((value) => isEmptyElement(value));
+    }
+    return !element;
+};export{isEmptyElement};//# sourceMappingURL=isEmptyElement.js.map

package/lib/slot-fill/utils/isEmptyElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmptyElement.js","sources":["../../../src/slot-fill/utils/isEmptyElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;;;;AAKG;AAEU,MAAA,cAAc,GAAG,CAAE,OAAO,KAAK;AAC3C,IAAA,IAAK,OAAO,OAAO,KAAK,QAAQ,EAAG;AAClC,QAAA,OAAO,KAAK,CAAC;KACb;AAED,IAAA,IAAK,OAAO,OAAO,EAAE,OAAO,EAAE,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAE,OAAO,CAAE,EAAG;AACzE,QAAA,OAAO,CAAE,OAAO,CAAC,MAAM,CAAC;KACxB;IAED,IAAK,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,EAAG;QACtD,OAAO,MAAM,CAAC,IAAI,CAAE,OAAO,CAAE,CAAC,MAAM,KAAK,CAAC;AACzC,YAAA,MAAM,CAAC,MAAM,CAAE,OAAO,CAAE,CAAC,KAAK,CAAE,CAAE,KAAK,KAAM,cAAc,CAAE,KAAK,CAAE,CAAE,CAAC;KACxE;IAED,OAAO,CAAE,OAAO,CAAC;AAClB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@common-stack/components-pro",
-    "version": "7.0.4-alpha.28",
+    "version": "7.1.1-alpha.2",
     "description": "browser plugin for git",
     "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
     "bugs": {
@@ -24,13 +24,13 @@
         "build:lib:watch": "npm run build:lib -- --watch",
         "jest": "./node_modules/.bin/jest",
         "prepublish": "npm run build",
-        "test": "jest",
+        "test": "vitest",
         "test:debug": "npm test -- --runInBand",
         "test:watch": "npm test -- --watch",
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@common-stack/client-core": "7.0.4-alpha.17",
+        "@common-stack/client-core": "7.1.1-alpha.2",
         "@wordpress/element": "^5.30.0",
         "@wordpress/hooks": "^3.53.0",
         "@wordpress/is-shallow-equal": "^4.53.0",
@@ -50,8 +50,8 @@
     "publishConfig": {
         "access": "public"
     },
+    "gitHead": "d8da1d3c53dc790afcb924aada008cbb0a541812",
     "typescript": {
         "definition": "lib/index.d.ts"
-    },
-    "gitHead": "cd5e2a90eada6a941cead717336f4184cf432b01"
+    }
 }

package/lib/index.server.d.ts

@@ -1 +0,0 @@
-export * from './plugin/middleware';

package/lib/index.server.js

@@ -1 +0,0 @@
-export{middleware}from'./plugin/middleware.js';//# sourceMappingURL=index.server.js.map

package/lib/index.server.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/plugin/middleware.d.ts

@@ -1,3 +0,0 @@
-export declare const middleware: ({ context }: {
-    context: any;
-}, dataLoader: any, next: any) => Promise<void>;

package/lib/plugin/middleware.js

@@ -1,19 +0,0 @@
-const middleware = async ({ context }, dataLoader, next) => {
-    const { modules } = context;
-    try {
-        const plugins = modules.getComponentFillPlugins();
-        const loadedPlugins = await Promise.all(plugins.map(async (plugin) => {
-            if (plugin.renderImporter) {
-                const module = await plugin.renderImporter();
-                const ImportedComponent = module.default;
-                return { ...plugin, Component: ImportedComponent };
-            }
-            return plugin;
-        }));
-        dataLoader.loadedPlugins = loadedPlugins;
-    }
-    catch (error) {
-        console.error(error, 'Error with plugin middleware');
-    }
-    await next();
-};export{middleware};//# sourceMappingURL=middleware.js.map

package/lib/plugin/middleware.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"middleware.js","sources":["../../src/plugin/middleware.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEO,MAAM,UAAU,GAAG,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,KAAI;AAC9D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,OAA0B,CAAC;AAE/C,IAAA,IAAI;AACA,QAAA,MAAM,OAAO,GAAI,OAAe,CAAC,uBAAuB,EAAE,CAAC;AAC3D,QAAA,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,GAAG,CACnC,OAAO,CAAC,GAAG,CAAC,OAAO,MAAW,KAAI;AAC9B,YAAA,IAAI,MAAM,CAAC,cAAc,EAAE;AACvB,gBAAA,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,EAAE,CAAC;AAC7C,gBAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC;gBACzC,OAAO,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;aACtD;AACD,YAAA,OAAO,MAAM,CAAC;SACjB,CAAC,CACL,CAAC;AACF,QAAA,UAAU,CAAC,aAAa,GAAG,aAAa,CAAC;KAC5C;IAAC,OAAO,KAAK,EAAE;AACZ,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC;KACxD;IACD,MAAM,IAAI,EAAE,CAAC;AACjB"}