@mittwald/flow-remote-react-renderer 0.2.0-alpha.99 → 0.2.0-alpha.990

package/dist/js/RemoteRendererClient.mjs

@@ -1,109 +0,0 @@
-"use client"
-/* */
-"use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { components } from "./components.mjs";
-import { RemoteReceiver, RemoteRootRenderer } from "@mfalkenberg/remote-dom-react/host";
-import { connectRemoteIframeRef } from "@mittwald/flow-remote-core";
-import { useState, useRef, useMemo, useLayoutEffect } from "react";
-import { reduce } from "remeda";
-const HiddenIframeStyle = {
-  visibility: "hidden",
-  height: 0,
-  width: 0,
-  border: "none",
-  position: "absolute",
-  marginLeft: "-9999px"
-};
-const voidFunction = () => null;
-const RemoteRendererClient = (props) => {
-  const { integrations = [], timeout = 1e4, src } = props;
-  const [, forceRerender] = useState(false);
-  const iframeRef = useRef(null);
-  const checkRenderTimeout = useRef(null);
-  const awaiter = useRef({
-    result: null,
-    resolve: voidFunction,
-    reject: voidFunction
-  }).current;
-  if (awaiter.result !== null) {
-    throw awaiter.result;
-  }
-  const clearRenderTimeout = () => {
-    if (checkRenderTimeout.current) {
-      clearTimeout(checkRenderTimeout.current);
-    }
-  };
-  const mergedComponents = useMemo(() => {
-    return new Map(
-      Object.entries(
-        reduce(
-          [...integrations, components],
-          (merged, current) => ({
-            ...merged,
-            ...current
-          }),
-          {}
-        )
-      )
-    );
-  }, [...integrations]);
-  const receiver = useMemo(() => {
-    const remoteReceiver = new RemoteReceiver();
-    remoteReceiver.subscribe(
-      { id: remoteReceiver.root.id },
-      () => awaiter.resolve()
-    );
-    return remoteReceiver;
-  }, []);
-  const connect = connectRemoteIframeRef(receiver.connection);
-  useLayoutEffect(() => {
-    if (!src || !iframeRef.current || iframeRef.current.src === src) {
-      return;
-    }
-    clearRenderTimeout();
-    iframeRef.current.src = src;
-    awaiter.result = new Promise((resolve, reject) => {
-      awaiter.resolve = () => {
-        clearRenderTimeout();
-        resolve();
-        awaiter.result = null;
-      };
-      awaiter.reject = (reason) => {
-        clearRenderTimeout();
-        reject();
-        awaiter.result = new Error(reason);
-      };
-    });
-    forceRerender((old) => !old);
-  }, [src, iframeRef]);
-  const onIframeLoaded = () => {
-    checkRenderTimeout.current = setTimeout(
-      () => awaiter.reject(
-        "RemoteRenderTimeout reached. Remote URL was successfully loaded but no Remote Component was rendered in time."
-      ),
-      timeout
-    );
-  };
-  const onIframeError = () => awaiter.reject("Remote URL could not be reached and was not loaded.");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(RemoteRootRenderer, { components: mergedComponents, receiver }),
-    /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        ref: (ref) => {
-          iframeRef.current = ref;
-          return connect(ref);
-        },
-        onLoad: onIframeLoaded,
-        onError: onIframeError,
-        style: HiddenIframeStyle
-      }
-    )
-  ] });
-};
-export {
-  RemoteRendererClient,
-  RemoteRendererClient as default
-};
-//# sourceMappingURL=RemoteRendererClient.mjs.map

package/dist/js/RemoteRendererClient.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoteRendererClient.mjs","sources":["../../src/RemoteRendererClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { components } from \"@/components\";\nimport type { RemoteComponentsMap } from \"@/lib/types\";\nimport type { RemoteComponentRendererProps } from \"@mfalkenberg/remote-dom-react/host\";\nimport {\n  RemoteReceiver,\n  RemoteRootRenderer,\n} from \"@mfalkenberg/remote-dom-react/host\";\nimport { connectRemoteIframeRef } from \"@mittwald/flow-remote-core\";\nimport {\n  type ComponentType,\n  type CSSProperties,\n  type FC,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { reduce } from \"remeda\";\n\nexport interface RemoteRendererProps {\n  integrations?: RemoteComponentsMap<never>[];\n  src: string;\n  timeout?: number;\n}\n\ninterface PromiseObject {\n  result: null | Promise<void> | Error;\n  resolve: CallableFunction;\n  reject: CallableFunction;\n}\n\nconst HiddenIframeStyle: CSSProperties = {\n  visibility: \"hidden\",\n  height: 0,\n  width: 0,\n  border: \"none\",\n  position: \"absolute\",\n  marginLeft: \"-9999px\",\n};\n\nconst voidFunction = () => null;\n\nexport const RemoteRendererClient: FC<RemoteRendererProps> = (props) => {\n  const { integrations = [], timeout = 10000, src } = props;\n  const [, forceRerender] = useState<boolean>(false);\n\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const checkRenderTimeout = useRef<number>(null);\n  const awaiter = useRef<PromiseObject>({\n    result: null,\n    resolve: voidFunction,\n    reject: voidFunction,\n  }).current;\n\n  if (awaiter.result !== null) {\n    throw awaiter.result;\n  }\n\n  const clearRenderTimeout = () => {\n    if (checkRenderTimeout.current) {\n      clearTimeout(checkRenderTimeout.current);\n    }\n  };\n\n  const mergedComponents = useMemo(() => {\n    return new Map<string, ComponentType<RemoteComponentRendererProps>>(\n      Object.entries(\n        reduce(\n          [...integrations, components],\n          (merged, current) => ({\n            ...merged,\n            ...current,\n          }),\n          {},\n        ),\n      ),\n    );\n  }, [...integrations]);\n\n  const receiver = useMemo(() => {\n    const remoteReceiver = new RemoteReceiver();\n    remoteReceiver.subscribe({ id: remoteReceiver.root.id }, () =>\n      awaiter.resolve(),\n    );\n\n    return remoteReceiver;\n  }, []);\n\n  const connect = connectRemoteIframeRef(receiver.connection);\n\n  useLayoutEffect(() => {\n    if (!src || !iframeRef.current || iframeRef.current.src === src) {\n      return;\n    }\n\n    clearRenderTimeout();\n    iframeRef.current.src = src;\n\n    awaiter.result = new Promise((resolve, reject) => {\n      awaiter.resolve = () => {\n        clearRenderTimeout();\n        resolve();\n        awaiter.result = null;\n      };\n      awaiter.reject = (reason: string) => {\n        clearRenderTimeout();\n        reject();\n        awaiter.result = new Error(reason);\n      };\n    });\n\n    forceRerender((old) => !old);\n  }, [src, iframeRef]);\n\n  const onIframeLoaded = () => {\n    checkRenderTimeout.current = setTimeout(\n      () =>\n        awaiter.reject(\n          \"RemoteRenderTimeout reached. Remote URL was successfully loaded but no Remote Component was rendered in time.\",\n        ),\n      timeout,\n    );\n  };\n\n  const onIframeError = () =>\n    awaiter.reject(\"Remote URL could not be reached and was not loaded.\");\n\n  return (\n    <>\n      <RemoteRootRenderer components={mergedComponents} receiver={receiver} />\n      <iframe\n        ref={(ref) => {\n          iframeRef.current = ref;\n          return connect(ref);\n        }}\n        onLoad={onIframeLoaded}\n        onError={onIframeError}\n        style={HiddenIframeStyle}\n      />\n    </>\n  );\n};\n\nexport default RemoteRendererClient;\n"],"names":[],"mappings":";;;;;;;AAiCA,MAAM,oBAAmC;AAAA,EACvC,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AACd;AAEA,MAAM,eAAe,MAAM;AAEd,MAAA,uBAAgD,CAAC,UAAU;AACtE,QAAM,EAAE,eAAe,IAAI,UAAU,KAAO,QAAQ;AACpD,QAAM,GAAG,aAAa,IAAI,SAAkB,KAAK;AAE3C,QAAA,YAAY,OAA0B,IAAI;AAC1C,QAAA,qBAAqB,OAAe,IAAI;AAC9C,QAAM,UAAU,OAAsB;AAAA,IACpC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACT,CAAA,EAAE;AAEC,MAAA,QAAQ,WAAW,MAAM;AAC3B,UAAM,QAAQ;AAAA,EAAA;AAGhB,QAAM,qBAAqB,MAAM;AAC/B,QAAI,mBAAmB,SAAS;AAC9B,mBAAa,mBAAmB,OAAO;AAAA,IAAA;AAAA,EAE3C;AAEM,QAAA,mBAAmB,QAAQ,MAAM;AACrC,WAAO,IAAI;AAAA,MACT,OAAO;AAAA,QACL;AAAA,UACE,CAAC,GAAG,cAAc,UAAU;AAAA,UAC5B,CAAC,QAAQ,aAAa;AAAA,YACpB,GAAG;AAAA,YACH,GAAG;AAAA,UAAA;AAAA,UAEL,CAAA;AAAA,QAAC;AAAA,MACH;AAAA,IAEJ;AAAA,EAAA,GACC,CAAC,GAAG,YAAY,CAAC;AAEd,QAAA,WAAW,QAAQ,MAAM;AACvB,UAAA,iBAAiB,IAAI,eAAe;AAC3B,mBAAA;AAAA,MAAU,EAAE,IAAI,eAAe,KAAK,GAAG;AAAA,MAAG,MACvD,QAAQ,QAAQ;AAAA,IAClB;AAEO,WAAA;AAAA,EACT,GAAG,EAAE;AAEC,QAAA,UAAU,uBAAuB,SAAS,UAAU;AAE1D,kBAAgB,MAAM;AAChB,QAAA,CAAC,OAAO,CAAC,UAAU,WAAW,UAAU,QAAQ,QAAQ,KAAK;AAC/D;AAAA,IAAA;AAGiB,uBAAA;AACnB,cAAU,QAAQ,MAAM;AAExB,YAAQ,SAAS,IAAI,QAAQ,CAAC,SAAS,WAAW;AAChD,cAAQ,UAAU,MAAM;AACH,2BAAA;AACX,gBAAA;AACR,gBAAQ,SAAS;AAAA,MACnB;AACQ,cAAA,SAAS,CAAC,WAAmB;AAChB,2BAAA;AACZ,eAAA;AACC,gBAAA,SAAS,IAAI,MAAM,MAAM;AAAA,MACnC;AAAA,IAAA,CACD;AAEa,kBAAA,CAAC,QAAQ,CAAC,GAAG;AAAA,EAAA,GAC1B,CAAC,KAAK,SAAS,CAAC;AAEnB,QAAM,iBAAiB,MAAM;AAC3B,uBAAmB,UAAU;AAAA,MAC3B,MACE,QAAQ;AAAA,QACN;AAAA,MACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,gBAAgB,MACpB,QAAQ,OAAO,qDAAqD;AAEtE,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,oBAAA,EAAmB,YAAY,kBAAkB,SAAoB,CAAA;AAAA,IACtE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,CAAC,QAAQ;AACZ,oBAAU,UAAU;AACpB,iBAAO,QAAQ,GAAG;AAAA,QACpB;AAAA,QACA,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACT,GACF;AAEJ;"}

package/dist/js/components/lib/getFormDataObject.mjs

@@ -1,7 +0,0 @@
-"use client"
-/* */
-const getFormDataObject = (formData) => Object.fromEntries(Array.from(formData.entries()));
-export {
-  getFormDataObject
-};
-//# sourceMappingURL=getFormDataObject.mjs.map

package/dist/js/components/lib/getFormDataObject.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFormDataObject.mjs","sources":["../../../../src/components/lib/getFormDataObject.ts"],"sourcesContent":["export const getFormDataObject = (\n  formData: FormData,\n): Record<string, unknown> =>\n  Object.fromEntries(Array.from(formData.entries()));\n"],"names":[],"mappings":"AAAa,MAAA,oBAAoB,CAC/B,aAEA,OAAO,YAAY,MAAM,KAAK,SAAS,SAAS,CAAC;"}

package/dist/js/hooks/useIsMounted.mjs

@@ -1,14 +0,0 @@
-"use client"
-/* */
-import { useState, useEffect } from "react";
-const useIsMounted = () => {
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
-  return isMounted;
-};
-export {
-  useIsMounted
-};
-//# sourceMappingURL=useIsMounted.mjs.map

package/dist/js/hooks/useIsMounted.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMounted.mjs","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n  return isMounted;\n};\n"],"names":[],"mappings":";AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AACE,SAAA;AACT;"}

package/dist/types/RemoteRendererClient.d.ts

@@ -1,10 +0,0 @@
-import { RemoteComponentsMap } from './lib/types';
-import { FC } from 'react';
-export interface RemoteRendererProps {
-    integrations?: RemoteComponentsMap<never>[];
-    src: string;
-    timeout?: number;
-}
-export declare const RemoteRendererClient: FC<RemoteRendererProps>;
-export default RemoteRendererClient;
-//# sourceMappingURL=RemoteRendererClient.d.ts.map

package/dist/types/RemoteRendererClient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoteRendererClient.d.ts","sourceRoot":"","sources":["../../src/RemoteRendererClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOvD,OAAO,EAGL,KAAK,EAAE,EAKR,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAmBD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,mBAAmB,CAmGxD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/types/components/lib/getFormDataObject.d.ts

@@ -1,2 +0,0 @@
-export declare const getFormDataObject: (formData: FormData) => Record<string, unknown>;
-//# sourceMappingURL=getFormDataObject.d.ts.map

package/dist/types/components/lib/getFormDataObject.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFormDataObject.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/getFormDataObject.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAC5B,UAAU,QAAQ,KACjB,MAAM,CAAC,MAAM,EAAE,OAAO,CAC2B,CAAC"}

package/dist/types/lib/stringChildrenExtractor.d.ts

@@ -1,3 +0,0 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-export declare const stringChildrenExtractor: <P extends PropsWithChildren>(component: FunctionComponent<P>) => (props: PropsWithChildren<P>) => import('react').FunctionComponentElement<P>;
-//# sourceMappingURL=stringChildrenExtractor.d.ts.map

package/dist/types/lib/stringChildrenExtractor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stringChildrenExtractor.d.ts","sourceRoot":"","sources":["../../../src/lib/stringChildrenExtractor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAWhF,eAAO,MAAM,uBAAuB,GACjC,CAAC,SAAS,iBAAiB,EAAE,WAAW,iBAAiB,CAAC,CAAC,CAAC,MAC5D,OAAO,iBAAiB,CAAC,CAAC,CAAC,gDAqB3B,CAAC"}