@okendo/shopify-hydrogen 1.2.4 → 1.3.1

package/README.md

@@ -1,3 +1,7 @@
+### ⚠️ Shopify [has deprecated Hydrogen v1](https://hydrogen.shopify.dev/updates) ⚠️ — Please use [the latest version of this package](https://www.npmjs.com/package/@okendo/shopify-hydrogen) if your store is built with Hydrogen v2 (based on Remix).
+
+### ⚠️ Only use the following if you are using a legacy Hydrogen v1 store ⚠️
+
 # Okendo Hydrogen React Components
 
 This is the React component library to support Okendo Widget Plus Widgets in Shopify Hydrogen Projects.
@@ -298,7 +302,7 @@ mutation {
 
 ## Installation
 
-1. In your Hydrogen app directory, run `npm install @okendo/shopify-hydrogen` inside a terminal or PowerShell window.
+1. In your Hydrogen app directory, run `npm install @okendo/shopify-hydrogen@^1` inside a terminal or PowerShell window.
 2. **Optional:** Create (or add to) your `.env` file at the top level of your project (next to **hydrogen.config.ts**) the following, where `<your_subscriber_id>` is replaced with your Okendo Subscriber ID:
 
    ```sh

package/dist/esnext/components/OkendoProvider.server.js

@@ -1,16 +1,15 @@
+import { CacheCustom, Head, fetchSync, gql, useShopQuery } from '@shopify/hydrogen';
 import React from 'react';
-import { fetchSync, useShopQuery, gql, CacheShort } from '@shopify/hydrogen';
-import { Head } from '@shopify/hydrogen';
 import { okendoError } from '../shared/errorUtils';
-import { useOkendoRequestContext } from '../shared/server/requestUtils';
 import { logger } from '../shared/logger';
+import { useOkendoRequestContext } from '../shared/server/requestUtils';
 const kDefaultOkendoApiDomain = 'api.okendo.io/v1';
 const kDefaultOkendoCdnDomain = 'cdn-static.okendo.io';
 export const OkendoProvider = ({ apiDomain, cdnDomain, children, productUrlFormatOverride, subscriberId }) => {
     const okendoRequestContext = useOkendoRequestContext();
     // Download subscriber widget plus settings.
     const url = `https://${apiDomain ?? kDefaultOkendoApiDomain}/stores/${subscriberId}/widget_plus_settings`;
-    const settingsResponse = fetchSync(url, { preload: true });
+    const settingsResponse = fetchSync(url, { cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 }) });
     if (!settingsResponse.ok) {
         logger.error(okendoError('Failed to retrieve subscriber settings. Please check your environment variables.'));
         okendoRequestContext.setupFailed = true;
@@ -21,8 +20,7 @@ export const OkendoProvider = ({ apiDomain, cdnDomain, children, productUrlForma
     const customCssNormalized = customCss ? customCss.replace('<style id="oke-reviews-custom-css">', '').replace('</style>', '') : '';
     // Download contents of widget initialisation script.
     const initScriptResponse = fetchSync(`https://${cdnDomain ?? kDefaultOkendoCdnDomain}/reviews-widget-plus/js/okendo-reviews.js`, {
-        cache: CacheShort(),
-        preload: true
+        cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 })
     });
     if (!initScriptResponse.ok) {
         logger.error(okendoError('Failed to retrieve widget initialization script.'));
@@ -51,7 +49,7 @@ const OkendoProviderContent = ({ children, productUrlFormatOverride, subscriberI
         `;
     const { data: { shop: { widgetPreRenderStyleTags } } } = useShopQuery({
         query,
-        preload: true
+        cache: CacheCustom({ maxAge: 60, staleWhileRevalidate: 300 })
     });
     const preRenderStyleTags = widgetPreRenderStyleTags?.value ?? '';
     if (!preRenderStyleTags) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@okendo/shopify-hydrogen",
-    "version": "1.2.4",
+    "version": "1.3.1",
     "description": "A component library containing Okendo Reviews React components.",
     "main": "dist/esnext/index.js",
     "engines": {