kiru 0.51.0-preview.1 → 0.51.0

package/src/router/types.ts

@@ -15,6 +15,7 @@ export interface FileRouterPreloadConfig {
   params: RouteParams
   query: RouteQuery
   route: string
+  cacheData: null | { value: unknown }
 }
 
 export interface FileRouterConfig {
@@ -91,25 +92,54 @@ export interface RouterState {
 
 type PageDataLoaderContext = RouterState & {}
 
+export interface PageDataLoaderCacheConfig {
+  type: "memory" | "localStorage" | "sessionStorage"
+  ttl: number
+}
+
 export type PageDataLoaderConfig<T = unknown> = {
   /**
    * The function to load the page data
    */
   load: (context: PageDataLoaderContext) => Promise<T>
+} & (
+  | {
+      /**
+       * The mode to use for the page data loader
+       * @default "client"
+       * @description
+       * - **static**: The page data is loaded at build time and never updated
+       * - **client**: The page data is loaded upon navigation and updated on subsequent navigations
+       */
+      mode?: "client"
+      /**
+       * Enable transitions when swapping between "load", "error" and "data" states
+       */
+      transition?: boolean
 
-  /**
-   * The mode to use for the page data loader
-   * @default "client"
-   * @description
-   * - **static**: The page data is loaded at build time and never updated
-   * - **client**: The page data is loaded upon navigation and updated on subsequent navigations
-   */
-  mode?: "static" | "client"
-  /**
-   * Enable transitions when swapping between "load", "error" and "data" states (only when mode is "client")
-   */
-  transition?: boolean
-}
+      /**
+       * Configure caching for this loader
+       * @example
+       * ```ts
+       * cache: {
+       *   type: "memory", // or "localStorage" / "sessionStorage"
+       *   ttl: 1000 * 60 * 5, // 5 minutes
+       }
+       * ```
+       */
+      cache?: PageDataLoaderCacheConfig
+    }
+  | {
+      /**
+       * The mode to use for the page data loader
+       * @default "client"
+       * @description
+       * - **static**: The page data is loaded at build time and never updated
+       * - **client**: The page data is loaded upon navigation and updated on subsequent navigations
+       */
+      mode: "static"
+    }
+)
 
 export interface PageConfig<T = unknown> {
   /**

package/src/router/utils/index.ts

@@ -65,7 +65,7 @@ function formatViteImportMap(
       load: map[key],
       specificity,
       segments,
-      filePath: key,
+      absolutePath: key,
     }
 
     return {

package/src/types.dom.ts

@@ -365,7 +365,7 @@ declare global {
       bivarianceHack(event: E): void
     }["bivarianceHack"]
 
-    interface BaseEventHandler<T extends Element = Element>
+    interface BaseEvent<T extends Element = Element>
       extends DOMEvent<Event, T> {}
 
     interface AnimationEvent<T extends Element = Element>
@@ -413,6 +413,10 @@ declare global {
     interface WheelEvent<T extends Element = Element>
       extends DOMEvent<NativeWheelEvent, T> {}
 
+    type BaseEventHandler<T extends Element = Element> = EventHandler<
+      BaseEvent<T>
+    >
+
     type ClipboardEventHandler<T extends Element = Element> = EventHandler<
       ClipboardEvent<T>
     >

package/dist/router/dev/index.d.ts

@@ -1,2 +0,0 @@
-export declare function onLoadedDev(): void;
-//# sourceMappingURL=index.d.ts.map

package/dist/router/dev/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/router/dev/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,SAO1B"}

package/dist/router/dev/index.js

@@ -1,46 +0,0 @@
-import { __DEV__ } from "../../env.js";
-export function onLoadedDev() {
-    if (!__DEV__) {
-        throw new Error("onLoadedDev should not have been included in production build.");
-    }
-    clean();
-}
-function clean() {
-    let isCleaned = true;
-    const VITE_ID = "data-vite-dev-id";
-    const injectedByVite = [
-        ...document.querySelectorAll(`style[${VITE_ID}]`),
-    ].map((style) => style.getAttribute(VITE_ID));
-    const suffix = "?temp";
-    const injectedByKiru = [
-        ...document.querySelectorAll(`link[rel="stylesheet"][type="text/css"][href$="${suffix}"]`),
-    ];
-    injectedByKiru.forEach((linkKiru) => {
-        const href = linkKiru.getAttribute("href");
-        let filePathAbsoluteUserRootDir = href.slice(0, -suffix.length);
-        const prefix = "/@fs/";
-        if (filePathAbsoluteUserRootDir.startsWith(prefix))
-            filePathAbsoluteUserRootDir = filePathAbsoluteUserRootDir.slice(prefix.length);
-        if (injectedByVite.some((filePathAbsoluteFilesystem) => filePathAbsoluteFilesystem.endsWith(filePathAbsoluteUserRootDir))) {
-            linkKiru.remove();
-        }
-        else {
-            isCleaned = false;
-        }
-    });
-    return isCleaned;
-}
-function removeInjectedStyles() {
-    let sleep = 2;
-    function runClean() {
-        if (clean())
-            return;
-        if (sleep < 1000) {
-            sleep *= 2;
-        }
-        setTimeout(runClean, sleep);
-    }
-    setTimeout(runClean, sleep);
-}
-removeInjectedStyles();
-//# sourceMappingURL=index.js.map

package/dist/router/dev/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/router/dev/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,UAAU,WAAW;IACzB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;IACH,CAAC;IACD,KAAK,EAAE,CAAA;AACT,CAAC;AAED,SAAS,KAAK;IACZ,IAAI,SAAS,GAAG,IAAI,CAAA;IACpB,MAAM,OAAO,GAAG,kBAAkB,CAAA;IAClC,MAAM,cAAc,GAAG;QACrB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,SAAS,OAAO,GAAG,CAAC;KAClD,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;IAE7C,MAAM,MAAM,GAAG,OAAO,CAAA;IACtB,MAAM,cAAc,GAAG;QACrB,GAAG,QAAQ,CAAC,gBAAgB,CAC1B,kDAAkD,MAAM,IAAI,CAC7D;KACF,CAAA;IAED,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAE,CAAA;QAC3C,IAAI,2BAA2B,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QAC/D,MAAM,MAAM,GAAG,OAAO,CAAA;QACtB,IAAI,2BAA2B,CAAC,UAAU,CAAC,MAAM,CAAC;YAChD,2BAA2B,GAAG,2BAA2B,CAAC,KAAK,CAC7D,MAAM,CAAC,MAAM,CACd,CAAA;QAEH,IACE,cAAc,CAAC,IAAI,CAAC,CAAC,0BAA0B,EAAE,EAAE,CACjD,0BAA2B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAClE,EACD,CAAC;YACD,QAAQ,CAAC,MAAM,EAAE,CAAA;QACnB,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,KAAK,CAAA;QACnB,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,SAAS,CAAA;AAClB,CAAC;AAED,SAAS,oBAAoB;IAC3B,IAAI,KAAK,GAAG,CAAC,CAAA;IAEb,SAAS,QAAQ;QACf,IAAI,KAAK,EAAE;YAAE,OAAM;QAEnB,IAAI,KAAK,GAAG,IAAI,EAAE,CAAC;YACjB,KAAK,IAAI,CAAC,CAAA;QACZ,CAAC;QACD,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAC7B,CAAC;IAED,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AAC7B,CAAC;AAED,oBAAoB,EAAE,CAAA"}

package/src/router/dev/index.ts

@@ -1,63 +0,0 @@
-import { __DEV__ } from "../../env.js"
-
-export function onLoadedDev() {
-  if (!__DEV__) {
-    throw new Error(
-      "onLoadedDev should not have been included in production build."
-    )
-  }
-  clean()
-}
-
-function clean() {
-  let isCleaned = true
-  const VITE_ID = "data-vite-dev-id"
-  const injectedByVite = [
-    ...document.querySelectorAll(`style[${VITE_ID}]`),
-  ].map((style) => style.getAttribute(VITE_ID))
-
-  const suffix = "?temp"
-  const injectedByKiru = [
-    ...document.querySelectorAll(
-      `link[rel="stylesheet"][type="text/css"][href$="${suffix}"]`
-    ),
-  ]
-
-  injectedByKiru.forEach((linkKiru) => {
-    const href = linkKiru.getAttribute("href")!
-    let filePathAbsoluteUserRootDir = href.slice(0, -suffix.length)
-    const prefix = "/@fs/"
-    if (filePathAbsoluteUserRootDir.startsWith(prefix))
-      filePathAbsoluteUserRootDir = filePathAbsoluteUserRootDir.slice(
-        prefix.length
-      )
-
-    if (
-      injectedByVite.some((filePathAbsoluteFilesystem) =>
-        filePathAbsoluteFilesystem!.endsWith(filePathAbsoluteUserRootDir)
-      )
-    ) {
-      linkKiru.remove()
-    } else {
-      isCleaned = false
-    }
-  })
-  return isCleaned
-}
-
-function removeInjectedStyles() {
-  let sleep = 2
-
-  function runClean() {
-    if (clean()) return
-
-    if (sleep < 1000) {
-      sleep *= 2
-    }
-    setTimeout(runClean, sleep)
-  }
-
-  setTimeout(runClean, sleep)
-}
-
-removeInjectedStyles()