fontdue-js 2.0.0-alpha8 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -2
- package/README.md +34 -1
- package/dist/__generated__/TypeTesterFeaturesButton_fontStyle.graphql.d.ts +17 -0
- package/dist/__generated__/TypeTesterFeaturesButton_fontStyle.graphql.js +32 -0
- package/dist/__generated__/TypeTesterFeatures_fontStyle.graphql.d.ts +2 -2
- package/dist/__generated__/TypeTesterFeatures_fontStyle.graphql.js +6 -2
- package/dist/__generated__/TypeTesterFloatingToolbar_testers.graphql.d.ts +2 -2
- package/dist/__generated__/TypeTesterFloatingToolbar_testers.graphql.js +3 -3
- package/dist/__generated__/TypeTesterStandaloneQuery.graphql.d.ts +1 -1
- package/dist/__generated__/TypeTesterStandaloneQuery.graphql.js +24 -24
- package/dist/__generated__/TypeTesterToolbar_fontStyle.graphql.d.ts +17 -0
- package/dist/__generated__/TypeTesterToolbar_fontStyle.graphql.js +36 -0
- package/dist/__generated__/TypeTesterVariableAxes_fontStyle.graphql.d.ts +22 -0
- package/dist/__generated__/TypeTesterVariableAxes_fontStyle.graphql.js +61 -0
- package/dist/__generated__/TypeTester_NewStyleQuery.graphql.d.ts +2 -2
- package/dist/__generated__/TypeTester_NewStyleQuery.graphql.js +29 -25
- package/dist/__generated__/TypeTester_fontStyle.graphql.d.ts +2 -2
- package/dist/__generated__/TypeTester_fontStyle.graphql.js +7 -3
- package/dist/__generated__/TypeTestersIDQuery.graphql.d.ts +1 -1
- package/dist/__generated__/TypeTestersIDQuery.graphql.js +24 -24
- package/dist/__generated__/TypeTestersSlugQuery.graphql.d.ts +1 -1
- package/dist/__generated__/TypeTestersSlugQuery.graphql.js +24 -24
- package/dist/__generated__/useFeaturesData_fontStyle.graphql.d.ts +1 -7
- package/dist/__generated__/useFeaturesData_fontStyle.graphql.js +2 -35
- package/dist/components/ConfigContext.d.ts +2 -0
- package/dist/components/ConfigContext.js +1 -0
- package/dist/components/TypeTester/TypeTesterFeatures.d.ts +1 -1
- package/dist/components/TypeTester/TypeTesterFeatures.js +6 -11
- package/dist/components/TypeTester/TypeTesterFeaturesButton.d.ts +2 -2
- package/dist/components/TypeTester/TypeTesterFeaturesButton.js +4 -1
- package/dist/components/TypeTester/TypeTesterFloatingToolbar.js +7 -1
- package/dist/components/TypeTester/TypeTesterToolbar.d.ts +4 -2
- package/dist/components/TypeTester/TypeTesterToolbar.js +11 -2
- package/dist/components/TypeTester/TypeTesterVariableAxes.d.ts +3 -6
- package/dist/components/TypeTester/TypeTesterVariableAxes.js +15 -2
- package/dist/components/TypeTester/index.d.ts +2 -1
- package/dist/components/TypeTester/index.js +11 -4
- package/dist/components/TypeTester/types.d.ts +1 -0
- package/dist/components/TypeTester/useFeaturesData.d.ts +0 -6
- package/dist/components/TypeTester/useFeaturesData.js +1 -1
- package/dist/fontdue.css +28 -7
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
## 2.0.0
|
|
2
2
|
|
|
3
|
-
- __Breaking change__: This is a major upgrade to support React 18 concurrent mode, including changes to how we resolve data using Suspense via Relay. Upgrading meant we require some new features only available in React 18. But this change also means that Fontdue components can now fully resolve during server-side rendering (e.g. in Next.js), making for much smoother initial page loads.
|
|
3
|
+
- __Breaking change__: This is a major upgrade to support React 18 concurrent mode, including changes to how we resolve data using Suspense via Relay. Upgrading meant we require some new features only available in React 18. But this change also means that Fontdue components can now fully resolve during server-side rendering (e.g. in Next.js), making for much smoother initial page loads. Usage on the server (e.g. Next.js) now requires the NEXT_PUBLIC_FONTDUE_URL to be set instead of passing the `url` prop to the FontdueProvider.
|
|
4
|
+
- Adds `variableAxesPosition` to type tester config
|
|
4
5
|
|
|
5
6
|
## 1.12.3
|
|
6
7
|
|
|
7
|
-
-
|
|
8
|
+
- Fixes Stripe integration for Apple Pay
|
|
8
9
|
|
|
9
10
|
## 1.12.2
|
|
10
11
|
|
package/README.md
CHANGED
|
@@ -11,10 +11,43 @@ npm install fontdue-js@latest
|
|
|
11
11
|
## Usage
|
|
12
12
|
|
|
13
13
|
1. Wrap the root of your project with the [`FontdueProvider`](#fontdueprovider) component. For example in a Next.js app, add it to your `app/layout.tsx` or `pages/_app.tsx`.
|
|
14
|
-
2.
|
|
14
|
+
2. If using Next.js, add an environment variable to your app `NEXT_PUBLIC_FONTDUE_URL` pointing to your Fontdue store URL. Otherwise, you can include the `url` prop on the `FontdueProvider`.
|
|
15
15
|
3. Render the [`StoreModal`](#storemodal) component so that is it available on every page.
|
|
16
16
|
4. Import the `fontdue-js/fontdue.css` CSS file. (This example uses Next.js)
|
|
17
17
|
|
|
18
|
+
### Example
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
``` shell
|
|
22
|
+
# .env.local
|
|
23
|
+
NEXT_PUBLIC_FONTDUE_URL=https://example.fontdue.com
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
```tsx
|
|
27
|
+
// app/layout.tsx
|
|
28
|
+
import FontdueProvider from "fontdue-js/FontdueProvider";
|
|
29
|
+
import StoreModal from "fontdue-js/StoreModal";
|
|
30
|
+
import "fontdue-js/fontdue.css";
|
|
31
|
+
|
|
32
|
+
export default async function RootLayout({
|
|
33
|
+
children,
|
|
34
|
+
}: {
|
|
35
|
+
children: React.ReactNode;
|
|
36
|
+
}) {
|
|
37
|
+
return (
|
|
38
|
+
<html lang="en">
|
|
39
|
+
<body>
|
|
40
|
+
<FontdueProvider>
|
|
41
|
+
{children}
|
|
42
|
+
|
|
43
|
+
<StoreModal />
|
|
44
|
+
</FontdueProvider>
|
|
45
|
+
</body>
|
|
46
|
+
</html>
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
18
51
|
For details on integrating into your Next.js app, read our [Next.js guide](https://docs.fontdue.com/nextjs)
|
|
19
52
|
|
|
20
53
|
## IDs
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated SignedSource<<d6b9728d463a349c49f5844d6e2a57b2>>
|
|
3
|
+
* @lightSyntaxTransform
|
|
4
|
+
* @nogrep
|
|
5
|
+
*/
|
|
6
|
+
import { ReaderFragment } from 'relay-runtime';
|
|
7
|
+
import { FragmentRefs } from "relay-runtime";
|
|
8
|
+
export type TypeTesterFeaturesButton_fontStyle$data = {
|
|
9
|
+
readonly " $fragmentSpreads": FragmentRefs<"useFeaturesData_fontStyle">;
|
|
10
|
+
readonly " $fragmentType": "TypeTesterFeaturesButton_fontStyle";
|
|
11
|
+
};
|
|
12
|
+
export type TypeTesterFeaturesButton_fontStyle$key = {
|
|
13
|
+
readonly " $data"?: TypeTesterFeaturesButton_fontStyle$data;
|
|
14
|
+
readonly " $fragmentSpreads": FragmentRefs<"TypeTesterFeaturesButton_fontStyle">;
|
|
15
|
+
};
|
|
16
|
+
declare const node: ReaderFragment;
|
|
17
|
+
export default node;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* @generated SignedSource<<d6b9728d463a349c49f5844d6e2a57b2>>
|
|
9
|
+
* @lightSyntaxTransform
|
|
10
|
+
* @nogrep
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/* tslint:disable */
|
|
14
|
+
/* eslint-disable */
|
|
15
|
+
// @ts-nocheck
|
|
16
|
+
|
|
17
|
+
const node = {
|
|
18
|
+
"argumentDefinitions": [],
|
|
19
|
+
"kind": "Fragment",
|
|
20
|
+
"metadata": null,
|
|
21
|
+
"name": "TypeTesterFeaturesButton_fontStyle",
|
|
22
|
+
"selections": [{
|
|
23
|
+
"args": null,
|
|
24
|
+
"kind": "FragmentSpread",
|
|
25
|
+
"name": "useFeaturesData_fontStyle"
|
|
26
|
+
}],
|
|
27
|
+
"type": "FontStyle",
|
|
28
|
+
"abstractKey": null
|
|
29
|
+
};
|
|
30
|
+
node.hash = "bfda99c867db0b614314fc774911c4b0";
|
|
31
|
+
var _default = node;
|
|
32
|
+
exports.default = _default;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @generated SignedSource<<
|
|
2
|
+
* @generated SignedSource<<7f8ba2bf207ee46ceb194b19dac7ee25>>
|
|
3
3
|
* @lightSyntaxTransform
|
|
4
4
|
* @nogrep
|
|
5
5
|
*/
|
|
6
6
|
import { ReaderFragment } from 'relay-runtime';
|
|
7
7
|
import { FragmentRefs } from "relay-runtime";
|
|
8
8
|
export type TypeTesterFeatures_fontStyle$data = {
|
|
9
|
-
readonly " $fragmentSpreads": FragmentRefs<"useFeaturesData_fontStyle">;
|
|
9
|
+
readonly " $fragmentSpreads": FragmentRefs<"TypeTesterVariableAxes_fontStyle" | "useFeaturesData_fontStyle">;
|
|
10
10
|
readonly " $fragmentType": "TypeTesterFeatures_fontStyle";
|
|
11
11
|
};
|
|
12
12
|
export type TypeTesterFeatures_fontStyle$key = {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
|
-
* @generated SignedSource<<
|
|
8
|
+
* @generated SignedSource<<7f8ba2bf207ee46ceb194b19dac7ee25>>
|
|
9
9
|
* @lightSyntaxTransform
|
|
10
10
|
* @nogrep
|
|
11
11
|
*/
|
|
@@ -23,10 +23,14 @@ const node = {
|
|
|
23
23
|
"args": null,
|
|
24
24
|
"kind": "FragmentSpread",
|
|
25
25
|
"name": "useFeaturesData_fontStyle"
|
|
26
|
+
}, {
|
|
27
|
+
"args": null,
|
|
28
|
+
"kind": "FragmentSpread",
|
|
29
|
+
"name": "TypeTesterVariableAxes_fontStyle"
|
|
26
30
|
}],
|
|
27
31
|
"type": "FontStyle",
|
|
28
32
|
"abstractKey": null
|
|
29
33
|
};
|
|
30
|
-
node.hash = "
|
|
34
|
+
node.hash = "d0c693dadaa9ae68f5295f3fc69a7578";
|
|
31
35
|
var _default = node;
|
|
32
36
|
exports.default = _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @generated SignedSource<<
|
|
2
|
+
* @generated SignedSource<<ec191174c90f05f31989f46fbcb01dc9>>
|
|
3
3
|
* @lightSyntaxTransform
|
|
4
4
|
* @nogrep
|
|
5
5
|
*/
|
|
@@ -7,7 +7,7 @@ import { ReaderFragment } from 'relay-runtime';
|
|
|
7
7
|
import { FragmentRefs } from "relay-runtime";
|
|
8
8
|
export type TypeTesterFloatingToolbar_testers$data = ReadonlyArray<{
|
|
9
9
|
readonly fontStyle: {
|
|
10
|
-
readonly " $fragmentSpreads": FragmentRefs<"TypeTesterFeatures_fontStyle" | "
|
|
10
|
+
readonly " $fragmentSpreads": FragmentRefs<"TypeTesterFeatures_fontStyle" | "TypeTesterToolbar_fontStyle">;
|
|
11
11
|
} | null;
|
|
12
12
|
readonly id: string;
|
|
13
13
|
readonly " $fragmentType": "TypeTesterFloatingToolbar_testers";
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
|
-
* @generated SignedSource<<
|
|
8
|
+
* @generated SignedSource<<ec191174c90f05f31989f46fbcb01dc9>>
|
|
9
9
|
* @lightSyntaxTransform
|
|
10
10
|
* @nogrep
|
|
11
11
|
*/
|
|
@@ -37,7 +37,7 @@ const node = {
|
|
|
37
37
|
"selections": [{
|
|
38
38
|
"args": null,
|
|
39
39
|
"kind": "FragmentSpread",
|
|
40
|
-
"name": "
|
|
40
|
+
"name": "TypeTesterToolbar_fontStyle"
|
|
41
41
|
}, {
|
|
42
42
|
"args": null,
|
|
43
43
|
"kind": "FragmentSpread",
|
|
@@ -48,6 +48,6 @@ const node = {
|
|
|
48
48
|
"type": "TypeTester",
|
|
49
49
|
"abstractKey": null
|
|
50
50
|
};
|
|
51
|
-
node.hash = "
|
|
51
|
+
node.hash = "5f037fca9e02cba8c202f17e08ff8db6";
|
|
52
52
|
var _default = node;
|
|
53
53
|
exports.default = _default;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
|
-
* @generated SignedSource<<
|
|
8
|
+
* @generated SignedSource<<491978c728204bde60e9bfb3dc46c3b4>>
|
|
9
9
|
* @lightSyntaxTransform
|
|
10
10
|
* @nogrep
|
|
11
11
|
*/
|
|
@@ -275,27 +275,6 @@ const node = function () {
|
|
|
275
275
|
"name": "fontStyle",
|
|
276
276
|
"plural": false,
|
|
277
277
|
"selections": [v2 /*: any*/, {
|
|
278
|
-
"alias": null,
|
|
279
|
-
"args": null,
|
|
280
|
-
"concreteType": "VariableAxis",
|
|
281
|
-
"kind": "LinkedField",
|
|
282
|
-
"name": "variableAxes",
|
|
283
|
-
"plural": true,
|
|
284
|
-
"selections": [v8 /*: any*/, v4 /*: any*/, {
|
|
285
|
-
"alias": null,
|
|
286
|
-
"args": null,
|
|
287
|
-
"kind": "ScalarField",
|
|
288
|
-
"name": "minValue",
|
|
289
|
-
"storageKey": null
|
|
290
|
-
}, {
|
|
291
|
-
"alias": null,
|
|
292
|
-
"args": null,
|
|
293
|
-
"kind": "ScalarField",
|
|
294
|
-
"name": "maxValue",
|
|
295
|
-
"storageKey": null
|
|
296
|
-
}],
|
|
297
|
-
"storageKey": null
|
|
298
|
-
}, {
|
|
299
278
|
"alias": null,
|
|
300
279
|
"args": null,
|
|
301
280
|
"concreteType": "FontFeatures",
|
|
@@ -331,6 +310,27 @@ const node = function () {
|
|
|
331
310
|
"storageKey": null
|
|
332
311
|
}],
|
|
333
312
|
"storageKey": null
|
|
313
|
+
}, {
|
|
314
|
+
"alias": null,
|
|
315
|
+
"args": null,
|
|
316
|
+
"concreteType": "VariableAxis",
|
|
317
|
+
"kind": "LinkedField",
|
|
318
|
+
"name": "variableAxes",
|
|
319
|
+
"plural": true,
|
|
320
|
+
"selections": [v8 /*: any*/, v4 /*: any*/, {
|
|
321
|
+
"alias": null,
|
|
322
|
+
"args": null,
|
|
323
|
+
"kind": "ScalarField",
|
|
324
|
+
"name": "minValue",
|
|
325
|
+
"storageKey": null
|
|
326
|
+
}, {
|
|
327
|
+
"alias": null,
|
|
328
|
+
"args": null,
|
|
329
|
+
"kind": "ScalarField",
|
|
330
|
+
"name": "maxValue",
|
|
331
|
+
"storageKey": null
|
|
332
|
+
}],
|
|
333
|
+
"storageKey": null
|
|
334
334
|
}, v4 /*: any*/, v5 /*: any*/, v6 /*: any*/, v7 /*: any*/, v9 /*: any*/, {
|
|
335
335
|
"alias": null,
|
|
336
336
|
"args": null,
|
|
@@ -371,12 +371,12 @@ const node = function () {
|
|
|
371
371
|
}]
|
|
372
372
|
},
|
|
373
373
|
"params": {
|
|
374
|
-
"cacheID": "
|
|
374
|
+
"cacheID": "ea5a29444486ba9004fd0206ac174cd7",
|
|
375
375
|
"id": null,
|
|
376
376
|
"metadata": {},
|
|
377
377
|
"name": "TypeTesterStandaloneQuery",
|
|
378
378
|
"operationKind": "query",
|
|
379
|
-
"text": "query TypeTesterStandaloneQuery(\n $familyName: String!\n $styleName: String!\n) {\n viewer {\n ...TypeTester_viewer\n fontStyle(familyName: $familyName, styleName: $styleName) {\n ...TypeTester_fontStyle\n id\n family {\n id\n parent {\n id\n }\n }\n }\n id\n }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n cssFamily\n name\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment SKUPrice_sku on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SelectButton_sku on Sku {\n id\n ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n id\n name\n cssWeight\n cssStyle\n cssStretch\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n family {\n name\n id\n }\n}\n\nfragment TypeTesterStyleSelectData_viewer on Viewer {\n families: fontCollections(collectionTypes: [FAMILY], first: 999) {\n edges {\n node {\n id\n name\n isVariableFont\n fontStyles {\n id\n name\n cssWeight\n cssStyle\n cssStretch\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n }\n }\n }\n }\n}\n\nfragment TypeTester_fontStyle on FontStyle {\n id\n ...TypeTesterFeatures_fontStyle\n ...TypeTesterStyleSelectData_fontStyle\n ...FontStyle_fontStyle\n ...
|
|
379
|
+
"text": "query TypeTesterStandaloneQuery(\n $familyName: String!\n $styleName: String!\n) {\n viewer {\n ...TypeTester_viewer\n fontStyle(familyName: $familyName, styleName: $styleName) {\n ...TypeTester_fontStyle\n id\n family {\n id\n parent {\n id\n }\n }\n }\n id\n }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n cssFamily\n name\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment SKUPrice_sku on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SelectButton_sku on Sku {\n id\n ...SKUPrice_sku_2AMk59\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 TypeTesterStyleSelectData_fontStyle on FontStyle {\n id\n name\n cssWeight\n cssStyle\n cssStretch\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n family {\n name\n id\n }\n}\n\nfragment TypeTesterStyleSelectData_viewer on Viewer {\n families: fontCollections(collectionTypes: [FAMILY], first: 999) {\n edges {\n node {\n id\n name\n isVariableFont\n fontStyles {\n id\n name\n cssWeight\n cssStyle\n cssStretch\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n }\n }\n }\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 on FontStyle {\n id\n ...TypeTesterFeatures_fontStyle\n ...TypeTesterStyleSelectData_fontStyle\n ...FontStyle_fontStyle\n ...TypeTesterVariableAxes_fontStyle\n ...TypeTesterToolbar_fontStyle\n family {\n cssUrl\n id\n }\n sku {\n ...SelectButton_sku\n ...SKUPrice_sku\n id\n basePrice: price {\n amount\n }\n }\n fontCollections {\n sku {\n ...SelectButton_sku\n ...SKUPrice_sku\n id\n basePrice: price {\n amount\n }\n }\n id\n }\n}\n\nfragment TypeTester_viewer on Viewer {\n ...TypeTesterStyleSelectData_viewer\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n fontFeatures {\n supportedFeatures\n stylisticSetNames {\n featureName\n humanName\n }\n }\n}\n"
|
|
380
380
|
}
|
|
381
381
|
};
|
|
382
382
|
}();
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated SignedSource<<b06b8812dc7b6cb8fa985ed97be5175d>>
|
|
3
|
+
* @lightSyntaxTransform
|
|
4
|
+
* @nogrep
|
|
5
|
+
*/
|
|
6
|
+
import { ReaderFragment } from 'relay-runtime';
|
|
7
|
+
import { FragmentRefs } from "relay-runtime";
|
|
8
|
+
export type TypeTesterToolbar_fontStyle$data = {
|
|
9
|
+
readonly " $fragmentSpreads": FragmentRefs<"TypeTesterFeaturesButton_fontStyle" | "TypeTesterVariableAxes_fontStyle">;
|
|
10
|
+
readonly " $fragmentType": "TypeTesterToolbar_fontStyle";
|
|
11
|
+
};
|
|
12
|
+
export type TypeTesterToolbar_fontStyle$key = {
|
|
13
|
+
readonly " $data"?: TypeTesterToolbar_fontStyle$data;
|
|
14
|
+
readonly " $fragmentSpreads": FragmentRefs<"TypeTesterToolbar_fontStyle">;
|
|
15
|
+
};
|
|
16
|
+
declare const node: ReaderFragment;
|
|
17
|
+
export default node;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* @generated SignedSource<<b06b8812dc7b6cb8fa985ed97be5175d>>
|
|
9
|
+
* @lightSyntaxTransform
|
|
10
|
+
* @nogrep
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/* tslint:disable */
|
|
14
|
+
/* eslint-disable */
|
|
15
|
+
// @ts-nocheck
|
|
16
|
+
|
|
17
|
+
const node = {
|
|
18
|
+
"argumentDefinitions": [],
|
|
19
|
+
"kind": "Fragment",
|
|
20
|
+
"metadata": null,
|
|
21
|
+
"name": "TypeTesterToolbar_fontStyle",
|
|
22
|
+
"selections": [{
|
|
23
|
+
"args": null,
|
|
24
|
+
"kind": "FragmentSpread",
|
|
25
|
+
"name": "TypeTesterVariableAxes_fontStyle"
|
|
26
|
+
}, {
|
|
27
|
+
"args": null,
|
|
28
|
+
"kind": "FragmentSpread",
|
|
29
|
+
"name": "TypeTesterFeaturesButton_fontStyle"
|
|
30
|
+
}],
|
|
31
|
+
"type": "FontStyle",
|
|
32
|
+
"abstractKey": null
|
|
33
|
+
};
|
|
34
|
+
node.hash = "1a0f844cbe51f96ed0145d8009f8bff0";
|
|
35
|
+
var _default = node;
|
|
36
|
+
exports.default = _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @generated SignedSource<<c83e4ef0aff70568fbd05154de4d35ba>>
|
|
3
|
+
* @lightSyntaxTransform
|
|
4
|
+
* @nogrep
|
|
5
|
+
*/
|
|
6
|
+
import { ReaderFragment } from 'relay-runtime';
|
|
7
|
+
import { FragmentRefs } from "relay-runtime";
|
|
8
|
+
export type TypeTesterVariableAxes_fontStyle$data = {
|
|
9
|
+
readonly variableAxes: ReadonlyArray<{
|
|
10
|
+
readonly axis: string;
|
|
11
|
+
readonly maxValue: number;
|
|
12
|
+
readonly minValue: number;
|
|
13
|
+
readonly name: string;
|
|
14
|
+
}> | null;
|
|
15
|
+
readonly " $fragmentType": "TypeTesterVariableAxes_fontStyle";
|
|
16
|
+
};
|
|
17
|
+
export type TypeTesterVariableAxes_fontStyle$key = {
|
|
18
|
+
readonly " $data"?: TypeTesterVariableAxes_fontStyle$data;
|
|
19
|
+
readonly " $fragmentSpreads": FragmentRefs<"TypeTesterVariableAxes_fontStyle">;
|
|
20
|
+
};
|
|
21
|
+
declare const node: ReaderFragment;
|
|
22
|
+
export default node;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* @generated SignedSource<<c83e4ef0aff70568fbd05154de4d35ba>>
|
|
9
|
+
* @lightSyntaxTransform
|
|
10
|
+
* @nogrep
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/* tslint:disable */
|
|
14
|
+
/* eslint-disable */
|
|
15
|
+
// @ts-nocheck
|
|
16
|
+
|
|
17
|
+
const node = {
|
|
18
|
+
"argumentDefinitions": [],
|
|
19
|
+
"kind": "Fragment",
|
|
20
|
+
"metadata": null,
|
|
21
|
+
"name": "TypeTesterVariableAxes_fontStyle",
|
|
22
|
+
"selections": [{
|
|
23
|
+
"alias": null,
|
|
24
|
+
"args": null,
|
|
25
|
+
"concreteType": "VariableAxis",
|
|
26
|
+
"kind": "LinkedField",
|
|
27
|
+
"name": "variableAxes",
|
|
28
|
+
"plural": true,
|
|
29
|
+
"selections": [{
|
|
30
|
+
"alias": null,
|
|
31
|
+
"args": null,
|
|
32
|
+
"kind": "ScalarField",
|
|
33
|
+
"name": "axis",
|
|
34
|
+
"storageKey": null
|
|
35
|
+
}, {
|
|
36
|
+
"alias": null,
|
|
37
|
+
"args": null,
|
|
38
|
+
"kind": "ScalarField",
|
|
39
|
+
"name": "name",
|
|
40
|
+
"storageKey": null
|
|
41
|
+
}, {
|
|
42
|
+
"alias": null,
|
|
43
|
+
"args": null,
|
|
44
|
+
"kind": "ScalarField",
|
|
45
|
+
"name": "minValue",
|
|
46
|
+
"storageKey": null
|
|
47
|
+
}, {
|
|
48
|
+
"alias": null,
|
|
49
|
+
"args": null,
|
|
50
|
+
"kind": "ScalarField",
|
|
51
|
+
"name": "maxValue",
|
|
52
|
+
"storageKey": null
|
|
53
|
+
}],
|
|
54
|
+
"storageKey": null
|
|
55
|
+
}],
|
|
56
|
+
"type": "FontStyle",
|
|
57
|
+
"abstractKey": null
|
|
58
|
+
};
|
|
59
|
+
node.hash = "a73e45dbb7a154107456088125a01f88";
|
|
60
|
+
var _default = node;
|
|
61
|
+
exports.default = _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @generated SignedSource<<
|
|
2
|
+
* @generated SignedSource<<501d8b21c9ae18d0756acdc49e92bbd7>>
|
|
3
3
|
* @lightSyntaxTransform
|
|
4
4
|
* @nogrep
|
|
5
5
|
*/
|
|
@@ -30,7 +30,7 @@ export type TypeTester_NewStyleQuery$data = {
|
|
|
30
30
|
readonly id: string;
|
|
31
31
|
readonly " $fragmentSpreads": FragmentRefs<"SKUPrice_sku" | "SelectButton_sku">;
|
|
32
32
|
} | null;
|
|
33
|
-
readonly " $fragmentSpreads": FragmentRefs<"FontStyle_fontStyle" | "TypeTesterFeatures_fontStyle" | "TypeTesterStyleSelectData_fontStyle" | "
|
|
33
|
+
readonly " $fragmentSpreads": FragmentRefs<"FontStyle_fontStyle" | "TypeTesterFeatures_fontStyle" | "TypeTesterStyleSelectData_fontStyle" | "TypeTesterToolbar_fontStyle" | "TypeTesterVariableAxes_fontStyle">;
|
|
34
34
|
} | null;
|
|
35
35
|
};
|
|
36
36
|
export type TypeTester_NewStyleQuery = {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
|
-
* @generated SignedSource<<
|
|
8
|
+
* @generated SignedSource<<501d8b21c9ae18d0756acdc49e92bbd7>>
|
|
9
9
|
* @lightSyntaxTransform
|
|
10
10
|
* @nogrep
|
|
11
11
|
*/
|
|
@@ -171,7 +171,11 @@ const node = function () {
|
|
|
171
171
|
}, {
|
|
172
172
|
"args": null,
|
|
173
173
|
"kind": "FragmentSpread",
|
|
174
|
-
"name": "
|
|
174
|
+
"name": "TypeTesterVariableAxes_fontStyle"
|
|
175
|
+
}, {
|
|
176
|
+
"args": null,
|
|
177
|
+
"kind": "FragmentSpread",
|
|
178
|
+
"name": "TypeTesterToolbar_fontStyle"
|
|
175
179
|
}],
|
|
176
180
|
"type": "FontStyle",
|
|
177
181
|
"abstractKey": null
|
|
@@ -202,27 +206,6 @@ const node = function () {
|
|
|
202
206
|
}, v2 /*: any*/, {
|
|
203
207
|
"kind": "InlineFragment",
|
|
204
208
|
"selections": [{
|
|
205
|
-
"alias": null,
|
|
206
|
-
"args": null,
|
|
207
|
-
"concreteType": "VariableAxis",
|
|
208
|
-
"kind": "LinkedField",
|
|
209
|
-
"name": "variableAxes",
|
|
210
|
-
"plural": true,
|
|
211
|
-
"selections": [v7 /*: any*/, v8 /*: any*/, {
|
|
212
|
-
"alias": null,
|
|
213
|
-
"args": null,
|
|
214
|
-
"kind": "ScalarField",
|
|
215
|
-
"name": "minValue",
|
|
216
|
-
"storageKey": null
|
|
217
|
-
}, {
|
|
218
|
-
"alias": null,
|
|
219
|
-
"args": null,
|
|
220
|
-
"kind": "ScalarField",
|
|
221
|
-
"name": "maxValue",
|
|
222
|
-
"storageKey": null
|
|
223
|
-
}],
|
|
224
|
-
"storageKey": null
|
|
225
|
-
}, {
|
|
226
209
|
"alias": null,
|
|
227
210
|
"args": null,
|
|
228
211
|
"concreteType": "FontFeatures",
|
|
@@ -258,6 +241,27 @@ const node = function () {
|
|
|
258
241
|
"storageKey": null
|
|
259
242
|
}],
|
|
260
243
|
"storageKey": null
|
|
244
|
+
}, {
|
|
245
|
+
"alias": null,
|
|
246
|
+
"args": null,
|
|
247
|
+
"concreteType": "VariableAxis",
|
|
248
|
+
"kind": "LinkedField",
|
|
249
|
+
"name": "variableAxes",
|
|
250
|
+
"plural": true,
|
|
251
|
+
"selections": [v7 /*: any*/, v8 /*: any*/, {
|
|
252
|
+
"alias": null,
|
|
253
|
+
"args": null,
|
|
254
|
+
"kind": "ScalarField",
|
|
255
|
+
"name": "minValue",
|
|
256
|
+
"storageKey": null
|
|
257
|
+
}, {
|
|
258
|
+
"alias": null,
|
|
259
|
+
"args": null,
|
|
260
|
+
"kind": "ScalarField",
|
|
261
|
+
"name": "maxValue",
|
|
262
|
+
"storageKey": null
|
|
263
|
+
}],
|
|
264
|
+
"storageKey": null
|
|
261
265
|
}, v8 /*: any*/, {
|
|
262
266
|
"alias": null,
|
|
263
267
|
"args": null,
|
|
@@ -334,12 +338,12 @@ const node = function () {
|
|
|
334
338
|
}]
|
|
335
339
|
},
|
|
336
340
|
"params": {
|
|
337
|
-
"cacheID": "
|
|
341
|
+
"cacheID": "11e5f003012ac887f5a6e620db86a96c",
|
|
338
342
|
"id": null,
|
|
339
343
|
"metadata": {},
|
|
340
344
|
"name": "TypeTester_NewStyleQuery",
|
|
341
345
|
"operationKind": "query",
|
|
342
|
-
"text": "query TypeTester_NewStyleQuery(\n $id: ID!\n) {\n node(id: $id) {\n __typename\n id\n ... on FontStyle {\n id\n ...TypeTesterFeatures_fontStyle\n ...TypeTesterStyleSelectData_fontStyle\n ...FontStyle_fontStyle\n ...
|
|
346
|
+
"text": "query TypeTester_NewStyleQuery(\n $id: ID!\n) {\n node(id: $id) {\n __typename\n id\n ... on FontStyle {\n id\n ...TypeTesterFeatures_fontStyle\n ...TypeTesterStyleSelectData_fontStyle\n ...FontStyle_fontStyle\n ...TypeTesterVariableAxes_fontStyle\n ...TypeTesterToolbar_fontStyle\n family {\n cssUrl\n id\n }\n sku {\n ...SelectButton_sku\n ...SKUPrice_sku\n id\n basePrice: price {\n amount\n }\n }\n fontCollections {\n sku {\n ...SelectButton_sku\n ...SKUPrice_sku\n id\n basePrice: price {\n amount\n }\n }\n id\n }\n }\n }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n cssFamily\n name\n}\n\nfragment Price_price on Money {\n amount\n currency\n}\n\nfragment SKUPrice_sku on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n id\n price(licenseOptions: []) {\n amount\n ...Price_price\n }\n}\n\nfragment SelectButton_sku on Sku {\n id\n ...SKUPrice_sku_2AMk59\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 TypeTesterStyleSelectData_fontStyle on FontStyle {\n id\n name\n cssWeight\n cssStyle\n cssStretch\n variableInstances {\n name\n coordinates {\n axis\n value\n }\n }\n family {\n name\n id\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 useFeaturesData_fontStyle on FontStyle {\n fontFeatures {\n supportedFeatures\n stylisticSetNames {\n featureName\n humanName\n }\n }\n}\n"
|
|
343
347
|
}
|
|
344
348
|
};
|
|
345
349
|
}();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @generated SignedSource<<
|
|
2
|
+
* @generated SignedSource<<e0eaf9aa294973852d6d7367989abe96>>
|
|
3
3
|
* @lightSyntaxTransform
|
|
4
4
|
* @nogrep
|
|
5
5
|
*/
|
|
@@ -26,7 +26,7 @@ export type TypeTester_fontStyle$data = {
|
|
|
26
26
|
readonly id: string;
|
|
27
27
|
readonly " $fragmentSpreads": FragmentRefs<"SKUPrice_sku" | "SelectButton_sku">;
|
|
28
28
|
} | null;
|
|
29
|
-
readonly " $fragmentSpreads": FragmentRefs<"FontStyle_fontStyle" | "TypeTesterFeatures_fontStyle" | "TypeTesterStyleSelectData_fontStyle" | "
|
|
29
|
+
readonly " $fragmentSpreads": FragmentRefs<"FontStyle_fontStyle" | "TypeTesterFeatures_fontStyle" | "TypeTesterStyleSelectData_fontStyle" | "TypeTesterToolbar_fontStyle" | "TypeTesterVariableAxes_fontStyle">;
|
|
30
30
|
readonly " $fragmentType": "TypeTester_fontStyle";
|
|
31
31
|
};
|
|
32
32
|
export type TypeTester_fontStyle$key = {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
|
-
* @generated SignedSource<<
|
|
8
|
+
* @generated SignedSource<<e0eaf9aa294973852d6d7367989abe96>>
|
|
9
9
|
* @lightSyntaxTransform
|
|
10
10
|
* @nogrep
|
|
11
11
|
*/
|
|
@@ -75,7 +75,11 @@ const node = function () {
|
|
|
75
75
|
}, {
|
|
76
76
|
"args": null,
|
|
77
77
|
"kind": "FragmentSpread",
|
|
78
|
-
"name": "
|
|
78
|
+
"name": "TypeTesterVariableAxes_fontStyle"
|
|
79
|
+
}, {
|
|
80
|
+
"args": null,
|
|
81
|
+
"kind": "FragmentSpread",
|
|
82
|
+
"name": "TypeTesterToolbar_fontStyle"
|
|
79
83
|
}, {
|
|
80
84
|
"alias": null,
|
|
81
85
|
"args": null,
|
|
@@ -106,6 +110,6 @@ const node = function () {
|
|
|
106
110
|
"abstractKey": null
|
|
107
111
|
};
|
|
108
112
|
}();
|
|
109
|
-
node.hash = "
|
|
113
|
+
node.hash = "e05fd846d7bcc3733b7afeb36403a7ef";
|
|
110
114
|
var _default = node;
|
|
111
115
|
exports.default = _default;
|