fontdue-js 2.21.0 → 2.22.1

package/dist-cjs/utils.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.compareVariableSettings = exports.collectionSkuIdsDifferences = exports.collTransitivelyContainsSkuId = exports.collContainsSkuId = void 0;
+exports.getFeatureGlyphs = getFeatureGlyphs;
+exports.isSelected = exports.inspect = void 0;
+exports.kebabToCamel = kebabToCamel;
+exports.notEmpty = notEmpty;
+exports.variableSettingsCSS = exports.variableInstanceSettings = exports.variableInstanceCSS = exports.pluralize = exports.parseCustomProperties = void 0;
+const pluralize = (count, singular, plural) => {
+  if (count === 1) return `1 ${singular}`;
+  if (!plural) return `${count} ${singular}s`;
+  return `${count}\xa0${plural}`;
+};
+exports.pluralize = pluralize;
+function notEmpty(value) {
+  return value !== null && value !== undefined;
+}
+function kebabToCamel(str) {
+  return str.replace(/-([a-z])/g, function (g) {
+    return g[1].toUpperCase();
+  });
+}
+
+// where coll is a member of `collectionStyleSkus`;
+const collContainsSkuId = (coll, skuIdOrStyleId) => {
+  if (!coll) return false;
+  return coll.childrenSkuIds.indexOf(skuIdOrStyleId) >= 0 || coll.fontStyleSkuIds.indexOf(skuIdOrStyleId) >= 0 || coll.fontStyleIds.indexOf(skuIdOrStyleId) >= 0;
+};
+
+// Transitive containment check — walks the collection hierarchy to find
+// if a SKU is contained at any depth (e.g., collection bundle → family → bundle)
+exports.collContainsSkuId = collContainsSkuId;
+const collTransitivelyContainsSkuId = (collectionStyleSkus, collSkuId, skuIdOrStyleId) => {
+  const coll = collectionStyleSkus[collSkuId];
+  if (!coll) return false;
+  if (collContainsSkuId(coll, skuIdOrStyleId)) return true;
+  return coll.childrenSkuIds.some(childSkuId => collTransitivelyContainsSkuId(collectionStyleSkus, childSkuId, skuIdOrStyleId));
+};
+exports.collTransitivelyContainsSkuId = collTransitivelyContainsSkuId;
+const isSelected = skuIdOrStyleId => state => {
+  if (!skuIdOrStyleId) return false;
+  if (state.selectedSkuIds[skuIdOrStyleId] === true) return true;
+  // get the collections that contain this skuId as a fontStyle or child
+  const parentCollectionSkuIds = Object.keys(state.collectionStyleSkus).filter(collSkuId => collContainsSkuId(state.collectionStyleSkus[collSkuId], skuIdOrStyleId));
+  // Recursively check ancestors — handles transitive selection
+  // (e.g., collection bundle → family → bundle)
+  return parentCollectionSkuIds.some(parentSkuId => isSelected(parentSkuId)(state));
+};
+
+// find any collection ancestors that contain this skuId,
+// then for each collection, sum the price of selected skus,
+// and return the delta between the collection price and the sum.
+exports.isSelected = isSelected;
+const collectionSkuIdsDifferences = (state, skuId) => Object.keys(state.collectionStyleSkus).filter(collectionSkuId => {
+  return skuId === collectionSkuId || collTransitivelyContainsSkuId(state.collectionStyleSkus, collectionSkuId, skuId);
+}).reduce((acc, collectionSkuId) => {
+  const selectedSkuIdsInColl = Object.keys(state.selectedSkuIds).filter(selectedSkuId => state.selectedSkuIds[selectedSkuId] === true && collTransitivelyContainsSkuId(state.collectionStyleSkus, collectionSkuId, selectedSkuId));
+  const sumOfSelectedSkuIdsInColl = selectedSkuIdsInColl.map(selectedSkuId => state.skuPrices[selectedSkuId] ?? 0).reduce((acc, price) => acc + price, 0);
+  acc[collectionSkuId] = (state.skuPrices[collectionSkuId] ?? 0) - sumOfSelectedSkuIdsInColl;
+  return acc;
+}, {});
+exports.collectionSkuIdsDifferences = collectionSkuIdsDifferences;
+const variableInstanceSettings = instance => instance?.coordinates.reduce((acc, {
+  axis,
+  value
+}) => {
+  acc[axis] = value;
+  return acc;
+}, {});
+exports.variableInstanceSettings = variableInstanceSettings;
+const compareVariableSettings = (instance, settings) => instance.coordinates.every(coord => settings[coord.axis] === coord.value);
+exports.compareVariableSettings = compareVariableSettings;
+const variableSettingsCSS = variableSettings => ({
+  fontVariationSettings: Object.keys(variableSettings).map(axis => `'${axis}' ${variableSettings[axis]}`).join(',')
+});
+exports.variableSettingsCSS = variableSettingsCSS;
+const variableInstanceCSS = variableInstance => ({
+  fontVariationSettings: variableInstance.coordinates.map(({
+    axis,
+    value
+  }) => `'${axis}' ${value}`).join(',')
+});
+exports.variableInstanceCSS = variableInstanceCSS;
+const parseCustomProperties = props => {
+  if (!props) return {};
+  return props.reduce((acc, prop) => {
+    const [key, val] = prop.split(':');
+    acc[key] = val;
+    return acc;
+  }, {});
+};
+exports.parseCustomProperties = parseCustomProperties;
+const inspect = value => {
+  console.log(value);
+  return value;
+};
+exports.inspect = inspect;
+function getFeatureGlyphs(supportedLanguages) {
+  if (supportedLanguages?.includes('en')) return 'Aa';
+  if (supportedLanguages?.includes('ar')) return 'ت';
+  if (supportedLanguages?.includes('gr')) return 'Αα';
+  if (supportedLanguages?.includes('ru')) return 'Аа';
+  return null;
+}

package/dist-cjs/vanilla/FontStyle.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _fontfaceobserver = _interopRequireDefault(require("fontfaceobserver"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FALLBACK_FAMILY = 'Fallback';
+const setStyle = ($el, {
+  fontFamily,
+  fontWeight,
+  fontStyle
+}) => {
+  $el.style.fontFamily = `"${fontFamily}"`;
+  $el.style.fontWeight = fontWeight;
+  $el.style.fontStyle = fontStyle;
+};
+class FontStyle {
+  constructor(props) {
+    this.$fontStyles = [...document.querySelectorAll('[data-font-style]')];
+    this.render(props);
+  }
+  render({
+    onAllFontsLoaded
+  } = {}) {
+    let loaded = 0;
+    const toLoad = this.$fontStyles.length;
+    this.$fontStyles.forEach($fontStyle => {
+      const data = JSON.parse($fontStyle.dataset.fontStyle);
+      const fontFamily = data['font-family'];
+      const fontWeight = data['font-weight'];
+      const fontStyle = data['font-style'];
+      setStyle($fontStyle, {
+        fontFamily: FALLBACK_FAMILY,
+        fontWeight: 'normal',
+        fontStyle: 'normal'
+      });
+      const observer = new _fontfaceobserver.default(fontFamily, {
+        weight: fontWeight,
+        style: fontStyle
+      });
+      observer.load(null, 90000).then(out => {
+        loaded++;
+        if (typeof onAllFontsLoaded === 'function' && loaded === toLoad) {
+          onAllFontsLoaded();
+        }
+        setStyle($fontStyle, {
+          fontFamily,
+          fontWeight,
+          fontStyle
+        });
+      }).catch(console.error);
+    });
+  }
+}
+var _default = FontStyle;
+exports.default = _default;

package/dist-cjs/vanilla/TruncatedMarkdown.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function insertAfter(newNode, referenceNode) {
+  referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
+}
+const expand = $element => {
+  const html = JSON.parse($element.dataset.truncatedRestText);
+  const $node = document.createElement('div');
+  $node.innerHTML = html;
+  insertAfter($node, $element);
+  $element.querySelector('button').style.visibility = 'hidden';
+};
+const init = $element => {
+  $element.querySelector('button').addEventListener('click', () => {
+    expand($element);
+  });
+};
+class TruncatedMarkdown {
+  constructor() {
+    this.$elements = [...document.querySelectorAll('[data-truncated-rest-text]')];
+    this.$elements.forEach(init);
+  }
+}
+exports.default = TruncatedMarkdown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.21.0",
+  "version": "2.22.1",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",

package/dist/__generated__/CartItem_license.graphql.d.ts

@@ -1,27 +0,0 @@
-/**
- * @generated SignedSource<<c87eab2cbcaa29e842bab709c62be0b1>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type CartItem_license$data = {
-    readonly id: string;
-    readonly name: string | null;
-    readonly variables: ReadonlyArray<{
-        readonly id: string;
-        readonly name: string | null;
-        readonly options: ReadonlyArray<{
-            readonly amount: string | null;
-            readonly id: string;
-            readonly name: string | null;
-        }> | null;
-        readonly variableType: string | null;
-    }> | null;
-};
-export type CartItem_license$key = {
-    readonly " $data"?: CartItem_license$data;
-    readonly " $fragmentSpreads": FragmentRefs<"CartItem_license">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/CartItem_licenseSelection.graphql.d.ts

@@ -1,34 +0,0 @@
-/**
- * @generated SignedSource<<6a8cfa857649a562a5ad145a507cf1f8>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type CartItem_licenseSelection$data = {
-    readonly id: string;
-    readonly license: {
-        readonly id: string;
-        readonly multiplier: string | null;
-        readonly name: string | null;
-    };
-    readonly option: {
-        readonly amount: string | null;
-        readonly id: string;
-        readonly multiplier: string | null;
-        readonly name: string | null;
-        readonly " $fragmentSpreads": FragmentRefs<"VariableTableAmounts_option">;
-    } | null;
-    readonly variable: {
-        readonly id: string;
-        readonly variableType: string | null;
-        readonly " $fragmentSpreads": FragmentRefs<"VariableTableAmounts_variable">;
-    } | null;
-    readonly variableText: string | null;
-};
-export type CartItem_licenseSelection$key = {
-    readonly " $data"?: CartItem_licenseSelection$data;
-    readonly " $fragmentSpreads": FragmentRefs<"CartItem_licenseSelection">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/CartItem_product.graphql.d.ts

@@ -1,32 +0,0 @@
-/**
- * @generated SignedSource<<ab9f6e2bf180f2d0434a0cdcd58a5c43>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type CartItem_product$data = {
-    readonly __typename: string;
-    readonly family?: {
-        readonly cssUrl: string | null;
-        readonly name: string;
-    } | null;
-    readonly featureStyle?: {
-        readonly family: {
-            readonly cssUrl: string | null;
-        } | null;
-    } | null;
-    readonly isVariableFont?: boolean;
-    readonly name?: string;
-    readonly totalStyles?: number | null;
-    readonly variableInstances?: ReadonlyArray<{
-        readonly name: string;
-    }> | null;
-    readonly " $fragmentSpreads": FragmentRefs<"CollectionAa_product" | "FontStyle_fontStyle">;
-};
-export type CartItem_product$key = {
-    readonly " $data"?: CartItem_product$data;
-    readonly " $fragmentSpreads": FragmentRefs<"CartItem_product">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/CartItem_variable.graphql.d.ts

@@ -1,23 +0,0 @@
-/**
- * @generated SignedSource<<064ad061a8c2e25ab4a3153ab80f7f1c>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type CartItem_variable$data = {
-    readonly id: string;
-    readonly name: string | null;
-    readonly options: ReadonlyArray<{
-        readonly amount: string | null;
-        readonly id: string;
-        readonly name: string | null;
-    }> | null;
-    readonly variableType: string | null;
-};
-export type CartItem_variable$key = {
-    readonly " $data"?: CartItem_variable$data;
-    readonly " $fragmentSpreads": FragmentRefs<"CartItem_variable">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/CartItem_viewer.graphql.d.ts

@@ -1,30 +0,0 @@
-/**
- * @generated SignedSource<<86678d40951627800d0a04b224dac1b8>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type CartItem_viewer$data = {
-    readonly licenses: ReadonlyArray<{
-        readonly id: string;
-        readonly name: string | null;
-        readonly variables: ReadonlyArray<{
-            readonly id: string;
-            readonly name: string | null;
-            readonly options: ReadonlyArray<{
-                readonly amount: string | null;
-                readonly id: string;
-                readonly name: string | null;
-            }> | null;
-            readonly variableType: string | null;
-        }> | null;
-    }> | null;
-    readonly " $fragmentType": "CartItem_viewer";
-};
-export type CartItem_viewer$key = {
-    readonly " $data"?: CartItem_viewer$data;
-    readonly " $fragmentSpreads": FragmentRefs<"CartItem_viewer">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/CartOrderApplyCouponMutation.graphql.d.ts

@@ -1,21 +0,0 @@
-import { ConcreteRequest } from "relay-runtime";
-import { FragmentRefs } from "relay-runtime";
-export declare type ApplyCouponInput = {
-    code?: string | null;
-};
-export declare type CartOrderApplyCouponMutationVariables = {
-    input: ApplyCouponInput;
-};
-export declare type CartOrderApplyCouponMutationResponse = {
-    readonly applyCoupon: {
-        readonly order: {
-            readonly " $fragmentRefs": FragmentRefs<"CartOrder_order">;
-        } | null;
-    } | null;
-};
-export declare type CartOrderApplyCouponMutation = {
-    readonly response: CartOrderApplyCouponMutationResponse;
-    readonly variables: CartOrderApplyCouponMutationVariables;
-};
-declare const node: ConcreteRequest;
-export default node;

package/dist/__generated__/CartStateApplyCouponMutation.graphql.d.ts

@@ -1,21 +0,0 @@
-import { ConcreteRequest } from "relay-runtime";
-import { FragmentRefs } from "relay-runtime";
-export declare type ApplyCouponInput = {
-    code?: string | null;
-};
-export declare type CartStateApplyCouponMutationVariables = {
-    input: ApplyCouponInput;
-};
-export declare type CartStateApplyCouponMutationResponse = {
-    readonly applyCoupon: {
-        readonly order: {
-            readonly " $fragmentRefs": FragmentRefs<"CouponCodeInput_order" | "CartTotals_order">;
-        } | null;
-    } | null;
-};
-export declare type CartStateApplyCouponMutation = {
-    readonly response: CartStateApplyCouponMutationResponse;
-    readonly variables: CartStateApplyCouponMutationVariables;
-};
-declare const node: ConcreteRequest;
-export default node;

package/dist/__generated__/CartStateApplyCouponMutation.graphql.js

@@ -1,274 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-/*
-mutation CartStateApplyCouponMutation(
-  $input: ApplyCouponInput!
-) {
-  applyCoupon(input: $input) {
-    order {
-      ...CouponCodeInput_order
-      ...CartTotals_order
-      id
-    }
-  }
-}
-
-fragment CartTotals_order on Order {
-  subtotal {
-    ...Price_price
-  }
-  discount {
-    amount {
-      amount
-      ...Price_price
-    }
-    coupon {
-      ...CouponText_coupon
-      id
-    }
-    id
-  }
-  discountedSubtotal {
-    ...Price_price
-  }
-  total {
-    amount
-    ...Price_price
-  }
-  taxes {
-    ...Price_price
-  }
-  taxName
-  gstIncluded
-}
-
-fragment CouponCodeInput_order on Order {
-  id
-}
-
-fragment CouponText_coupon on Coupon {
-  type
-  percentAmount
-  creditAmountRemaining {
-    amount
-    currency
-  }
-}
-
-fragment Price_price on Money {
-  amount
-  currency
-}
-*/
-
-const node = function () {
-  var v0 = [{
-      "defaultValue": null,
-      "kind": "LocalArgument",
-      "name": "input"
-    }],
-    v1 = [{
-      "kind": "Variable",
-      "name": "input",
-      "variableName": "input"
-    }],
-    v2 = {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "id",
-      "storageKey": null
-    },
-    v3 = [{
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "amount",
-      "storageKey": null
-    }, {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "currency",
-      "storageKey": null
-    }];
-  return {
-    "fragment": {
-      "argumentDefinitions": v0 /*: any*/,
-      "kind": "Fragment",
-      "metadata": null,
-      "name": "CartStateApplyCouponMutation",
-      "selections": [{
-        "alias": null,
-        "args": v1 /*: any*/,
-        "concreteType": "ApplyCouponPayload",
-        "kind": "LinkedField",
-        "name": "applyCoupon",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "concreteType": "Order",
-          "kind": "LinkedField",
-          "name": "order",
-          "plural": false,
-          "selections": [{
-            "args": null,
-            "kind": "FragmentSpread",
-            "name": "CouponCodeInput_order"
-          }, {
-            "args": null,
-            "kind": "FragmentSpread",
-            "name": "CartTotals_order"
-          }],
-          "storageKey": null
-        }],
-        "storageKey": null
-      }],
-      "type": "RootMutationType",
-      "abstractKey": null
-    },
-    "kind": "Request",
-    "operation": {
-      "argumentDefinitions": v0 /*: any*/,
-      "kind": "Operation",
-      "name": "CartStateApplyCouponMutation",
-      "selections": [{
-        "alias": null,
-        "args": v1 /*: any*/,
-        "concreteType": "ApplyCouponPayload",
-        "kind": "LinkedField",
-        "name": "applyCoupon",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "concreteType": "Order",
-          "kind": "LinkedField",
-          "name": "order",
-          "plural": false,
-          "selections": [v2 /*: any*/, {
-            "alias": null,
-            "args": null,
-            "concreteType": "Money",
-            "kind": "LinkedField",
-            "name": "subtotal",
-            "plural": false,
-            "selections": v3 /*: any*/,
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "concreteType": "Discount",
-            "kind": "LinkedField",
-            "name": "discount",
-            "plural": false,
-            "selections": [{
-              "alias": null,
-              "args": null,
-              "concreteType": "Money",
-              "kind": "LinkedField",
-              "name": "amount",
-              "plural": false,
-              "selections": v3 /*: any*/,
-              "storageKey": null
-            }, {
-              "alias": null,
-              "args": null,
-              "concreteType": "Coupon",
-              "kind": "LinkedField",
-              "name": "coupon",
-              "plural": false,
-              "selections": [{
-                "alias": null,
-                "args": null,
-                "kind": "ScalarField",
-                "name": "type",
-                "storageKey": null
-              }, {
-                "alias": null,
-                "args": null,
-                "kind": "ScalarField",
-                "name": "percentAmount",
-                "storageKey": null
-              }, {
-                "alias": null,
-                "args": null,
-                "concreteType": "Money",
-                "kind": "LinkedField",
-                "name": "creditAmountRemaining",
-                "plural": false,
-                "selections": v3 /*: any*/,
-                "storageKey": null
-              }, v2 /*: any*/],
-
-              "storageKey": null
-            }, v2 /*: any*/],
-
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "concreteType": "Money",
-            "kind": "LinkedField",
-            "name": "discountedSubtotal",
-            "plural": false,
-            "selections": v3 /*: any*/,
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "concreteType": "Money",
-            "kind": "LinkedField",
-            "name": "total",
-            "plural": false,
-            "selections": v3 /*: any*/,
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "concreteType": "Money",
-            "kind": "LinkedField",
-            "name": "taxes",
-            "plural": false,
-            "selections": v3 /*: any*/,
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "taxName",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "gstIncluded",
-            "storageKey": null
-          }],
-          "storageKey": null
-        }],
-        "storageKey": null
-      }]
-    },
-    "params": {
-      "cacheID": "33e81e5f8180a4ce10e13e278d06465f",
-      "id": null,
-      "metadata": {},
-      "name": "CartStateApplyCouponMutation",
-      "operationKind": "mutation",
-      "text": "mutation CartStateApplyCouponMutation(\n  $input: ApplyCouponInput!\n) {\n  applyCoupon(input: $input) {\n    order {\n      ...CouponCodeInput_order\n      ...CartTotals_order\n      id\n    }\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxes {\n    ...Price_price\n  }\n  taxName\n  gstIncluded\n}\n\nfragment CouponCodeInput_order on Order {\n  id\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmountRemaining {\n    amount\n    currency\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n"
-    }
-  };
-}();
-node.hash = 'e6fc6e27365198e294823fe13d0aee27';
-var _default = node;
-exports.default = _default;