fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/useFontStyle.js

@@ -1,43 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _useFontStyle_fontStyle2 = _interopRequireDefault(require("../__generated__/useFontStyle_fontStyle.graphql"));
-var _react = require("react");
-var _reactRelay = require("react-relay");
-var _fontLoader = require("../fontLoader");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _useFontStyle_fontStyle from "../__generated__/useFontStyle_fontStyle.graphql.js";
+import { useState, useRef, useEffect } from 'react';
+import { graphql, useFragment } from 'react-relay';
+import { loadFont, isFontLoaded } from '../fontLoader.js';
 const FALLBACK_FAMILY = 'Fallback';
 const useFontStyle = _ref => {
   let {
     fontStyle: fontStyleKey
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_useFontStyle_fontStyle2.default.hash && _useFontStyle_fontStyle2.default.hash !== "df4c7160c29373e86bea8b6082d19994" && console.error("The definition of 'useFontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useFontStyle_fontStyle2.default), fontStyleKey ?? null);
+  const fontStyle = useFragment((_useFontStyle_fontStyle.hash && _useFontStyle_fontStyle.hash !== "df4c7160c29373e86bea8b6082d19994" && console.error("The definition of 'useFontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useFontStyle_fontStyle), fontStyleKey ?? null);
   const fontFamily = fontStyle ? `${fontStyle.cssFamily} ${fontStyle.name}` : null;
   const sources = fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.webfontSources;
   const verticalMetrics = fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.verticalMetrics;
 
   // Always initialize as false to avoid SSR/client hydration mismatch.
   // The effect below will detect already-loaded fonts on mount.
-  const [loaded, setLoaded] = (0, _react.useState)(false);
-  const mounted = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
+  const [loaded, setLoaded] = useState(false);
+  const mounted = useRef(false);
+  useEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!fontFamily) return;
-    if ((0, _fontLoader.isFontLoaded)(fontFamily)) {
+    if (isFontLoaded(fontFamily)) {
       setLoaded(true);
       return;
     }
     if (!sources || sources.length === 0) return;
     setLoaded(false);
-    (0, _fontLoader.loadFont)(fontFamily, sources, verticalMetrics).then(() => {
+    loadFont(fontFamily, sources, verticalMetrics).then(() => {
       if (mounted.current) setLoaded(true);
     }).catch(console.error);
   }, [fontFamily]);
@@ -56,5 +49,4 @@ const useFontStyle = _ref => {
     verticalMetrics: verticalMetrics ?? null
   };
 };
-var _default = useFontStyle;
-exports.default = _default;
+export default useFontStyle;

package/dist/components/useInterval.js

@@ -1,20 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
+import { useRef, useEffect } from 'react';
 const useInterval = (callback, delay) => {
-  const savedCallback = (0, _react.useRef)(undefined);
+  const savedCallback = useRef(undefined);
 
   // Remember the latest callback.
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
 
   // Set up the interval.
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     function tick() {
       var _savedCallback$curren;
       (_savedCallback$curren = savedCallback.current) === null || _savedCallback$curren === void 0 ? void 0 : _savedCallback$curren.call(savedCallback);
@@ -25,5 +19,4 @@ const useInterval = (callback, delay) => {
     }
   }, [delay]);
 };
-var _default = useInterval;
-exports.default = _default;
+export default useInterval;

package/dist/components/useTotalStyles.d.ts

@@ -1,4 +1,4 @@
-import { useTotalStyles_fontCollection$key } from '__generated__/useTotalStyles_fontCollection.graphql';
+import { useTotalStyles_fontCollection$key } from '__generated__/useTotalStyles_fontCollection.graphql.js';
 interface useTotalStyles_props {
     fontCollection: useTotalStyles_fontCollection$key;
 }

package/dist/components/useTotalStyles.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _useTotalStyles_fontCollection2 = _interopRequireDefault(require("../__generated__/useTotalStyles_fontCollection.graphql"));
-var _reactRelay = require("react-relay");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _useTotalStyles_fontCollection from "../__generated__/useTotalStyles_fontCollection.graphql.js";
+import { graphql, useFragment } from 'react-relay';
 const useTotalStyles = _ref => {
   let {
     fontCollection
   } = _ref;
-  const data = (0, _reactRelay.useFragment)((_useTotalStyles_fontCollection2.default.hash && _useTotalStyles_fontCollection2.default.hash !== "d050379fa0ed41b1f9ce94454366187a" && console.error("The definition of 'useTotalStyles_fontCollection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useTotalStyles_fontCollection2.default), fontCollection);
+  const data = useFragment((_useTotalStyles_fontCollection.hash && _useTotalStyles_fontCollection.hash !== "d050379fa0ed41b1f9ce94454366187a" && console.error("The definition of 'useTotalStyles_fontCollection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _useTotalStyles_fontCollection), fontCollection);
   let variableFonts = 0;
   if (data.isVariableFont) {
     variableFonts = data.totalStyles ?? 0;
@@ -24,5 +17,4 @@ const useTotalStyles = _ref => {
     variableFonts
   };
 };
-var _default = useTotalStyles;
-exports.default = _default;
+export default useTotalStyles;

package/dist/corsError.js

@@ -1,18 +1,8 @@
-"use strict";
-
-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; }
+import retryImport from './retryImport.js';
 let detected = false;
 let navigating = false;
 let modalEnabled = true;
-function setCorsModalEnabled(enabled) {
+export function setCorsModalEnabled(enabled) {
   modalEnabled = enabled;
 }
 if (typeof window !== 'undefined') {
@@ -58,7 +48,7 @@ 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`);
   if (modalEnabled) {
-    (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./components/CorsErrorModal')))).then(_ref => {
+    retryImport(() => import('./components/CorsErrorModal.js')).then(_ref => {
       let {
         renderCorsErrorModal
       } = _ref;
@@ -70,7 +60,7 @@ function showCorsError(origin, fetchUrl) {
   }
   startPolling(fetchUrl);
 }
-function handlePossibleCorsError(error, fetchUrl) {
+export function handlePossibleCorsError(error, fetchUrl) {
   if (typeof window === 'undefined') return false;
   if (!(error instanceof TypeError)) return false;
   if (navigating) return false;