@neveranyart/weaver 1.0.15 → 1.0.17

package/dist/hooks.js

@@ -28,7 +28,6 @@ __export(hooks_exports, {
   useNavigateAnchor: () => useNavigateAnchor,
   useOrbit: () => useOrbit,
   useRawParams: () => useRawParams,
-  useRouteNormalizer: () => useRouteNormalizer,
   useScreen: () => useScreen,
   useScreenCallback: () => useScreenCallback,
   useViewport: () => useViewport
@@ -43,8 +42,8 @@ var import_react = require("react");
 function useScreenCallback(callback, options) {
   (0, import_react.useLayoutEffect)(() => {
     const reportScreen = () => callback({
-      width: document.body.clientWidth,
-      height: document.documentElement.clientHeight
+      width: window.innerWidth,
+      height: window.innerHeight
     });
     if (options?.initialCall) {
       reportScreen();
@@ -57,16 +56,12 @@ function useScreenCallback(callback, options) {
 }
 
 // src/hooks/breakpoints.ts
-function useBreakpoints(breakpoints) {
+function useBreakpoints(breakpoints = [640, 768, 1024, 1280, 1536]) {
   const getBreakpoint = (0, import_react2.useCallback)(
     (width) => {
-      const processingBreakpoints = !breakpoints ? [640, 768, 1024, 1280, 1536] : breakpoints;
-      if (!processingBreakpoints) {
-        throw Error("Uhhh... so you don't want a breakpoint? Just say it.");
-      }
-      let result = processingBreakpoints.length;
-      for (let index = 0; index < processingBreakpoints.length; index++) {
-        if (width < processingBreakpoints[index]) {
+      let result = breakpoints.length;
+      for (let index = 0; index < breakpoints.length; index++) {
+        if (width < breakpoints[index]) {
           result = index;
           break;
         }
@@ -76,7 +71,7 @@ function useBreakpoints(breakpoints) {
     [breakpoints]
   );
   const [breakAt, setBreakAt] = (0, import_react2.useState)(
-    getBreakpoint(document.body.clientWidth)
+    getBreakpoint(window.innerWidth)
   );
   const breakpointCheck = (0, import_react2.useCallback)(
     (latest) => {
@@ -161,11 +156,6 @@ function useOrbit(options) {
 }
 
 // src/hooks/lenisCallback.ts
-var scrollCallbackReason = {
-  Resize: "resize",
-  Scroll: "scroll",
-  Initialize: "initialize"
-};
 function useLenisCallback(callback, options) {
   if (!weaverSetup._lenisInstance) {
     throw Error(
@@ -173,29 +163,15 @@ function useLenisCallback(callback, options) {
     );
   }
   const callbackWrapScroll = (0, import_react5.useCallback)(
-    () => callback(
-      weaverSetup._lenisInstance.actualScroll,
-      scrollCallbackReason.Scroll
-    ),
+    () => callback(weaverSetup._lenisInstance.actualScroll, "scroll"),
     [callback]
   );
   const callbackWrapResize = (0, import_react5.useCallback)(
-    () => callback(
-      weaverSetup._lenisInstance.actualScroll,
-      scrollCallbackReason.Resize
-    ),
+    () => callback(weaverSetup._lenisInstance.actualScroll, "resize"),
     [callback]
   );
-  const intersectOn = (0, import_react5.useMemo)(
-    () => options?.intersectOn,
-    [options?.intersectOn]
-  );
-  const initialCall = (0, import_react5.useMemo)(
-    () => options?.initialCall,
-    [options?.initialCall]
-  );
   useOrbit({
-    target: intersectOn,
+    target: options?.intersectOn,
     events: {
       onIntersect(entry) {
         if (entry.isIntersecting) {
@@ -210,15 +186,12 @@ function useLenisCallback(callback, options) {
     rootMargin: "50% 0px 50% 0px"
   });
   (0, import_react5.useLayoutEffect)(() => {
-    if (!intersectOn) {
+    if (!options?.intersectOn) {
       weaverSetup._lenisInstance.on("scroll", callbackWrapScroll);
       window.addEventListener("resize", callbackWrapResize);
     }
-    if (initialCall) {
-      callback(
-        weaverSetup._lenisInstance.actualScroll,
-        scrollCallbackReason.Initialize
-      );
+    if (options?.initialCall) {
+      callback(weaverSetup._lenisInstance.actualScroll, "initialize");
     }
     return () => {
       weaverSetup._lenisInstance.off("scroll", callbackWrapScroll);
@@ -228,72 +201,62 @@ function useLenisCallback(callback, options) {
     callback,
     callbackWrapResize,
     callbackWrapScroll,
-    initialCall,
-    intersectOn
+    options?.initialCall,
+    options?.intersectOn
   ]);
 }
 
 // src/hooks/mouseCallback.ts
 var import_react6 = require("react");
-var MouseEventDistributor = class {
-  callbacks = /* @__PURE__ */ new Map();
-  eventRegistered = false;
-  constructor() {
-    if (this.eventRegistered) return;
-    window.addEventListener("pointermove", this.callbackLoop.bind(this), {
-      passive: true
-    });
-    this.eventRegistered = true;
-  }
-  addCallbackLoop(id, callback, options) {
-    this.callbacks.set(id, { callback, options });
-  }
-  removeCallbackLoop(id) {
-    this.callbacks.delete(id);
-  }
-  processEvent(event) {
-    const mouse = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    const mouseNormalized = {
-      x: mouse.x / (document.body.clientWidth / 2) - 1,
-      y: mouse.y / (document.documentElement.clientHeight / 2) - 1
-    };
-    return [mouse, mouseNormalized];
-  }
-  callbackLoop(event) {
-    if (event.pointerType !== "mouse") return;
-    const callbacks = this.callbacks.entries();
-    const [mouse, mouseNormalized] = this.processEvent(event);
-    let inspecting = callbacks.next().value;
-    while (inspecting) {
-      if (inspecting[1].options.normalized) {
-        inspecting[1].callback(mouseNormalized);
-      } else {
-        inspecting[1].callback(mouse);
+function useMouseCallback(callback, options) {
+  const callbackWrapScroll = (0, import_react6.useCallback)(
+    () => callback(window.scrollY, "scroll"),
+    [callback]
+  );
+  const callbackWrapResize = (0, import_react6.useCallback)(
+    () => callback(window.scrollY, "resize"),
+    [callback]
+  );
+  useOrbit({
+    target: options?.intersectOn,
+    events: {
+      onIntersect(entry) {
+        if (entry.isIntersecting) {
+          window.addEventListener("scroll", callbackWrapScroll);
+          window.addEventListener("resize", callbackWrapResize);
+        } else {
+          window.removeEventListener("scroll", callbackWrapScroll);
+          window.removeEventListener("resize", callbackWrapResize);
+        }
       }
-      inspecting = callbacks.next().value;
-    }
-  }
-};
-var distributor = new MouseEventDistributor();
-function useMouseCallback(callback, options = {
-  normalized: true
-}) {
-  const id = (0, import_react6.useId)();
+    },
+    rootMargin: "50% 0px 50% 0px"
+  });
   (0, import_react6.useLayoutEffect)(() => {
-    distributor.addCallbackLoop(id, callback, options);
+    if (!options?.intersectOn) {
+      window.addEventListener("scroll", callbackWrapScroll);
+      window.addEventListener("resize", callbackWrapResize);
+    }
+    if (options?.initialCall) {
+      callback(window.scrollY, "initialize");
+    }
     return () => {
-      distributor.removeCallbackLoop(id);
+      window.removeEventListener("scroll", callbackWrapScroll);
+      window.removeEventListener("resize", callbackWrapResize);
     };
-  }, [callback, id, options]);
+  }, [
+    callback,
+    callbackWrapResize,
+    callbackWrapScroll,
+    options?.initialCall,
+    options?.intersectOn
+  ]);
 }
 
 // src/hooks/navigateAnchor.ts
 var import_react7 = require("react");
 var import_react_router = require("react-router");
-function useNavigateAnchor(onNavigate) {
+function useNavigateAnchor(onNavigate, onSameRoute) {
   const navigate = (0, import_react_router.useNavigate)();
   return (0, import_react7.useCallback)(
     (event) => {
@@ -305,56 +268,34 @@ function useNavigateAnchor(onNavigate) {
         }
         if (href !== window.location.pathname) {
           navigate(event.currentTarget.getAttribute("href") ?? "");
+        } else {
+          if (onSameRoute) {
+            onSameRoute();
+          }
         }
       }
     },
-    [onNavigate, navigate]
+    [onNavigate, navigate, onSameRoute]
   );
 }
 
 // src/hooks/rawParams.ts
 var import_react_router2 = require("react-router");
-function useRawParams(prefix, limit) {
+function useRawParams() {
   const { pathname } = (0, import_react_router2.useLocation)();
-  const prefixedPath = pathname.replace(new RegExp(prefix), "");
-  if (prefixedPath === pathname) {
-    return [];
-  }
-  return prefixedPath.split("/").filter((param) => param !== "").slice(limit);
-}
-
-// src/hooks/routeNormalizer.ts
-var import_react8 = require("react");
-var import_react_router3 = require("react-router");
-function useRouteNormalizer(options) {
-  const { pathname } = (0, import_react_router3.useLocation)();
-  const navigate = (0, import_react_router3.useNavigate)();
-  const normalizer = (0, import_react8.useCallback)(
-    (input) => input.replace(/\/+\//g, () => "/"),
-    []
-  );
-  (0, import_react8.useLayoutEffect)(() => {
-    const result = normalizer(pathname);
-    if (options.autoReplace && result !== pathname) {
-      window.location.replace(result);
-    }
-  }, [options.autoReplace, pathname, navigate, normalizer]);
-  return {
-    pathname,
-    normalizer
-  };
+  return pathname.split("/").filter((param) => param !== "");
 }
 
 // src/hooks/screen.ts
-var import_react9 = require("react");
+var import_react8 = require("react");
 function useScreen() {
-  const [width, setWidth] = (0, import_react9.useState)(document.body.clientWidth);
-  const [height, setHeight] = (0, import_react9.useState)(document.documentElement.clientHeight);
-  const setScreen = (0, import_react9.useCallback)(() => {
-    setWidth(document.body.clientWidth);
-    setHeight(document.documentElement.clientHeight);
+  const [width, setWidth] = (0, import_react8.useState)(window.innerWidth);
+  const [height, setHeight] = (0, import_react8.useState)(window.innerHeight);
+  const setScreen = (0, import_react8.useCallback)(() => {
+    setWidth(window.innerWidth);
+    setHeight(window.innerHeight);
   }, []);
-  (0, import_react9.useLayoutEffect)(() => {
+  (0, import_react8.useLayoutEffect)(() => {
     window.addEventListener("resize", setScreen, { passive: true });
     return () => {
       window.removeEventListener("resize", setScreen);
@@ -365,12 +306,12 @@ function useScreen() {
 
 // src/hooks/viewport.ts
 var import_fiber = require("@react-three/fiber");
-var import_react10 = require("react");
+var import_react9 = require("react");
 function useViewport(customCamera) {
   const { viewport, camera } = (0, import_fiber.useThree)();
-  const [width, setWidth] = (0, import_react10.useState)(viewport.getCurrentViewport().width);
-  const [height, setHeight] = (0, import_react10.useState)(viewport.getCurrentViewport().height);
-  const viewportUpdate = (0, import_react10.useCallback)(() => {
+  const [width, setWidth] = (0, import_react9.useState)(viewport.getCurrentViewport().width);
+  const [height, setHeight] = (0, import_react9.useState)(viewport.getCurrentViewport().height);
+  const viewportUpdate = (0, import_react9.useCallback)(() => {
     const actualViewport = viewport.getCurrentViewport(customCamera ?? camera);
     setWidth(actualViewport.width);
     setHeight(actualViewport.height);
@@ -388,7 +329,6 @@ function useViewport(customCamera) {
   useNavigateAnchor,
   useOrbit,
   useRawParams,
-  useRouteNormalizer,
   useScreen,
   useScreenCallback,
   useViewport

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/index.ts","../src/hooks/breakpoints.ts","../src/hooks/screenCallback.ts","../src/hooks/effectOnce.ts","../src/hooks/lenisCallback.ts","../src/setup.ts","../src/hooks/orbit.ts","../src/hooks/mouseCallback.ts","../src/hooks/navigateAnchor.ts","../src/hooks/rawParams.ts","../src/hooks/routeNormalizer.ts","../src/hooks/screen.ts","../src/hooks/viewport.ts"],"sourcesContent":["import { useBreakpoints } from './breakpoints';\nimport { useEffectOnce, useLayoutEffectOnce } from './effectOnce';\nimport { useLenisCallback } from './lenisCallback';\nimport { useMouseCallback } from './mouseCallback';\nimport { useNavigateAnchor } from './navigateAnchor';\nimport { useOrbit } from './orbit';\nimport { useRawParams } from './rawParams';\nimport { useRouteNormalizer } from './routeNormalizer';\nimport { useScreen } from './screen';\nimport { useScreenCallback } from './screenCallback';\nimport { useViewport } from './viewport';\n\nexport {\n  useBreakpoints,\n  useEffectOnce,\n  useLayoutEffectOnce,\n  useLenisCallback,\n  useMouseCallback,\n  useNavigateAnchor,\n  useOrbit,\n  useRawParams,\n  useRouteNormalizer,\n  useScreen,\n  useScreenCallback,\n  useViewport,\n};\n","import { useCallback, useState } from 'react';\nimport { useScreenCallback } from './screenCallback';\n\nexport function useBreakpoints(breakpoints?: number[] | null) {\n  const getBreakpoint = useCallback(\n    (width: number) => {\n      const processingBreakpoints = !breakpoints\n        ? [640, 768, 1024, 1280, 1536]\n        : breakpoints;\n\n      if (!processingBreakpoints) {\n        throw Error(\"Uhhh... so you don't want a breakpoint? Just say it.\");\n      }\n\n      let result = processingBreakpoints!.length;\n      for (let index = 0; index < processingBreakpoints!.length; index++) {\n        if (width < processingBreakpoints![index]) {\n          result = index;\n          break;\n        }\n      }\n\n      return result;\n    },\n    [breakpoints]\n  );\n\n  const [breakAt, setBreakAt] = useState<number>(\n    getBreakpoint(document.body.clientWidth)\n  );\n\n  const breakpointCheck = useCallback(\n    (latest: { width: number; height: number }) => {\n      const result = getBreakpoint(latest.width);\n      if (result !== breakAt) {\n        setBreakAt(result);\n      }\n    },\n    [breakAt, getBreakpoint]\n  );\n  useScreenCallback(breakpointCheck);\n\n  return breakAt;\n}\n","import { useLayoutEffect } from 'react';\n\nexport interface ScreenCallbackValues {\n  width: number;\n  height: number;\n}\n\ntype Callback = (props: ScreenCallbackValues) => void;\n\nexport function useScreenCallback(\n  callback: Callback,\n  options?: { initialCall?: boolean }\n) {\n  useLayoutEffect(() => {\n    const reportScreen = () =>\n      callback({\n        width: document.body.clientWidth,\n        height: document.documentElement.clientHeight,\n      });\n\n    // Call it first time when the hook was initialized.\n    if (options?.initialCall) {\n      reportScreen();\n    }\n\n    window.addEventListener('resize', reportScreen, { passive: true });\n\n    return () => {\n      window.removeEventListener('resize', reportScreen);\n    };\n  }, [callback, options?.initialCall]);\n}\n","import { useEffect, useLayoutEffect } from 'react';\n\nexport function useEffectOnce(callback: React.EffectCallback) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(callback, []);\n}\n\nexport function useLayoutEffectOnce(callback: React.EffectCallback) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(callback, []);\n}\n","import { type RefObject, useCallback, useLayoutEffect, useMemo } from 'react';\nimport { weaverSetup } from '../setup';\nimport { useOrbit } from './orbit';\n\ninterface HookOptions {\n  /**\n   * Hook will report when first initialized without waiting for scroll event to actually happens.\n   */\n  initialCall?: boolean;\n  /**\n   * Set an element to only call when the element is actually entering the viewport (with 25% `rootMargin`).\n   */\n  intersectOn?: RefObject<HTMLOrSVGElement | null>;\n}\n\nexport const scrollCallbackReason = {\n  Resize: 'resize',\n  Scroll: 'scroll',\n  Initialize: 'initialize',\n} as const;\nexport type ScrollCallbackReason =\n  (typeof scrollCallbackReason)[keyof typeof scrollCallbackReason];\n\ntype Callback = (latest: number, reason: ScrollCallbackReason) => void;\n\nexport function useLenisCallback(callback: Callback, options?: HookOptions) {\n  if (!weaverSetup._lenisInstance) {\n    throw Error(\n      \"useLenisCallback won't work without a lenis instance. Provide one via weaverSetup.setLenisInstance\"\n    );\n  }\n\n  const callbackWrapScroll = useCallback(\n    () =>\n      callback(\n        weaverSetup._lenisInstance!.actualScroll,\n        scrollCallbackReason.Scroll\n      ),\n    [callback]\n  );\n  const callbackWrapResize = useCallback(\n    () =>\n      callback(\n        weaverSetup._lenisInstance!.actualScroll,\n        scrollCallbackReason.Resize\n      ),\n    [callback]\n  );\n\n  const intersectOn = useMemo(\n    () => options?.intersectOn,\n    [options?.intersectOn]\n  );\n  const initialCall = useMemo(\n    () => options?.initialCall,\n    [options?.initialCall]\n  );\n\n  useOrbit({\n    target: intersectOn as RefObject<HTMLElement | null> | undefined,\n    events: {\n      onIntersect(entry) {\n        if (entry.isIntersecting) {\n          weaverSetup._lenisInstance!.on('scroll', callbackWrapScroll);\n          window.addEventListener('resize', callbackWrapResize);\n        } else {\n          weaverSetup._lenisInstance!.off('scroll', callbackWrapScroll);\n          window.removeEventListener('resize', callbackWrapResize);\n        }\n      },\n    },\n    rootMargin: '50% 0px 50% 0px',\n  });\n\n  useLayoutEffect(() => {\n    if (!intersectOn) {\n      weaverSetup._lenisInstance!.on('scroll', callbackWrapScroll);\n      window.addEventListener('resize', callbackWrapResize);\n    }\n\n    if (initialCall) {\n      callback(\n        weaverSetup._lenisInstance!.actualScroll,\n        scrollCallbackReason.Initialize\n      );\n    }\n\n    return () => {\n      weaverSetup._lenisInstance!.off('scroll', callbackWrapScroll);\n      window.removeEventListener('resize', callbackWrapResize);\n    };\n  }, [\n    callback,\n    callbackWrapResize,\n    callbackWrapScroll,\n    initialCall,\n    intersectOn,\n  ]);\n}\n","import Lenis from 'lenis';\nimport { ReactNode } from 'react';\n\nexport type BasicTunnelIn = ({ children }: { children: ReactNode }) => null;\n\nclass WeaverSetup {\n  /**\n   * This variable is handled internally by weaver. **Do not use**.\n   */\n  get _lenisInstance(): Lenis | undefined {\n    return (globalThis as any).__weaverLenis;\n  }\n  set _lenisInstance(val: Lenis | undefined) {\n    (globalThis as any).__weaverLenis = val;\n  }\n\n  /**\n   * This variable is handled internally by weaver. **Do not use**.\n   */\n  get _Default3DTunnelIn(): BasicTunnelIn | undefined {\n    return (globalThis as any).__weaver3DTunnel;\n  }\n  set _Default3DTunnelIn(val: BasicTunnelIn | undefined) {\n    (globalThis as any).__weaver3DTunnel = val;\n  }\n\n  setLenisInstance(instance: Lenis) {\n    this._lenisInstance = instance;\n  }\n  set3DTunnel(tunnelIn: BasicTunnelIn) {\n    this._Default3DTunnelIn = tunnelIn;\n  }\n}\n\nexport const weaverSetup = new WeaverSetup();\n","import { type RefObject, useLayoutEffect } from 'react';\n\n/**\n * A simple Orbit hook.\n *\n * @param target HTML element ref to attach to.\n * @param events Specify which events should the orbit tracks.\n */\nexport function useOrbit(options: {\n  target?: RefObject<HTMLElement | null>;\n  events: {\n    onResize?: (entry: ResizeObserverEntry) => void;\n    onIntersect?: (entry: IntersectionObserverEntry) => void;\n  };\n  rootMargin?: string;\n}) {\n  const { onResize, onIntersect } = options.events;\n  const { rootMargin = '25% 0px 25% 0px' } = options;\n\n  useLayoutEffect(() => {\n    if (!options.target) return;\n    if (!options.target.current) return;\n\n    let orbitResize = undefined;\n    if (onResize) {\n      orbitResize = new ResizeObserver((entries) => onResize(entries[0]));\n      orbitResize.observe(options.target.current);\n    }\n    let orbitIntersect = undefined;\n    if (onIntersect) {\n      orbitIntersect = new IntersectionObserver(\n        (entries) => onIntersect(entries[0]),\n        { rootMargin }\n      );\n      orbitIntersect.observe(options.target.current);\n    }\n\n    return () => {\n      orbitResize?.disconnect();\n      orbitIntersect?.disconnect();\n    };\n  }, [onIntersect, onResize, rootMargin, options.target]);\n}\n","import { useId, useLayoutEffect } from 'react';\n\nexport interface MousePositionValues {\n  x: number;\n  y: number;\n}\n\ninterface MouseCallback {\n  callback: (latest: MousePositionValues) => void;\n  options: HookOptions;\n}\n\ninterface HookOptions {\n  normalized?: boolean;\n}\n\ntype Callback = (latest: MousePositionValues) => void;\n\nclass MouseEventDistributor {\n  private callbacks = new Map<string, MouseCallback>();\n  private eventRegistered = false;\n\n  constructor() {\n    if (this.eventRegistered) return;\n\n    window.addEventListener('pointermove', this.callbackLoop.bind(this), {\n      passive: true,\n    });\n\n    this.eventRegistered = true;\n  }\n\n  addCallbackLoop(\n    id: string,\n    callback: (latest: MousePositionValues) => void,\n    options: HookOptions\n  ) {\n    this.callbacks.set(id, { callback, options });\n  }\n\n  removeCallbackLoop(id: string) {\n    this.callbacks.delete(id);\n  }\n\n  private processEvent(event: PointerEvent) {\n    const mouse = {\n      x: event.clientX,\n      y: event.clientY,\n    };\n    const mouseNormalized = {\n      x: mouse.x / (document.body.clientWidth / 2) - 1,\n      y: mouse.y / (document.documentElement.clientHeight / 2) - 1,\n    };\n\n    return [mouse, mouseNormalized];\n  }\n\n  private callbackLoop(event: PointerEvent) {\n    if (event.pointerType !== 'mouse') return;\n\n    const callbacks = this.callbacks.entries();\n    const [mouse, mouseNormalized] = this.processEvent(event);\n\n    let inspecting = callbacks.next().value;\n    while (inspecting) {\n      if (inspecting[1].options.normalized) {\n        inspecting[1].callback(mouseNormalized);\n      } else {\n        inspecting[1].callback(mouse);\n      }\n\n      inspecting = callbacks.next().value;\n    }\n  }\n}\n\nconst distributor = new MouseEventDistributor();\n\nexport function useMouseCallback(\n  callback: Callback,\n  options: HookOptions = {\n    normalized: true,\n  }\n) {\n  const id = useId();\n\n  useLayoutEffect(() => {\n    distributor.addCallbackLoop(id, callback, options);\n\n    return () => {\n      distributor.removeCallbackLoop(id);\n    };\n  }, [callback, id, options]);\n}\n","import { useCallback } from 'react';\nimport { useNavigate } from 'react-router';\n\nexport function useNavigateAnchor(onNavigate?: () => void) {\n  const navigate = useNavigate();\n\n  return useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      event.preventDefault();\n      const href = event.currentTarget.getAttribute('href');\n      if (href) {\n        if (onNavigate) {\n          onNavigate();\n        }\n\n        if (href !== window.location.pathname) {\n          navigate(event.currentTarget.getAttribute('href') ?? '');\n        }\n      }\n    },\n    [onNavigate, navigate]\n  );\n}\n","import { useLocation } from 'react-router';\n\nexport function useRawParams(\n  prefix: string,\n  limit?: number\n): (string | undefined)[] {\n  const { pathname } = useLocation();\n\n  const prefixedPath = pathname.replace(new RegExp(prefix), '');\n  if (prefixedPath === pathname) {\n    return [];\n  }\n\n  return prefixedPath\n    .split('/')\n    .filter((param) => param !== '')\n    .slice(limit);\n}\n","import { useCallback, useLayoutEffect } from 'react';\nimport { useLocation, useNavigate } from 'react-router';\n\nexport function useRouteNormalizer(options: { autoReplace: boolean }) {\n  const { pathname } = useLocation();\n  const navigate = useNavigate();\n\n  const normalizer = useCallback(\n    (input: string) => input.replace(/\\/+\\//g, () => '/'),\n    []\n  );\n\n  useLayoutEffect(() => {\n    const result = normalizer(pathname);\n    if (options.autoReplace && result !== pathname) {\n      window.location.replace(result);\n    }\n  }, [options.autoReplace, pathname, navigate, normalizer]);\n\n  return {\n    pathname,\n    normalizer,\n  };\n}\n","import { useCallback, useLayoutEffect, useState } from 'react';\n\nexport function useScreen() {\n  const [width, setWidth] = useState(document.body.clientWidth);\n  const [height, setHeight] = useState(document.documentElement.clientHeight);\n\n  const setScreen = useCallback(() => {\n    setWidth(document.body.clientWidth);\n    setHeight(document.documentElement.clientHeight);\n  }, []);\n\n  useLayoutEffect(() => {\n    window.addEventListener('resize', setScreen, { passive: true });\n\n    return () => {\n      window.removeEventListener('resize', setScreen);\n    };\n  }, [setScreen]);\n\n  return { width: width, height: height };\n}\n","import { useThree } from '@react-three/fiber';\nimport { useCallback, useState } from 'react';\nimport { OrthographicCamera, PerspectiveCamera } from 'three';\nimport { useScreenCallback } from './screenCallback';\n\nexport function useViewport(\n  customCamera?: OrthographicCamera | PerspectiveCamera\n) {\n  const { viewport, camera } = useThree();\n\n  const [width, setWidth] = useState(viewport.getCurrentViewport().width);\n  const [height, setHeight] = useState(viewport.getCurrentViewport().height);\n\n  const viewportUpdate = useCallback(() => {\n    const actualViewport = viewport.getCurrentViewport(customCamera ?? camera);\n    setWidth(actualViewport.width);\n    setHeight(actualViewport.height);\n  }, [camera, customCamera, viewport]);\n  useScreenCallback(viewportUpdate);\n\n  return { width: width, height: height };\n}\n"],"mappings":"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","names":["import_react","import_react","import_react","import_react","import_react","import_react","import_react_router","import_react","import_react_router","import_react","import_react"]}
+{"version":3,"sources":["../src/hooks/index.ts","../src/hooks/breakpoints.ts","../src/hooks/screenCallback.ts","../src/hooks/effectOnce.ts","../src/hooks/lenisCallback.ts","../src/setup.ts","../src/hooks/orbit.ts","../src/hooks/mouseCallback.ts","../src/hooks/navigateAnchor.ts","../src/hooks/rawParams.ts","../src/hooks/screen.ts","../src/hooks/viewport.ts"],"sourcesContent":["import { useBreakpoints } from './breakpoints';\nimport { useEffectOnce, useLayoutEffectOnce } from './effectOnce';\nimport { useLenisCallback } from './lenisCallback';\nimport { useMouseCallback } from './mouseCallback';\nimport { useNavigateAnchor } from './navigateAnchor';\nimport { useOrbit } from './orbit';\nimport { useRawParams } from './rawParams';\nimport { useScreen } from './screen';\nimport { useScreenCallback } from './screenCallback';\nimport { useViewport } from './viewport';\n\nexport {\n  useBreakpoints,\n  useEffectOnce,\n  useLayoutEffectOnce,\n  useLenisCallback,\n  useMouseCallback,\n  useNavigateAnchor,\n  useOrbit,\n  useRawParams,\n  useScreen,\n  useScreenCallback,\n  useViewport,\n};\n","import { useCallback, useState } from 'react';\nimport { useScreenCallback } from './screenCallback';\n\n/**\n * A screen size hook to change components when media-query isn't viable. For example, swap out\n * components when screen gets too small, changing layout of a 3D scene to match the size.\n *\n * The value passed in must be sorted in ascending order.\n *\n * The hooks return where the screen size belong inbetween, for example:\n *\n * ```\n * Input:   \" 640 768 1024 1280 1536 \"\n *           |   |   |    |    |    |\n * Returns:  0   1   2    3    4    5\n * ```\n *\n * @param breakpoints Default value is TailwindCSS's screen sizes:\n * `[640, 768, 1024, 1280, 1536]`\n *\n * @returns A number from `0` to `breakpoints.length + 1` depends on screen sizes.\n */\nexport function useBreakpoints(\n  breakpoints: number[] = [640, 768, 1024, 1280, 1536]\n) {\n  const getBreakpoint = useCallback(\n    (width: number) => {\n      let result = breakpoints!.length;\n      for (let index = 0; index < breakpoints!.length; index++) {\n        if (width < breakpoints![index]) {\n          result = index;\n          break;\n        }\n      }\n\n      return result;\n    },\n    [breakpoints]\n  );\n\n  const [breakAt, setBreakAt] = useState<number>(\n    getBreakpoint(window.innerWidth)\n  );\n\n  const breakpointCheck = useCallback(\n    (latest: { width: number; height: number }) => {\n      const result = getBreakpoint(latest.width);\n      if (result !== breakAt) {\n        setBreakAt(result);\n      }\n    },\n    [breakAt, getBreakpoint]\n  );\n  useScreenCallback(breakpointCheck);\n\n  return breakAt;\n}\n","import { useLayoutEffect } from 'react';\n\nexport interface ScreenCallbackValues {\n  width: number;\n  height: number;\n}\n\ntype Callback = (props: ScreenCallbackValues) => void;\n\n/**\n * A callback-based screen hook. Recommended.\n */\nexport function useScreenCallback(\n  callback: Callback,\n  options?: { initialCall?: boolean }\n) {\n  useLayoutEffect(() => {\n    const reportScreen = () =>\n      callback({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n\n    // Call it first time when the hook was initialized.\n    if (options?.initialCall) {\n      reportScreen();\n    }\n\n    window.addEventListener('resize', reportScreen, { passive: true });\n\n    return () => {\n      window.removeEventListener('resize', reportScreen);\n    };\n  }, [callback, options?.initialCall]);\n}\n","import { useEffect, useLayoutEffect } from 'react';\n\n/**\n * Effect to run once on mount/unmount, ignore all cautions.\n *\n * Strict mode still make this effect runs twice, but never by a state change.\n *\n * Used for initialization, clean up.\n */\nexport function useEffectOnce(callback: React.EffectCallback) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(callback, []);\n}\n\n/**\n * Effect to run once on mount/unmount, ignore all cautions.\n *\n * Strict mode still make this effect runs twice, but never by a state change.\n *\n * Used for initialization, clean up.\n */\nexport function useLayoutEffectOnce(callback: React.EffectCallback) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(callback, []);\n}\n","import { type RefObject, useCallback, useLayoutEffect } from 'react';\nimport { weaverSetup } from '../setup';\nimport { useOrbit } from './orbit';\n\ninterface HookOptions {\n  /**\n   * Hook will report when first initialized without waiting for scroll event to actually happens.\n   */\n  initialCall?: boolean;\n  /**\n   * Set an element to only call when the element is actually entering the viewport (with 25% `rootMargin`).\n   */\n  intersectOn?: RefObject<HTMLOrSVGElement | null>;\n}\n\nexport type ScrollCallbackReason = 'resize' | 'scroll' | 'initialize';\n\n/**\n * A lenis scroll hook.\n *\n * This hook calls many time and repeated. Update states inside this hook carefully to avoid performance issues.\n */\nexport function useLenisCallback(\n  callback: (latest: number, reason: ScrollCallbackReason) => void,\n  options?: HookOptions\n) {\n  if (!weaverSetup._lenisInstance) {\n    throw Error(\n      \"useLenisCallback won't work without a lenis instance. Provide one via weaverSetup.setLenisInstance\"\n    );\n  }\n\n  const callbackWrapScroll = useCallback(\n    () => callback(weaverSetup._lenisInstance!.actualScroll, 'scroll'),\n    [callback]\n  );\n  const callbackWrapResize = useCallback(\n    () => callback(weaverSetup._lenisInstance!.actualScroll, 'resize'),\n    [callback]\n  );\n\n  useOrbit({\n    target: options?.intersectOn as RefObject<HTMLElement | null> | undefined,\n    events: {\n      onIntersect(entry) {\n        if (entry.isIntersecting) {\n          weaverSetup._lenisInstance!.on('scroll', callbackWrapScroll);\n          window.addEventListener('resize', callbackWrapResize);\n        } else {\n          weaverSetup._lenisInstance!.off('scroll', callbackWrapScroll);\n          window.removeEventListener('resize', callbackWrapResize);\n        }\n      },\n    },\n    rootMargin: '50% 0px 50% 0px',\n  });\n\n  useLayoutEffect(() => {\n    if (!options?.intersectOn) {\n      weaverSetup._lenisInstance!.on('scroll', callbackWrapScroll);\n      window.addEventListener('resize', callbackWrapResize);\n    }\n\n    if (options?.initialCall) {\n      callback(weaverSetup._lenisInstance!.actualScroll, 'initialize');\n    }\n\n    return () => {\n      weaverSetup._lenisInstance!.off('scroll', callbackWrapScroll);\n      window.removeEventListener('resize', callbackWrapResize);\n    };\n  }, [\n    callback,\n    callbackWrapResize,\n    callbackWrapScroll,\n    options?.initialCall,\n    options?.intersectOn,\n  ]);\n}\n","import Lenis from 'lenis';\nimport { ReactNode } from 'react';\n\nexport type BasicTunnelIn = ({ children }: { children: ReactNode }) => null;\n\nclass WeaverSetup {\n  /**\n   * This variable is handled internally by weaver. **Do not use**.\n   */\n  get _lenisInstance(): Lenis | undefined {\n    return (globalThis as any).__weaverLenis;\n  }\n  set _lenisInstance(val: Lenis | undefined) {\n    (globalThis as any).__weaverLenis = val;\n  }\n\n  /**\n   * This variable is handled internally by weaver. **Do not use**.\n   */\n  get _Default3DTunnelIn(): BasicTunnelIn | undefined {\n    return (globalThis as any).__weaver3DTunnel;\n  }\n  set _Default3DTunnelIn(val: BasicTunnelIn | undefined) {\n    (globalThis as any).__weaver3DTunnel = val;\n  }\n\n  setLenisInstance(instance: Lenis) {\n    this._lenisInstance = instance;\n  }\n  set3DTunnel(tunnelIn: BasicTunnelIn) {\n    this._Default3DTunnelIn = tunnelIn;\n  }\n}\n\nexport const weaverSetup = new WeaverSetup();\n","import { type RefObject, useLayoutEffect } from 'react';\n\n/**\n * A simple Orbit hook for ResizeObserver and IntersectionObserver.\n *\n * @param target HTML element ref to attach to.\n * @param events Specify which events should the orbit tracks.\n * @param rootMargin Adjust `rootMargin` option for `IntersectionObserver`.\n */\nexport function useOrbit(options: {\n  target?: RefObject<HTMLElement | null>;\n  events: {\n    onResize?: (entry: ResizeObserverEntry) => void;\n    onIntersect?: (entry: IntersectionObserverEntry) => void;\n  };\n  rootMargin?: string;\n}) {\n  const { onResize, onIntersect } = options.events;\n  const { rootMargin = '25% 0px 25% 0px' } = options;\n\n  useLayoutEffect(() => {\n    if (!options.target) return;\n    if (!options.target.current) return;\n\n    let orbitResize = undefined;\n    if (onResize) {\n      orbitResize = new ResizeObserver((entries) => onResize(entries[0]));\n      orbitResize.observe(options.target.current);\n    }\n    let orbitIntersect = undefined;\n    if (onIntersect) {\n      orbitIntersect = new IntersectionObserver(\n        (entries) => onIntersect(entries[0]),\n        { rootMargin }\n      );\n      orbitIntersect.observe(options.target.current);\n    }\n\n    return () => {\n      orbitResize?.disconnect();\n      orbitIntersect?.disconnect();\n    };\n  }, [onIntersect, onResize, rootMargin, options.target]);\n}\n","import { type RefObject, useCallback, useLayoutEffect } from 'react';\nimport { useOrbit } from './orbit';\n\ninterface HookOptions {\n  /**\n   * Hook will report when first initialized without waiting for scroll event to actually happens.\n   */\n  initialCall?: boolean;\n  /**\n   * Set an element to only call when the element is actually entering the viewport (with 25% `rootMargin`).\n   */\n  intersectOn?: RefObject<HTMLOrSVGElement | null>;\n}\n\nexport type ScrollCallbackReason = 'resize' | 'scroll' | 'initialize';\n\n/**\n * A DOM scroll hook.\n *\n * This hook calls many time and repeated. Update states inside this hook carefully to avoid performance issues.\n *\n * For manipulating elements matches closely with the actual scroll offet, consider use `lenis` and utilize `useLenisCallback`.\n */\nexport function useMouseCallback(\n  callback: (latest: number, reason: ScrollCallbackReason) => void,\n  options?: HookOptions\n) {\n  const callbackWrapScroll = useCallback(\n    () => callback(window.scrollY, 'scroll'),\n    [callback]\n  );\n  const callbackWrapResize = useCallback(\n    () => callback(window.scrollY, 'resize'),\n    [callback]\n  );\n\n  useOrbit({\n    target: options?.intersectOn as RefObject<HTMLElement | null> | undefined,\n    events: {\n      onIntersect(entry) {\n        if (entry.isIntersecting) {\n          window.addEventListener('scroll', callbackWrapScroll);\n          window.addEventListener('resize', callbackWrapResize);\n        } else {\n          window.removeEventListener('scroll', callbackWrapScroll);\n          window.removeEventListener('resize', callbackWrapResize);\n        }\n      },\n    },\n    rootMargin: '50% 0px 50% 0px',\n  });\n\n  useLayoutEffect(() => {\n    if (!options?.intersectOn) {\n      window.addEventListener('scroll', callbackWrapScroll);\n      window.addEventListener('resize', callbackWrapResize);\n    }\n\n    if (options?.initialCall) {\n      callback(window.scrollY, 'initialize');\n    }\n\n    return () => {\n      window.removeEventListener('scroll', callbackWrapScroll);\n      window.removeEventListener('resize', callbackWrapResize);\n    };\n  }, [\n    callback,\n    callbackWrapResize,\n    callbackWrapScroll,\n    options?.initialCall,\n    options?.intersectOn,\n  ]);\n}\n","import { useCallback } from 'react';\nimport { useNavigate } from 'react-router';\n\n/**\n * A hook to replace `<Link>` from `react-router`, attach the function to\n * `onClick` event of an anchor tag to overwrites its behavior.\n *\n * Example usage:\n * ```tsx\n * const navigator = useNavigateAnchor();\n *\n * return (\n *   <a href=\"/\" onClick={navigator}>\n *     Navigate\n *   </a>\n * );\n * ```\n *\n * @param onNavigate Calls when a navigation event happens.\n * @param onSameRoute Calls when user is on the same route, no navigation happens.\n * @returns\n */\nexport function useNavigateAnchor(\n  onNavigate?: () => void,\n  onSameRoute?: () => void\n) {\n  const navigate = useNavigate();\n\n  return useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n      event.preventDefault();\n      const href = event.currentTarget.getAttribute('href');\n      if (href) {\n        if (onNavigate) {\n          onNavigate();\n        }\n\n        if (href !== window.location.pathname) {\n          navigate(event.currentTarget.getAttribute('href') ?? '');\n        } else {\n          if (onSameRoute) {\n            onSameRoute();\n          }\n        }\n      }\n    },\n    [onNavigate, navigate, onSameRoute]\n  );\n}\n","import { useLocation } from 'react-router';\n\n/**\n * Routing hook. This hook updates and splits pathname on location change.\n *\n * Great for creating custom routes on the fly under the same parent `Pipeline`.\n */\nexport function useRawParams(): (string | undefined)[] {\n  const { pathname } = useLocation();\n\n  return pathname.split('/').filter((param) => param !== '');\n}\n","import { useCallback, useLayoutEffect, useState } from 'react';\n\n/**\n * A state-based screen hook. It will change its state on resize.\n */\nexport function useScreen() {\n  const [width, setWidth] = useState(window.innerWidth);\n  const [height, setHeight] = useState(window.innerHeight);\n\n  const setScreen = useCallback(() => {\n    setWidth(window.innerWidth);\n    setHeight(window.innerHeight);\n  }, []);\n\n  useLayoutEffect(() => {\n    window.addEventListener('resize', setScreen, { passive: true });\n\n    return () => {\n      window.removeEventListener('resize', setScreen);\n    };\n  }, [setScreen]);\n\n  return { width: width, height: height };\n}\n","import { useThree } from '@react-three/fiber';\nimport { useCallback, useState } from 'react';\nimport { OrthographicCamera, PerspectiveCamera } from 'three';\nimport { useScreenCallback } from './screenCallback';\n\n/**\n * Get current threejs viewport with the actual current.\n */\nexport function useViewport(\n  customCamera?: OrthographicCamera | PerspectiveCamera\n) {\n  const { viewport, camera } = useThree();\n\n  const [width, setWidth] = useState(viewport.getCurrentViewport().width);\n  const [height, setHeight] = useState(viewport.getCurrentViewport().height);\n\n  const viewportUpdate = useCallback(() => {\n    const actualViewport = viewport.getCurrentViewport(customCamera ?? camera);\n    setWidth(actualViewport.width);\n    setHeight(actualViewport.height);\n  }, [camera, customCamera, viewport]);\n  useScreenCallback(viewportUpdate);\n\n  return { width: width, height: height };\n}\n"],"mappings":"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","names":["import_react","import_react","import_react","import_react","import_react","import_react","import_react_router","import_react","import_react"]}