@mittwald/flow-remote-react-renderer 0.2.0-alpha.59 → 0.2.0-alpha.591

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

@@ -0,0 +1,37 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { prepareFormData } from './lib/prepareFormData.mjs';
+
+const Form = (props) => {
+  const {
+    action: onActionFromProps,
+    onSubmit: onSubmitFromProps,
+    ref,
+    ...rest
+  } = props;
+  const onSubmit = async (event) => {
+    event.preventDefault();
+    const resolvedData = await prepareFormData(
+      new FormData(event.currentTarget)
+    );
+    await onSubmitFromProps?.(resolvedData);
+  };
+  const onAction = async (formData) => {
+    const resolvedFormData = await prepareFormData(formData);
+    await onActionFromProps?.(resolvedFormData);
+  };
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      ...rest,
+      ref,
+      action: onActionFromProps ? onAction : void 0,
+      onSubmit: onSubmitFromProps ? onSubmit : void 0
+    }
+  );
+};
+
+export { Form };
+//# sourceMappingURL=Form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../../../src/components/Form.tsx"],"sourcesContent":["import {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type Ref,\n} from \"react\";\nimport { prepareFormData } from \"@/components/lib/prepareFormData\";\n\ntype FormProps = {\n  action?: (data: FormData) => void | Promise<void>;\n  onSubmit?: (data: FormData) => void | Promise<void>;\n  ref?: Ref<HTMLFormElement>;\n} & PropsWithChildren;\n\nexport const Form: FC<FormProps> = (props) => {\n  const {\n    action: onActionFromProps,\n    onSubmit: onSubmitFromProps,\n    ref,\n    ...rest\n  } = props;\n\n  const onSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const resolvedData = await prepareFormData(\n      new FormData(event.currentTarget),\n    );\n    await onSubmitFromProps?.(resolvedData);\n  };\n\n  const onAction = async (formData: FormData) => {\n    const resolvedFormData = await prepareFormData(formData);\n    await onActionFromProps?.(resolvedFormData);\n  };\n\n  return (\n    <form\n      {...rest}\n      ref={ref}\n      action={onActionFromProps ? onAction : undefined}\n      onSubmit={onSubmitFromProps ? onSubmit : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;AAcO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM;AAAA,IACJ,MAAA,EAAQ,iBAAA;AAAA,IACR,QAAA,EAAU,iBAAA;AAAA,IACV,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAsC;AAC5D,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAM,eAAe,MAAM,eAAA;AAAA,MACzB,IAAI,QAAA,CAAS,KAAA,CAAM,aAAa;AAAA,KAClC;AACA,IAAA,MAAM,oBAAoB,YAAY,CAAA;AAAA,EACxC,CAAA;AAEA,EAAA,MAAM,QAAA,GAAW,OAAO,QAAA,KAAuB;AAC7C,IAAA,MAAM,gBAAA,GAAmB,MAAM,eAAA,CAAgB,QAAQ,CAAA;AACvD,IAAA,MAAM,oBAAoB,gBAAgB,CAAA;AAAA,EAC5C,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,MAAA,EAAQ,oBAAoB,QAAA,GAAW,MAAA;AAAA,MACvC,QAAA,EAAU,oBAAoB,QAAA,GAAW;AAAA;AAAA,GAC3C;AAEJ;;;;"}

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

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useNotificationController, Notification } from '@mittwald/flow-react-components';
+import { useRef, useEffect } from 'react';
+
+const NotificationRenderController = (props) => {
+  const notifications = useNotificationController();
+  const isAdded = useRef(false);
+  useEffect(() => {
+    if (isAdded.current) {
+      return;
+    }
+    const id = notifications.add(/* @__PURE__ */ jsx(Notification, { ...props }));
+    isAdded.current = true;
+    return () => {
+      notifications.remove(id);
+      isAdded.current = false;
+    };
+  }, [notifications]);
+  return null;
+};
+
+export { NotificationRenderController };
+//# sourceMappingURL=NotificationRenderController.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationRenderController.mjs","sources":["../../../../../src/components/NotificationRenderController.tsx"],"sourcesContent":["import {\n  useNotificationController,\n  type NotificationProps,\n  Notification,\n} from \"@mittwald/flow-react-components\";\nimport { useEffect, useRef, type FC } from \"react\";\n\nexport const NotificationRenderController: FC<NotificationProps> = (props) => {\n  const notifications = useNotificationController();\n  const isAdded = useRef(false);\n\n  useEffect(() => {\n    if (isAdded.current) {\n      return;\n    }\n\n    const id = notifications.add(<Notification {...props} />);\n    isAdded.current = true;\n\n    return () => {\n      notifications.remove(id);\n      isAdded.current = false;\n    };\n  }, [notifications]);\n\n  return null;\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,4BAAA,GAAsD,CAAC,KAAA,KAAU;AAC5E,EAAA,MAAM,gBAAgB,yBAAA,EAA0B;AAChD,EAAA,MAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AAE5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAQ,OAAA,EAAS;AACnB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,KAAK,aAAA,CAAc,GAAA,qBAAK,YAAA,EAAA,EAAc,GAAG,OAAO,CAAE,CAAA;AACxD,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAElB,IAAA,OAAO,MAAM;AACX,MAAA,aAAA,CAAc,OAAO,EAAE,CAAA;AACvB,MAAA,OAAA,CAAQ,OAAA,GAAU,KAAA;AAAA,IACpB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAO,IAAA;AACT;;;;"}

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

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import React, { createElement } from 'react';
+
+const SlotRootWrapper = (props) => {
+  return createElement(React.Fragment, {}, props.children);
+};
+
+export { SlotRootWrapper, SlotRootWrapper as default };
+//# sourceMappingURL=SlotRootWrapper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlotRootWrapper.mjs","sources":["../../../../../src/components/SlotRootWrapper.ts"],"sourcesContent":["import React, { createElement, type FC, type PropsWithChildren } from \"react\";\n\nexport const SlotRootWrapper: FC<PropsWithChildren> = (props) => {\n  return createElement(React.Fragment, {}, props.children);\n};\n\nexport default SlotRootWrapper;\n"],"names":[],"mappings":";;AAEO,MAAM,eAAA,GAAyC,CAAC,KAAA,KAAU;AAC/D,EAAA,OAAO,cAAc,KAAA,CAAM,QAAA,EAAU,EAAC,EAAG,MAAM,QAAQ,CAAA;AACzD;;;;"}

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":";;AAEO,MAAM,eAAA,GAAkB,OAC7B,QAAA,KACsB;AACtB,EAAA,KAAA,MAAW,CAAC,SAAS,CAAA,IAAK,QAAA,EAAU;AAClC,IAAA,MAAM,WAAA,GAAc,QAAA,CAAS,MAAA,CAAO,SAAS,CAAA;AAE7C,IAAA,IAAI,YAAY,KAAA,CAAM,CAAC,CAAA,KAAM,CAAA,YAAa,IAAI,CAAA,EAAG;AAC/C,MAAA,QAAA,CAAS,OAAO,SAAS,CAAA;AAAA,IAC3B;AAEA,IAAA,KAAA,IAAS,SAAS,WAAA,EAAa;AAC7B,MAAA,IAAI,iBAAiB,IAAA,EAAM;AACzB,QAAA,IAAI,CAAC,KAAA,CAAM,IAAA,IAAQ,KAAA,CAAM,QAAQ,CAAA,EAAG;AAClC,UAAA;AAAA,QACF;AAEA,QAAA,KAAA,GAAQ,MAAM,sBAAsB,KAAK,CAAA;AACzC,QAAA,IAAI,QAAA,CAAS,GAAA,CAAI,SAAS,CAAA,EAAG;AAC3B,UAAA,QAAA,CAAS,MAAA,CAAO,WAAW,KAAK,CAAA;AAAA,QAClC,CAAA,MAAO;AACL,UAAA,QAAA,CAAS,GAAA,CAAI,WAAW,KAAK,CAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO,QAAA;AACT;;;;"}

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

@@ -0,0 +1,54 @@
+"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
+  ),
+  "flr-clear-props-context-content": createFlowRemoteComponentRenderer(
+    "ClearPropsContextContent",
+    SlotRootWrapper
+  )
+};
+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  \"flr-clear-props-context-content\": createFlowRemoteComponentRenderer(\n    \"ClearPropsContextContent\",\n    SlotRootWrapper,\n  ),\n};\n\nexport const components = {\n  ...htmlComponentsMap,\n  ...skippedComponentsMap,\n  ...autoGenerated,\n  ...flowComponentsMap,\n};\n"],"names":["Form","RhfForm","autoGenerated"],"mappings":";;;;;;;;;AAQA,MAAM,iBAAA,GAAoB;AAAA,EACxB,GAAA,EAAK,6BAAA,CAA8B,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,EACxD,MAAA,EAAQ,6BAAA,CAA8B,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,EAC9D,CAAA,EAAG,6BAAA,CAA8B,cAAA,CAAe,GAAG,CAAC,CAAA;AAAA,EACpD,IAAA,EAAM,6BAAA,CAA8B,cAAA,CAAe,MAAM,CAAC,CAAA;AAAA,EAC1D,MAAA,EAAQ,6BAAA,CAA8B,cAAA,CAAe,QAAQ,CAAC,CAAA;AAAA,EAC9D,CAAA,EAAG,6BAAA,CAA8B,cAAA,CAAe,GAAG,CAAC,CAAA;AAAA,EACpD,EAAA,EAAI,6BAAA,CAA8B,cAAA,CAAe,IAAI,CAAC,CAAA;AAAA,EACtD,EAAA,EAAI,6BAAA,CAA8B,cAAA,CAAe,IAAI,CAAC,CAAA;AAAA,EACtD,EAAA,EAAI,6BAAA,CAA8B,cAAA,CAAe,IAAI,CAAC,CAAA;AAAA,EACtD,KAAA,EAAO,6BAAA,CAA8B,cAAA,CAAe,OAAO,CAAC,CAAA;AAAA,EAC5D,EAAA,EAAI,6BAAA;AAAA,IACF,cAAA,CAAe,IAAA,EAAM,EAAE,aAAA,EAAe,MAAM;AAAA;AAEhD,CAAA;AAMA,MAAM,oBAAA,GAAuB;AAAA,EAC3B,QAAQ,MAAM;AAChB,CAAA;AAEA,MAAM,iBAAA,GAAoB;AAAA,EACxB,UAAA,EAAY,iCAAA,CAAkC,MAAA,EAAQA,MAAI,CAAA;AAAA,EAC1D,cAAA,EAAgB,iCAAA,CAAkC,SAAA,EAAWC,IAAO,CAAA;AAAA,EACpE,uBAAA,EAAyB,iCAAA;AAAA,IACvB,iBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,kBAAA,EAAoB,iCAAA;AAAA,IAClB,cAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,iCAAA,EAAmC,iCAAA;AAAA,IACjC,0BAAA;AAAA,IACA;AAAA;AAEJ,CAAA;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,GAAG,iBAAA;AAAA,EACH,GAAG,oBAAA;AAAA,EACH,GAAGC,cAAA;AAAA,EACH,GAAG;AACL;;;;"}

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

@@ -0,0 +1,30 @@
+"use client"
+/* */
+import { usePromise } from '@mittwald/react-use-promise';
+import { useId, useRef, useState } from 'react';
+
+const useControllableSuspenseTrigger = () => {
+  const localId = useId();
+  const promise = useRef(null);
+  const [startedCount, setStartedCount] = useState(0);
+  usePromise(
+    (promise2) => promise2,
+    promise.current ? [promise.current.promise] : null,
+    {
+      keepValueWhileLoading: false,
+      loaderId: localId + startedCount
+    }
+  );
+  return {
+    start: () => {
+      promise.current = Promise.withResolvers();
+      setStartedCount((c) => c + 1);
+    },
+    stop: () => {
+      promise.current?.resolve();
+    }
+  };
+};
+
+export { useControllableSuspenseTrigger };
+//# sourceMappingURL=useControllableSuspenseTrigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableSuspenseTrigger.mjs","sources":["../../../../../src/hooks/useControllableSuspenseTrigger.ts"],"sourcesContent":["import { usePromise } from \"@mittwald/react-use-promise\";\nimport { useId, useRef, useState } from \"react\";\n\nexport const useControllableSuspenseTrigger = () => {\n  const localId = useId();\n  const promise = useRef<PromiseWithResolvers<void>>(null);\n  const [startedCount, setStartedCount] = useState(0);\n\n  usePromise(\n    (promise: Promise<void>) => promise,\n    promise.current ? [promise.current.promise] : null,\n    {\n      keepValueWhileLoading: false,\n      loaderId: localId + startedCount,\n    },\n  );\n\n  return {\n    start: () => {\n      promise.current = Promise.withResolvers<void>();\n      setStartedCount((c) => c + 1);\n    },\n    stop: () => {\n      promise.current?.resolve();\n    },\n  };\n};\n"],"names":["promise"],"mappings":";;;AAGO,MAAM,iCAAiC,MAAM;AAClD,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,OAAA,GAAU,OAAmC,IAAI,CAAA;AACvD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,CAAC,CAAA;AAElD,EAAA,UAAA;AAAA,IACE,CAACA,QAAAA,KAA2BA,QAAAA;AAAA,IAC5B,QAAQ,OAAA,GAAU,CAAC,OAAA,CAAQ,OAAA,CAAQ,OAAO,CAAA,GAAI,IAAA;AAAA,IAC9C;AAAA,MACE,qBAAA,EAAuB,KAAA;AAAA,MACvB,UAAU,OAAA,GAAU;AAAA;AACtB,GACF;AAEA,EAAA,OAAO;AAAA,IACL,OAAO,MAAM;AACX,MAAA,OAAA,CAAQ,OAAA,GAAU,QAAQ,aAAA,EAAoB;AAC9C,MAAA,eAAA,CAAgB,CAAC,CAAA,KAAM,CAAA,GAAI,CAAC,CAAA;AAAA,IAC9B,CAAA;AAAA,IACA,MAAM,MAAM;AACV,MAAA,OAAA,CAAQ,SAAS,OAAA,EAAQ;AAAA,IAC3B;AAAA,GACF;AACF;;;;"}

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":";;;;AAMO,MAAM,mBAAA,GAAsB,CACjC,YAAA,KAEA,OAAA;AAAA,EACE,MACE,IAAI,GAAA;AAAA,IACF,MAAA,CAAO,OAAA;AAAA,MACL,MAAA;AAAA,QACE,CAAC,GAAG,YAAA,EAAc,UAAU,CAAA;AAAA,QAC5B,CAAC,QAAQ,OAAA,MAAa;AAAA,UACpB,GAAG,MAAA;AAAA,UACH,GAAG;AAAA,SACL,CAAA;AAAA,QACA;AAAC;AACH;AACF,GACF;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":";;;AAIO,MAAM,6BAAA,GAAgC,CAC3C,YAAA,EACA,UAAA,KACG;AACH,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,YAAA,KAAiB,MAAA,IAAa,CAAC,UAAA,EAAY;AAC7C,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,EAAE,oBAAmB,GAAI,UAAA;AAC/B,IAAA,kBAAA,CAAmB,YAAY,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,YAAA,EAAc,UAAU,CAAC,CAAA;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?.();
+  };
+  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 Ref,\n} from \"react\";\n\ntype FormProps = {\n  onSubmit?: () => void | Promise<void>;\n  ref?: Ref<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 */\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":";;;AAiBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,QAAA,EAAU,iBAAA,EAAmB,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAEtD,EAAA,MAAM,QAAA,GAAW,OAAO,KAAA,KAAsC;AAC5D,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAM,iBAAA,IAAoB;AAAA,EAC5B,CAAA;AAEA,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,IAAA,EAAM,KAAU,QAAA,EAAoB,CAAA;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,WAAA,GAAc,CAAC,GAAA,EAAc,GAAA,KAAgB;AACjD,EAAA,IAAI,WAAA,CAAY,GAAG,CAAA,EAAG;AACpB,IAAA,IAAI,qBAAA,CAAsB,GAAG,CAAA,EAAG;AAC9B,MAAA,OAAO;AAAA,QACL,OAAA,EAAS;AAAA,OACX;AAAA,IACF;AACA,IAAA,OAAO,EAAC;AAAA,EACV;AACA,EAAA,OAAO,GAAA;AACT,CAAA;AAEO,MAAM,iCAAA,GAAoC,CAC/C,IAAA,EACA,SAAA,KACgD;AAChD,EAAA,SAAS,cAAc,KAAA,EAAsC;AAC3D,IAAA,MAAM,kBAAA,GAAqB,SAAA;AAAA,MAAU,KAAA;AAAA,MAAO,CAAC,CAAA,EAAG,CAAA,KAC9C,WAAA,CAAY,GAAG,CAAC;AAAA,KAClB;AAEA,IAAA,MAAM;AAAA,MACJ,CAAC,iBAAA,CAAkB,mBAAmB,GAAG,UAAU,OAAA,CAAQ,EAAA;AAAA,MAC3D,CAAC,iBAAA,CAAkB,0BAA0B,GAAG,WAAA,GAAc,KAAA;AAAA,MAC9D,GAAG;AAAA,KACL,GAAI,kBAAA;AAEJ,IAAA,IAAI,OAAA,IAAW,QAAQ,EAAA,EAAI;AAEzB,MAAA,IAAI,CAAC,WAAA,EAAa;AAChB,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF;AAEA,IAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAW,GAAI,SAAA,EAAiB,CAAA;AAAA,EAC1C;AACA,EAAA,aAAA,CAAc,WAAA,GAAc,sBAAsB,IAAI,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,8BAA8B,aAAA,EAAe;AAAA,IAClD,IAAA,EAAM,kBAAkB,IAAI,CAAA,CAAA;AAAA,GAC7B,CAAA;AACH;;;;"}

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

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

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,OAAA,EAAY,UAAmB,EAAC,KACpE,CAAC,KAAA,KAAmC;AAClC,EAAA,MAAM,MAAA,GAAS,EAAE,GAAG,KAAA,EAAM;AAC1B,EAAA,MAAM,EAAE,aAAA,GAAgB,KAAA,EAAM,GAAI,OAAA;AAElC,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,OAAO,UAAU,CAAA;AAAA,EAC1B;AAGA,EAAA,MAAA,CAAO,WAAW,CAAA,GAAI,IAAA;AAAA,IACpB,WAAA,IAAe,MAAA,IAAU,MAAA,CAAO,MAAA,CAAO,WAAW,CAAC,CAAA;AAAA,IACnD,OAAA,IAAW,MAAA,IAAU,MAAA,CAAO,MAAA,CAAO,OAAO,CAAC;AAAA,GAC7C;AAEA,EAAA,OAAO,OAAO,OAAO,CAAA;AAErB,EAAA,OAAO,aAAA,CAAc,OAAA,EAAS,OAAA,CAAQ,MAAA,EAAQ,2BAA2B,CAAC,CAAA;AAC5E;;;;"}

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

@@ -1,6 +1,7 @@
 "use client"
 /* */
-import { toCamelCase } from "remeda";
+import { toCamelCase } from 'remeda';
+
 const keepWhenStartsWith = ["aria-", "data-"];
 const mapAttributeToReactProperty = (key) => {
   if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) {
@@ -8,7 +9,6 @@ const mapAttributeToReactProperty = (key) => {
   }
   return toCamelCase(key);
 };
-export {
-  mapAttributeToReactProperty
-};
+
+export { mapAttributeToReactProperty };
 //# sourceMappingURL=mapAttributeToReactProperty.mjs.map

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,kBAAA,GAAqB,CAAC,OAAA,EAAS,OAAO,CAAA;AAErC,MAAM,2BAAA,GAA8B,CAAC,GAAA,KAAgB;AAC1D,EAAA,IAAI,kBAAA,CAAmB,KAAK,CAAC,MAAA,KAAW,IAAI,UAAA,CAAW,MAAM,CAAC,CAAA,EAAG;AAC/D,IAAA,OAAO,GAAA;AAAA,EACT;AAEA,EAAA,OAAO,YAAY,GAAG,CAAA;AACxB;;;;"}

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

@@ -0,0 +1,7 @@
+"use client"
+/* */
+const isStyleProp = (name) => name === "style";
+const isReactSuspendedStyle = (value) => value === "display: none !important;";
+
+export { isReactSuspendedStyle, isStyleProp };
+//# sourceMappingURL=propClassifiers.mjs.map

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":"AAAO,MAAM,WAAA,GAAc,CAAC,IAAA,KAA0B,IAAA,KAAS;AAExD,MAAM,qBAAA,GAAwB,CAAC,KAAA,KACpC,KAAA,KAAU;;;;"}

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,18 @@
+import { RemoteComponentsMap } from './lib/types';
+import { ExtBridgeConnectionApi } from '@mittwald/ext-bridge';
+import { NavigationState } from '@mittwald/flow-remote-core';
+import { RemoteReceiver } from '@mittwald/remote-dom-react/host';
+import { FC } from 'react';
+export interface RemoteRendererBrowserProps {
+    integrations?: RemoteComponentsMap<never>[];
+    src?: string;
+    timeoutMs?: number;
+    onNavigationStateChanged?: (state: NavigationState) => void;
+    hostPathname?: string;
+    extBridgeImplementation?: ExtBridgeConnectionApi;
+    /** Internal use only */
+    __remoteReceiver?: RemoteReceiver;
+}
+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;AAEpC,OAAO,EACL,cAAc,EAEf,MAAM,iCAAiC,CAAC;AACzC,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,CAAC,EAAE,MAAM,CAAC;IACb,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;IACjD,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,cAAc,CAAC;CACnC;AAWD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA2HhE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}