@waldjs/canopy 0.1.0 → 0.2.0

package/dist/prefetch.d.ts

@@ -0,0 +1,3 @@
+export declare function installPrefetch(): void;
+export declare function prefetchRuntimeScript(): string;
+//# sourceMappingURL=prefetch.d.ts.map

package/dist/prefetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefetch.d.ts","sourceRoot":"","sources":["../src/prefetch.ts"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,IAAI,IAAI,CAmCtC;AAED,wBAAgB,qBAAqB,IAAI,MAAM,CAE9C"}

package/dist/prefetch.js

@@ -0,0 +1,47 @@
+// Powers wald:prefetch="hover" / wald:prefetch="visible" on any element with
+// an href. Unlike canopy islands, this needs no compiler support — the
+// attribute is plain unrecognized HTML on a lowercase tag, so it passes
+// through the compiler untouched (same mechanism as data-wald-no-hoist).
+// installPrefetch() itself is serialized via .toString() (see
+// prefetchRuntimeScript()) and inlined as a raw <script> only on pages that
+// actually use the directive — see packages/cli/src/prefetch-runtime.ts.
+export function installPrefetch() {
+    const seen = new Set();
+    function prefetch(href) {
+        if (!href || seen.has(href))
+            return;
+        seen.add(href);
+        const link = document.createElement('link');
+        link.rel = 'prefetch';
+        link.href = href;
+        document.head.appendChild(link);
+    }
+    // Filtered in JS rather than via a `[wald\:prefetch]` CSS attribute
+    // selector — colon-escaping in attribute selectors is inconsistent across
+    // DOM implementations (confirmed failing in happy-dom during testing).
+    document.querySelectorAll('[href]').forEach((el) => {
+        const strategy = el.getAttribute('wald:prefetch');
+        const href = el.getAttribute('href');
+        if (!strategy || !href)
+            return;
+        if (strategy === 'hover') {
+            el.addEventListener('mouseenter', () => prefetch(href), { once: true });
+        }
+        else if (strategy === 'visible' && typeof IntersectionObserver !== 'undefined') {
+            const observer = new IntersectionObserver((entries) => {
+                for (const entry of entries) {
+                    if (entry.isIntersecting) {
+                        prefetch(href);
+                        observer.disconnect();
+                        break;
+                    }
+                }
+            });
+            observer.observe(el);
+        }
+    });
+}
+export function prefetchRuntimeScript() {
+    return `(${installPrefetch.toString()})();`;
+}
+//# sourceMappingURL=prefetch.js.map

package/dist/prefetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefetch.js","sourceRoot":"","sources":["../src/prefetch.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,uEAAuE;AACvE,wEAAwE;AACxE,yEAAyE;AACzE,8DAA8D;AAC9D,4EAA4E;AAC5E,yEAAyE;AACzE,MAAM,UAAU,eAAe;IAC7B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAE9B,SAAS,QAAQ,CAAC,IAAY;QAC5B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;YAAE,OAAM;QACnC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACd,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,CAAC,GAAG,GAAG,UAAU,CAAA;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IACjC,CAAC;IAED,oEAAoE;IACpE,0EAA0E;IAC1E,uEAAuE;IACvE,QAAQ,CAAC,gBAAgB,CAAc,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAA;QACjD,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QACpC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI;YAAE,OAAM;QAE9B,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;YACzB,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;QACzE,CAAC;aAAM,IAAI,QAAQ,KAAK,SAAS,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE,CAAC;YACjF,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;gBACpD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;oBAC5B,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,QAAQ,CAAC,IAAI,CAAC,CAAA;wBACd,QAAQ,CAAC,UAAU,EAAE,CAAA;wBACrB,MAAK;oBACP,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAA;YACF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,OAAO,IAAI,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAA;AAC7C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waldjs/canopy",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Client-side hydration (islands) for WaldJS",
   "license": "MIT",
   "repository": {
@@ -16,6 +16,10 @@
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
+    },
+    "./prefetch": {
+      "import": "./dist/prefetch.js",
+      "types": "./dist/prefetch.d.ts"
     }
   },
   "files": [