@mittwald/flow-remote-react-components 0.2.0-alpha.865 → 0.2.0-alpha.867

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

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","sources":["../../../src/components/Form.tsx"],"sourcesContent":["\"use client\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\nimport { RemoteFormElement } from \"@mittwald/flow-remote-elements\";\nimport type { ComponentProps, FC } from \"react\";\nimport { startTransition } from \"react\";\nexport { type RemoteFormElement } from \"@mittwald/flow-remote-elements\";\n\nconst BaseForm = createRemoteComponent(\"flr-form\", RemoteFormElement, {\n  eventProps: {\n    onSubmit: { event: \"submit\" } as never,\n  },\n});\n\nexport const Form: FC<ComponentProps<typeof BaseForm>> = (props) => {\n  const { action, ...rest } = props;\n\n  const actionWithContext =\n    action && typeof action === \"function\"\n      ? (formData: FormData) => startTransition(() => action(formData))\n      : action;\n\n  return <BaseForm {...rest} action={actionWithContext} />;\n};\n"],"names":[],"mappings":";;;;;;AAOA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,QAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,iBAAA,CAAA,CAAmB;AAAA,CAAA,CACpE,UAAA,CAAA,CAAY;AAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAS,CAAA,CAAA;AAEhC,CAAC,CAAA;AAEM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA4C,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU;AAClE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;AAE5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,iBAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACxB,CAAC,QAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAA,CAC9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAmB,CAAA;AACxD,CAAA;;"}
+{"version":3,"file":"Form.mjs","names":[],"sources":["../../../src/components/Form.tsx"],"sourcesContent":["\"use client\";\nimport { createRemoteComponent } from \"@/lib/createRemoteComponent\";\nimport { RemoteFormElement } from \"@mittwald/flow-remote-elements\";\nimport type { ComponentProps, FC } from \"react\";\nimport { startTransition } from \"react\";\nexport { type RemoteFormElement } from \"@mittwald/flow-remote-elements\";\n\nconst BaseForm = createRemoteComponent(\"flr-form\", RemoteFormElement, {\n  eventProps: {\n    onSubmit: { event: \"submit\" } as never,\n  },\n});\n\nexport const Form: FC<ComponentProps<typeof BaseForm>> = (props) => {\n  const { action, ...rest } = props;\n\n  const actionWithContext =\n    action && typeof action === \"function\"\n      ? (formData: FormData) => startTransition(() => action(formData))\n      : action;\n\n  return <BaseForm {...rest} action={actionWithContext} />;\n};\n"],"mappings":";;;;;;AAOA,IAAM,WAAW,sBAAsB,YAAY,mBAAmB,EACpE,YAAY,EACV,UAAU,EAAE,OAAO,SAAS,EAC9B,EACF,CAAC;AAED,IAAa,QAA6C,UAAU;CAClE,MAAM,EAAE,QAAQ,GAAG,SAAS;CAE5B,MAAM,oBACJ,UAAU,OAAO,WAAW,cACvB,aAAuB,sBAAsB,OAAO,QAAQ,CAAC,IAC9D;CAEN,OAAO,oBAAC,UAAD;EAAU,GAAI;EAAM,QAAQ;CAAoB,CAAA;AACzD"}

package/dist/js/components/LoadingFallbackTrigger.mjs

@@ -1,19 +1,20 @@
 "use client"
 /* */
-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;
+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;
 };
-
+//#endregion
 export { LoadingFallbackTrigger };
-//# sourceMappingURL=LoadingFallbackTrigger.mjs.map
+
+//# sourceMappingURL=LoadingFallbackTrigger.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

package/dist/js/components/RemoteContextProvider.mjs

@@ -1,18 +1,15 @@
 "use client"
 /* */
-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;
+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;
 };
-
+//#endregion
 export { RemoteContextProvider, useRemoteContext };
-//# sourceMappingURL=RemoteContextProvider.mjs.map
+
+//# sourceMappingURL=RemoteContextProvider.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

package/dist/js/components/createFlowRemoteComponent.mjs

@@ -1,30 +1,20 @@
 "use client"
 /* */
-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;
+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;
 }
+//#endregion
+export { createFlowRemoteComponent as default };
 
-export { createFlowRemoteComponent, createFlowRemoteComponent as default };
-//# sourceMappingURL=createFlowRemoteComponent.mjs.map
+//# sourceMappingURL=createFlowRemoteComponent.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}

package/dist/js/components/index.mjs

@@ -0,0 +1,14 @@
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import "./FlowRemoteUniversal.mjs";
+import { Form } from "./Form.mjs";
+import { LoadingFallbackTrigger } from "./LoadingFallbackTrigger.mjs";
+export * from "@mittwald/flow-react-components/flr-universal";
+//#region src/components/index.ts
+var components_exports = /* @__PURE__ */ __exportAll({
+	Form: () => Form,
+	LoadingFallbackTrigger: () => LoadingFallbackTrigger
+});
+//#endregion
+export { components_exports };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./FlowRemoteUniversal\";\nexport * from \"./Form\";\nexport * from \"./LoadingFallbackTrigger\";\n"],"mappings":""}

package/dist/js/hooks/useWatchPathname.mjs

@@ -1,26 +1,26 @@
 "use client"
 /* */
-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]);
+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]);
 };
-
+//#endregion
 export { useWatchPathname };
-//# sourceMappingURL=useWatchPathname.mjs.map
+
+//# sourceMappingURL=useWatchPathname.mjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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"}