fontdue-js 3.2.6 → 3.3.0

package/dist/__generated__/TypeTestersRefetchQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<62f548d9e0d84264ff2209638fedead7>>
+ * @generated SignedSource<<84ad14b9fc86076734fd76876c2b45f3>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -70,14 +70,14 @@ const node = function () {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "axis",
+      "name": "name",
       "storageKey": null
     },
     v12 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "name",
+      "name": "axis",
       "storageKey": null
     },
     v13 = {
@@ -87,7 +87,7 @@ const node = function () {
       "name": "value",
       "storageKey": null
     },
-    v14 = [v11 /*: any*/, v13 /*: any*/],
+    v14 = [v12 /*: any*/, v13 /*: any*/],
     v15 = [v7 /*: any*/, v8 /*: any*/],
     v16 = {
       "alias": null,
@@ -163,7 +163,7 @@ const node = function () {
       "kind": "LinkedField",
       "name": "parent",
       "plural": false,
-      "selections": [v10 /*: any*/, v12 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/, v22 /*: any*/],
+      "selections": [v10 /*: any*/, v11 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/, v22 /*: any*/],
       "storageKey": null
     };
   return {
@@ -299,23 +299,17 @@ const node = function () {
                     }, {
                       "alias": null,
                       "args": null,
-                      "concreteType": "StylisticSetName",
+                      "concreteType": "FeatureName",
                       "kind": "LinkedField",
-                      "name": "stylisticSetNames",
+                      "name": "featureNames",
                       "plural": true,
                       "selections": [{
                         "alias": null,
                         "args": null,
                         "kind": "ScalarField",
-                        "name": "featureName",
-                        "storageKey": null
-                      }, {
-                        "alias": null,
-                        "args": null,
-                        "kind": "ScalarField",
-                        "name": "humanName",
+                        "name": "tag",
                         "storageKey": null
-                      }],
+                      }, v11 /*: any*/],
                       "storageKey": null
                     }],
                     "storageKey": null
@@ -326,7 +320,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "variableAxes",
                     "plural": true,
-                    "selections": [v11 /*: any*/, v12 /*: any*/, {
+                    "selections": [v12 /*: any*/, v11 /*: any*/, {
                       "alias": null,
                       "args": null,
                       "kind": "ScalarField",
@@ -340,7 +334,7 @@ const node = function () {
                       "storageKey": null
                     }],
                     "storageKey": null
-                  }, v12 /*: any*/, {
+                  }, v11 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "kind": "ScalarField",
@@ -371,7 +365,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "variableInstances",
                     "plural": true,
-                    "selections": [v12 /*: any*/, {
+                    "selections": [v11 /*: any*/, {
                       "alias": null,
                       "args": null,
                       "concreteType": "VariableSetting",
@@ -389,7 +383,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": [v10 /*: any*/, v12 /*: any*/],
+                    "selections": [v10 /*: any*/, v11 /*: any*/],
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -531,7 +525,7 @@ const node = function () {
             "kind": "ScalarField",
             "name": "typeTesterAxes",
             "storageKey": null
-          }, v12 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/, v22 /*: any*/, v23 /*: any*/, {
+          }, v11 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/, v22 /*: any*/, v23 /*: any*/, {
             "alias": "families",
             "args": [{
               "kind": "Literal",
@@ -542,7 +536,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "children",
             "plural": true,
-            "selections": [v10 /*: any*/, v12 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/, v22 /*: any*/, v23 /*: any*/],
+            "selections": [v10 /*: any*/, v11 /*: any*/, v19 /*: any*/, v20 /*: any*/, v21 /*: any*/, v22 /*: any*/, v23 /*: any*/],
             "storageKey": "children(collectionTypes:[\"FAMILY\"])"
           }],
           "type": "FontCollection",
@@ -552,12 +546,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "59e028e888bc3fea5f795b8b4844c543",
+      "cacheID": "975c51be87603cacc9ead6c58ca4944f",
       "id": null,
       "metadata": {},
       "name": "TypeTestersRefetchQuery",
       "operationKind": "query",
-      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        alignment\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        alignment\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    featureNames {\n      tag\n      name\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<5fedd7461fe752fd8dd8746cf2a872c9>>
+ * @generated SignedSource<<79778f811ed6f48a4c87a07cedd6da90>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<5fedd7461fe752fd8dd8746cf2a872c9>>
+ * @generated SignedSource<<79778f811ed6f48a4c87a07cedd6da90>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -50,14 +50,14 @@ const node = function () {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "axis",
+      "name": "name",
       "storageKey": null
     },
     v8 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "name",
+      "name": "axis",
       "storageKey": null
     },
     v9 = {
@@ -67,7 +67,7 @@ const node = function () {
       "name": "value",
       "storageKey": null
     },
-    v10 = [v7 /*: any*/, v9 /*: any*/],
+    v10 = [v8 /*: any*/, v9 /*: any*/],
     v11 = {
       "kind": "Literal",
       "name": "licenseOptions",
@@ -152,7 +152,7 @@ const node = function () {
       "kind": "LinkedField",
       "name": "parent",
       "plural": false,
-      "selections": [v6 /*: any*/, v8 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/],
+      "selections": [v6 /*: any*/, v7 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/],
       "storageKey": null
     };
   return {
@@ -312,23 +312,17 @@ const node = function () {
                       }, {
                         "alias": null,
                         "args": null,
-                        "concreteType": "StylisticSetName",
+                        "concreteType": "FeatureName",
                         "kind": "LinkedField",
-                        "name": "stylisticSetNames",
+                        "name": "featureNames",
                         "plural": true,
                         "selections": [{
                           "alias": null,
                           "args": null,
                           "kind": "ScalarField",
-                          "name": "featureName",
-                          "storageKey": null
-                        }, {
-                          "alias": null,
-                          "args": null,
-                          "kind": "ScalarField",
-                          "name": "humanName",
+                          "name": "tag",
                           "storageKey": null
-                        }],
+                        }, v7 /*: any*/],
                         "storageKey": null
                       }],
                       "storageKey": null
@@ -339,7 +333,7 @@ const node = function () {
                       "kind": "LinkedField",
                       "name": "variableAxes",
                       "plural": true,
-                      "selections": [v7 /*: any*/, v8 /*: any*/, {
+                      "selections": [v8 /*: any*/, v7 /*: any*/, {
                         "alias": null,
                         "args": null,
                         "kind": "ScalarField",
@@ -353,7 +347,7 @@ const node = function () {
                         "storageKey": null
                       }],
                       "storageKey": null
-                    }, v8 /*: any*/, {
+                    }, v7 /*: any*/, {
                       "alias": null,
                       "args": null,
                       "kind": "ScalarField",
@@ -384,7 +378,7 @@ const node = function () {
                       "kind": "LinkedField",
                       "name": "variableInstances",
                       "plural": true,
-                      "selections": [v8 /*: any*/, {
+                      "selections": [v7 /*: any*/, {
                         "alias": null,
                         "args": null,
                         "concreteType": "VariableSetting",
@@ -402,7 +396,7 @@ const node = function () {
                       "kind": "LinkedField",
                       "name": "family",
                       "plural": false,
-                      "selections": [v6 /*: any*/, v8 /*: any*/],
+                      "selections": [v6 /*: any*/, v7 /*: any*/],
                       "storageKey": null
                     }, {
                       "alias": null,
@@ -544,7 +538,7 @@ const node = function () {
               "kind": "ScalarField",
               "name": "typeTesterAxes",
               "storageKey": null
-            }, v6 /*: any*/, v8 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, v20 /*: any*/, {
+            }, v6 /*: any*/, v7 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, v20 /*: any*/, {
               "alias": "families",
               "args": [{
                 "kind": "Literal",
@@ -555,7 +549,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "children",
               "plural": true,
-              "selections": [v6 /*: any*/, v8 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, v20 /*: any*/],
+              "selections": [v6 /*: any*/, v7 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, v20 /*: any*/],
               "storageKey": "children(collectionTypes:[\"FAMILY\"])"
             }],
             "storageKey": null
@@ -566,12 +560,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "eb0a798a6667c9083085bd38105fb643",
+      "cacheID": "311b4870ba11a1df38cf98b202138e2f",
       "id": null,
       "metadata": {},
       "name": "TypeTestersSlugQuery",
       "operationKind": "query",
-      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        alignment\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        alignment\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    featureNames {\n      tag\n      name\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<4af5749fec9e2dd5c9413484a9ef2a7c>>
+ * @generated SignedSource<<32ee5e91cb8ab1a1a26c1fd5fc534c8a>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -7,9 +7,9 @@ import { ReaderFragment } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
 export type useFeaturesData_fontStyle$data = {
     readonly fontFeatures: {
-        readonly stylisticSetNames: ReadonlyArray<{
-            readonly featureName: string;
-            readonly humanName: string;
+        readonly featureNames: ReadonlyArray<{
+            readonly name: string;
+            readonly tag: string;
         }>;
         readonly supportedFeatures: ReadonlyArray<string>;
     };

package/dist/__generated__/useFeaturesData_fontStyle.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<4af5749fec9e2dd5c9413484a9ef2a7c>>
+ * @generated SignedSource<<32ee5e91cb8ab1a1a26c1fd5fc534c8a>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -29,21 +29,21 @@ const node = {
     }, {
       "alias": null,
       "args": null,
-      "concreteType": "StylisticSetName",
+      "concreteType": "FeatureName",
       "kind": "LinkedField",
-      "name": "stylisticSetNames",
+      "name": "featureNames",
       "plural": true,
       "selections": [{
         "alias": null,
         "args": null,
         "kind": "ScalarField",
-        "name": "featureName",
+        "name": "tag",
         "storageKey": null
       }, {
         "alias": null,
         "args": null,
         "kind": "ScalarField",
-        "name": "humanName",
+        "name": "name",
         "storageKey": null
       }],
       "storageKey": null
@@ -53,5 +53,5 @@ const node = {
   "type": "FontStyle",
   "abstractKey": null
 };
-node.hash = "3c48a87b1b19f52e3dda10fc11f0030a";
+node.hash = "6a05a092096a4a0c1dd10fc0610bbee2";
 export default node;

package/dist/__tests__/trackingRouteChanges.test.js

@@ -0,0 +1,110 @@
+import { describe, it, expect, vi } from 'vitest';
+import { trackRouteChanges } from '../components/Tracking/routeChanges.js';
+
+// `trackRouteChanges` wraps the History API, so these tests drive stand-in
+// history/window objects rather than a DOM. `defer` runs the check
+// synchronously so each call's effect can be asserted in order.
+function setup() {
+  let startUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'https://foundry.test/fonts';
+  let url = startUrl;
+  const listeners = {};
+  const history = {
+    pushState: vi.fn(),
+    replaceState: vi.fn()
+  };
+  const windowLike = {
+    addEventListener: (type, listener) => {
+      (listeners[type] ||= []).push(listener);
+    },
+    removeEventListener: (type, listener) => {
+      listeners[type] = (listeners[type] || []).filter(l => l !== listener);
+    }
+  };
+  const onNavigate = vi.fn();
+  const cleanup = trackRouteChanges({
+    history,
+    window: windowLike,
+    currentUrl: () => url,
+    onNavigate,
+    defer: callback => {
+      callback();
+    }
+  });
+  return {
+    history,
+    onNavigate,
+    cleanup,
+    /** Navigate the way an SPA router does: change the URL, then tell history. */
+    navigate(to) {
+      url = to;
+      history.pushState({}, '', to);
+    },
+    /** Rewrite the current entry in place without moving, as LiveView does. */
+    rewriteState() {
+      history.replaceState({
+        scroll: 120
+      }, '', url);
+    },
+    popstate(to) {
+      url = to;
+      (listeners.popstate || []).forEach(listener => listener());
+    }
+  };
+}
+describe('trackRouteChanges', () => {
+  it('reports a page view when the URL changes', () => {
+    const t = setup();
+    t.navigate('https://foundry.test/fonts/tomka');
+    t.navigate('https://foundry.test/cart');
+    expect(t.onNavigate).toHaveBeenCalledTimes(2);
+  });
+  it('ignores a replaceState that leaves the URL alone', () => {
+    const t = setup();
+
+    // Phoenix LiveView saves the scroll offset like this after every scroll
+    // stop; before the URL check this billed a page view per scroll pause.
+    t.rewriteState();
+    t.rewriteState();
+    t.rewriteState();
+    expect(t.onNavigate).not.toHaveBeenCalled();
+  });
+  it('still reports the navigation when a rewrite follows it', () => {
+    const t = setup();
+
+    // A LiveView redirect pushes the new URL and then immediately rewrites the
+    // entry to record how it was reached — one navigation, two history calls.
+    t.navigate('https://foundry.test/cart');
+    t.rewriteState();
+    expect(t.onNavigate).toHaveBeenCalledTimes(1);
+  });
+  it('counts a return to a previously visited URL', () => {
+    const t = setup('https://foundry.test/fonts');
+    t.navigate('https://foundry.test/cart');
+    t.navigate('https://foundry.test/fonts');
+
+    // Only the immediately preceding URL is deduplicated — going back to a page
+    // is a real second view of it.
+    expect(t.onNavigate).toHaveBeenCalledTimes(2);
+  });
+  it('reports back/forward navigation', () => {
+    const t = setup();
+    t.popstate('https://foundry.test/cart');
+    expect(t.onNavigate).toHaveBeenCalledTimes(1);
+  });
+  it('does not report the URL it started on', () => {
+    const t = setup();
+
+    // The entry page view is sent by the caller, so an immediate rewrite of the
+    // entry URL must not duplicate it.
+    t.rewriteState();
+    expect(t.onNavigate).not.toHaveBeenCalled();
+  });
+  it('restores the original history methods on cleanup', () => {
+    const t = setup();
+    const wrappedPush = t.history.pushState;
+    t.cleanup();
+    expect(t.history.pushState).not.toBe(wrappedPush);
+    t.navigate('https://foundry.test/cart');
+    expect(t.onNavigate).not.toHaveBeenCalled();
+  });
+});

package/dist/components/CharacterViewer/index.js

@@ -18,6 +18,7 @@ import CharacterViewerIDQueryNode from '../../__generated__/CharacterViewerIDQue
 import CharacterViewerSlugQueryNode from '../../__generated__/CharacterViewerSlugQuery.graphql.js';
 import StyleSelect from './StyleSelect.js';
 import Checkbox from '../Checkbox/index.js';
+import useFeaturesData from '../TypeTester/useFeaturesData.js';
 import CharacterViewerStyleRefetchQueryNode from '../../__generated__/CharacterViewerStyleRefetchQuery.graphql.js';
 import { EnsureFontdueContext } from '../FontdueContextProvider/index.js';
 import ConfigContext from '../ConfigContext.js';
@@ -66,7 +67,8 @@ function GlyphMeta(_ref) {
     featuresChecked,
     setFeaturesChecked,
     getGlyphName,
-    getUnicodeName
+    getUnicodeName,
+    featureNames
   } = _ref;
   if (!glyph) return null;
   const unicodeName = getUnicodeName(glyph);
@@ -75,7 +77,7 @@ function GlyphMeta(_ref) {
   }, unicodeName)), /*#__PURE__*/React.createElement("span", null, "Unicode decimal"), /*#__PURE__*/React.createElement("span", null, glyph.string.split('').map(str => str.charCodeAt(0).toString(10)).join(', ')), /*#__PURE__*/React.createElement("span", null, "Unicode hex"), /*#__PURE__*/React.createElement("span", null, glyph.string.split('').map(str => str.charCodeAt(0).toString(16).padStart(4, '0')).join(', ')), glyph.features && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "OpenType feature", glyph.features.length > 1 ? 's' : ''), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement(Checkbox, {
     checked: featuresChecked,
     onChange: e => setFeaturesChecked(e.target.checked)
-  }), glyph.features.join(', ')))));
+  }), glyph.features.map(feature => featureNames[feature] ? `${featureNames[feature]} (${feature})` : feature).join(', ')))));
 }
 
 // Glyph unicode names (~1.2 MB) are fetched lazily from the Fontdue CDN rather
@@ -129,7 +131,7 @@ function CharacterViewerComponent(_ref2) {
     collection: collectionKey
   } = _ref2;
   const collection = useFragment((_CharacterViewer_collection.hash && _CharacterViewer_collection.hash !== "c2116c3c2c795e5306c3a2a0ecd60137" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection), collectionKey);
-  const [fontStyle, refetchFontStyle] = useRefetchableFragment((_CharacterViewer_style.hash && _CharacterViewer_style.hash !== "8cbf3328030930b88b3ec3601aaf7c45" && console.error("The definition of 'CharacterViewer_style' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_style), collection.featureStyle);
+  const [fontStyle, refetchFontStyle] = useRefetchableFragment((_CharacterViewer_style.hash && _CharacterViewer_style.hash !== "087471e544e0a6ed17f1b17cd0570e28" && console.error("The definition of 'CharacterViewer_style' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_style), collection.featureStyle);
   let families = [];
   if (collection.collectionType === 'family') families = [collection];
   if (collection.collectionType === 'superfamily' && collection.children) families = collection.children;
@@ -152,6 +154,11 @@ function CharacterViewerComponent(_ref2) {
           fetchPolicy: 'store-only'
         });
         setVariableSettings(value.variableSettings);
+      },
+      // Keep the current style rendered on a failed refetch; without this the
+      // error is swallowed and the style select just appears dead.
+      error: error => {
+        console.error('Fontdue: failed to load the selected font style', error);
       }
     });
   };
@@ -160,6 +167,11 @@ function CharacterViewerComponent(_ref2) {
   } = useFontStyle({
     fontStyle: fontStyle
   });
+  const {
+    featureNames
+  } = useFeaturesData({
+    fontStyle
+  });
   if (variableSettings) {
     style = {
       ...style,
@@ -337,7 +349,8 @@ function CharacterViewerComponent(_ref2) {
     getGlyphName: getGlyphName,
     getUnicodeName: getUnicodeName,
     featuresChecked: featuresChecked,
-    setFeaturesChecked: setFeaturesChecked
+    setFeaturesChecked: setFeaturesChecked,
+    featureNames: featureNames
   })))), /*#__PURE__*/React.createElement("div", {
     className: "character-viewer_blocks",
     ref: blocksRef,

package/dist/components/Tracking/index.js

@@ -4,6 +4,7 @@ import { useContext, useEffect } from 'react';
 import ConfigContext from '../ConfigContext.js';
 import { useFontdueUrl } from '../UrlContext.js';
 import { hasConsent, onConsent, setClientAnonymousId, setEntryAttribution } from '../ConsentBanner/consent.js';
+import { trackRouteChanges } from './routeChanges.js';
 function getCampaignDataFromUrl() {
   const urlParams = new URLSearchParams(window.location.search);
   const campaign = {};
@@ -155,26 +156,17 @@ const Tracking = () => {
     }
 
     // Track client-side route changes
-    const originalPushState = history.pushState.bind(history);
-    const originalReplaceState = history.replaceState.bind(history);
-    const handleRouteChange = () => {
-      // Defer slightly to let document.title update
-      setTimeout(() => sendPageView(url), 0);
-    };
-    history.pushState = function () {
-      originalPushState(...arguments);
-      handleRouteChange();
-    };
-    history.replaceState = function () {
-      originalReplaceState(...arguments);
-      handleRouteChange();
-    };
-    window.addEventListener('popstate', handleRouteChange);
+    const untrackRouteChanges = trackRouteChanges({
+      history,
+      window,
+      currentUrl: () => window.location.href,
+      onNavigate: () => {
+        sendPageView(url);
+      }
+    });
     return () => {
       var _consentCleanup;
-      history.pushState = originalPushState;
-      history.replaceState = originalReplaceState;
-      window.removeEventListener('popstate', handleRouteChange);
+      untrackRouteChanges();
       (_consentCleanup = consentCleanup) === null || _consentCleanup === void 0 ? void 0 : _consentCleanup();
     };
   }, []);

package/dist/components/Tracking/routeChanges.d.ts

@@ -0,0 +1,19 @@
+type HistoryLike = Pick<History, 'pushState' | 'replaceState'>;
+type WindowLike = Pick<Window, 'addEventListener' | 'removeEventListener'>;
+export type RouteChangeOptions = {
+    history: HistoryLike;
+    window: WindowLike;
+    /** The URL as it stands right now, e.g. `() => window.location.href`. */
+    currentUrl: () => string;
+    /** Called once per navigation to a URL different from the previous one. */
+    onNavigate: () => void;
+    /** Overridable so tests can run the check synchronously. */
+    defer?: (callback: () => void) => void;
+};
+/**
+ * Wrap `pushState`/`replaceState` and call `onNavigate` when the URL changes.
+ *
+ * Returns a cleanup function that restores the original History methods.
+ */
+export declare function trackRouteChanges({ history, window: windowLike, currentUrl, onNavigate, defer, }: RouteChangeOptions): () => void;
+export {};