vite-plugin-smart-prefetch 0.4.0 → 0.4.2

package/dist/react/index.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,43 +15,32 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/frameworks/react/index.ts
 var index_exports = {};
 __export(index_exports, {
   PrefetchDebugPanel: () => PrefetchDebugPanel,
-  PrefetchLink: () => PrefetchLink,
-  getPrefetchManager: () => getPrefetchManager,
-  getPrefetchManagerTanStack: () => getPrefetchManagerTanStack,
-  matchPrefetchPattern: () => matchPrefetchPattern,
-  usePrefetch: () => usePrefetch,
-  usePrefetchTanStack: () => usePrefetchTanStack
+  PrefetchManager: () => PrefetchManager
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/frameworks/react/usePrefetch.ts
-var import_react = require("react");
-var import_react_router_dom = require("react-router-dom");
-
 // src/runtime/prefetch-manager.ts
 var PrefetchManager = class {
-  constructor(strategy = "hybrid", debug = false) {
+  /**
+   * Constructor
+   * @param strategy Prefetch strategy: 'auto', 'hover', 'visible', 'idle', or 'hybrid'
+   * @param debug Enable debug logging
+   * @param initialLocation Optional initial location (pathname)
+   */
+  constructor(strategy = "hybrid", debug = false, initialLocation) {
     this.config = null;
     this.prefetched = /* @__PURE__ */ new Set();
     this.observer = null;
-    this.currentSegment = null;
-    this.fallbackToDefault = true;
+    this.currentLocation = null;
     this.strategy = strategy;
     this.debug = debug;
+    this.currentLocation = initialLocation || null;
   }
   /**
    * Initialize the prefetch manager
@@ -115,25 +102,6 @@ var PrefetchManager = class {
       }
     }
   }
-  /**
-   * Set the user segment for segment-based prefetch rules
-   * @param segment - The user's segment (e.g., 'premium', 'free', 'admin')
-   * @param fallbackToDefault - Use default rules if segment rules unavailable
-   */
-  setSegment(segment, fallbackToDefault = true) {
-    this.currentSegment = segment;
-    this.fallbackToDefault = fallbackToDefault;
-    if (this.debug) {
-      console.log(`\u{1F504} Segment updated: ${segment || "(none)"}`);
-      console.log(`   Fallback to default: ${fallbackToDefault}`);
-    }
-  }
-  /**
-   * Get the current segment
-   */
-  getSegment() {
-    return this.currentSegment;
-  }
   /**
    * Match pathname against a route pattern
    * Supports both React Router (:id) and TanStack Router ($id) syntax
@@ -149,6 +117,30 @@ var PrefetchManager = class {
     );
     return patternRegex.test(pathname);
   }
+  /**
+   * Update current location and trigger prefetch
+   * Call this whenever the application's location changes
+   *
+   * @param pathname The current pathname (can be from location.pathname, useLocation().pathname, etc.)
+   * @example
+   * ```tsx
+   * // In React Router DOM
+   * const location = useLocation();
+   * useEffect(() => {
+   *   manager.onLocationChange(location.pathname);
+   * }, [location.pathname]);
+   *
+   * // In TanStack Router
+   * const location = useLocation();
+   * useEffect(() => {
+   *   manager.onLocationChange(location.pathname);
+   * }, [location.pathname]);
+   * ```
+   */
+  onLocationChange(pathname) {
+    this.currentLocation = pathname;
+    this.prefetch(pathname);
+  }
   /**
    * Prefetch routes based on current route
    */
@@ -204,23 +196,12 @@ var PrefetchManager = class {
       }
       return;
     }
-    let prefetchTargets = routeConfig.prefetch;
-    let ruleSource = "default";
-    if (this.currentSegment && routeConfig.segments?.[this.currentSegment]) {
-      prefetchTargets = routeConfig.segments[this.currentSegment];
-      ruleSource = `segment (${this.currentSegment})`;
-    } else if (this.currentSegment && !routeConfig.segments?.[this.currentSegment] && !this.fallbackToDefault) {
-      if (this.debug) {
-        console.warn(`\u26A0\uFE0F  No prefetch rules for segment "${this.currentSegment}" and fallback disabled`);
-      }
-      return;
-    }
+    const prefetchTargets = routeConfig.prefetch;
     console.log(`\u2705 Found prefetch rule for: ${matchedRoute}`);
     console.log(`   Total targets to prefetch: ${prefetchTargets.length}`);
-    console.log(`   Using: ${ruleSource} rules`);
     console.log(`   Strategy: ${this.strategy}`);
     if (this.debug) {
-      console.groupCollapsed(`\u{1F4CA} Prefetch Rules for: ${matchedRoute} (${ruleSource})`);
+      console.groupCollapsed(`\u{1F4CA} Prefetch Rules for: ${matchedRoute}`);
       prefetchTargets.forEach((target, index) => {
         console.log(`   ${index + 1}. ${target.route} (${target.priority} priority, ${(target.probability * 100).toFixed(1)}%)`);
       });
@@ -585,135 +566,18 @@ var PrefetchManager = class {
   }
 };
 
-// src/frameworks/react/usePrefetch.ts
-var managerInstance = null;
-function usePrefetch() {
-  const location = (0, import_react_router_dom.useLocation)();
-  const initialized = (0, import_react.useRef)(false);
-  (0, import_react.useEffect)(() => {
-    if (!initialized.current) {
-      const config = window.__SMART_PREFETCH__ || {};
-      const strategy = config.strategy || "hybrid";
-      const debug = config.debug || false;
-      managerInstance = new PrefetchManager(strategy, debug);
-      managerInstance.init();
-      window.__FARMART_PREFETCH_MANAGER__ = managerInstance;
-      initialized.current = true;
-      if (debug) {
-        console.log("\u2705 usePrefetch initialized");
-        console.log("\u2705 Prefetch manager exposed as window.__FARMART_PREFETCH_MANAGER__");
-      }
-    }
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (managerInstance) {
-      managerInstance.prefetch(location.pathname);
-    }
-  }, [location.pathname]);
-  return managerInstance;
-}
-function getPrefetchManager() {
-  return managerInstance;
-}
-
-// src/frameworks/react/usePrefetchTanStack.ts
-var import_react2 = require("react");
-var import_react_router = require("@tanstack/react-router");
-var managerInstance2 = null;
-function usePrefetchTanStack() {
-  const location = (0, import_react_router.useLocation)();
-  const initialized = (0, import_react2.useRef)(false);
-  (0, import_react2.useEffect)(() => {
-    if (!initialized.current) {
-      const config = window.__SMART_PREFETCH__ || {};
-      const strategy = config.strategy || "hybrid";
-      const debug = config.debug || false;
-      managerInstance2 = new PrefetchManager(strategy, debug);
-      managerInstance2.init();
-      window.__FARMART_PREFETCH_MANAGER__ = managerInstance2;
-      initialized.current = true;
-      if (debug) {
-        console.log("\u2705 usePrefetchTanStack initialized");
-        console.log("\u2705 Prefetch manager exposed as window.__FARMART_PREFETCH_MANAGER__");
-      }
-    }
-  }, []);
-  (0, import_react2.useEffect)(() => {
-    if (managerInstance2) {
-      const pathname = location.pathname.split("?")[0].split("#")[0];
-      managerInstance2.prefetch(pathname);
-    }
-  }, [location.pathname]);
-  return managerInstance2;
-}
-function getPrefetchManagerTanStack() {
-  return managerInstance2;
-}
-function matchPrefetchPattern(pathname, pattern) {
-  const patternRegex = new RegExp(
-    "^" + pattern.replace(/:[^/]+/g, "[^/]+").replace(/\$[^/]+/g, "[^/]+").replace(/\*/g, ".*") + // Match wildcard
-    "$"
-  );
-  return patternRegex.test(pathname);
-}
-
-// src/frameworks/react/PrefetchLink.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_router_dom2 = require("react-router-dom");
-var import_jsx_runtime = require("react/jsx-runtime");
-var PrefetchLink = import_react3.default.forwardRef(
-  ({ prefetch, to, children, onMouseEnter, ...props }, forwardedRef) => {
-    const linkRef = (0, import_react3.useRef)(null);
-    const manager = getPrefetchManager();
-    const route = typeof to === "string" ? to : to.pathname || "";
-    (0, import_react3.useEffect)(() => {
-      if (prefetch === "visible" && linkRef.current && manager) {
-        manager.observeLink(linkRef.current, route);
-      }
-    }, [prefetch, route, manager]);
-    const handleMouseEnter = (e) => {
-      if (prefetch === "hover" && manager) {
-        manager.prefetchRoute(route);
-      }
-      if (onMouseEnter) {
-        onMouseEnter(e);
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_router_dom2.Link,
-      {
-        ref: (node) => {
-          if (node) {
-            linkRef.current = node;
-            if (typeof forwardedRef === "function") {
-              forwardedRef(node);
-            } else if (forwardedRef) {
-              forwardedRef.current = node;
-            }
-          }
-        },
-        to,
-        onMouseEnter: handleMouseEnter,
-        ...props,
-        children
-      }
-    );
-  }
-);
-PrefetchLink.displayName = "PrefetchLink";
-
 // src/frameworks/react/PrefetchDebugPanel.tsx
-var import_react4 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function PrefetchDebugPanel({
   manager,
   position = "bottom-right",
   defaultOpen = false
 }) {
-  const [isOpen, setIsOpen] = (0, import_react4.useState)(defaultOpen);
-  const [stats, setStats] = (0, import_react4.useState)(null);
-  const [links, setLinks] = (0, import_react4.useState)([]);
-  (0, import_react4.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(defaultOpen);
+  const [stats, setStats] = (0, import_react.useState)(null);
+  const [links, setLinks] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
     if (!manager) return;
     const updateStats = () => {
       setStats(manager.getStats());
@@ -793,46 +657,46 @@ function PrefetchDebugPanel({
     marginBottom: "8px",
     fontSize: "11px"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: containerStyle, children: [
-    isOpen && stats && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: panelStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: headerStyle, children: "\u{1F680} Smart Prefetch Debug" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { marginBottom: "12px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: statStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Strategy:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: stats.strategy })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: containerStyle, children: [
+    isOpen && stats && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: panelStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: headerStyle, children: "\u{1F680} Smart Prefetch Debug" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "12px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Strategy:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: stats.strategy })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: statStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Config Loaded:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: stats.configLoaded ? "\u2705" : "\u274C" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Config Loaded:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: stats.configLoaded ? "\u2705" : "\u274C" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: statStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Total Prefetched:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: stats.totalPrefetched })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Total Prefetched:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: stats.totalPrefetched })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: statStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Link Tags in DOM:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: links.length })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: statStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Link Tags in DOM:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: links.length })
         ] })
       ] }),
-      stats.prefetchedRoutes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { ...headerStyle, fontSize: "11px" }, children: "Prefetched Routes:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { fontSize: "11px", color: "#666", marginBottom: "8px" }, children: stats.prefetchedRoutes.join(", ") })
+      stats.prefetchedRoutes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...headerStyle, fontSize: "11px" }, children: "Prefetched Routes:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: "11px", color: "#666", marginBottom: "8px" }, children: stats.prefetchedRoutes.join(", ") })
       ] }),
-      links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { ...headerStyle, fontSize: "11px" }, children: "Active Link Tags:" }),
-        links.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: linkStyle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: link.route }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { color: "#666", marginTop: "4px" }, children: [
+      links.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...headerStyle, fontSize: "11px" }, children: "Active Link Tags:" }),
+        links.map((link, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: linkStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: link.route }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { color: "#666", marginTop: "4px" }, children: [
             "Priority: ",
             link.priority,
             " | Prob: ",
             (parseFloat(link.probability) * 100).toFixed(1),
             "%"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { color: "#999", marginTop: "2px", wordBreak: "break-all" }, children: link.href.split("/").pop() })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { color: "#999", marginTop: "2px", wordBreak: "break-all" }, children: link.href.split("/").pop() })
         ] }, i))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           onClick: () => {
@@ -852,7 +716,7 @@ function PrefetchDebugPanel({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "button",
       {
         style: buttonStyle,
@@ -866,11 +730,6 @@ function PrefetchDebugPanel({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PrefetchDebugPanel,
-  PrefetchLink,
-  getPrefetchManager,
-  getPrefetchManagerTanStack,
-  matchPrefetchPattern,
-  usePrefetch,
-  usePrefetchTanStack
+  PrefetchManager
 });
 //# sourceMappingURL=index.cjs.map