fontdue-js 2.22.4 → 3.0.0-alpha1

package/dist/fontLoader.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isFontLoaded = isFontLoaded;
-exports.loadFont = loadFont;
 const cache = new Map();
 const loaded = new Set();
-function isFontLoaded(fontFamily) {
+export function isFontLoaded(fontFamily) {
   return loaded.has(fontFamily);
 }
-async function loadFont(fontFamily, sources, verticalMetrics) {
+export async function loadFont(fontFamily, sources, verticalMetrics) {
   // Return cached promise if loading is in progress or complete
   const existing = cache.get(fontFamily);
   if (existing) return existing;

package/dist/hooks/useAutofit.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _resizeObserver = _interopRequireDefault(require("@react-hook/resize-observer"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { useRef, useState, useLayoutEffect } from 'react';
+import useResizeObserver from './useResizeObserver.js';
 const REF_SIZE = 100;
 
 // Canvas measurement (fast path)
@@ -63,26 +56,26 @@ const useAutofit = _ref => {
     enabled = true,
     padding = 0
   } = _ref;
-  const ref = (0, _react.useRef)(null);
-  const [fontSize, setFontSize] = (0, _react.useState)(externalFontSize);
-  const [containerWidth, setContainerWidth] = (0, _react.useState)(0);
-  const [fontVersion, setFontVersion] = (0, _react.useState)(0);
-  const [measured, setMeasured] = (0, _react.useState)(false);
-  (0, _resizeObserver.default)(ref, entry => {
+  const ref = useRef(null);
+  const [fontSize, setFontSize] = useState(externalFontSize);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [fontVersion, setFontVersion] = useState(0);
+  const [measured, setMeasured] = useState(false);
+  useResizeObserver(ref, entry => {
     setContainerWidth(entry.contentRect.width);
   });
 
   // Trigger re-measurement when the font becomes available.
   // If already loaded (e.g. parent waited for font), the promise
   // resolves as a microtask and the re-measurement is near-instant.
-  (0, _react.useLayoutEffect)(() => {
+  useLayoutEffect(() => {
     if (!enabled || !fontFamily) return;
     const fontString = `${fontStyle} ${fontWeight} ${REF_SIZE}px ${fontFamily}`;
     document.fonts.load(fontString).then(() => {
       setFontVersion(v => v + 1);
     });
   }, [fontFamily, fontWeight, fontStyle, enabled]);
-  (0, _react.useLayoutEffect)(() => {
+  useLayoutEffect(() => {
     if (!enabled) return;
     const availableWidth = containerWidth - padding;
     if (availableWidth <= 0 || !text) return;
@@ -111,5 +104,4 @@ const useAutofit = _ref => {
     ready: measured
   };
 };
-var _default = useAutofit;
-exports.default = _default;
+export default useAutofit;

package/dist/hooks/useLicenseAndOrderVariables.d.ts

@@ -1,5 +1,5 @@
-import { LicenseOptionsSpec } from '../__generated__/StoreModalProductRefetchQuery.graphql';
+import { LicenseOptionsSpec } from '../__generated__/StoreModalProductRefetchQuery.graphql.js';
 export declare function useLicenseAndOrderVariables(): {
     licenseOptionsSpecs: readonly (LicenseOptionsSpec | null)[];
-    orderVariableSelections: import("../reducer").OrderVariableSelectionState[];
+    orderVariableSelections: import("../reducer.js").OrderVariableSelectionState[];
 };

package/dist/hooks/useLicenseAndOrderVariables.js

@@ -1,20 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useLicenseAndOrderVariables = useLicenseAndOrderVariables;
-var _react = require("react");
-var _reactRedux = require("react-redux");
-function useLicenseAndOrderVariables() {
+import { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { shallowEqual } from 'react-redux';
+export function useLicenseAndOrderVariables() {
   // Select raw data from Redux with shallow equality check
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions, _reactRedux.shallowEqual);
+  const licenseOptions = useSelector(state => state.licenseOptions, shallowEqual);
 
   // Select order variables from Redux
-  const orderVariableSelections = (0, _reactRedux.useSelector)(state => state.orderVariableSelections, _reactRedux.shallowEqual);
+  const orderVariableSelections = useSelector(state => state.orderVariableSelections, shallowEqual);
 
   // Memoize the transformed license options data
-  const licenseOptionsSpecs = (0, _react.useMemo)(() => licenseOptions.length > 0 ? licenseOptions.map(spec => ({
+  const licenseOptionsSpecs = useMemo(() => licenseOptions.length > 0 ? licenseOptions.map(spec => ({
     licenseId: spec.licenseId,
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
   })) : [], [licenseOptions]);

package/dist/hooks/useRefetchOnLicenseChanges.d.ts

@@ -1,5 +1,5 @@
 import { Environment, GraphQLTaggedNode } from 'relay-runtime';
-import { LicenseOptionsSpec, OrderVariableSelectionInput } from '../__generated__/StoreModalProductRefetchQuery.graphql';
+import { LicenseOptionsSpec, OrderVariableSelectionInput } from '../__generated__/StoreModalProductRefetchQuery.graphql.js';
 type RefetchFn = (variables: {
     licenseOptions: ReadonlyArray<LicenseOptionsSpec | null>;
     orderVariables: ReadonlyArray<OrderVariableSelectionInput>;

package/dist/hooks/useRefetchOnLicenseChanges.js

@@ -1,19 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRefetchOnLicenseChanges = useRefetchOnLicenseChanges;
-var _react = require("react");
-var _relayRuntime = require("relay-runtime");
-var _useLicenseAndOrderVariables = require("./useLicenseAndOrderVariables");
+import { useEffect } from 'react';
+import { fetchQuery } from 'relay-runtime';
+import { useLicenseAndOrderVariables } from './useLicenseAndOrderVariables.js';
 /**
  * Custom hook to handle refetching data when license options or order variables change.
  * Uses a two-step process to prevent UI flickering:
  * 1. Fetches new data into the store
  * 2. Updates the component with a store-only policy
  */
-function useRefetchOnLicenseChanges(_ref) {
+export function useRefetchOnLicenseChanges(_ref) {
   let {
     environment,
     refetch,
@@ -23,12 +17,12 @@ function useRefetchOnLicenseChanges(_ref) {
   const {
     licenseOptionsSpecs,
     orderVariableSelections
-  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
-  (0, _react.useEffect)(() => {
+  } = useLicenseAndOrderVariables();
+  useEffect(() => {
     let mounted = true;
 
     // First fetch the data into the store
-    const subscription = (0, _relayRuntime.fetchQuery)(environment, query, {
+    const subscription = fetchQuery(environment, query, {
       ...variables,
       licenseOptions: licenseOptionsSpecs,
       orderVariables: orderVariableSelections

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,11 @@
+type ResizeObserverCtor = new (callback: ResizeObserverCallback) => {
+    observe: (target: Element) => void;
+    unobserve?: (target: Element) => void;
+    disconnect?: () => void;
+};
+export type UseResizeObserverOptions = {
+    polyfill?: ResizeObserverCtor | null;
+};
+export type UseResizeObserverCallback = (entry: ResizeObserverEntry, observer: ResizeObserver) => void;
+export default function useResizeObserver<T extends Element>(target: React.RefObject<T | null> | T | null, callback: UseResizeObserverCallback, options?: UseResizeObserverOptions): void;
+export {};

package/dist/hooks/useResizeObserver.js

@@ -0,0 +1,23 @@
+import { useEffect, useRef } from 'react';
+
+// Loose constructor type so the SSR no-op polyfills used as fallbacks (which
+// don't implement `disconnect`) still type-check.
+
+export default function useResizeObserver(target, callback) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  useEffect(() => {
+    const element = target && 'current' in target ? target.current : target;
+    if (!element) return;
+    const Ctor = options.polyfill ?? (typeof ResizeObserver !== 'undefined' ? ResizeObserver : null);
+    if (!Ctor) return;
+    const observer = new Ctor(entries => {
+      for (const entry of entries) callbackRef.current(entry, observer);
+    });
+    observer.observe(element);
+    return () => {
+      if (observer.disconnect) observer.disconnect();else if (observer.unobserve) observer.unobserve(element);
+    };
+  }, [target, options.polyfill]);
+}

package/dist/hooks.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNewPortalElement = void 0;
-var _react = require("react");
-const useNewPortalElement = () => {
-  const elementRef = (0, _react.useRef)(document.createElement('div'));
-  (0, _react.useEffect)(() => {
+import { useRef, useEffect } from 'react';
+export const useNewPortalElement = () => {
+  const elementRef = useRef(document.createElement('div'));
+  useEffect(() => {
     document.body.appendChild(elementRef.current);
     return () => {
       elementRef.current.remove();
     };
   }, []);
   return elementRef;
-};
-exports.useNewPortalElement = useNewPortalElement;
+};

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/react-ranger.d.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react-ranger.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRanger = useRanger;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
 const getBoundingClientRect = element => {
   const rect = element.getBoundingClientRect();
   return {
@@ -15,9 +8,9 @@ const getBoundingClientRect = element => {
 };
 const sortNumList = arr => [...arr].sort((a, b) => Number(a) - Number(b));
 const useGetLatest = val => {
-  const ref = _react.default.useRef(val);
+  const ref = React.useRef(val);
   ref.current = val;
-  return _react.default.useCallback(() => ref.current, []);
+  return React.useCallback(() => ref.current, []);
 };
 const linearInterpolator = {
   getPercentageForValue: (val, min, max) => {
@@ -33,7 +26,7 @@ const linearInterpolator = {
     return value + min;
   }
 };
-function useRanger(_ref) {
+export function useRanger(_ref) {
   let {
     interpolator = linearInterpolator,
     tickSize = 10,
@@ -46,8 +39,8 @@ function useRanger(_ref) {
     onDrag,
     stepSize
   } = _ref;
-  const [activeHandleIndex, setActiveHandleIndex] = _react.default.useState(null);
-  const [tempValues, setTempValues] = _react.default.useState();
+  const [activeHandleIndex, setActiveHandleIndex] = React.useState(null);
+  const [tempValues, setTempValues] = React.useState();
   const getLatest = useGetLatest({
     activeHandleIndex,
     onChange,
@@ -55,12 +48,12 @@ function useRanger(_ref) {
     values,
     tempValues
   });
-  const trackElRef = _react.default.useRef();
-  const getValueForClientX = _react.default.useCallback(clientX => {
+  const trackElRef = React.useRef();
+  const getValueForClientX = React.useCallback(clientX => {
     const trackDims = getBoundingClientRect(trackElRef.current);
     return interpolator.getValueForClientX(clientX, trackDims, min, max);
   }, [interpolator, max, min]);
-  const getNextStep = _react.default.useCallback((val, direction) => {
+  const getNextStep = React.useCallback((val, direction) => {
     if (steps) {
       let currIndex = steps.indexOf(val);
       let nextIndex = currIndex + direction;
@@ -83,7 +76,7 @@ function useRanger(_ref) {
       }
     }
   }, [max, min, stepSize, steps]);
-  const roundToStep = _react.default.useCallback(val => {
+  const roundToStep = React.useCallback(val => {
     let left = min;
     let right = max;
     if (steps) {
@@ -111,7 +104,7 @@ function useRanger(_ref) {
     }
     return right;
   }, [max, min, stepSize, steps]);
-  const handleDrag = _react.default.useCallback(e => {
+  const handleDrag = React.useCallback(e => {
     const {
       activeHandleIndex,
       onDrag
@@ -126,7 +119,7 @@ function useRanger(_ref) {
       setTempValues(newValues);
     }
   }, [getLatest, getValueForClientX, roundToStep, values]);
-  const handleKeyDown = _react.default.useCallback((e, i) => {
+  const handleKeyDown = React.useCallback((e, i) => {
     const {
       values,
       onChange = () => {}
@@ -141,7 +134,7 @@ function useRanger(_ref) {
       onChange(sortedValues);
     }
   }, [getLatest, getNextStep]);
-  const handlePress = _react.default.useCallback((e, i) => {
+  const handlePress = React.useCallback((e, i) => {
     setActiveHandleIndex(i);
     const handleRelease = e => {
       const {
@@ -165,14 +158,14 @@ function useRanger(_ref) {
     document.addEventListener('mouseup', handleRelease);
     document.addEventListener('touchend', handleRelease);
   }, [getLatest, handleDrag]);
-  const getPercentageForValue = _react.default.useCallback(val => {
+  const getPercentageForValue = React.useCallback(val => {
     const pct = interpolator.getPercentageForValue(val, min, max);
     // Round to 4 decimal places for consistent SSR/client hydration
     return Math.round(pct * 10000) / 10000;
   }, [interpolator, max, min]);
 
   // Build the ticks
-  const ticks = _react.default.useMemo(() => {
+  const ticks = React.useMemo(() => {
     let ticks = controlledTicks || steps;
     if (!ticks) {
       ticks = [min];
@@ -203,7 +196,7 @@ function useRanger(_ref) {
       }
     }));
   }, [controlledTicks, getPercentageForValue, max, min, steps, tickSize]);
-  const segments = _react.default.useMemo(() => {
+  const segments = React.useMemo(() => {
     const sortedValues = sortNumList(tempValues || values);
     return [...sortedValues, max].map((value, i) => ({
       value,
@@ -228,7 +221,7 @@ function useRanger(_ref) {
       }
     }));
   }, [getPercentageForValue, max, min, tempValues, values]);
-  const handles = _react.default.useMemo(() => (tempValues || values).map((value, i) => ({
+  const handles = React.useMemo(() => (tempValues || values).map((value, i) => ({
     value,
     active: i === activeHandleIndex,
     getHandleProps: function () {

package/dist/reducer.d.ts

@@ -1,9 +1,9 @@
-import { CollectionStyleSkusMap } from './components/Root/productState';
+import { CollectionStyleSkusMap } from './components/Root/productState.js';
 import { Reducer } from 'redux';
-import { productState_Query$data } from './__generated__/productState_Query.graphql';
-import type { RouteConfig } from './components/StoreModal/routes';
-import { collectionSkuIdsDifferences, isSelected } from './utils';
-import { Config } from './components/ConfigContext';
+import { productState_Query$data } from './__generated__/productState_Query.graphql.js';
+import type { RouteConfig } from './components/StoreModal/routes.js';
+import { collectionSkuIdsDifferences, isSelected } from './utils.js';
+import { Config } from './components/ConfigContext.js';
 export { collectionSkuIdsDifferences, isSelected };
 interface LicenseOptionSpec {
     licenseId: string;

package/dist/reducer.js

@@ -1,28 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.collectionSkuIdWithDiscount = void 0;
-Object.defineProperty(exports, "collectionSkuIdsDifferences", {
-  enumerable: true,
-  get: function () {
-    return _utils.collectionSkuIdsDifferences;
-  }
-});
-exports.createDefaultStore = createDefaultStore;
-exports.default = void 0;
-Object.defineProperty(exports, "isSelected", {
-  enumerable: true,
-  get: function () {
-    return _utils.isSelected;
-  }
-});
-var _productState = require("./components/Root/productState");
-var _redux = require("redux");
-var _reactRedux = require("react-redux");
-var _utils = require("./utils");
-var _ConfigContext = require("./components/ConfigContext");
+import { populateProductStateReducer } from './components/Root/productState.js';
+import { createStore } from 'redux';
+import { shallowEqual } from 'react-redux';
+import { collectionSkuIdsDifferences, collTransitivelyContainsSkuId, isSelected } from './utils.js';
+import { makeConfig } from './components/ConfigContext.js';
+export { collectionSkuIdsDifferences, isSelected };
 const unselectLicense = (state, action) => {
   if (!(action.type === 'PRECART_UNSELECT_LICENSE' || action.type === 'PRECART_TOGGLE_LICENSE')) return state;
   return {
@@ -78,8 +59,8 @@ const selectLicenseOption = (state, action) => {
     })
   };
 };
-const collectionSkuIdWithDiscount = (state, skuId) => {
-  const differences = (0, _utils.collectionSkuIdsDifferences)(state, skuId);
+export const collectionSkuIdWithDiscount = (state, skuId) => {
+  const differences = collectionSkuIdsDifferences(state, skuId);
   const collectionId = Object.keys(differences).filter(collSkuId => differences[collSkuId] <= state.skuPrices[skuId]).reduce((smallest, key) => {
     if (!smallest || differences[key] < differences[smallest]) return key;
     if (differences[key] === differences[smallest]) {
@@ -101,8 +82,7 @@ const collectionSkuIdWithDiscount = (state, skuId) => {
   if (collectionId) return [collectionId, differences[collectionId]];
   return [null, null];
 };
-exports.collectionSkuIdWithDiscount = collectionSkuIdWithDiscount;
-const selectedCollectionSkuIdContainingSkuId = (state, skuId) => Object.keys(state.selectedSkuIds).filter(id => state.selectedSkuIds[id] === true).find(selectedSkuId => (0, _utils.collTransitivelyContainsSkuId)(state.collectionStyleSkus, selectedSkuId, skuId));
+const selectedCollectionSkuIdContainingSkuId = (state, skuId) => Object.keys(state.selectedSkuIds).filter(id => state.selectedSkuIds[id] === true).find(selectedSkuId => collTransitivelyContainsSkuId(state.collectionStyleSkus, selectedSkuId, skuId));
 const setKeysFalse = (acc, key) => {
   acc[key] = false;
   return acc;
@@ -172,7 +152,7 @@ const unselectSkus = state => ({
 });
 const storeModalNavigate = (state, action) => {
   if (action.type !== 'STORE_MODAL_NAVIGATE') return state;
-  if (state.storeModalRoute.name === action.route && (0, _reactRedux.shallowEqual)(state.storeModalRoute.variables, action.variables)) {
+  if (state.storeModalRoute.name === action.route && shallowEqual(state.storeModalRoute.variables, action.variables)) {
     return state;
   }
   return {
@@ -215,7 +195,7 @@ const reducer = (state, action) => {
   if (!state) throw 'Reducer called without state';
   switch (action.type) {
     case 'POPULATE_PRODUCT_STATE':
-      return (0, _productState.populateProductStateReducer)(state, action);
+      return populateProductStateReducer(state, action);
     case 'PRECART_TOGGLE_LICENSE':
       return toggleLicense(state, action);
     case 'PRECART_UNSELECT_LICENSE':
@@ -265,9 +245,9 @@ const reducer = (state, action) => {
       return state;
   }
 };
-function createDefaultStore(config) {
-  const configValue = (0, _ConfigContext.makeConfig)(config);
-  return (0, _redux.createStore)(reducer, {
+export function createDefaultStore(config) {
+  const configValue = makeConfig(config);
+  return createStore(reducer, {
     selectedSkuIds: {},
     // { [skuId]: Boolean }
     licenseOptions: [],
@@ -288,5 +268,4 @@ function createDefaultStore(config) {
     licenseeIsBillingIdentity: null
   });
 }
-var _default = reducer;
-exports.default = _default;
+export default reducer;

package/dist/relay/environment.d.ts

@@ -1,4 +1,5 @@
 import { Environment, RequestParameters, QueryResponseCache, Variables, GraphQLResponse } from 'relay-runtime';
+export declare function createNetworkFetch(options?: CreateRelayEnvironmentOptions): (request: RequestParameters, variables: Variables) => Promise<GraphQLResponse>;
 export declare const networkFetch: (request: RequestParameters, variables: Variables) => Promise<GraphQLResponse>;
 export declare const responseCache: QueryResponseCache | null;
 interface CreateRelayEnvironmentOptions {

package/dist/relay/environment.js

@@ -1,28 +1,48 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEnvironment = createEnvironment;
-exports.responseCache = exports.networkFetch = void 0;
-exports.useCurrentEnvironment = useCurrentEnvironment;
-var _react = require("react");
-var _relayRuntime = require("relay-runtime");
-var _corsError = require("../corsError");
-var _package = require("../../package.json");
-// @ts-ignore - JSON import
+import { Environment, Network, RecordSource, Store, QueryResponseCache } from 'relay-runtime';
+import { handlePossibleCorsError } from '../corsError.js';
+import { getConfig } from '../config.js';
 
+// `__FONTDUE_JS_VERSION__` is replaced by an inline babel plugin
+// (defineVersionPlugin in .babelrc.cjs) with the literal package.json#version.
+const version = "3.0.0-alpha1";
 const IS_SERVER = typeof window === typeof undefined;
-const FONTDUE_URL = typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_URL : undefined;
-if (IS_SERVER && (FONTDUE_URL == null || FONTDUE_URL === '')) {
-  throw new Error('fontdue-js requires a Fontdue URL to be configured via environment variables on the server, please set a NEXT_PUBLIC_FONTDUE_URL');
+
+// Read env from either process.env (Node/Next.js) or import.meta.env (Vite/Astro).
+// Prefer the framework-agnostic FONTDUE_URL name; fall back to NEXT_PUBLIC_FONTDUE_URL
+// for backwards compatibility with existing Next.js integrations.
+function readEnv(name) {
+  if (typeof process !== 'undefined' && process.env) {
+    const v = process.env[name];
+    if (v != null && v !== '') return v;
+  }
+  try {
+    // @ts-ignore - import.meta.env is Vite/Astro-specific
+    const metaEnv = typeof import.meta !== 'undefined' ? import.meta.env : undefined;
+    if (metaEnv) {
+      const v = metaEnv[name] ?? metaEnv[`PUBLIC_${name}`] ?? metaEnv[`VITE_${name}`];
+      if (v != null && v !== '') return v;
+    }
+  } catch {}
+  return undefined;
 }
-const STRIPE_INTEGRATION = typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_STRIPE_INTEGRATION : undefined;
+
+// On Next.js client bundles, only LITERAL `process.env.NAME` accesses get
+// inlined at build time — `process.env[dynamicName]` stays as a runtime
+// lookup that returns undefined in the browser. Check literal references
+// first so existing Next.js consumers keep working without changes.
+const NEXT_PUBLIC_URL = typeof process !== 'undefined' && process.env ? process.env.NEXT_PUBLIC_FONTDUE_URL : undefined;
+const NEXT_PUBLIC_STRIPE = typeof process !== 'undefined' && process.env ? process.env.NEXT_PUBLIC_FONTDUE_STRIPE_INTEGRATION : undefined;
+const FONTDUE_URL = readEnv('FONTDUE_URL') ?? readEnv('NEXT_PUBLIC_FONTDUE_URL') ?? NEXT_PUBLIC_URL;
+const STRIPE_INTEGRATION = readEnv('FONTDUE_STRIPE_INTEGRATION') ?? readEnv('NEXT_PUBLIC_FONTDUE_STRIPE_INTEGRATION') ?? NEXT_PUBLIC_STRIPE;
 const CACHE_TTL = 10 * 1000; // 10 seconds, to resolve preloaded results
 
-function createNetworkFetch(options) {
+export 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';
+    const base = (options === null || options === void 0 ? void 0 : options.url) ?? getConfig().url ?? FONTDUE_URL;
+    if (IS_SERVER && (base == null || base === '')) {
+      throw new Error('fontdue-js: no Fontdue URL configured for server-side fetch. ' + 'Call configure({ url }) at app startup, set FONTDUE_URL in your environment, ' + 'or pass `url` explicitly to loadSerializableQuery / createEnvironment.');
+    }
+    const url = `${base ?? ''}/graphql`;
     for (let attempt = 0; attempt <= 2; attempt++) {
       try {
         const resp = await fetch(url + `?queryName=${request.name}`, {
@@ -31,8 +51,8 @@ function createNetworkFetch(options) {
           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
+            'fontdue-stripe-integration': (options === null || options === void 0 ? void 0 : options.stripeIntegration) ?? getConfig().stripeIntegration ?? STRIPE_INTEGRATION ?? 'dynamic',
+            'fontdue-client-version': version
           },
           body: JSON.stringify({
             query: request.text,
@@ -64,7 +84,7 @@ function createNetworkFetch(options) {
           await new Promise(resolve => setTimeout(resolve, 1000));
           continue;
         }
-        if ((0, _corsError.handlePossibleCorsError)(error, url)) {
+        if (handlePossibleCorsError(error, url)) {
           return {
             data: undefined,
             errors: [{
@@ -80,13 +100,11 @@ function createNetworkFetch(options) {
     throw new Error('Unexpected: exhausted retries');
   };
 }
-const networkFetch = createNetworkFetch();
-exports.networkFetch = networkFetch;
-const responseCache = IS_SERVER ? null : new _relayRuntime.QueryResponseCache({
+export const networkFetch = createNetworkFetch();
+export const responseCache = IS_SERVER ? null : new QueryResponseCache({
   size: 250,
   ttl: CACHE_TTL
 });
-exports.responseCache = responseCache;
 function createNetwork(options) {
   async function fetchResponse(params, variables, cacheConfig) {
     const isQuery = params.operationKind === 'query';
@@ -101,20 +119,27 @@ function createNetwork(options) {
     }
     return createNetworkFetch(options)(params, variables);
   }
-  const network = _relayRuntime.Network.create(fetchResponse);
+  const network = Network.create(fetchResponse);
   return network;
 }
-function createEnvironment(options) {
-  return new _relayRuntime.Environment({
+export function createEnvironment(options) {
+  return new Environment({
     network: createNetwork(options),
-    store: new _relayRuntime.Store(_relayRuntime.RecordSource.create()),
+    store: new Store(RecordSource.create()),
     isServer: IS_SERVER
   });
 }
-function useCurrentEnvironment(options) {
+
+// Client-side Relay environment is a module-level singleton so multiple
+// FontdueProviders on a page (e.g. one per Astro island) share cache and
+// data. Server-side stays per-render to avoid cross-request pollution.
+let clientEnvironment = null;
+export function useCurrentEnvironment(options) {
   if (IS_SERVER) {
     return createEnvironment(options);
   }
-  const environmentRef = (0, _react.useRef)(createEnvironment(options));
-  return environmentRef.current;
+  if (clientEnvironment == null) {
+    clientEnvironment = createEnvironment(options);
+  }
+  return clientEnvironment;
 }

package/dist/relay/loadSerializableQuery.d.ts

@@ -43,5 +43,9 @@ export interface SerializablePreloadedQuery<TQuery extends OperationType> {
 type RequireAllWithNull<T> = {
     [K in keyof T]-?: T[K] | null;
 };
-export default function loadSerializableQuery<TQuery extends OperationType>(query: GraphQLTaggedNode, variables: RequireAllWithNull<VariablesOf<TQuery>>): Promise<SerializablePreloadedQuery<TQuery>>;
+export interface LoadSerializableQueryOptions {
+    url?: string;
+    stripeIntegration?: 'card-element' | 'dynamic';
+}
+export default function loadSerializableQuery<TQuery extends OperationType>(query: GraphQLTaggedNode, variables: RequireAllWithNull<VariablesOf<TQuery>>, options?: LoadSerializableQueryOptions): Promise<SerializablePreloadedQuery<TQuery>>;
 export {};