@sitecore-jss/sitecore-jss-nextjs 22.6.0-canary.10 → 22.6.0-canary.12

package/dist/cjs/components/RichText.js

@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichText = void 0;
+exports.RichText = exports.prefetched = void 0;
 const react_1 = __importStar(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const router_1 = require("next/router");
 const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
-const prefetched = {};
+exports.prefetched = {};
 const RichText = (props) => {
     const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true, editable = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks", "editable"]);
     const hasText = props.field && props.field.value;
@@ -71,9 +71,21 @@ const RichText = (props) => {
         internalLinks.forEach((link) => {
             if (link.target === '_blank')
                 return;
-            if (prefetchLinks && !prefetched[link.pathname]) {
+            const prefetch = () => {
                 router.prefetch(link.pathname, undefined, { locale: false });
-                prefetched[link.pathname] = true;
+                exports.prefetched[link.pathname] = true;
+            };
+            if (!exports.prefetched[link.pathname] && prefetchLinks !== false) {
+                if (prefetchLinks === true) {
+                    prefetch();
+                }
+                if (prefetchLinks === 'hover') {
+                    const mouseOverHandler = () => {
+                        prefetch();
+                        link.removeEventListener('mouseover', mouseOverHandler);
+                    };
+                    link.addEventListener('mouseover', mouseOverHandler, false);
+                }
             }
             link.addEventListener('click', routeHandler, false);
         });

package/dist/esm/components/RichText.js

@@ -13,7 +13,7 @@ import React, { useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
 import { RichText as ReactRichText, RichTextPropTypes, } from '@sitecore-jss/sitecore-jss-react';
-const prefetched = {};
+export const prefetched = {};
 export const RichText = (props) => {
     const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true, editable = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks", "editable"]);
     const hasText = props.field && props.field.value;
@@ -42,9 +42,21 @@ export const RichText = (props) => {
         internalLinks.forEach((link) => {
             if (link.target === '_blank')
                 return;
-            if (prefetchLinks && !prefetched[link.pathname]) {
+            const prefetch = () => {
                 router.prefetch(link.pathname, undefined, { locale: false });
                 prefetched[link.pathname] = true;
+            };
+            if (!prefetched[link.pathname] && prefetchLinks !== false) {
+                if (prefetchLinks === true) {
+                    prefetch();
+                }
+                if (prefetchLinks === 'hover') {
+                    const mouseOverHandler = () => {
+                        prefetch();
+                        link.removeEventListener('mouseover', mouseOverHandler);
+                    };
+                    link.addEventListener('mouseover', mouseOverHandler, false);
+                }
             }
             link.addEventListener('click', routeHandler, false);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-nextjs",
-  "version": "22.6.0-canary.10",
+  "version": "22.6.0-canary.12",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -73,9 +73,9 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "^22.6.0-canary.10",
-    "@sitecore-jss/sitecore-jss-dev-tools": "^22.6.0-canary.10",
-    "@sitecore-jss/sitecore-jss-react": "^22.6.0-canary.10",
+    "@sitecore-jss/sitecore-jss": "22.6.0-canary.12",
+    "@sitecore-jss/sitecore-jss-dev-tools": "22.6.0-canary.12",
+    "@sitecore-jss/sitecore-jss-react": "22.6.0-canary.12",
     "@vercel/kv": "^0.2.1",
     "prop-types": "^15.8.1",
     "regex-parser": "^2.2.11",
@@ -83,7 +83,7 @@
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "b1ec1483f9e786d1d5b73ab1823e9fc50d4b6db9",
+  "gitHead": "01800dcb1d9b80d8605519daf0c4c8385df6fc2e",
   "files": [
     "dist",
     "types",

package/types/components/RichText.d.ts

@@ -11,9 +11,15 @@ export type RichTextProps = ReactRichTextProps & {
     /**
      * Controls the prefetch of internal links. This can be beneficial if you have RichText fields
      * with large numbers of internal links in them.
+     * - `true` (default): The full route & its data will be prefetched.
+     * - `hover`: Prefetching will happen on hover.
+     * - `false`: Prefetching will not happen.
      * @default true
      */
-    prefetchLinks?: boolean;
+    prefetchLinks?: boolean | 'hover';
+};
+export declare const prefetched: {
+    [cacheKey: string]: boolean;
 };
 export declare const RichText: {
     (props: RichTextProps): JSX.Element;