@mittwald/flow-remote-react-components 0.2.0-alpha.868 → 0.2.0-alpha.869

package/dist/js/components/LoadingFallbackTrigger.mjs

@@ -1,20 +1,19 @@
 "use client"
 /* */
-import { useRemoteContext } from "./RemoteContextProvider.mjs";
-import { useLayoutEffect } from "react";
-//#region src/components/LoadingFallbackTrigger.tsx
-var LoadingFallbackTrigger = (props) => {
-	const { show = true } = props;
-	const { connection } = useRemoteContext();
-	useLayoutEffect(() => {
-		connection.imports.setIsLoading(show);
-		return () => {
-			connection.imports.setIsLoading(false);
-		};
-	}, [connection, show]);
-	return null;
+import { useRemoteContext } from './RemoteContextProvider.mjs';
+import { useLayoutEffect } from 'react';
+
+const LoadingFallbackTrigger = (props) => {
+  const { show = true } = props;
+  const { connection } = useRemoteContext();
+  useLayoutEffect(() => {
+    connection.imports.setIsLoading(show);
+    return () => {
+      connection.imports.setIsLoading(false);
+    };
+  }, [connection, show]);
+  return null;
 };
-//#endregion
-export { LoadingFallbackTrigger };
 
-//# sourceMappingURL=LoadingFallbackTrigger.mjs.map
+export { LoadingFallbackTrigger };
+//# sourceMappingURL=LoadingFallbackTrigger.mjs.map

package/dist/js/components/LoadingFallbackTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingFallbackTrigger.mjs","names":[],"sources":["../../../src/components/LoadingFallbackTrigger.tsx"],"sourcesContent":["import { useRemoteContext } from \"@/components/RemoteContextProvider\";\nimport { useLayoutEffect, type FC } from \"react\";\n\nexport interface LoadingFallbackTriggerProps {\n  show?: boolean;\n}\n\nexport const LoadingFallbackTrigger: FC<LoadingFallbackTriggerProps> = (\n  props,\n) => {\n  const { show = true } = props;\n  const { connection } = useRemoteContext();\n  useLayoutEffect(() => {\n    connection.imports.setIsLoading(show);\n    return () => {\n      connection.imports.setIsLoading(false);\n    };\n  }, [connection, show]);\n  return null;\n};\n"],"mappings":";;;AAOA,IAAa,0BACX,UACG;CACH,MAAM,EAAE,OAAO,SAAS;CACxB,MAAM,EAAE,eAAe,iBAAiB;CACxC,sBAAsB;EACpB,WAAW,QAAQ,aAAa,IAAI;EACpC,aAAa;GACX,WAAW,QAAQ,aAAa,KAAK;EACvC;CACF,GAAG,CAAC,YAAY,IAAI,CAAC;CACrB,OAAO;AACT"}
+{"version":3,"file":"LoadingFallbackTrigger.mjs","sources":["../../../src/components/LoadingFallbackTrigger.tsx"],"sourcesContent":["import { useRemoteContext } from \"@/components/RemoteContextProvider\";\nimport { useLayoutEffect, type FC } from \"react\";\n\nexport interface LoadingFallbackTriggerProps {\n  show?: boolean;\n}\n\nexport const LoadingFallbackTrigger: FC<LoadingFallbackTriggerProps> = (\n  props,\n) => {\n  const { show = true } = props;\n  const { connection } = useRemoteContext();\n  useLayoutEffect(() => {\n    connection.imports.setIsLoading(show);\n    return () => {\n      connection.imports.setIsLoading(false);\n    };\n  }, [connection, show]);\n  return null;\n};\n"],"names":[],"mappings":";;;AAOO,MAAM,sBAAA,GAA0D,CACrE,KAAA,KACG;AACH,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAK,GAAI,KAAA;AACxB,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,gBAAA,EAAiB;AACxC,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,UAAA,CAAW,OAAA,CAAQ,aAAa,IAAI,CAAA;AACpC,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAA,CAAQ,aAAa,KAAK,CAAA;AAAA,IACvC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,IAAI,CAAC,CAAA;AACrB,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/js/components/RemoteContextProvider.mjs

@@ -1,15 +1,18 @@
 "use client"
 /* */
-import { createContext, useContext } from "react";
-//#region src/components/RemoteContextProvider.tsx
-var remoteContext = createContext(null);
-var RemoteContextProvider = remoteContext.Provider;
-var useRemoteContext = () => {
-	const context = useContext(remoteContext);
-	if (!context) throw new Error("useRemoteContext must be used within a RemoteContextProvider");
-	return context;
+import { createContext, useContext } from 'react';
+
+const remoteContext = createContext(null);
+const RemoteContextProvider = remoteContext.Provider;
+const useRemoteContext = () => {
+  const context = useContext(remoteContext);
+  if (!context) {
+    throw new Error(
+      "useRemoteContext must be used within a RemoteContextProvider"
+    );
+  }
+  return context;
 };
-//#endregion
-export { RemoteContextProvider, useRemoteContext };
 
-//# sourceMappingURL=RemoteContextProvider.mjs.map
+export { RemoteContextProvider, useRemoteContext };
+//# sourceMappingURL=RemoteContextProvider.mjs.map

package/dist/js/components/RemoteContextProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteContextProvider.mjs","names":[],"sources":["../../../src/components/RemoteContextProvider.tsx"],"sourcesContent":["import type { RemoteToHostConnection } from \"@mittwald/flow-remote-core\";\nimport { createContext, useContext } from \"react\";\n\ninterface RemoteContext {\n  connection: RemoteToHostConnection;\n}\n\nconst remoteContext = createContext<RemoteContext | null>(null);\n\nexport const RemoteContextProvider = remoteContext.Provider;\n\nexport const useRemoteContext = () => {\n  const context = useContext(remoteContext);\n  if (!context) {\n    throw new Error(\n      \"useRemoteContext must be used within a RemoteContextProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAOA,IAAM,gBAAgB,cAAoC,IAAI;AAE9D,IAAa,wBAAwB,cAAc;AAEnD,IAAa,yBAAyB;CACpC,MAAM,UAAU,WAAW,aAAa;CACxC,IAAI,CAAC,SACH,MAAM,IAAI,MACR,8DACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"RemoteContextProvider.mjs","sources":["../../../src/components/RemoteContextProvider.tsx"],"sourcesContent":["import type { RemoteToHostConnection } from \"@mittwald/flow-remote-core\";\nimport { createContext, useContext } from \"react\";\n\ninterface RemoteContext {\n  connection: RemoteToHostConnection;\n}\n\nconst remoteContext = createContext<RemoteContext | null>(null);\n\nexport const RemoteContextProvider = remoteContext.Provider;\n\nexport const useRemoteContext = () => {\n  const context = useContext(remoteContext);\n  if (!context) {\n    throw new Error(\n      \"useRemoteContext must be used within a RemoteContextProvider\",\n    );\n  }\n  return context;\n};\n"],"names":[],"mappings":";;AAOA,MAAM,aAAA,GAAgB,cAAoC,IAAI,CAAA;AAEvD,MAAM,wBAAwB,aAAA,CAAc;AAE5C,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAA,GAAU,WAAW,aAAa,CAAA;AACxC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/js/components/createFlowRemoteComponent.mjs

@@ -1,20 +1,30 @@
 "use client"
 /* */
-import { createRemoteComponent } from "../lib/createRemoteComponent.mjs";
-import { flowComponent, isFlowComponentName } from "@mittwald/flow-react-components/internal";
-import { createElement } from "react";
-//#region src/components/createFlowRemoteComponent.tsx
-function createFlowRemoteComponent(tag, flowComponentTag, Element = customElements.get(tag), { slotProps = true, eventProps = {} } = {}) {
-	const element = createRemoteComponent(tag, Element, {
-		slotProps,
-		eventProps
-	});
-	if (isFlowComponentName(flowComponentTag)) return flowComponent(flowComponentTag, (p) => {
-		return createElement(element, p, p.children);
-	}, { isRemoteComponent: true });
-	return element;
+import { isFlowComponentName, flowComponent } from '@mittwald/flow-react-components/internal';
+import { createElement } from 'react';
+import { createRemoteComponent } from '../lib/createRemoteComponent.mjs';
+
+function createFlowRemoteComponent(tag, flowComponentTag, Element = customElements.get(tag), {
+  slotProps = true,
+  eventProps = {}
+} = {}) {
+  const element = createRemoteComponent(tag, Element, {
+    slotProps,
+    eventProps
+  });
+  if (isFlowComponentName(flowComponentTag)) {
+    return flowComponent(
+      flowComponentTag,
+      (p) => {
+        return createElement(element, p, p.children);
+      },
+      {
+        isRemoteComponent: true
+      }
+    );
+  }
+  return element;
 }
-//#endregion
-export { createFlowRemoteComponent as default };
 
-//# sourceMappingURL=createFlowRemoteComponent.mjs.map
+export { createFlowRemoteComponent, createFlowRemoteComponent as default };
+//# sourceMappingURL=createFlowRemoteComponent.mjs.map

package/dist/js/components/createFlowRemoteComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createFlowRemoteComponent.mjs","names":[],"sources":["../../../src/components/createFlowRemoteComponent.tsx"],"sourcesContent":["import type {\n  RemoteComponentOptions,\n  RemoteComponentTypeFromElementConstructor,\n} from \"@mittwald/remote-dom-react\";\nimport {\n  flowComponent,\n  isFlowComponentName,\n} from \"@mittwald/flow-react-components/internal\";\nimport type {\n  RemoteElement,\n  RemoteElementConstructor,\n} from \"@mittwald/flow-remote-core\";\nimport { createElement } from \"react\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\n\n// eslint-disable-next-line  @typescript-eslint/no-explicit-any\ntype AnyRecord = Record<string, any>;\n\nexport function createFlowRemoteComponent<\n  Tag extends keyof HTMLElementTagNameMap,\n  ElementConstructor extends RemoteElementConstructor<\n    AnyRecord,\n    AnyRecord,\n    AnyRecord,\n    AnyRecord\n  > = HTMLElementTagNameMap[Tag] extends RemoteElement<\n    infer Properties,\n    infer Methods,\n    infer Slots,\n    infer EventListeners\n  >\n    ? RemoteElementConstructor<Properties, Methods, Slots, EventListeners>\n    : never,\n  Props extends AnyRecord = AnyRecord,\n>(\n  tag: Tag,\n  flowComponentTag: string,\n  Element: ElementConstructor | undefined = customElements.get(tag) as never,\n  {\n    slotProps = true,\n    eventProps = {} as never,\n  }: RemoteComponentOptions<ElementConstructor, Props> = {},\n): RemoteComponentTypeFromElementConstructor<ElementConstructor> {\n  const element = createRemoteComponent(tag, Element, {\n    slotProps,\n    eventProps,\n  });\n\n  if (isFlowComponentName(flowComponentTag)) {\n    return flowComponent(\n      flowComponentTag,\n      (p) => {\n        return createElement(element, p as never, p.children);\n      },\n      {\n        isRemoteComponent: true,\n      },\n    ) as never;\n  }\n\n  return element;\n}\n\nexport default createFlowRemoteComponent;\n"],"mappings":";;;;AAkBA,SAAgB,0BAiBd,KACA,kBACA,UAA0C,eAAe,IAAI,GAAG,GAChE,EACE,YAAY,MACZ,aAAa,CAAC,MACuC,CAAC,GACO;CAC/D,MAAM,UAAU,sBAAsB,KAAK,SAAS;EAClD;EACA;CACF,CAAC;CAED,IAAI,oBAAoB,gBAAgB,GACtC,OAAO,cACL,mBACC,MAAM;EACL,OAAO,cAAc,SAAS,GAAY,EAAE,QAAQ;CACtD,GACA,EACE,mBAAmB,KACrB,CACF;CAGF,OAAO;AACT"}
+{"version":3,"file":"createFlowRemoteComponent.mjs","sources":["../../../src/components/createFlowRemoteComponent.tsx"],"sourcesContent":["import type {\n  RemoteComponentOptions,\n  RemoteComponentTypeFromElementConstructor,\n} from \"@mittwald/remote-dom-react\";\nimport {\n  flowComponent,\n  isFlowComponentName,\n} from \"@mittwald/flow-react-components/internal\";\nimport type {\n  RemoteElement,\n  RemoteElementConstructor,\n} from \"@mittwald/flow-remote-core\";\nimport { createElement } from \"react\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\n\n// eslint-disable-next-line  @typescript-eslint/no-explicit-any\ntype AnyRecord = Record<string, any>;\n\nexport function createFlowRemoteComponent<\n  Tag extends keyof HTMLElementTagNameMap,\n  ElementConstructor extends RemoteElementConstructor<\n    AnyRecord,\n    AnyRecord,\n    AnyRecord,\n    AnyRecord\n  > = HTMLElementTagNameMap[Tag] extends RemoteElement<\n    infer Properties,\n    infer Methods,\n    infer Slots,\n    infer EventListeners\n  >\n    ? RemoteElementConstructor<Properties, Methods, Slots, EventListeners>\n    : never,\n  Props extends AnyRecord = AnyRecord,\n>(\n  tag: Tag,\n  flowComponentTag: string,\n  Element: ElementConstructor | undefined = customElements.get(tag) as never,\n  {\n    slotProps = true,\n    eventProps = {} as never,\n  }: RemoteComponentOptions<ElementConstructor, Props> = {},\n): RemoteComponentTypeFromElementConstructor<ElementConstructor> {\n  const element = createRemoteComponent(tag, Element, {\n    slotProps,\n    eventProps,\n  });\n\n  if (isFlowComponentName(flowComponentTag)) {\n    return flowComponent(\n      flowComponentTag,\n      (p) => {\n        return createElement(element, p as never, p.children);\n      },\n      {\n        isRemoteComponent: true,\n      },\n    ) as never;\n  }\n\n  return element;\n}\n\nexport default createFlowRemoteComponent;\n"],"names":[],"mappings":";;;;AAkBO,SAAS,0BAiBd,GAAA,EACA,gBAAA,EACA,UAA0C,cAAA,CAAe,GAAA,CAAI,GAAG,CAAA,EAChE;AAAA,EACE,SAAA,GAAY,IAAA;AAAA,EACZ,aAAa;AACf,CAAA,GAAuD,EAAC,EACO;AAC/D,EAAA,MAAM,OAAA,GAAU,qBAAA,CAAsB,GAAA,EAAK,OAAA,EAAS;AAAA,IAClD,SAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,IAAI,mBAAA,CAAoB,gBAAgB,CAAA,EAAG;AACzC,IAAA,OAAO,aAAA;AAAA,MACL,gBAAA;AAAA,MACA,CAAC,CAAA,KAAM;AACL,QAAA,OAAO,aAAA,CAAc,OAAA,EAAS,CAAA,EAAY,CAAA,CAAE,QAAQ,CAAA;AAAA,MACtD,CAAA;AAAA,MACA;AAAA,QACE,iBAAA,EAAmB;AAAA;AACrB,KACF;AAAA,EACF;AAEA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/js/hooks/useWatchPathname.mjs

@@ -1,26 +1,26 @@
 "use client"
 /* */
-import { useEffect, useRef } from "react";
-//#region src/hooks/useWatchPathname.ts
-var useWatchPathname = (callback) => {
-	if (typeof location === "undefined") return;
-	const storedHref = useRef(location.href);
-	useEffect(() => {
-		/** Need to poll here, because no appropriate browser API exists */
-		const checker = setInterval(() => {
-			const href = location.href;
-			if (href !== storedHref.current) {
-				const url = new URL(href);
-				callback(url.pathname + url.search);
-				storedHref.current = href;
-			}
-		}, 50);
-		return () => {
-			clearInterval(checker);
-		};
-	}, [storedHref]);
+import { useRef, useEffect } from 'react';
+
+const useWatchPathname = (callback) => {
+  if (typeof location === "undefined") {
+    return;
+  }
+  const storedHref = useRef(location.href);
+  useEffect(() => {
+    const checker = setInterval(() => {
+      const href = location.href;
+      if (href !== storedHref.current) {
+        const url = new URL(href);
+        callback(url.pathname + url.search);
+        storedHref.current = href;
+      }
+    }, 50);
+    return () => {
+      clearInterval(checker);
+    };
+  }, [storedHref]);
 };
-//#endregion
-export { useWatchPathname };
 
-//# sourceMappingURL=useWatchPathname.mjs.map
+export { useWatchPathname };
+//# sourceMappingURL=useWatchPathname.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWatchPathname.mjs","names":[],"sources":["../../../src/hooks/useWatchPathname.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\ntype Callback = (pathname: string) => void;\n\nexport const useWatchPathname = (callback: Callback) => {\n  if (typeof location === \"undefined\") {\n    return;\n  }\n\n  const storedHref = useRef(location.href);\n\n  useEffect(() => {\n    /** Need to poll here, because no appropriate browser API exists */\n    const checker = setInterval(() => {\n      const href = location.href;\n      if (href !== storedHref.current) {\n        const url = new URL(href);\n        callback(url.pathname + url.search);\n        storedHref.current = href;\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(checker);\n    };\n  }, [storedHref]);\n};\n"],"mappings":";;AAIA,IAAa,oBAAoB,aAAuB;CACtD,IAAI,OAAO,aAAa,aACtB;CAGF,MAAM,aAAa,OAAO,SAAS,IAAI;CAEvC,gBAAgB;;EAEd,MAAM,UAAU,kBAAkB;GAChC,MAAM,OAAO,SAAS;GACtB,IAAI,SAAS,WAAW,SAAS;IAC/B,MAAM,MAAM,IAAI,IAAI,IAAI;IACxB,SAAS,IAAI,WAAW,IAAI,MAAM;IAClC,WAAW,UAAU;GACvB;EACF,GAAG,EAAE;EAEL,aAAa;GACX,cAAc,OAAO;EACvB;CACF,GAAG,CAAC,UAAU,CAAC;AACjB"}
+{"version":3,"file":"useWatchPathname.mjs","sources":["../../../src/hooks/useWatchPathname.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\ntype Callback = (pathname: string) => void;\n\nexport const useWatchPathname = (callback: Callback) => {\n  if (typeof location === \"undefined\") {\n    return;\n  }\n\n  const storedHref = useRef(location.href);\n\n  useEffect(() => {\n    /** Need to poll here, because no appropriate browser API exists */\n    const checker = setInterval(() => {\n      const href = location.href;\n      if (href !== storedHref.current) {\n        const url = new URL(href);\n        callback(url.pathname + url.search);\n        storedHref.current = href;\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(checker);\n    };\n  }, [storedHref]);\n};\n"],"names":[],"mappings":";;AAIO,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAuB;AACtD,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,IAAA;AAAA,EACF;AAEA,EAAA,MAAM,UAAA,GAAa,MAAA,CAAO,QAAA,CAAS,IAAI,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,MAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AACtB,MAAA,IAAI,IAAA,KAAS,WAAW,OAAA,EAAS;AAC/B,QAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,IAAI,CAAA;AACxB,QAAA,QAAA,CAAS,GAAA,CAAI,QAAA,GAAW,GAAA,CAAI,MAAM,CAAA;AAClC,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB;AAAA,IACF,GAAG,EAAE,CAAA;AAEL,IAAA,OAAO,MAAM;AACX,MAAA,aAAA,CAAc,OAAO,CAAA;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjB;;;;"}