fontdue-js 2.7.0 → 2.8.0

package/dist/components/TypeTesters/index.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.TypeTestersPreloadedIDQueryRenderer = TypeTestersPreloadedIDQueryRenderer;
 exports.TypeTestersPreloadedSlugQueryRenderer = TypeTestersPreloadedSlugQueryRenderer;
 exports.default = TypeTesters;
+var _TypeTestersSlugQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.graphql"));
+var _TypeTestersIDQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
+var _TypeTesters_viewer2 = _interopRequireDefault(require("../../__generated__/TypeTesters_viewer.graphql"));
+var _TypeTesters_collection2 = _interopRequireDefault(require("../../__generated__/TypeTesters_collection.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -17,10 +21,9 @@ var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _TypeTester = _interopRequireDefault(require("../TypeTester"));
 var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-var _TypeTesters_collection, _TypeTesters_viewer, _TypeTestersIDQuery, _TypeTestersSlugQuery;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const findPriceBarCollection = (collection, familyId) => {
   if (collection.id === familyId) return collection;
@@ -60,8 +63,8 @@ function TypeTestersComponent(_ref) {
     onToolbarOpenClose,
     ...rest
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)(_TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "4e661d9d957e3a3f4a7b23f3665cadf9" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
-  const viewer = (0, _reactRelay.useFragment)(_TypeTesters_viewer !== void 0 ? _TypeTesters_viewer : (_TypeTesters_viewer = require("../../__generated__/TypeTesters_viewer.graphql"), _TypeTesters_viewer.hash && _TypeTesters_viewer.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer), viewerKey);
+  const collection = (0, _reactRelay.useFragment)((_TypeTesters_collection2.default.hash && _TypeTesters_collection2.default.hash !== "4e661d9d957e3a3f4a7b23f3665cadf9" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
+  const viewer = (0, _reactRelay.useFragment)((_TypeTesters_viewer2.default.hash && _TypeTesters_viewer2.default.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer), viewerKey);
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const {
     typeTester: config
@@ -127,7 +130,7 @@ function TypeTestersComponent(_ref) {
     }))));
   }));
 }
-const idQuery = _TypeTestersIDQuery !== void 0 ? _TypeTestersIDQuery : (_TypeTestersIDQuery = require("../../__generated__/TypeTestersIDQuery.graphql"), _TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "f62d86e50379a25ca0a8eb10812704c2" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery);
+const idQuery = (_TypeTestersIDQuery2.default.hash && _TypeTestersIDQuery2.default.hash !== "f62d86e50379a25ca0a8eb10812704c2" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery);
 function TypeTestersPreloadedIDQueryRenderer(_ref3) {
   let {
     preloadedQuery,
@@ -151,7 +154,7 @@ function TypeTestersIDQueryRenderer(_ref4) {
   });
   return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
 }
-const slugQuery = _TypeTestersSlugQuery !== void 0 ? _TypeTestersSlugQuery : (_TypeTestersSlugQuery = require("../../__generated__/TypeTestersSlugQuery.graphql"), _TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "eb11a6ae2b690cb3cdd8a14c6e2afed6" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery);
+const slugQuery = (_TypeTestersSlugQuery2.default.hash && _TypeTestersSlugQuery2.default.hash !== "eb11a6ae2b690cb3cdd8a14c6e2afed6" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery);
 function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
   var _data$viewer$slug;
   let {

package/dist/components/VariableTableAmounts/index.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = VariableTableAmounts;
+var _VariableTableAmounts_option2 = _interopRequireDefault(require("../../__generated__/VariableTableAmounts_option.graphql"));
+var _VariableTableAmounts_variable2 = _interopRequireDefault(require("../../__generated__/VariableTableAmounts_variable.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
-var _VariableTableAmounts_variable, _VariableTableAmounts_option;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function VariableTableAmounts(_ref) {
   var _variable$units;
@@ -14,8 +15,8 @@ function VariableTableAmounts(_ref) {
     variable: variableKey,
     option: optionKey
   } = _ref;
-  const variable = (0, _reactRelay.useFragment)(_VariableTableAmounts_variable !== void 0 ? _VariableTableAmounts_variable : (_VariableTableAmounts_variable = require("../../__generated__/VariableTableAmounts_variable.graphql"), _VariableTableAmounts_variable.hash && _VariableTableAmounts_variable.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable), variableKey);
-  const option = (0, _reactRelay.useFragment)(_VariableTableAmounts_option !== void 0 ? _VariableTableAmounts_option : (_VariableTableAmounts_option = require("../../__generated__/VariableTableAmounts_option.graphql"), _VariableTableAmounts_option.hash && _VariableTableAmounts_option.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option), optionKey);
+  const variable = (0, _reactRelay.useFragment)((_VariableTableAmounts_variable2.default.hash && _VariableTableAmounts_variable2.default.hash !== "400d25ad39816f2e153c8bb67e0e8695" && console.error("The definition of 'VariableTableAmounts_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_variable), variableKey);
+  const option = (0, _reactRelay.useFragment)((_VariableTableAmounts_option2.default.hash && _VariableTableAmounts_option2.default.hash !== "fe03c602c33f1f6e5afe209afc9e6cd6" && console.error("The definition of 'VariableTableAmounts_option' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _VariableTableAmounts_option), optionKey);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: "variable-table-amounts"
   }, variable === null || variable === void 0 ? void 0 : (_variable$units = variable.units) === null || _variable$units === void 0 ? void 0 : _variable$units.map((unit, i) => {

package/dist/components/useTotalStyles.js

@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _useTotalStyles_fontCollection2 = _interopRequireDefault(require("../__generated__/useTotalStyles_fontCollection.graphql"));
 var _reactRelay = require("react-relay");
-var _useTotalStyles_fontCollection;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const useTotalStyles = _ref => {
   var _data$children;
   let {
     fontCollection
   } = _ref;
-  const data = (0, _reactRelay.useFragment)(_useTotalStyles_fontCollection !== void 0 ? _useTotalStyles_fontCollection : (_useTotalStyles_fontCollection = require("../__generated__/useTotalStyles_fontCollection.graphql"), _useTotalStyles_fontCollection.hash && _useTotalStyles_fontCollection.hash !== "24cf564c6f5bf49e27a9a0d65c937882" && 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);
+  const data = (0, _reactRelay.useFragment)((_useTotalStyles_fontCollection2.default.hash && _useTotalStyles_fontCollection2.default.hash !== "24cf564c6f5bf49e27a9a0d65c937882" && 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);
   const variableFonts = (_data$children = data.children) === null || _data$children === void 0 ? void 0 : _data$children.filter(child => child.isVariableFont);
   let totalStyles = data.totalStyles;
   if (variableFonts !== null && variableFonts !== void 0 && variableFonts.length) {

package/dist/fontdue.css

@@ -123,6 +123,14 @@
   color: var(--error_color);
 }
 
+.node-password-form__error {
+  color: var(--error_color);
+  margin-bottom: 1em;
+}
+.node-password-form__section {
+  margin-bottom: 30px;
+}
+
 .test-fonts__title, .test-fonts__text, .test-fonts__text p, .test-fonts__section {
   margin-bottom: 30px;
 }
@@ -485,6 +493,9 @@ div[data-component=TypeTesters] {
   margin: 0;
   appearance: none;
   text-transform: inherit;
+  border: 0 !important;
+  color: inherit !important;
+  background: transparent !important;
   width: 3em;
   text-align: right;
 }
@@ -595,6 +606,7 @@ div[data-component=TypeTesters] {
 .type-tester__features-button .icon {
   font-size: 18px;
   vertical-align: middle;
+  margin: 0;
 }
 .type-tester__features-container .type-tester__variable-axes {
   padding-bottom: 10px;
@@ -829,7 +841,7 @@ div[data-component=TypeTesters] {
 }
 
 .character-viewer {
-  --size: calc(var(--monitor-width) * 1/2);
+  --size: calc(var(--monitor-width) * 1 / 2);
   --half-gap: calc(var(--line-gap) / 2);
   --scale: calc(var(--size) / var(--units-per-em));
   font-size: 1rem;
@@ -903,7 +915,7 @@ div[data-component=TypeTesters] {
   justify-content: space-between;
 }
 .character-viewer__monitor__line[data-name=baseline] {
-  top: calc(1px * (var(--ascender) + var(--half-gap)) * var(--scale));
+  top: calc(1px * (var(--ascender) + var(--half-gap)) * var(--scale) - 0.5px);
 }
 .character-viewer__monitor__line[data-name=ascender] {
   top: calc(1px * var(--half-gap) * var(--scale));
@@ -945,7 +957,7 @@ div[data-component=TypeTesters] {
 }
 
 .character-viewer__feature-monitor__characters {
-  --size: calc(var(--monitor-width) * 1/3);
+  --size: calc(var(--monitor-width) * 1 / 3);
   --scale: calc(var(--size) / var(--units-per-em));
   margin-top: 12px;
   margin-bottom: 32px;
@@ -1080,6 +1092,7 @@ input:checked + .checkbox__icon {
   position: relative;
   display: block;
   white-space: nowrap;
+  font-weight: inherit;
 }
 .select__select {
   position: absolute;
@@ -1097,6 +1110,7 @@ input:checked + .checkbox__icon {
   position: relative;
   bottom: -3px;
   margin-right: 8px;
+  margin-left: 0;
 }
 
 body[data-fontdue-store-modal=open] {
@@ -1220,6 +1234,7 @@ body[data-fontdue-store-modal=open] {
   flex-direction: column;
   font-size: 16px;
   animation: slideIn 300ms forwards;
+  line-height: normal;
 }
 .store-modal__container__container * {
   box-sizing: border-box;

package/dist/reducer.js

@@ -216,12 +216,14 @@ const reducer = (state, action) => {
         cartOpen: false
       };
     case 'REGISTER_STYLESHEET':
+      const existing = document.querySelector(`link[href="${action.href}"]`);
+      if (existing) return state;
       return {
         ...state,
         stylesheets: state.stylesheets.filter(href => href !== action.href).concat(action.href).sort()
 
         // sort is important here since moving stylesheets around causes them to
-        // get re-fetched
+        // get re-evaluated
       };
     case 'STORE_MODAL_NAVIGATE':
       return storeModalNavigate(state, action);

package/dist/relay/environment.js

@@ -8,12 +8,19 @@ exports.responseCache = exports.networkFetch = void 0;
 exports.useCurrentEnvironment = useCurrentEnvironment;
 var _react = require("react");
 var _relayRuntime = require("relay-runtime");
+class GraphQLError extends Error {
+  constructor(error) {
+    super(error.message);
+    this.message = error.message;
+    this.code = error.code;
+  }
+}
 const IS_SERVER = typeof window === typeof undefined;
-const FONTDUE_URL = process.env.NEXT_PUBLIC_FONTDUE_URL;
+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');
 }
-const STRIPE_INTEGRATION = process.env.NEXT_PUBLIC_FONTDUE_STRIPE_INTEGRATION;
+const STRIPE_INTEGRATION = typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_STRIPE_INTEGRATION : undefined;
 const CACHE_TTL = 10 * 1000; // 10 seconds, to resolve preloaded results
 
 function createNetworkFetch(options) {
@@ -38,8 +45,9 @@ function createNetworkFetch(options) {
     // 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)) {
-      console.error(json.errors);
-      throw new Error(`Error fetching GraphQL query '${request.name}' with variables '${JSON.stringify(variables)}': ${JSON.stringify(json.errors)}`);
+      var _json$errors;
+      const error = (_json$errors = json.errors) === null || _json$errors === void 0 ? void 0 : _json$errors[0];
+      throw new GraphQLError(error);
     }
     return json;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts-declarations",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",
@@ -67,7 +67,8 @@
     "artifactDirectory": "./src/__generated__",
     "customScalars": {
       "Decimal": "string"
-    }
+    },
+    "eagerEsModules": true
   },
   "resolutions": {
     "@types/react": "18.2.7"