fontdue-js 2.22.0 → 2.22.1

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 2.22.1
+
+- Added `corsErrorModal` config option (default `true`). Set to `false` on `<FontdueProvider>` or the script-tag config to suppress the CORS error modal entirely while keeping console warnings and auto-reload polling.
+- GraphQL requests now retry up to 2 times (with a 1s delay) before falling through to CORS error detection. Transient network failures no longer trigger a false-positive CORS modal.
+
 ## 2.22.0
 
 - **`features="*"` wildcard on `<TypeTester>` and `<TypeTesters>`** to expose every OpenType feature each font supports without curating a list. Custom *stylistic set* names defined by the foundry are picked up automatically. Works on both the standalone `<fontdue-type-tester>` HTML element and the React `<TypeTester>` / `<TypeTesters>` components.

package/dist/components/ConfigContext.d.ts

@@ -29,6 +29,7 @@ export interface Config {
     typeTester?: TypeTesterConfig;
     stripe?: StripeConfig;
     tracking?: TrackingConfig;
+    corsErrorModal?: boolean;
 }
 export declare const makeConfig: (config?: Config) => {
     typeTester: {
@@ -99,6 +100,7 @@ export declare const makeConfig: (config?: Config) => {
         consentMessage: string | undefined;
         segment: SegmentConfig | undefined;
     };
+    corsErrorModal: boolean;
 };
 declare const _default: React.Context<{
     typeTester: {
@@ -169,5 +171,6 @@ declare const _default: React.Context<{
         consentMessage: string | undefined;
         segment: SegmentConfig | undefined;
     };
+    corsErrorModal: boolean;
 }>;
 export default _default;

package/dist/components/ConfigContext.js

@@ -79,7 +79,8 @@ const makeConfig = config => {
       consentRequired: (config === null || config === void 0 ? void 0 : (_config$tracking2 = config.tracking) === null || _config$tracking2 === void 0 ? void 0 : _config$tracking2.consentRequired) ?? false,
       consentMessage: config === null || config === void 0 ? void 0 : (_config$tracking3 = config.tracking) === null || _config$tracking3 === void 0 ? void 0 : _config$tracking3.consentMessage,
       segment: config === null || config === void 0 ? void 0 : (_config$tracking4 = config.tracking) === null || _config$tracking4 === void 0 ? void 0 : _config$tracking4.segment
-    }
+    },
+    corsErrorModal: (config === null || config === void 0 ? void 0 : config.corsErrorModal) ?? true
   };
 };
 exports.makeConfig = makeConfig;

package/dist/components/FontdueProvider/FontdueProviderClientComponent.js

@@ -15,6 +15,7 @@ var _reducer = require("../../reducer");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _UrlContext = _interopRequireDefault(require("../UrlContext"));
 var _retryImport = _interopRequireDefault(require("../../retryImport"));
+var _corsError = require("../../corsError");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -35,6 +36,7 @@ function FontdueProviderClientComponent(_ref) {
     stripeIntegration
   });
   const configValue = (0, _ConfigContext.makeConfig)(config);
+  (0, _corsError.setCorsModalEnabled)(configValue.corsErrorModal);
   const storeRef = (0, _react.useRef)(store ?? (0, _reducer.createDefaultStore)(config));
   return /*#__PURE__*/_react.default.createElement(_reactRelay.RelayEnvironmentProvider, {
     environment: environment

package/dist/corsError.d.ts

@@ -1,3 +1,4 @@
+export declare function setCorsModalEnabled(enabled: boolean): void;
 export interface CorsError {
     origin: string;
     fontdueUrl: string;

package/dist/corsError.js

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handlePossibleCorsError = handlePossibleCorsError;
+exports.setCorsModalEnabled = setCorsModalEnabled;
 var _retryImport = _interopRequireDefault(require("./retryImport"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let detected = false;
 let navigating = false;
+let modalEnabled = true;
+function setCorsModalEnabled(enabled) {
+  modalEnabled = enabled;
+}
 if (typeof window !== 'undefined') {
   window.addEventListener('beforeunload', () => {
     navigating = true;
@@ -52,15 +57,17 @@ async function isCorsBlocked(fetchUrl) {
 }
 function showCorsError(origin, fetchUrl) {
   console.error(`[Fontdue] Cross-origin request to ${fetchUrl} was blocked.\n\n` + `Your website (${origin}) is not listed as an allowed origin ` + `in your Fontdue CORS settings.\n\n` + `To fix this:\n` + `1. Log in to your Fontdue dashboard\n` + `2. Go to Settings \u2192 Security\n` + `3. Add "${origin}" to the "Cross-origin API access" field\n` + `4. Save \u2014 this page will reload automatically`);
-  (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./components/CorsErrorModal')))).then(_ref => {
-    let {
-      renderCorsErrorModal
-    } = _ref;
-    renderCorsErrorModal(origin, fetchUrl);
-  }).catch(() => {
-    // Chunk failed to load — the console.error above already
-    // told the developer what's wrong.
-  });
+  if (modalEnabled) {
+    (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./components/CorsErrorModal')))).then(_ref => {
+      let {
+        renderCorsErrorModal
+      } = _ref;
+      renderCorsErrorModal(origin, fetchUrl);
+    }).catch(() => {
+      // Chunk failed to load — the console.error above already
+      // told the developer what's wrong.
+    });
+  }
   startPolling(fetchUrl);
 }
 function handlePossibleCorsError(error, fetchUrl) {

package/dist/global-shim.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/global-shim.js

@@ -0,0 +1,8 @@
+// fbjs (transitive via draft-js) references Node's `global` at module init.
+// Browsers don't define `global`, so hydration blows up with a ReferenceError.
+// ESM evaluates imports in source order, so importing this first ensures the
+// alias is in place before fbjs/setImmediate evaluates.
+if (typeof globalThis.global === 'undefined') {
+  globalThis.global = globalThis;
+}
+export {};

package/dist/relay/environment.js

@@ -23,52 +23,61 @@ const CACHE_TTL = 10 * 1000; // 10 seconds, to resolve preloaded results
 function createNetworkFetch(options) {
   return async function networkFetch(request, variables) {
     const url = (FONTDUE_URL && `${FONTDUE_URL}/graphql`) ?? ((options === null || options === void 0 ? void 0 : options.url) ?? '') + '/graphql';
-    let resp;
-    try {
-      resp = await fetch(url + `?queryName=${request.name}`, {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json',
-          'fontdue-stripe-integration': STRIPE_INTEGRATION ?? ((options === null || options === void 0 ? void 0 : options.stripeIntegration) || 'dynamic'),
-          'fontdue-client-version': _package.version
-        },
-        body: JSON.stringify({
-          query: request.text,
-          variables
-        }),
-        // @ts-ignore
-        next: {
-          tags: ['graphql', `operation:${request.name}`]
+    for (let attempt = 0; attempt <= 2; attempt++) {
+      try {
+        const resp = await fetch(url + `?queryName=${request.name}`, {
+          method: 'POST',
+          credentials: 'include',
+          headers: {
+            Accept: 'application/json',
+            'Content-Type': 'application/json',
+            'fontdue-stripe-integration': STRIPE_INTEGRATION ?? ((options === null || options === void 0 ? void 0 : options.stripeIntegration) || 'dynamic'),
+            'fontdue-client-version': _package.version
+          },
+          body: JSON.stringify({
+            query: request.text,
+            variables
+          }),
+          // @ts-ignore
+          next: {
+            tags: ['graphql', `operation:${request.name}`]
+          }
+        });
+        const json = await resp.json();
+
+        // GraphQL returns exceptions (for example, a missing required variable) in the "errors"
+        // property of the response. If any exceptions occurred when processing the request,
+        // throw an error to indicate to the developer what went wrong.
+        if (Array.isArray(json.errors)) {
+          var _json$errors, _error$extensions;
+          const error = (_json$errors = json.errors) === null || _json$errors === void 0 ? void 0 : _json$errors[0];
+          console.error('GraphQL Error:', {
+            message: error.message,
+            code: (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code,
+            path: error.path
+          });
+        }
+        return json;
+      } catch (error) {
+        // Retry on network errors (TypeError) before falling through to CORS detection
+        if (attempt < 2 && error instanceof TypeError) {
+          await new Promise(resolve => setTimeout(resolve, 1000));
+          continue;
         }
-      });
-    } catch (error) {
-      if ((0, _corsError.handlePossibleCorsError)(error, url)) {
-        return {
-          data: undefined,
-          errors: [{
-            message: 'Cross-origin request blocked'
-          }]
-        };
+        if ((0, _corsError.handlePossibleCorsError)(error, url)) {
+          return {
+            data: undefined,
+            errors: [{
+              message: 'Cross-origin request blocked'
+            }]
+          };
+        }
+        throw error;
       }
-      throw error;
     }
-    const json = await resp.json();
 
-    // GraphQL returns exceptions (for example, a missing required variable) in the "errors"
-    // property of the response. If any exceptions occurred when processing the request,
-    // throw an error to indicate to the developer what went wrong.
-    if (Array.isArray(json.errors)) {
-      var _json$errors, _error$extensions;
-      const error = (_json$errors = json.errors) === null || _json$errors === void 0 ? void 0 : _json$errors[0];
-      console.error('GraphQL Error:', {
-        message: error.message,
-        code: (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code,
-        path: error.path
-      });
-    }
-    return json;
+    // Unreachable — final iteration either returns or throws
+    throw new Error('Unexpected: exhausted retries');
   };
 }
 const networkFetch = createNetworkFetch();

package/dist-cjs/__generated__/AddToCartBannerQuery.graphql.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<582a1e599d12a3858b5b672483e764d0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    v1 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    v2 = [v1 /*: any*/, v0 /*: any*/],
+    v3 = [v1 /*: any*/, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontCollection",
+      "kind": "LinkedField",
+      "name": "fontCollection",
+      "plural": false,
+      "selections": v2 /*: any*/,
+      "storageKey": null
+    }];
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "AddToCartBannerQuery",
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "concreteType": "Order",
+          "kind": "LinkedField",
+          "name": "currentOrder",
+          "plural": false,
+          "selections": [{
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "AddToCartBanner_order"
+          }],
+          "storageKey": null
+        }],
+        "storageKey": null
+      }],
+      "type": "RootQueryType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "AddToCartBannerQuery",
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "concreteType": "Order",
+          "kind": "LinkedField",
+          "name": "currentOrder",
+          "plural": false,
+          "selections": [{
+            "alias": null,
+            "args": null,
+            "concreteType": "StripeCharge",
+            "kind": "LinkedField",
+            "name": "stripeCharge",
+            "plural": false,
+            "selections": [{
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "paid",
+              "storageKey": null
+            }],
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "concreteType": "OrderItem",
+            "kind": "LinkedField",
+            "name": "orderItems",
+            "plural": true,
+            "selections": [v0 /*: any*/, {
+              "alias": null,
+              "args": null,
+              "concreteType": "Sku",
+              "kind": "LinkedField",
+              "name": "sku",
+              "plural": false,
+              "selections": [{
+                "alias": null,
+                "args": null,
+                "concreteType": null,
+                "kind": "LinkedField",
+                "name": "product",
+                "plural": false,
+                "selections": [{
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }, {
+                  "kind": "InlineFragment",
+                  "selections": [v1 /*: any*/],
+                  "type": "FontCollection",
+                  "abstractKey": null
+                }, {
+                  "kind": "InlineFragment",
+                  "selections": [v1 /*: any*/, {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "FontCollection",
+                    "kind": "LinkedField",
+                    "name": "family",
+                    "plural": false,
+                    "selections": v2 /*: any*/,
+                    "storageKey": null
+                  }],
+                  "type": "FontStyle",
+                  "abstractKey": null
+                }, {
+                  "kind": "InlineFragment",
+                  "selections": v3 /*: any*/,
+                  "type": "Bundle",
+                  "abstractKey": null
+                }, {
+                  "kind": "InlineFragment",
+                  "selections": v3 /*: any*/,
+                  "type": "CollectionBundle",
+                  "abstractKey": null
+                }, {
+                  "kind": "InlineFragment",
+                  "selections": [v0 /*: any*/],
+                  "type": "Node",
+                  "abstractKey": "__isNode"
+                }],
+                "storageKey": null
+              }, v0 /*: any*/],
+              "storageKey": null
+            }],
+            "storageKey": null
+          }, v0 /*: any*/],
+          "storageKey": null
+        }, v0 /*: any*/],
+        "storageKey": null
+      }]
+    },
+    "params": {
+      "cacheID": "4e7fade413da4c2b17527d3297d2f358",
+      "id": null,
+      "metadata": {},
+      "name": "AddToCartBannerQuery",
+      "operationKind": "query",
+      "text": "query AddToCartBannerQuery {\n  viewer {\n    currentOrder {\n      ...AddToCartBanner_order\n      id\n    }\n    id\n  }\n}\n\nfragment AddToCartBanner_order on Order {\n  stripeCharge {\n    paid\n  }\n  orderItems {\n    id\n    sku {\n      product {\n        __typename\n        ... on FontCollection {\n          name\n        }\n        ... on FontStyle {\n          name\n          family {\n            name\n            id\n          }\n        }\n        ... on Bundle {\n          name\n          fontCollection {\n            name\n            id\n          }\n        }\n        ... on CollectionBundle {\n          name\n          fontCollection {\n            name\n            id\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "0ece6678652384f7938caf18b2a40be9";
+var _default = node;
+exports.default = _default;

package/dist-cjs/__generated__/AddToCartBanner_item.graphql.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<3c933445c06d4a8d4652e8b758ea5f73>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    v1 = [v0 /*: any*/],
+    v2 = [v0 /*: any*/, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontCollection",
+      "kind": "LinkedField",
+      "name": "fontCollection",
+      "plural": false,
+      "selections": v1 /*: any*/,
+      "storageKey": null
+    }];
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AddToCartBanner_item",
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "Sku",
+      "kind": "LinkedField",
+      "name": "sku",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "product",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "__typename",
+          "storageKey": null
+        }, {
+          "kind": "InlineFragment",
+          "selections": v1 /*: any*/,
+          "type": "FontCollection",
+          "abstractKey": null
+        }, {
+          "kind": "InlineFragment",
+          "selections": [v0 /*: any*/, {
+            "alias": null,
+            "args": null,
+            "concreteType": "FontCollection",
+            "kind": "LinkedField",
+            "name": "family",
+            "plural": false,
+            "selections": v1 /*: any*/,
+            "storageKey": null
+          }],
+          "type": "FontStyle",
+          "abstractKey": null
+        }, {
+          "kind": "InlineFragment",
+          "selections": v2 /*: any*/,
+          "type": "Bundle",
+          "abstractKey": null
+        }, {
+          "kind": "InlineFragment",
+          "selections": v2 /*: any*/,
+          "type": "CollectionBundle",
+          "abstractKey": null
+        }],
+        "storageKey": null
+      }],
+      "storageKey": null
+    }],
+    "type": "OrderItem",
+    "abstractKey": null
+  };
+}();
+node.hash = "93905c08206c30255368dbb06f59ccec";
+var _default = node;
+exports.default = _default;

package/dist-cjs/__generated__/AddToCartBanner_order.graphql.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * @generated SignedSource<<71d537ea806e036df9d89dd79de6a6a3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    v1 = [v0 /*: any*/],
+    v2 = [v0 /*: any*/, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontCollection",
+      "kind": "LinkedField",
+      "name": "fontCollection",
+      "plural": false,
+      "selections": v1 /*: any*/,
+      "storageKey": null
+    }];
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AddToCartBanner_order",
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "concreteType": "StripeCharge",
+      "kind": "LinkedField",
+      "name": "stripeCharge",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "paid",
+        "storageKey": null
+      }],
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "OrderItem",
+      "kind": "LinkedField",
+      "name": "orderItems",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "id",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "concreteType": "Sku",
+        "kind": "LinkedField",
+        "name": "sku",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "product",
+          "plural": false,
+          "selections": [{
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          }, {
+            "kind": "InlineFragment",
+            "selections": v1 /*: any*/,
+            "type": "FontCollection",
+            "abstractKey": null
+          }, {
+            "kind": "InlineFragment",
+            "selections": [v0 /*: any*/, {
+              "alias": null,
+              "args": null,
+              "concreteType": "FontCollection",
+              "kind": "LinkedField",
+              "name": "family",
+              "plural": false,
+              "selections": v1 /*: any*/,
+              "storageKey": null
+            }],
+            "type": "FontStyle",
+            "abstractKey": null
+          }, {
+            "kind": "InlineFragment",
+            "selections": v2 /*: any*/,
+            "type": "Bundle",
+            "abstractKey": null
+          }, {
+            "kind": "InlineFragment",
+            "selections": v2 /*: any*/,
+            "type": "CollectionBundle",
+            "abstractKey": null
+          }],
+          "storageKey": null
+        }],
+        "storageKey": null
+      }],
+      "storageKey": null
+    }],
+    "type": "Order",
+    "abstractKey": null
+  };
+}();
+node.hash = "29516fe27686b4937b1856979f13d22b";
+var _default = node;
+exports.default = _default;