@mittwald/flow-remote-react-renderer 0.2.0-alpha.33 → 0.2.0-alpha.331

package/dist/js/remote-react-renderer/src/components/lib/prepareFormData.mjs

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import { addAwaitedArrayBuffer } from "../../../../core/src/file.mjs";
+const prepareFormData = async (formData) => {
+  for (const [fieldName] of formData) {
+    const fieldValues = formData.getAll(fieldName);
+    if (fieldValues.every((v) => v instanceof File)) {
+      formData.delete(fieldName);
+    }
+    for (let value of fieldValues) {
+      if (value instanceof File) {
+        if (!value.name || value.size <= 0) {
+          break;
+        }
+        value = await addAwaitedArrayBuffer(value);
+        if (formData.has(fieldName)) {
+          formData.append(fieldName, value);
+        } else {
+          formData.set(fieldName, value);
+        }
+      }
+    }
+  }
+  return formData;
+};
+export {
+  prepareFormData
+};
+//# sourceMappingURL=prepareFormData.mjs.map

package/dist/js/remote-react-renderer/src/components/lib/prepareFormData.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepareFormData.mjs","sources":["../../../../../../src/components/lib/prepareFormData.ts"],"sourcesContent":["import { addAwaitedArrayBuffer } from \"@mittwald/flow-core\";\n\nexport const prepareFormData = async (\n  formData: FormData,\n): Promise<FormData> => {\n  for (const [fieldName] of formData) {\n    const fieldValues = formData.getAll(fieldName);\n\n    if (fieldValues.every((v) => v instanceof File)) {\n      formData.delete(fieldName);\n    }\n\n    for (let value of fieldValues) {\n      if (value instanceof File) {\n        if (!value.name || value.size <= 0) {\n          break;\n        }\n\n        value = await addAwaitedArrayBuffer(value);\n        if (formData.has(fieldName)) {\n          formData.append(fieldName, value);\n        } else {\n          formData.set(fieldName, value);\n        }\n      }\n    }\n  }\n\n  return formData;\n};\n"],"names":[],"mappings":";AAEa,MAAA,kBAAkB,OAC7B,aACsB;AACX,aAAA,CAAC,SAAS,KAAK,UAAU;AAC5B,UAAA,cAAc,SAAS,OAAO,SAAS;AAE7C,QAAI,YAAY,MAAM,CAAC,MAAM,aAAa,IAAI,GAAG;AAC/C,eAAS,OAAO,SAAS;AAAA,IAAA;AAG3B,aAAS,SAAS,aAAa;AAC7B,UAAI,iBAAiB,MAAM;AACzB,YAAI,CAAC,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAClC;AAAA,QAAA;AAGM,gBAAA,MAAM,sBAAsB,KAAK;AACrC,YAAA,SAAS,IAAI,SAAS,GAAG;AAClB,mBAAA,OAAO,WAAW,KAAK;AAAA,QAAA,OAC3B;AACI,mBAAA,IAAI,WAAW,KAAK;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AAGK,SAAA;AACT;"}

package/dist/js/remote-react-renderer/src/components.mjs

@@ -0,0 +1,50 @@
+"use client"
+/* */
+import { createFlowRemoteComponentRenderer } from "./lib/createFlowRemoteComponentRenderer.mjs";
+import { elementFactory } from "./lib/elementFactory.mjs";
+import { createRemoteComponentRenderer } from "@mittwald/remote-dom-react/host";
+import { flowComponents } from "./auto-generated/index.mjs";
+import { Form as Form$1 } from "./components/Form.mjs";
+import { SlotRootWrapper } from "./components/SlotRootWrapper.mjs";
+import { Form } from "./integrations/react-hook-form/Form.mjs";
+import { NotificationRenderController } from "./components/NotificationRenderController.mjs";
+const htmlComponentsMap = {
+  svg: createRemoteComponentRenderer(elementFactory("svg")),
+  circle: createRemoteComponentRenderer(elementFactory("circle")),
+  g: createRemoteComponentRenderer(elementFactory("g")),
+  path: createRemoteComponentRenderer(elementFactory("path")),
+  strong: createRemoteComponentRenderer(elementFactory("strong")),
+  s: createRemoteComponentRenderer(elementFactory("s")),
+  ul: createRemoteComponentRenderer(elementFactory("ul")),
+  ol: createRemoteComponentRenderer(elementFactory("ol")),
+  li: createRemoteComponentRenderer(elementFactory("li")),
+  small: createRemoteComponentRenderer(elementFactory("small")),
+  br: createRemoteComponentRenderer(
+    elementFactory("br", { isVoidElement: true })
+  )
+};
+const skippedComponentsMap = {
+  script: () => null
+};
+const flowComponentsMap = {
+  "flr-form": createFlowRemoteComponentRenderer("Form", Form$1),
+  "flr-rhf-form": createFlowRemoteComponentRenderer("RhfForm", Form),
+  "flr-slot-root-wrapper": createFlowRemoteComponentRenderer(
+    "SlotRootWrapper",
+    SlotRootWrapper
+  ),
+  "flr-notification": createFlowRemoteComponentRenderer(
+    "Notification",
+    NotificationRenderController
+  )
+};
+const components = {
+  ...htmlComponentsMap,
+  ...skippedComponentsMap,
+  ...flowComponents,
+  ...flowComponentsMap
+};
+export {
+  components
+};
+//# sourceMappingURL=components.mjs.map

package/dist/js/remote-react-renderer/src/components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.mjs","sources":["../../../../src/components.ts"],"sourcesContent":["import { createFlowRemoteComponentRenderer } from \"@/lib/createFlowRemoteComponentRenderer\";\nimport { elementFactory } from \"@/lib/elementFactory\";\nimport { createRemoteComponentRenderer } from \"@mittwald/remote-dom-react/host\";\nimport autoGenerated from \"./auto-generated\";\nimport { Form, SlotRootWrapper } from \"@/components/\";\nimport { Form as RhfForm } from \"@/integrations/react-hook-form/Form\";\nimport { NotificationRenderController } from \"@/components/NotificationRenderController\";\n\nconst htmlComponentsMap = {\n  svg: createRemoteComponentRenderer(elementFactory(\"svg\")),\n  circle: createRemoteComponentRenderer(elementFactory(\"circle\")),\n  g: createRemoteComponentRenderer(elementFactory(\"g\")),\n  path: createRemoteComponentRenderer(elementFactory(\"path\")),\n  strong: createRemoteComponentRenderer(elementFactory(\"strong\")),\n  s: createRemoteComponentRenderer(elementFactory(\"s\")),\n  ul: createRemoteComponentRenderer(elementFactory(\"ul\")),\n  ol: createRemoteComponentRenderer(elementFactory(\"ol\")),\n  li: createRemoteComponentRenderer(elementFactory(\"li\")),\n  small: createRemoteComponentRenderer(elementFactory(\"small\")),\n  br: createRemoteComponentRenderer(\n    elementFactory(\"br\", { isVoidElement: true }),\n  ),\n} as const;\n\n/**\n * Components that are allowed to be used remotely but should not be rendered on\n * the host.\n */\nconst skippedComponentsMap = {\n  script: () => null,\n} as const;\n\nconst flowComponentsMap = {\n  \"flr-form\": createFlowRemoteComponentRenderer(\"Form\", Form),\n  \"flr-rhf-form\": createFlowRemoteComponentRenderer(\"RhfForm\", RhfForm),\n  \"flr-slot-root-wrapper\": createFlowRemoteComponentRenderer(\n    \"SlotRootWrapper\",\n    SlotRootWrapper,\n  ),\n  \"flr-notification\": createFlowRemoteComponentRenderer(\n    \"Notification\",\n    NotificationRenderController,\n  ),\n};\n\nexport const components = {\n  ...htmlComponentsMap,\n  ...skippedComponentsMap,\n  ...autoGenerated,\n  ...flowComponentsMap,\n};\n"],"names":["Form","RhfForm","autoGenerated"],"mappings":";;;;;;;;AAQA,MAAM,oBAAoB;AAAA,EACxB,KAAK,8BAA8B,eAAe,KAAK,CAAC;AAAA,EACxD,QAAQ,8BAA8B,eAAe,QAAQ,CAAC;AAAA,EAC9D,GAAG,8BAA8B,eAAe,GAAG,CAAC;AAAA,EACpD,MAAM,8BAA8B,eAAe,MAAM,CAAC;AAAA,EAC1D,QAAQ,8BAA8B,eAAe,QAAQ,CAAC;AAAA,EAC9D,GAAG,8BAA8B,eAAe,GAAG,CAAC;AAAA,EACpD,IAAI,8BAA8B,eAAe,IAAI,CAAC;AAAA,EACtD,IAAI,8BAA8B,eAAe,IAAI,CAAC;AAAA,EACtD,IAAI,8BAA8B,eAAe,IAAI,CAAC;AAAA,EACtD,OAAO,8BAA8B,eAAe,OAAO,CAAC;AAAA,EAC5D,IAAI;AAAA,IACF,eAAe,MAAM,EAAE,eAAe,KAAM,CAAA;AAAA,EAAA;AAEhD;AAMA,MAAM,uBAAuB;AAAA,EAC3B,QAAQ,MAAM;AAChB;AAEA,MAAM,oBAAoB;AAAA,EACxB,YAAY,kCAAkC,QAAQA,MAAI;AAAA,EAC1D,gBAAgB,kCAAkC,WAAWC,IAAO;AAAA,EACpE,yBAAyB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AAAA,EACA,oBAAoB;AAAA,IAClB;AAAA,IACA;AAAA,EAAA;AAEJ;AAEO,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAGC;AAAAA,EACH,GAAG;AACL;"}

package/dist/js/remote-react-renderer/src/hooks/useAwaiter.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { useMemo } from "react";
+function useAwaiter(deps = []) {
+  return useMemo(() => {
+    let resolve;
+    let reject;
+    const promise = new Promise((res, rej) => {
+      resolve = res;
+      reject = rej;
+    });
+    return {
+      promise,
+      resolve: (res) => {
+        resolve(res);
+      },
+      reject: (error) => {
+        reject(error);
+      }
+    };
+  }, deps);
+}
+export {
+  useAwaiter
+};
+//# sourceMappingURL=useAwaiter.mjs.map

package/dist/js/remote-react-renderer/src/hooks/useAwaiter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAwaiter.mjs","sources":["../../../../../src/hooks/useAwaiter.ts"],"sourcesContent":["import { useMemo, type DependencyList } from \"react\";\n\ninterface Awaiter<T = undefined> {\n  promise: Promise<T>;\n  resolve: T extends undefined ? () => void : (res: T) => void;\n  reject: (error: unknown) => void;\n}\n\nexport function useAwaiter<T = undefined>(\n  deps: DependencyList = [],\n): Awaiter<T> {\n  return useMemo(() => {\n    let resolve: (res: T) => void;\n    let reject: (error: unknown) => void;\n    const promise = new Promise<T>((res, rej) => {\n      resolve = res;\n      reject = rej;\n    });\n    return {\n      promise,\n      resolve: (res) => {\n        resolve(res);\n      },\n      reject: (error) => {\n        reject(error);\n      },\n    } as Awaiter<T>;\n  }, deps);\n}\n"],"names":[],"mappings":";AAQgB,SAAA,WACd,OAAuB,IACX;AACZ,SAAO,QAAQ,MAAM;AACf,QAAA;AACA,QAAA;AACJ,UAAM,UAAU,IAAI,QAAW,CAAC,KAAK,QAAQ;AACjC,gBAAA;AACD,eAAA;AAAA,IAAA,CACV;AACM,WAAA;AAAA,MACL;AAAA,MACA,SAAS,CAAC,QAAQ;AAChB,gBAAQ,GAAG;AAAA,MACb;AAAA,MACA,QAAQ,CAAC,UAAU;AACjB,eAAO,KAAK;AAAA,MAAA;AAAA,IAEhB;AAAA,KACC,IAAI;AACT;"}

package/dist/js/remote-react-renderer/src/hooks/useMergedComponents.mjs

@@ -0,0 +1,24 @@
+"use client"
+/* */
+import { components } from "../components.mjs";
+import { useMemo } from "react";
+import { reduce } from "remeda";
+const useMergedComponents = (integrations) => useMemo(
+  () => new Map(
+    Object.entries(
+      reduce(
+        [...integrations, components],
+        (merged, current) => ({
+          ...merged,
+          ...current
+        }),
+        {}
+      )
+    )
+  ),
+  [...integrations]
+);
+export {
+  useMergedComponents
+};
+//# sourceMappingURL=useMergedComponents.mjs.map

package/dist/js/remote-react-renderer/src/hooks/useMergedComponents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedComponents.mjs","sources":["../../../../../src/hooks/useMergedComponents.ts"],"sourcesContent":["import { components } from \"@/components\";\nimport type { RemoteComponentsMap } from \"@/lib/types\";\nimport type { RemoteComponentRendererProps } from \"@mittwald/remote-dom-react/host\";\nimport { type ComponentType, useMemo } from \"react\";\nimport { reduce } from \"remeda\";\n\nexport const useMergedComponents = (\n  integrations: RemoteComponentsMap<never>[],\n) =>\n  useMemo(\n    () =>\n      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"],"names":[],"mappings":";;;AAMa,MAAA,sBAAsB,CACjC,iBAEA;AAAA,EACE,MACE,IAAI;AAAA,IACF,OAAO;AAAA,MACL;AAAA,QACE,CAAC,GAAG,cAAc,UAAU;AAAA,QAC5B,CAAC,QAAQ,aAAa;AAAA,UACpB,GAAG;AAAA,UACH,GAAG;AAAA,QAAA;AAAA,QAEL,CAAA;AAAA,MAAC;AAAA,IACH;AAAA,EAEJ;AAAA,EACF,CAAC,GAAG,YAAY;AAClB;"}

package/dist/js/remote-react-renderer/src/hooks/useUpdateHostPathnameOnRemote.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import "@mittwald/flow-remote-core";
+import { useLayoutEffect } from "react";
+const useUpdateHostPathnameOnRemote = (hostPathname, connection) => {
+  useLayoutEffect(() => {
+    if (hostPathname === void 0 || !connection) {
+      return;
+    }
+    const { updateHostPathname } = connection;
+    updateHostPathname(hostPathname);
+  }, [hostPathname, connection]);
+};
+export {
+  useUpdateHostPathnameOnRemote
+};
+//# sourceMappingURL=useUpdateHostPathnameOnRemote.mjs.map

package/dist/js/remote-react-renderer/src/hooks/useUpdateHostPathnameOnRemote.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateHostPathnameOnRemote.mjs","sources":["../../../../../src/hooks/useUpdateHostPathnameOnRemote.ts"],"sourcesContent":["import { type HostToRemoteConnection } from \"@mittwald/flow-remote-core\";\nimport { useLayoutEffect } from \"react\";\n\n/** Updates the host pathname in the remote connection. */\nexport const useUpdateHostPathnameOnRemote = (\n  hostPathname?: string,\n  connection?: HostToRemoteConnection,\n) => {\n  useLayoutEffect(() => {\n    if (hostPathname === undefined || !connection) {\n      return;\n    }\n\n    const { updateHostPathname } = connection;\n    updateHostPathname(hostPathname);\n  }, [hostPathname, connection]);\n};\n"],"names":[],"mappings":";;AAIa,MAAA,gCAAgC,CAC3C,cACA,eACG;AACH,kBAAgB,MAAM;AAChB,QAAA,iBAAiB,UAAa,CAAC,YAAY;AAC7C;AAAA,IAAA;AAGI,UAAA,EAAE,uBAAuB;AAC/B,uBAAmB,YAAY;AAAA,EAAA,GAC9B,CAAC,cAAc,UAAU,CAAC;AAC/B;"}

package/dist/js/remote-react-renderer/src/integrations/react-hook-form/Form.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import "react";
+const Form = (props) => {
+  const { onSubmit: onSubmitFromProps, ref, ...rest } = props;
+  const onSubmit = async (event) => {
+    event.preventDefault();
+    await (onSubmitFromProps == null ? void 0 : onSubmitFromProps());
+  };
+  return /* @__PURE__ */ jsx("form", { ...rest, ref, onSubmit });
+};
+export {
+  Form
+};
+//# sourceMappingURL=Form.mjs.map

package/dist/js/remote-react-renderer/src/integrations/react-hook-form/Form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../../../../src/integrations/react-hook-form/Form.tsx"],"sourcesContent":["import {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type RefObject,\n} from \"react\";\nimport React from \"react\";\n\ntype FormProps = {\n  onSubmit?: () => void | Promise<void>;\n  ref?: RefObject<HTMLFormElement>;\n} & PropsWithChildren;\n\n/**\n * ReactHookForm won't send the data over onSubmit, the form state is\n * transferred over onChange. To avoid sending unnecessary data, this RemoteForm\n * sends only the onSubmit without any formData.\n *\n * @class\n * @param props\n */\nexport const Form: FC<FormProps> = (props) => {\n  const { onSubmit: onSubmitFromProps, ref, ...rest } = props;\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    await onSubmitFromProps?.();\n  };\n\n  return <form {...rest} ref={ref} onSubmit={onSubmit} />;\n};\n"],"names":[],"mappings":";;AAqBa,MAAA,OAAsB,CAAC,UAAU;AAC5C,QAAM,EAAE,UAAU,mBAAmB,KAAK,GAAG,KAAS,IAAA;AAEhD,QAAA,WAAW,OAAO,UAAsC;AAC5D,UAAM,eAAe;AACrB,WAAM;AAAA,EACR;AAEA,SAAQ,oBAAA,QAAA,EAAM,GAAG,MAAM,KAAU,UAAoB;AACvD;"}

package/dist/js/remote-react-renderer/src/lib/createFlowRemoteComponentRenderer.mjs

@@ -0,0 +1,47 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import { isStyleProp, isReactSuspendedStyle } from "./propClassifiers.mjs";
+import { createRemoteComponentRenderer } from "@mittwald/remote-dom-react/host";
+import { FlowRemoteElement } from "@mittwald/flow-remote-elements";
+import { Version } from "@mittwald/flow-remote-core";
+import "react";
+import { mapValues } from "remeda";
+const mapProperty = (val, key) => {
+  if (isStyleProp(key)) {
+    if (isReactSuspendedStyle(val)) {
+      return {
+        display: "none"
+      };
+    }
+    return {};
+  }
+  return val;
+};
+const createFlowRemoteComponentRenderer = (name, Component) => {
+  function HostComponent(props) {
+    const hostComponentProps = mapValues(
+      props,
+      (v, k) => mapProperty(v, k)
+    );
+    const {
+      [FlowRemoteElement.versionPropertyName]: version = Version.v1,
+      [FlowRemoteElement.initializationPropertyName]: initialized = false,
+      ...restProps
+    } = hostComponentProps;
+    if (version >= Version.v3) {
+      if (!initialized) {
+        return null;
+      }
+    }
+    return /* @__PURE__ */ jsx(Component, { ...restProps });
+  }
+  HostComponent.displayName = `FlowRemoteRenderer(${name})`;
+  return createRemoteComponentRenderer(HostComponent, {
+    name: `RemoteRenderer(${name})`
+  });
+};
+export {
+  createFlowRemoteComponentRenderer
+};
+//# sourceMappingURL=createFlowRemoteComponentRenderer.mjs.map

package/dist/js/remote-react-renderer/src/lib/createFlowRemoteComponentRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFlowRemoteComponentRenderer.mjs","sources":["../../../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"sourcesContent":["import { isReactSuspendedStyle, isStyleProp } from \"@/lib/propClassifiers\";\nimport type { RemoteComponentRendererProps } from \"@mittwald/remote-dom-react/host\";\nimport { createRemoteComponentRenderer } from \"@mittwald/remote-dom-react/host\";\nimport { FlowRemoteElement } from \"@mittwald/flow-remote-elements\";\nimport type { FlowRemoteElementMetaData } from \"@mittwald/flow-remote-elements\";\nimport { Version } from \"@mittwald/flow-remote-core\";\nimport { type ComponentType } from \"react\";\nimport { mapValues } from \"remeda\";\n\nconst mapProperty = (val: unknown, key: string) => {\n  if (isStyleProp(key)) {\n    if (isReactSuspendedStyle(val)) {\n      return {\n        display: \"none\",\n      };\n    }\n    return {};\n  }\n  return val;\n};\n\nexport const createFlowRemoteComponentRenderer = <P extends object>(\n  name: string,\n  Component: ComponentType<P>,\n): ComponentType<RemoteComponentRendererProps> => {\n  function HostComponent(props: P & FlowRemoteElementMetaData) {\n    const hostComponentProps = mapValues(props, (v, k) =>\n      mapProperty(v, k),\n    ) as P & FlowRemoteElementMetaData;\n\n    const {\n      [FlowRemoteElement.versionPropertyName]: version = Version.v1,\n      [FlowRemoteElement.initializationPropertyName]: initialized = false,\n      ...restProps\n    } = hostComponentProps;\n\n    if (version >= Version.v3) {\n      // \"initialized\" handling introduced in version 3\n      if (!initialized) {\n        return null;\n      }\n    }\n\n    return <Component {...(restProps as P)} />;\n  }\n  HostComponent.displayName = `FlowRemoteRenderer(${name})`;\n  return createRemoteComponentRenderer(HostComponent, {\n    name: `RemoteRenderer(${name})`,\n  });\n};\n"],"names":[],"mappings":";;;;;;;AASA,MAAM,cAAc,CAAC,KAAc,QAAgB;AAC7C,MAAA,YAAY,GAAG,GAAG;AAChB,QAAA,sBAAsB,GAAG,GAAG;AACvB,aAAA;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IAAA;AAEF,WAAO,CAAC;AAAA,EAAA;AAEH,SAAA;AACT;AAEa,MAAA,oCAAoC,CAC/C,MACA,cACgD;AAChD,WAAS,cAAc,OAAsC;AAC3D,UAAM,qBAAqB;AAAA,MAAU;AAAA,MAAO,CAAC,GAAG,MAC9C,YAAY,GAAG,CAAC;AAAA,IAClB;AAEM,UAAA;AAAA,MACJ,CAAC,kBAAkB,mBAAmB,GAAG,UAAU,QAAQ;AAAA,MAC3D,CAAC,kBAAkB,0BAA0B,GAAG,cAAc;AAAA,MAC9D,GAAG;AAAA,IAAA,IACD;AAEA,QAAA,WAAW,QAAQ,IAAI;AAEzB,UAAI,CAAC,aAAa;AACT,eAAA;AAAA,MAAA;AAAA,IACT;AAGK,WAAA,oBAAC,WAAW,EAAA,GAAI,UAAiB,CAAA;AAAA,EAAA;AAE5B,gBAAA,cAAc,sBAAsB,IAAI;AACtD,SAAO,8BAA8B,eAAe;AAAA,IAClD,MAAM,kBAAkB,IAAI;AAAA,EAAA,CAC7B;AACH;"}

package/dist/js/{lib → remote-react-renderer/src/lib}/elementFactory.mjs

@@ -1,14 +1,18 @@
 "use client"
 /* */
+import { mapAttributeToReactProperty } from "./mapAttributeToReactProperty.mjs";
+import clsx from "clsx";
 import { createElement } from "react";
 import { mapKeys } from "remeda";
-import clsx from "clsx";
-import { mapAttributeToReactProperty } from "./mapAttributeToReactProperty.mjs";
-const elementFactory = (element) => (props) => {
+const elementFactory = (element, options = {}) => (props) => {
   const result = { ...props };
+  const { isVoidElement = false } = options;
+  if (isVoidElement) {
+    delete result["children"];
+  }
   result["className"] = clsx(
-    String(result["className"]),
-    String(result["class"])
+    "className" in result && String(result["className"]),
+    "class" in result && String(result["class"])
   );
   delete result["class"];
   return createElement(element, mapKeys(result, mapAttributeToReactProperty));

package/dist/js/remote-react-renderer/src/lib/elementFactory.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementFactory.mjs","sources":["../../../../../src/lib/elementFactory.ts"],"sourcesContent":["import { mapAttributeToReactProperty } from \"@/lib/mapAttributeToReactProperty\";\nimport clsx from \"clsx\";\nimport { createElement } from \"react\";\nimport { mapKeys } from \"remeda\";\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n  Pick<\n    SVGElementTagNameMap,\n    Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>\n  >;\n\ninterface Options {\n  isVoidElement?: boolean;\n}\n\nexport const elementFactory =\n  <E extends keyof ElementTagNameMap>(element: E, options: Options = {}) =>\n  (props: Record<string, unknown>) => {\n    const result = { ...props };\n    const { isVoidElement = false } = options;\n\n    if (isVoidElement) {\n      delete result[\"children\"];\n    }\n\n    // merge className and class\n    result[\"className\"] = clsx(\n      \"className\" in result && String(result[\"className\"]),\n      \"class\" in result && String(result[\"class\"]),\n    );\n\n    delete result[\"class\"];\n\n    return createElement(element, mapKeys(result, mapAttributeToReactProperty));\n  };\n"],"names":[],"mappings":";;;;AAeO,MAAM,iBACX,CAAoC,SAAY,UAAmB,CAAC,MACpE,CAAC,UAAmC;AAC5B,QAAA,SAAS,EAAE,GAAG,MAAM;AACpB,QAAA,EAAE,gBAAgB,MAAA,IAAU;AAElC,MAAI,eAAe;AACjB,WAAO,OAAO,UAAU;AAAA,EAAA;AAI1B,SAAO,WAAW,IAAI;AAAA,IACpB,eAAe,UAAU,OAAO,OAAO,WAAW,CAAC;AAAA,IACnD,WAAW,UAAU,OAAO,OAAO,OAAO,CAAC;AAAA,EAC7C;AAEA,SAAO,OAAO,OAAO;AAErB,SAAO,cAAc,SAAS,QAAQ,QAAQ,2BAA2B,CAAC;AAC5E;"}

package/dist/js/remote-react-renderer/src/lib/mapAttributeToReactProperty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapAttributeToReactProperty.mjs","sources":["../../../../../src/lib/mapAttributeToReactProperty.ts"],"sourcesContent":["import { toCamelCase } from \"remeda\";\n\nconst keepWhenStartsWith = [\"aria-\", \"data-\"];\n\nexport const mapAttributeToReactProperty = (key: string) => {\n  if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) {\n    return key;\n  }\n\n  return toCamelCase(key);\n};\n"],"names":[],"mappings":";AAEA,MAAM,qBAAqB,CAAC,SAAS,OAAO;AAE/B,MAAA,8BAA8B,CAAC,QAAgB;AACtD,MAAA,mBAAmB,KAAK,CAAC,WAAW,IAAI,WAAW,MAAM,CAAC,GAAG;AACxD,WAAA;AAAA,EAAA;AAGT,SAAO,YAAY,GAAG;AACxB;"}

package/dist/js/{lib → remote-react-renderer/src/lib}/propClassifiers.mjs

@@ -1,12 +1,8 @@
 "use client"
 /* */
-import { isFunction } from "remeda";
-const defaultEventPropMatcher = /on[A-Z].*/;
-const isEventProp = (name, value) => !!name.match(defaultEventPropMatcher) && isFunction(value);
 const isStyleProp = (name) => name === "style";
 const isReactSuspendedStyle = (value) => value === "display: none !important;";
 export {
-  isEventProp,
   isReactSuspendedStyle,
   isStyleProp
 };

package/dist/js/remote-react-renderer/src/lib/propClassifiers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"propClassifiers.mjs","sources":["../../../../../src/lib/propClassifiers.ts"],"sourcesContent":["export const isStyleProp = (name: string): boolean => name === \"style\";\n\nexport const isReactSuspendedStyle = (value: unknown): boolean =>\n  value === \"display: none !important;\";\n"],"names":[],"mappings":"AAAa,MAAA,cAAc,CAAC,SAA0B,SAAS;AAElD,MAAA,wBAAwB,CAAC,UACpC,UAAU;"}

package/dist/types/RemoteRenderer.d.ts

@@ -1,5 +1,5 @@
+import { RemoteRendererBrowserProps } from './RemoteRendererBrowser';
 import { FC } from 'react';
-import { RemoteRendererProps } from './RemoteRendererClient';
-export declare const RemoteRenderer: FC<RemoteRendererProps>;
+export declare const RemoteRenderer: FC<RemoteRendererBrowserProps>;
 export default RemoteRenderer;
 //# sourceMappingURL=RemoteRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteRenderer.d.ts","sourceRoot":"","sources":["../../src/RemoteRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAGlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RemoteRenderer.d.ts","sourceRoot":"","sources":["../../src/RemoteRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,0BAA0B,CAMzD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/RemoteRendererBrowser.d.ts

@@ -0,0 +1,15 @@
+import { RemoteComponentsMap } from './lib/types';
+import { ExtBridgeConnectionApi } from '@mittwald/ext-bridge';
+import { NavigationState } from '@mittwald/flow-remote-core';
+import { FC } from 'react';
+export interface RemoteRendererBrowserProps {
+    integrations?: RemoteComponentsMap<never>[];
+    src: string;
+    timeoutMs?: number;
+    onNavigationStateChanged?: (state: NavigationState) => void;
+    hostPathname?: string;
+    extBridgeImplementation?: ExtBridgeConnectionApi;
+}
+export declare const RemoteRendererBrowser: FC<RemoteRendererBrowserProps>;
+export default RemoteRendererBrowser;
+//# sourceMappingURL=RemoteRendererBrowser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteRendererBrowser.d.ts","sourceRoot":"","sources":["../../src/RemoteRendererBrowser.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,4BAA4B,CAAC;AAMpC,OAAO,EAAsB,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAE/E,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,sBAAsB,CAAC;CAClD;AAWD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAoGhE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}