fontdue-js 2.0.0-alpha6 → 2.0.0-alpha7

package/dist/components/TypeTester/TypeTesterSlider.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactRanger = require("react-ranger");
+var _reactRanger = require("../../react-ranger");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const logInterpolator = {

package/dist/components/TypeTester/TypeTesterStandalone.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Alignment, Direction } from './types';
-interface TypeTesterStandalone {
-    familyName: string;
-    styleName: string;
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { TypeTesterStandaloneQuery } from '__generated__/TypeTesterStandaloneQuery.graphql';
+interface TypeTesterStandaloneComponent_props {
     lineHeight?: number;
     fontSize?: number;
     features?: string[];
@@ -14,5 +14,12 @@ interface TypeTesterStandalone {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-declare const TypeTesterStandalone: React.FC<TypeTesterStandalone>;
-export default TypeTesterStandalone;
+export interface TypeTesterStandalone_props extends TypeTesterStandaloneComponent_props {
+    familyName: string;
+    styleName: string;
+}
+export declare function TypeTesterStandalonePreloadedQueryRenderer({ preloadedQuery, ...rest }: TypeTesterStandaloneComponent_props & {
+    preloadedQuery: SerializablePreloadedQuery<TypeTesterStandaloneQuery>;
+}): React.JSX.Element;
+export default function TypeTesterStandalone({ familyName, styleName, ...rest }: TypeTesterStandalone_props): React.JSX.Element;
+export {};

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -4,18 +4,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TypeTesterStandalonePreloadedQueryRenderer = TypeTesterStandalonePreloadedQueryRenderer;
+exports.default = TypeTesterStandalone;
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _index = _interopRequireDefault(require("./index"));
 var _TypeTesterContext = _interopRequireDefault(require("./TypeTesterContext"));
-var _TypeTesterStandalone_StyleQuery;
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
+var _TypeTesterStandaloneQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TypeTesterStandalone = _ref => {
-  var _data$viewer, _data$viewer2, _data$viewer3, _data$viewer3$fontSty, _data$viewer3$fontSty2, _data$viewer3$fontSty3, _data$viewer4, _data$viewer4$fontSty, _data$viewer4$fontSty2;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function TypeTesterStandaloneComponent(_ref) {
+  var _data$viewer, _data$viewer2, _data$viewer2$fontSty, _data$viewer2$fontSty2, _data$viewer2$fontSty3, _data$viewer3, _data$viewer3$fontSty, _data$viewer3$fontSty2;
   let {
-    familyName,
-    styleName,
     content,
     direction,
     features,
@@ -25,16 +26,9 @@ const TypeTesterStandalone = _ref => {
     fontSize,
     autofit,
     onFocus,
-    onBlur
+    onBlur,
+    data
   } = _ref;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_TypeTesterStandalone_StyleQuery !== void 0 ? _TypeTesterStandalone_StyleQuery : (_TypeTesterStandalone_StyleQuery = require("../../__generated__/TypeTesterStandalone_StyleQuery.graphql"), _TypeTesterStandalone_StyleQuery.hash && _TypeTesterStandalone_StyleQuery.hash !== "a0c0f9c11fa8fcc0208bdf4c7ee109c9" && console.error("The definition of 'TypeTesterStandalone_StyleQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandalone_StyleQuery), {
-    familyName,
-    styleName
-  });
-  const fontStyle = (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.fontStyle;
-  if (!fontStyle) {
-    console.log(`[TypeTester]: No FontStyle found for {familyName: "${familyName}", styleName: "${styleName}"}`);
-  }
   return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
     testers: {
       standalone: {
@@ -50,14 +44,43 @@ const TypeTesterStandalone = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_index.default, {
     id: "standalone",
     viewer: data.viewer,
-    fontStyle: (_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : _data$viewer2.fontStyle,
+    fontStyle: (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.fontStyle,
     features: features,
     direction: direction,
-    productId: ((_data$viewer3 = data.viewer) === null || _data$viewer3 === void 0 ? void 0 : (_data$viewer3$fontSty = _data$viewer3.fontStyle) === null || _data$viewer3$fontSty === void 0 ? void 0 : (_data$viewer3$fontSty2 = _data$viewer3$fontSty.family) === null || _data$viewer3$fontSty2 === void 0 ? void 0 : (_data$viewer3$fontSty3 = _data$viewer3$fontSty2.parent) === null || _data$viewer3$fontSty3 === void 0 ? void 0 : _data$viewer3$fontSty3.id) ?? ((_data$viewer4 = data.viewer) === null || _data$viewer4 === void 0 ? void 0 : (_data$viewer4$fontSty = _data$viewer4.fontStyle) === null || _data$viewer4$fontSty === void 0 ? void 0 : (_data$viewer4$fontSty2 = _data$viewer4$fontSty.family) === null || _data$viewer4$fontSty2 === void 0 ? void 0 : _data$viewer4$fontSty2.id),
+    productId: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$fontSty = _data$viewer2.fontStyle) === null || _data$viewer2$fontSty === void 0 ? void 0 : (_data$viewer2$fontSty2 = _data$viewer2$fontSty.family) === null || _data$viewer2$fontSty2 === void 0 ? void 0 : (_data$viewer2$fontSty3 = _data$viewer2$fontSty2.parent) === null || _data$viewer2$fontSty3 === void 0 ? void 0 : _data$viewer2$fontSty3.id) ?? ((_data$viewer3 = data.viewer) === null || _data$viewer3 === void 0 ? void 0 : (_data$viewer3$fontSty = _data$viewer3.fontStyle) === null || _data$viewer3$fontSty === void 0 ? void 0 : (_data$viewer3$fontSty2 = _data$viewer3$fontSty.family) === null || _data$viewer3$fontSty2 === void 0 ? void 0 : _data$viewer3$fontSty2.id),
     groupEdit: false,
     onFocus: onFocus,
     onBlur: onBlur
   }));
-};
-var _default = TypeTesterStandalone;
-exports.default = _default;
+}
+const query = _TypeTesterStandaloneQuery !== void 0 ? _TypeTesterStandaloneQuery : (_TypeTesterStandaloneQuery = require("../../__generated__/TypeTesterStandaloneQuery.graphql"), _TypeTesterStandaloneQuery.hash && _TypeTesterStandaloneQuery.hash !== "3ad5c4d856f5d46ddf8a47a2b6d2420a" && console.error("The definition of 'TypeTesterStandaloneQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterStandaloneQuery);
+function TypeTesterStandalonePreloadedQueryRenderer(_ref2) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref2;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTesterStandaloneComponent, _extends({
+    data: data
+  }, rest));
+}
+function TypeTesterStandalone(_ref3) {
+  var _data$viewer4;
+  let {
+    familyName,
+    styleName,
+    ...rest
+  } = _ref3;
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {
+    familyName,
+    styleName
+  });
+  const fontStyle = (_data$viewer4 = data.viewer) === null || _data$viewer4 === void 0 ? void 0 : _data$viewer4.fontStyle;
+  if (!fontStyle) {
+    console.log(`[TypeTester]: No FontStyle found for {familyName: "${familyName}", styleName: "${styleName}"}`);
+  }
+  return /*#__PURE__*/_react.default.createElement(TypeTesterStandaloneComponent, _extends({
+    data: data
+  }, rest));
+}

package/dist/components/TypeTester/TypeTesterStandalone.server.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypeTesterStandalone_props } from './TypeTesterStandalone';
+export default function TypeTesterStandalone({ familyName, styleName, ...rest }: TypeTesterStandalone_props): Promise<React.JSX.Element>;

package/dist/components/TypeTester/TypeTesterStandalone.server.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TypeTesterStandalone;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _TypeTesterStandalone = require("./TypeTesterStandalone");
+var _TypeTesterStandaloneQuery = _interopRequireDefault(require("../../__generated__/TypeTesterStandaloneQuery.graphql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+async function TypeTesterStandalone(_ref) {
+  let {
+    familyName,
+    styleName,
+    ...rest
+  } = _ref;
+  const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTesterStandaloneQuery.default, {
+    familyName,
+    styleName
+  });
+  return /*#__PURE__*/_react.default.createElement(_TypeTesterStandalone.TypeTesterStandalonePreloadedQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, rest));
+}

package/dist/components/TypeTesters/index.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-interface TypeTestersQueryRendererProps {
+import { TypeTestersIDQuery } from '../../__generated__/TypeTestersIDQuery.graphql';
+import { TypeTestersSlugQuery } from '../../__generated__/TypeTestersSlugQuery.graphql';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+export interface TypeTesters_props {
     collectionId?: string;
     collectionSlug?: string;
     defaultMode?: 'group' | 'local';
@@ -9,7 +12,11 @@ interface TypeTestersQueryRendererProps {
     onFocus?: () => void;
     onBlur?: () => void;
     onToolbarOpenClose?: (open: boolean) => void;
-    includePriceBar: boolean;
 }
-declare const TypeTestersQueryRenderer: ({ collectionId, collectionSlug, tags, excludeTags, ...rest }: Omit<TypeTestersQueryRendererProps, 'includePriceBar'>) => React.JSX.Element | null;
-export default TypeTestersQueryRenderer;
+export declare function TypeTestersPreloadedIDQueryRenderer({ preloadedQuery, ...rest }: TypeTesters_props & {
+    preloadedQuery: SerializablePreloadedQuery<TypeTestersIDQuery>;
+}): React.JSX.Element;
+export declare function TypeTestersPreloadedSlugQueryRenderer({ preloadedQuery, ...rest }: TypeTesters_props & {
+    preloadedQuery: SerializablePreloadedQuery<TypeTestersSlugQuery>;
+}): React.JSX.Element;
+export default function TypeTesters({ collectionId, collectionSlug, ...rest }: TypeTesters_props): React.JSX.Element | null;

package/dist/components/TypeTesters/index.js

@@ -4,7 +4,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.TypeTestersPreloadedIDQueryRenderer = TypeTestersPreloadedIDQueryRenderer;
+exports.TypeTestersPreloadedSlugQueryRenderer = TypeTestersPreloadedSlugQueryRenderer;
+exports.default = TypeTesters;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -14,6 +16,7 @@ var _TypeTesterContext = _interopRequireDefault(require("../TypeTester/TypeTeste
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _TypeTester = _interopRequireDefault(require("../TypeTester"));
 var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _TypeTesters_collection, _TypeTesters_viewer, _TypeTestersIDQuery, _TypeTestersSlugQuery;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -45,7 +48,7 @@ const getTypeTesterGroups = collection => {
     return acc.concat([[typeTester]]);
   }, []);
 };
-function TypeTesters(_ref) {
+function TypeTestersComponent(_ref) {
   var _collection$typeTeste2, _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5;
   let {
     collection: collectionKey,
@@ -55,10 +58,9 @@ function TypeTesters(_ref) {
     onFocus,
     onBlur,
     onToolbarOpenClose,
-    includePriceBar,
     ...rest
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)(_TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "4b915563237d7048263c2e298a20af0b" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
+  const collection = (0, _reactRelay.useFragment)(_TypeTesters_collection !== void 0 ? _TypeTesters_collection : (_TypeTesters_collection = require("../../__generated__/TypeTesters_collection.graphql"), _TypeTesters_collection.hash && _TypeTesters_collection.hash !== "4e661d9d957e3a3f4a7b23f3665cadf9" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
   const viewer = (0, _reactRelay.useFragment)(_TypeTesters_viewer !== void 0 ? _TypeTesters_viewer : (_TypeTesters_viewer = require("../../__generated__/TypeTesters_viewer.graphql"), _TypeTesters_viewer.hash && _TypeTesters_viewer.hash !== "9dce7dd7815ccdea1c4b3c5a076b589e" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer), viewerKey);
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const {
@@ -105,7 +107,7 @@ function TypeTesters(_ref) {
     const productId = ((_collection$parent = collection.parent) === null || _collection$parent === void 0 ? void 0 : _collection$parent.id) ?? collection.id;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: i
-    }, includePriceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
+    }, config.priceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
       node: findPriceBarCollection(collection, currentFamilyId) ?? null
     }), typeTesterGroup.map((node, j) => /*#__PURE__*/_react.default.createElement(_TypeTester.default, _extends({}, rest, {
       id: node.id,
@@ -121,83 +123,77 @@ function TypeTesters(_ref) {
     }))));
   }));
 }
-function TypeTestersIDQueryRenderer(_ref3) {
+const idQuery = _TypeTestersIDQuery !== void 0 ? _TypeTestersIDQuery : (_TypeTestersIDQuery = require("../../__generated__/TypeTestersIDQuery.graphql"), _TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "f62d86e50379a25ca0a8eb10812704c2" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery);
+function TypeTestersPreloadedIDQueryRenderer(_ref3) {
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref3;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
+}
+function TypeTestersIDQueryRenderer(_ref4) {
   let {
     collectionId,
-    includePriceBar,
     tags,
     excludeTags,
     ...rest
-  } = _ref3;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_TypeTestersIDQuery !== void 0 ? _TypeTestersIDQuery : (_TypeTestersIDQuery = require("../../__generated__/TypeTestersIDQuery.graphql"), _TypeTestersIDQuery.hash && _TypeTestersIDQuery.hash !== "735b87edba7dd12a961b1686398b8cd3" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery), {
+  } = _ref4;
+  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
     collectionId,
-    includePriceBar,
     tags,
     excludeTags
   });
-  return /*#__PURE__*/_react.default.createElement(TypeTesters, _extends({}, data, rest, {
-    includePriceBar: includePriceBar
-  }));
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
 }
-function TypeTestersSlugQueryRenderer(_ref4) {
+const slugQuery = _TypeTestersSlugQuery !== void 0 ? _TypeTestersSlugQuery : (_TypeTestersSlugQuery = require("../../__generated__/TypeTestersSlugQuery.graphql"), _TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "eb11a6ae2b690cb3cdd8a14c6e2afed6" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery);
+function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
   var _data$viewer$slug;
+  let {
+    preloadedQuery,
+    ...rest
+  } = _ref5;
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(slugQuery, queryRef);
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+    collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null,
+    viewer: data.viewer
+  }, rest));
+}
+function TypeTestersSlugQueryRenderer(_ref6) {
+  var _data$viewer$slug2;
   let {
     collectionSlug,
-    includePriceBar,
     tags,
     excludeTags,
     ...rest
-  } = _ref4;
-  const data = (0, _reactRelay.useLazyLoadQuery)(_TypeTestersSlugQuery !== void 0 ? _TypeTestersSlugQuery : (_TypeTestersSlugQuery = require("../../__generated__/TypeTestersSlugQuery.graphql"), _TypeTestersSlugQuery.hash && _TypeTestersSlugQuery.hash !== "e87234dd6058020e9ee76c2603f6e0bd" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery), {
+  } = _ref6;
+  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
     collectionSlug,
-    includePriceBar,
     tags,
     excludeTags
   });
-  return /*#__PURE__*/_react.default.createElement(TypeTesters, _extends({
-    collection: ((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection) ?? null,
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
+    collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null,
     viewer: data.viewer
-  }, rest, {
-    includePriceBar: includePriceBar
-  }));
+  }, rest));
 }
-const TypeTestersQueryRenderer = _ref5 => {
+function TypeTesters(_ref7) {
   let {
     collectionId,
     collectionSlug,
-    tags,
-    excludeTags,
     ...rest
-  } = _ref5;
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
-  const {
-    typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  const includePriceBar = config.priceBar && precartOpen || false;
-  // since these values can cause refetch, deferredValue fixes issue
-  // causing the whole thing to suspend
-  const deferredCollectionId = (0, _react.useDeferredValue)(collectionId);
-  const deferredCollectionSlug = (0, _react.useDeferredValue)(collectionSlug);
-  const deferredIncludePriceBar = (0, _react.useDeferredValue)(includePriceBar);
-  const deferredTags = (0, _react.useDeferredValue)(tags);
-  const deferredExcludeTags = (0, _react.useDeferredValue)(excludeTags);
-  const props = {
-    ...rest,
-    tags: deferredTags,
-    excludeTags: deferredExcludeTags,
-    includePriceBar: deferredIncludePriceBar
-  };
-  if (deferredCollectionId) {
+  } = _ref7;
+  if (collectionId) {
     return /*#__PURE__*/_react.default.createElement(TypeTestersIDQueryRenderer, _extends({
-      collectionId: deferredCollectionId
-    }, props));
+      collectionId: collectionId
+    }, rest));
   }
-  if (deferredCollectionSlug) {
+  if (collectionSlug) {
     return /*#__PURE__*/_react.default.createElement(TypeTestersSlugQueryRenderer, _extends({
-      collectionSlug: deferredCollectionSlug
-    }, props));
+      collectionSlug: collectionSlug
+    }, rest));
   }
   return null;
-};
-var _default = TypeTestersQueryRenderer;
-exports.default = _default;
+}

package/dist/components/TypeTesters/index.server.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypeTesters_props } from './index';
+export default function TypeTesters({ collectionId, collectionSlug, tags, excludeTags, ...rest }: TypeTesters_props): Promise<React.JSX.Element | null>;

package/dist/components/TypeTesters/index.server.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TypeTesters;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _TypeTestersIDQuery = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
+var _TypeTestersSlugQuery = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.graphql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+async function TypeTesters(_ref) {
+  let {
+    collectionId,
+    collectionSlug,
+    tags,
+    excludeTags,
+    ...rest
+  } = _ref;
+  if (collectionId) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersIDQuery.default, {
+      collectionId,
+      tags,
+      excludeTags
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  if (collectionSlug) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersSlugQuery.default, {
+      collectionSlug,
+      tags,
+      excludeTags
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedSlugQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  return null;
+}