@mittwald/flow-remote-react-renderer 0.2.0-alpha.89 → 0.2.0-alpha.892

package/dist/js/RemoteRendererClient.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoteRendererClient.mjs","sources":["../../src/RemoteRendererClient.tsx"],"sourcesContent":["\"use client\";\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 FC,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useMemo } from \"react\";\nimport { reduce } from \"remeda\";\n\nexport interface RemoteRendererProps {\n  integrations?: RemoteComponentsMap<never>[];\n  src: string;\n}\n\ninterface PromiseObject {\n  promise: null | Promise<void>;\n  resolve?: CallableFunction;\n}\n\nexport const RemoteRendererClient: FC<RemoteRendererProps> = (props) => {\n  const { integrations = [], src } = props;\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(() => new RemoteReceiver(), []);\n  const awaiter = useRef<PromiseObject>({\n    promise: null,\n  }).current;\n\n  const [initialRendered, forceRerender] = useState(false);\n  const connect = connectRemoteIframeRef(receiver.connection);\n  receiver.subscribe({ id: receiver.root.id }, () => {\n    if (awaiter.promise !== null && awaiter.resolve) {\n      awaiter.resolve();\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (awaiter.promise !== null || initialRendered) {\n      return;\n    }\n\n    awaiter.promise = new Promise((resolve) => {\n      awaiter.resolve = () => {\n        awaiter.promise = null;\n        resolve();\n      };\n    });\n\n    forceRerender(true);\n  }, [forceRerender]);\n\n  if (awaiter.promise !== null) {\n    throw awaiter.promise;\n  }\n\n  return (\n    <>\n      <RemoteRootRenderer components={mergedComponents} receiver={receiver} />\n      <iframe\n        ref={connect}\n        src={src}\n        style={{\n          visibility: \"hidden\",\n          height: 0,\n          width: 0,\n          border: \"none\",\n          position: \"absolute\",\n          marginLeft: \"-9999px\",\n        }}\n      />\n    </>\n  );\n};\n\nexport default RemoteRendererClient;\n"],"names":[],"mappings":";;;;;;;AA6Ba,MAAA,uBAAgD,CAAC,UAAU;AACtE,QAAM,EAAE,eAAe,IAAI,IAAQ,IAAA;AAE7B,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;AAEpB,QAAM,WAAW,QAAQ,MAAM,IAAI,eAAe,GAAG,CAAA,CAAE;AACvD,QAAM,UAAU,OAAsB;AAAA,IACpC,SAAS;AAAA,EACV,CAAA,EAAE;AAEH,QAAM,CAAC,iBAAiB,aAAa,IAAI,SAAS,KAAK;AACjD,QAAA,UAAU,uBAAuB,SAAS,UAAU;AAC1D,WAAS,UAAU,EAAE,IAAI,SAAS,KAAK,GAAA,GAAM,MAAM;AACjD,QAAI,QAAQ,YAAY,QAAQ,QAAQ,SAAS;AAC/C,cAAQ,QAAQ;AAAA,IAAA;AAAA,EAClB,CACD;AAED,kBAAgB,MAAM;AAChB,QAAA,QAAQ,YAAY,QAAQ,iBAAiB;AAC/C;AAAA,IAAA;AAGF,YAAQ,UAAU,IAAI,QAAQ,CAAC,YAAY;AACzC,cAAQ,UAAU,MAAM;AACtB,gBAAQ,UAAU;AACV,gBAAA;AAAA,MACV;AAAA,IAAA,CACD;AAED,kBAAc,IAAI;AAAA,EAAA,GACjB,CAAC,aAAa,CAAC;AAEd,MAAA,QAAQ,YAAY,MAAM;AAC5B,UAAM,QAAQ;AAAA,EAAA;AAGhB,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,oBAAA,EAAmB,YAAY,kBAAkB,SAAoB,CAAA;AAAA,IACtE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF,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,9 +0,0 @@
-import { RemoteComponentsMap } from './lib/types';
-import { FC } from 'react';
-export interface RemoteRendererProps {
-    integrations?: RemoteComponentsMap<never>[];
-    src: string;
-}
-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":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOvD,OAAO,EAEL,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;CACb;AAOD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,mBAAmB,CAmExD,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"}