fontdue-js 2.20.1 → 2.22.0

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 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.
+- **`features` prop on `<TypeTesters>`** — the plural now accepts a `features` prop (or `features` HTML attribute on `<fontdue-type-testers>`) that overrides `collection.typeTesterFeatures`, matching the singular API. Useful for setting `features="*"` per-embed without changing the collection's saved settings.
+- The `features` prop on both singular and plural now accepts the literal string `"*"` as a scalar in addition to `["*"]`, so React consumers can write `features="*"` instead of `features={['*']}`.
+
+## 2.21.0
+
+- Fixed `CharacterViewer` silently dropping characters from supplementary-plane Unicode blocks (e.g. Latin Extended-F, Enclosed Alphanumeric Supplement). Range expansion now uses `codePointAt` / `String.fromCodePoint` so characters above U+FFFF render correctly instead of getting filtered out as unpaired surrogates
+- Fixed false-positive CORS error modal appearing on network failures unrelated to CORS (DNS, timeout, server unreachable). The modal now only shows for genuine CORS misconfigurations; other fetch failures log a warning instead
+
 ## 2.20.1
 
 - Fixed `useAutofit` measuring multi-line text as a single line, causing the font size to be too small when type tester content contains line breaks

package/dist/components/CharacterViewer/index.js

@@ -15,6 +15,7 @@ var _CharacterViewer_family2 = _interopRequireDefault(require("../../__generated
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _resizeObserver = _interopRequireDefault(require("@react-hook/resize-observer"));
+var _retryImport = _interopRequireDefault(require("../../retryImport"));
 var _utils = require("../../utils");
 var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
@@ -83,9 +84,9 @@ function useUnicodeData() {
   const [data, setData] = (0, _react.useState)();
   (0, _react.useEffect)(() => {
     function fetchData() {
-      Promise.resolve().then(() => _interopRequireWildcard(require('../../data/unicodeData'))).then(data => {
+      (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../../data/unicodeData')))).then(data => {
         if (!ignore) setData(data.default);
-      });
+      }).catch(() => {});
     }
     let ignore = false;
     fetchData();
@@ -109,10 +110,10 @@ function compareGlyphs(a, b) {
   return true;
 }
 function charCode(c) {
-  return c.charCodeAt(0);
+  return c.codePointAt(0) ?? 0;
 }
 function fromCharCode(code) {
-  return String.fromCharCode(code);
+  return String.fromCodePoint(code);
 }
 function flattenCharacterList(charSet, glyphNames) {
   if (!glyphNames || !charSet || !charSet.characters) return null;

package/dist/components/FontdueProvider/FontdueProviderClientComponent.js

@@ -14,12 +14,13 @@ var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
 var _reducer = require("../../reducer");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _UrlContext = _interopRequireDefault(require("../UrlContext"));
+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; }
-const ConsentBanner = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../ConsentBanner'))));
-const Tracking = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Tracking'))));
-const ServerConfigProvider = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../ServerConfigProvider'))));
+const ConsentBanner = /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../ConsentBanner')))));
+const Tracking = /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Tracking')))));
+const ServerConfigProvider = /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../ServerConfigProvider')))));
 function FontdueProviderClientComponent(_ref) {
   let {
     children,

package/dist/components/FontdueProvider/useAuxUIOwner.d.ts

@@ -0,0 +1 @@
+export default function useAuxUIOwner(): boolean;

package/dist/components/FontdueProvider/useAuxUIOwner.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+// Module-level claim: only one FontdueProvider on a page renders
+// auxiliary UI (TestModeBanner, ThemeConfig, Tracking, ConsentBanner,
+// ServerConfigProvider). Starts false on both server and client to avoid
+// hydration mismatch; the first provider to run `useEffect` wins and flips
+// its own state to true. Relinquishes the claim on unmount so HMR and
+// route changes don't leak.
+
+let ownerId = null;
+export default function useAuxUIOwner() {
+  const [isOwner, setIsOwner] = useState(false);
+  useEffect(() => {
+    const myId = {};
+    if (ownerId == null) {
+      ownerId = myId;
+      setIsOwner(true);
+    }
+    return () => {
+      if (ownerId === myId) {
+        ownerId = null;
+      }
+    };
+  }, []);
+  return isOwner;
+}

package/dist/components/Root/index.js

@@ -9,6 +9,7 @@ var _reactErrorBoundary = require("react-error-boundary");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _uuid = require("uuid");
 var _reducer = require("../../reducer");
+var _retryImport = _interopRequireDefault(require("../../retryImport"));
 var _utils = require("../../utils");
 var _FontdueProvider = _interopRequireDefault(require("../FontdueProvider"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -17,31 +18,31 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 const customElementMap = {
   // @ts-ignore
-  'fontdue-add-to-cart-banner': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../AddToCartBanner')))),
+  'fontdue-add-to-cart-banner': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../AddToCartBanner'))))),
   // @ts-ignore
-  'fontdue-buying-options': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyingOptions')))),
-  'fontdue-buy-button': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyButton')))),
-  'fontdue-cart': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Cart')))),
-  'fontdue-cart-button': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CartButton')))),
-  'fontdue-character-viewer': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CharacterViewer')))),
+  'fontdue-buying-options': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyingOptions'))))),
+  'fontdue-buy-button': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyButton'))))),
+  'fontdue-cart': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Cart'))))),
+  'fontdue-cart-button': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CartButton'))))),
+  'fontdue-character-viewer': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CharacterViewer'))))),
   // @ts-ignore
-  'fontdue-collection-aa': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CollectionAa')))),
+  'fontdue-collection-aa': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CollectionAa'))))),
   // @ts-ignore
-  'fontdue-cookie-notification': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CookieNotification')))),
-  'fontdue-font-families': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../FontFamilies')))),
-  'fontdue-customer-login-form': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CustomerLoginForm')))),
-  'fontdue-newsletter-signup': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NewsletterSignup/NewsletterSignupElement')))),
-  'fontdue-node-password-form': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NodePasswordForm')))),
+  'fontdue-cookie-notification': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CookieNotification'))))),
+  'fontdue-font-families': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../FontFamilies'))))),
+  'fontdue-customer-login-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CustomerLoginForm'))))),
+  'fontdue-newsletter-signup': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NewsletterSignup/NewsletterSignupElement'))))),
+  'fontdue-node-password-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NodePasswordForm'))))),
   // @ts-ignore
-  'fontdue-precart': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Precart')))),
+  'fontdue-precart': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Precart'))))),
   // @ts-ignore
-  'fontdue-specimen-link': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../SpecimenLink')))),
+  'fontdue-specimen-link': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../SpecimenLink'))))),
   // @ts-ignore
-  'fontdue-sticky-nav': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StickyNav')))),
-  'fontdue-store-modal': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StoreModal')))),
-  'fontdue-test-fonts-form': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TestFontsForm/TestFontsFormElement')))),
-  'fontdue-type-tester': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTester/TypeTesterStandaloneElement')))),
-  'fontdue-type-testers': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTesters/TypeTestersElement'))))
+  'fontdue-sticky-nav': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StickyNav'))))),
+  'fontdue-store-modal': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StoreModal'))))),
+  'fontdue-test-fonts-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TestFontsForm/TestFontsFormElement'))))),
+  'fontdue-type-tester': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTester/TypeTesterStandaloneElement'))))),
+  'fontdue-type-testers': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTesters/TypeTestersElement')))))
 };
 Object.keys(customElementMap).forEach(elementName => {
   // this might be more sophisticated in the future with a shadow DOM, etc,

package/dist/components/TypeTester/TypeTesterFeatures.js

@@ -108,7 +108,8 @@ function TypeTesterFeatures(_ref) {
       }
     }, columnConfig.features.filter(feature => shouldIncludeFeature(fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures, typeof feature === 'string' ? feature : feature.code)).map(renderFeature))));
   } else {
-    featuresColumns = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showFeatures === null || showFeatures === void 0 ? void 0 : showFeatures.filter(feature => shouldIncludeFeature(fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures, feature)).map(renderFeature));
+    const expanded = showFeatures !== null && showFeatures !== void 0 && showFeatures.includes('*') ? (fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures) ?? [] : (showFeatures ?? []).filter(feature => shouldIncludeFeature(fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures, feature));
+    featuresColumns = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, expanded.map(renderFeature));
   }
   const {
     height: featuresHeight,

package/dist/components/TypeTester/TypeTesterFeaturesButton.js

@@ -37,10 +37,12 @@ const TypeTesterFeaturesButton = _ref => {
   const selectedFeature = features[0];
   const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterFeaturesButton_fontStyle2.default.hash && _TypeTesterFeaturesButton_fontStyle2.default.hash !== "bfda99c867db0b614314fc774911c4b0" && console.error("The definition of 'TypeTesterFeaturesButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeaturesButton_fontStyle2.default), fontStyleKey);
   const {
-    featureNames
+    featureNames,
+    fontFeatures
   } = (0, _useFeaturesData.default)({
     fontStyle
   });
+  const effectiveFeatures = showFeatures !== null && showFeatures !== void 0 && showFeatures.includes('*') ? (fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures) ?? [] : showFeatures;
   if (config.openTypeFeatures.interactionStyle === 'panel') {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "type-tester__features-button",
@@ -55,7 +57,7 @@ const TypeTesterFeaturesButton = _ref => {
     }, config.openTypeFeatures.buttonLabel), ' ', featuresOpen ? /*#__PURE__*/_react.default.createElement(_CarrotUp.default, null) : /*#__PURE__*/_react.default.createElement(_CarrotDown.default, null)));
   }
   if (config.openTypeFeatures.interactionStyle === 'select') {
-    if (!showFeatures || showFeatures.length === 0) return null;
+    if (!effectiveFeatures || effectiveFeatures.length === 0) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "type-tester__features-select"
     }, /*#__PURE__*/_react.default.createElement(_Select.default, {
@@ -63,7 +65,7 @@ const TypeTesterFeaturesButton = _ref => {
       options: [{
         value: '',
         text: 'OT Features'
-      }].concat(showFeatures.map(feature => ({
+      }].concat(effectiveFeatures.map(feature => ({
         value: feature,
         text: featureNames[feature]
       }))),

package/dist/components/TypeTester/TypeTesterStandalone.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Alignment, Direction } from './types';
+import { Alignment, Direction, FeaturesProp } from './types';
 import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
 import { TypeTesterStandaloneQuery } from '__generated__/TypeTesterStandaloneQuery.graphql';
 interface TypeTesterStandaloneComponent_props {
@@ -7,7 +7,7 @@ interface TypeTesterStandaloneComponent_props {
     letterSpacing?: number | null;
     fontSize?: number | null;
     axes?: string[] | null;
-    features?: string[] | null;
+    features?: FeaturesProp;
     featuresSelected?: string[] | null;
     featureSettings?: {
         feature: string;

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _index = _interopRequireDefault(require("./index"));
 var _TypeTesterContext = _interopRequireDefault(require("./TypeTesterContext"));
+var _types = require("./types");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
@@ -98,7 +99,7 @@ function TypeTesterStandaloneComponent(_ref) {
     fontStyle: changedStyle ? changedStylesData.node : (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.fontStyle,
     onStyleSelect: handleStyleSelect,
     axes: axes,
-    features: features,
+    features: (0, _types.normalizeFeaturesProp)(features),
     productId: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$fontSty = _data$viewer2.fontStyle) === null || _data$viewer2$fontSty === void 0 ? void 0 : (_data$viewer2$fontSty2 = _data$viewer2$fontSty.family) === null || _data$viewer2$fontSty2 === void 0 ? void 0 : (_data$viewer2$fontSty3 = _data$viewer2$fontSty2.parent) === null || _data$viewer2$fontSty3 === void 0 ? void 0 : _data$viewer2$fontSty3.id) ?? ((_data$viewer3 = data.viewer) === null || _data$viewer3 === void 0 ? void 0 : (_data$viewer3$fontSty = _data$viewer3.fontStyle) === null || _data$viewer3$fontSty === void 0 ? void 0 : (_data$viewer3$fontSty2 = _data$viewer3$fontSty.family) === null || _data$viewer3$fontSty2 === void 0 ? void 0 : _data$viewer3$fontSty2.id),
     groupEdit: false,
     onFocus: onFocus,

package/dist/components/TypeTester/TypeTesterStandalone.preload.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LoadSerializableQueryOptions, SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { TypeTesterStandaloneQuery } from '../../__generated__/TypeTesterStandaloneQuery.graphql';
+import { TypeTesterStandalonePreloadedQueryRenderer } from './TypeTesterStandalone';
+export type TypeTesterPreloadedQuery = SerializablePreloadedQuery<TypeTesterStandaloneQuery>;
+export interface LoadTypeTesterQueryVariables {
+    familyName: string;
+    styleName: string;
+    selectable?: boolean;
+}
+export declare function loadTypeTesterQuery(variables: LoadTypeTesterQueryVariables, options?: LoadSerializableQueryOptions): Promise<TypeTesterPreloadedQuery>;
+type RendererProps = React.ComponentProps<typeof TypeTesterStandalonePreloadedQueryRenderer>;
+export declare function TypeTesterPreloaded(props: RendererProps): React.JSX.Element;
+export {};

package/dist/components/TypeTester/TypeTesterStandalone.preload.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import loadSerializableQuery from '../../relay/loadSerializableQuery';
+import TypeTesterStandaloneQueryNode from '../../__generated__/TypeTesterStandaloneQuery.graphql';
+import FontdueProvider from '../FontdueProvider';
+import { TypeTesterStandalonePreloadedQueryRenderer } from './TypeTesterStandalone';
+export async function loadTypeTesterQuery(variables, options) {
+  return loadSerializableQuery(TypeTesterStandaloneQueryNode, {
+    familyName: variables.familyName,
+    styleName: variables.styleName,
+    selectable: variables.selectable ?? true
+  }, options);
+}
+// Self-wraps with FontdueProvider so consumers don't need to. The provider
+// state is a module-level singleton under the hood, so multiple
+// TypeTesterPreloaded (or other *Preloaded) components on a page all share
+// one Relay env + Redux store + auxiliary UI.
+export function TypeTesterPreloaded(props) {
+  return /*#__PURE__*/React.createElement(FontdueProvider, null, /*#__PURE__*/React.createElement(TypeTesterStandalonePreloadedQueryRenderer, props));
+}

package/dist/components/TypeTester/types.d.ts

@@ -3,6 +3,8 @@ export type Content = EditorState;
 export type Size = number;
 export type LineHeight = number;
 export type Features = string[];
+export type FeaturesProp = ReadonlyArray<string> | '*' | null | undefined;
+export declare const normalizeFeaturesProp: (features: FeaturesProp) => ReadonlyArray<string> | null;
 export type Alignment = 'left' | 'center' | 'right';
 export type Direction = 'ltr' | 'rtl';
 export type TypeTesterAxesPosition = 'auto' | 'features-panel' | 'inline' | 'above';

package/dist/components/TypeTester/types.js

@@ -2,4 +2,13 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.normalizeFeaturesProp = void 0;
+// Public-API feature prop. Accepts an array of feature codes, or the literal
+// string '*' to expose every feature the font supports.
+
+const normalizeFeaturesProp = features => features === '*' ? ['*'] : features ?? null;
+
+// controls whether the type tester editing should apply to all of the
+// testers within a group
+exports.normalizeFeaturesProp = normalizeFeaturesProp;

package/dist/components/TypeTesters/TypeTestersElement.d.ts

@@ -4,8 +4,9 @@ interface TypeTestersElementProps {
     collectionSlug?: string;
     defaultMode?: string;
     autofit?: string;
+    features?: string;
     tags?: string;
     excludeTags?: string;
 }
-declare function TypeTestersElement({ autofit, tags, excludeTags, defaultMode, ...rest }: TypeTestersElementProps): React.JSX.Element;
+declare function TypeTestersElement({ autofit, tags, excludeTags, defaultMode, features, ...rest }: TypeTestersElementProps): React.JSX.Element;
 export default TypeTestersElement;

package/dist/components/TypeTesters/TypeTestersElement.js

@@ -19,13 +19,15 @@ function TypeTestersElement(_ref) {
     tags,
     excludeTags,
     defaultMode,
+    features,
     ...rest
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
     tags: tags === null || tags === void 0 ? void 0 : tags.split(','),
     excludeTags: excludeTags === null || excludeTags === void 0 ? void 0 : excludeTags.split(','),
     autofit: autofit ? autofit === 'true' : undefined,
-    defaultMode: getDefaultMode(defaultMode, autofit === 'true')
+    defaultMode: getDefaultMode(defaultMode, autofit === 'true'),
+    features: features === null || features === void 0 ? void 0 : features.split(',')
   }, rest));
 }
 var _default = TypeTestersElement;

package/dist/components/TypeTesters/index.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
 import { TypeTestersIDQuery } from '../../__generated__/TypeTestersIDQuery.graphql';
 import { TypeTestersSlugQuery } from '../../__generated__/TypeTestersSlugQuery.graphql';
+import { FeaturesProp } from '../TypeTester/types';
 import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
 export interface TypeTesters_props {
     collectionId?: string;
     collectionSlug?: string;
     defaultMode?: 'group' | 'local';
     autofit?: boolean;
+    features?: FeaturesProp;
     tags?: string[] | null;
     excludeTags?: string[] | null;
     onFocus?: () => void;

package/dist/components/TypeTesters/index.js

@@ -23,6 +23,7 @@ var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChange
 var _TypeTestersRefetchQuery = _interopRequireDefault(require("../../__generated__/TypeTestersRefetchQuery.graphql"));
 var _TypeTester = _interopRequireDefault(require("../TypeTester"));
 var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
+var _types = require("../TypeTester/types");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
 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); }
@@ -63,6 +64,7 @@ function TypeTestersComponent(_ref) {
     viewer: viewerKey,
     defaultMode,
     autofit,
+    features: featuresOverride,
     onFocus,
     onBlur,
     onToolbarOpenClose,
@@ -146,13 +148,14 @@ function TypeTestersComponent(_ref) {
     return acc;
   }, {});
   if (!testers) return null;
+  const features = (0, _types.normalizeFeaturesProp)(featuresOverride) ?? collection.typeTesterFeatures;
   return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
     key: collection.id,
     defaultMode: defaultMode ?? (autofit ? 'local' : 'group'),
     testers: testers
   }, config.toolsPosition === 'floating' && /*#__PURE__*/_react.default.createElement(_TypeTesterFloatingToolbar.default, {
     testers: ((_collection$typeTeste4 = collection.typeTesters) === null || _collection$typeTeste4 === void 0 ? void 0 : (_collection$typeTeste5 = _collection$typeTeste4.edges) === null || _collection$typeTeste5 === void 0 ? void 0 : _collection$typeTeste5.map(edge => edge.node)) ?? [],
-    features: collection.typeTesterFeatures,
+    features: features,
     axes: collection.typeTesterAxes,
     onToolbarOpenClose: onToolbarOpenClose
   }), getTypeTesterGroups(collection).map((typeTesterGroup, i) => {
@@ -179,7 +182,7 @@ function TypeTestersComponent(_ref) {
         onStyleSelect: fontStyleId => handleStyleSelect(node.id, fontStyleId),
         key: j,
         productId: productId,
-        features: collection.typeTesterFeatures,
+        features: features,
         axes: collection.typeTesterAxes,
         viewer: viewer,
         tags: node.tags

package/dist/config.d.ts

@@ -0,0 +1,6 @@
+export interface FontdueConfig {
+    url?: string;
+    stripeIntegration?: 'card-element' | 'dynamic';
+}
+export declare function configure(opts: Partial<FontdueConfig>): void;
+export declare function getConfig(): Readonly<FontdueConfig>;

package/dist/config.js

@@ -0,0 +1,20 @@
+// Module-level global configuration. Consumers call `configure()` once at
+// app startup (e.g. Astro middleware, Next layout, Vite entry) and every
+// fontdue-js entry point reads defaults from here. Explicit options passed
+// to loadSerializableQuery / FontdueProvider still override.
+//
+// Per-request isolation note: `configure` sets module-level state. That's
+// fine for single-tenant apps (one URL for the whole site). Multi-tenant
+// servers that switch URL per request should pass `url` explicitly to
+// loadSerializableQuery rather than rely on configure().
+
+let current = {};
+export function configure(opts) {
+  current = {
+    ...current,
+    ...opts
+  };
+}
+export function getConfig() {
+  return current;
+}

package/dist/corsError.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handlePossibleCorsError = handlePossibleCorsError;
+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;
@@ -35,6 +37,32 @@ function startPolling(fetchUrl) {
     }
   }, 3000);
 }
+async function isCorsBlocked(fetchUrl) {
+  // A no-cors fetch bypasses CORS entirely — if it also fails,
+  // the server is unreachable (network error), not CORS-blocked.
+  try {
+    await fetch(fetchUrl, {
+      method: 'HEAD',
+      mode: 'no-cors'
+    });
+    return true; // server reachable, so the original error was CORS
+  } catch {
+    return false; // server unreachable, network error
+  }
+}
+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.
+  });
+  startPolling(fetchUrl);
+}
 function handlePossibleCorsError(error, fetchUrl) {
   if (typeof window === 'undefined') return false;
   if (!(error instanceof TypeError)) return false;
@@ -43,13 +71,20 @@ function handlePossibleCorsError(error, fetchUrl) {
   if (detected) return true;
   detected = true;
   const origin = window.location.origin;
-  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`);
-  Promise.resolve().then(() => _interopRequireWildcard(require('./components/CorsErrorModal'))).then(_ref => {
-    let {
-      renderCorsErrorModal
-    } = _ref;
-    renderCorsErrorModal(origin, fetchUrl);
+
+  // Verify this is actually a CORS error and not a network failure.
+  // We do this async — handlePossibleCorsError still returns true
+  // synchronously so the caller can return a stub response instead
+  // of throwing, but we only show the modal if CORS is confirmed.
+  isCorsBlocked(fetchUrl).then(blocked => {
+    if (blocked) {
+      showCorsError(origin, fetchUrl);
+    } else {
+      // Network error, not CORS — reset so a real CORS error
+      // can still be detected if connectivity recovers.
+      detected = false;
+      console.warn(`[Fontdue] Request to ${fetchUrl} failed — this looks like a network issue, not a CORS configuration problem.`);
+    }
   });
-  startPolling(fetchUrl);
   return true;
 }

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { configure, getConfig } from './config';
+export type { FontdueConfig } from './config';

package/dist/index.js

@@ -0,0 +1 @@
+export { configure, getConfig } from './config';

package/dist/retryImport.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Wraps a dynamic import in retry logic.
+ *
+ * Retries the factory up to `retries` times with a delay between attempts.
+ * Re-invoking the factory works on Safari (which doesn't cache module-map
+ * failures) and handles transient network blips on all browsers. Chrome and
+ * Firefox cache failed module fetches in the module map, so retries of the
+ * same specifier may return the cached rejection without a network request;
+ * the delay helps partially mitigate that, but is not a guaranteed fix.
+ *
+ * See: https://github.com/whatwg/html/issues/6768
+ */
+export default function retryImport<T>(load: () => Promise<T>, retries?: number, delay?: number): Promise<T>;

package/dist/retryImport.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = retryImport;
+/**
+ * Wraps a dynamic import in retry logic.
+ *
+ * Retries the factory up to `retries` times with a delay between attempts.
+ * Re-invoking the factory works on Safari (which doesn't cache module-map
+ * failures) and handles transient network blips on all browsers. Chrome and
+ * Firefox cache failed module fetches in the module map, so retries of the
+ * same specifier may return the cached rejection without a network request;
+ * the delay helps partially mitigate that, but is not a guaranteed fix.
+ *
+ * See: https://github.com/whatwg/html/issues/6768
+ */
+function retryImport(load) {
+  let retries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  let delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+  return load().catch(error => {
+    if (retries === 0) throw error;
+    return new Promise(resolve => setTimeout(resolve, delay)).then(() => retryImport(load, retries - 1, delay));
+  });
+}

package/dist-bundle/FontdueProvider.js

@@ -0,0 +1,6 @@
+'use client';
+import './chunks/ComponentsContext-CmkN9J4X.js';
+import 'react';
+export { F as default } from './chunks/index-C4ak9qTL.js';
+import './index.js';
+//# sourceMappingURL=FontdueProvider.js.map

package/dist-bundle/FontdueProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontdueProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-bundle/TypeTester.js

@@ -0,0 +1,7 @@
+'use client';
+import './chunks/ComponentsContext-CmkN9J4X.js';
+export { T as TypeTesterStandalonePreloadedQueryRenderer, a as default } from './chunks/TypeTesterStandalone-BMWuv8Ca.js';
+import 'react';
+import './index.js';
+import 'react-dom';
+//# sourceMappingURL=TypeTester.js.map

package/dist-bundle/TypeTester.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeTester.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}