fontdue-js 2.0.0-alpha6 → 2.0.0-alpha7

package/dist/react-ranger.d.js

@@ -0,0 +1 @@
+"use strict";

package/dist/react-ranger.js

@@ -0,0 +1,306 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRanger = useRanger;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const getBoundingClientRect = element => {
+  const rect = element.getBoundingClientRect();
+  return {
+    left: Math.ceil(rect.left),
+    width: Math.ceil(rect.width)
+  };
+};
+const sortNumList = arr => [...arr].sort((a, b) => Number(a) - Number(b));
+const useGetLatest = val => {
+  const ref = _react.default.useRef(val);
+  ref.current = val;
+  return _react.default.useCallback(() => ref.current, []);
+};
+const linearInterpolator = {
+  getPercentageForValue: (val, min, max) => {
+    return Math.max(0, Math.min(100, (val - min) / (max - min) * 100));
+  },
+  getValueForClientX: (clientX, trackDims, min, max) => {
+    const {
+      left,
+      width
+    } = trackDims;
+    const percentageValue = (clientX - left) / width;
+    const value = (max - min) * percentageValue;
+    return value + min;
+  }
+};
+function useRanger(_ref) {
+  let {
+    interpolator = linearInterpolator,
+    tickSize = 10,
+    values,
+    min,
+    max,
+    ticks: controlledTicks,
+    steps,
+    onChange,
+    onDrag,
+    stepSize
+  } = _ref;
+  const [activeHandleIndex, setActiveHandleIndex] = _react.default.useState(null);
+  const [tempValues, setTempValues] = _react.default.useState();
+  const getLatest = useGetLatest({
+    activeHandleIndex,
+    onChange,
+    onDrag,
+    values,
+    tempValues
+  });
+  const trackElRef = _react.default.useRef();
+  const getValueForClientX = _react.default.useCallback(clientX => {
+    const trackDims = getBoundingClientRect(trackElRef.current);
+    return interpolator.getValueForClientX(clientX, trackDims, min, max);
+  }, [interpolator, max, min]);
+  const getNextStep = _react.default.useCallback((val, direction) => {
+    if (steps) {
+      let currIndex = steps.indexOf(val);
+      let nextIndex = currIndex + direction;
+      if (nextIndex >= 0 && nextIndex < steps.length) {
+        return steps[nextIndex];
+      } else {
+        return val;
+      }
+    } else {
+      if (process.env.NODE_ENV !== 'production') {
+        if (typeof stepSize === 'undefined') {
+          throw new Error('Warning: The option `stepSize` is expected in `useRanger`, but its value is `undefined`');
+        }
+      }
+      let nextVal = val + stepSize * direction;
+      if (nextVal >= min && nextVal <= max) {
+        return nextVal;
+      } else {
+        return val;
+      }
+    }
+  }, [max, min, stepSize, steps]);
+  const roundToStep = _react.default.useCallback(val => {
+    let left = min;
+    let right = max;
+    if (steps) {
+      steps.forEach(step => {
+        if (step <= val && step > left) {
+          left = step;
+        }
+        if (step >= val && step < right) {
+          right = step;
+        }
+      });
+    } else {
+      if (process.env.NODE_ENV !== 'production') {
+        if (typeof stepSize === 'undefined') {
+          throw new Error('Warning: The option `stepSize` is expected in `useRanger`, but its value is `undefined`');
+        }
+      }
+      while (left < val && left + stepSize < val) {
+        left += stepSize;
+      }
+      right = Math.min(left + stepSize, max);
+    }
+    if (val - left < right - val) {
+      return left;
+    }
+    return right;
+  }, [max, min, stepSize, steps]);
+  const handleDrag = _react.default.useCallback(e => {
+    const {
+      activeHandleIndex,
+      onDrag
+    } = getLatest();
+    const clientX = e.type === 'touchmove' ? e.changedTouches[0].clientX : e.clientX;
+    const newValue = getValueForClientX(clientX);
+    const newRoundedValue = roundToStep(newValue);
+    const newValues = [...values.slice(0, activeHandleIndex), newRoundedValue, ...values.slice(activeHandleIndex + 1)];
+    if (onDrag) {
+      onDrag(newValues);
+    } else {
+      setTempValues(newValues);
+    }
+  }, [getLatest, getValueForClientX, roundToStep, values]);
+  const handleKeyDown = _react.default.useCallback((e, i) => {
+    const {
+      values,
+      onChange = () => {}
+    } = getLatest();
+    // Left Arrow || Right Arrow
+    if (e.keyCode === 37 || e.keyCode === 39) {
+      setActiveHandleIndex(i);
+      const direction = e.keyCode === 37 ? -1 : 1;
+      const newValue = getNextStep(values[i], direction);
+      const newValues = [...values.slice(0, i), newValue, ...values.slice(i + 1)];
+      const sortedValues = sortNumList(newValues);
+      onChange(sortedValues);
+    }
+  }, [getLatest, getNextStep]);
+  const handlePress = _react.default.useCallback((e, i) => {
+    setActiveHandleIndex(i);
+    const handleRelease = e => {
+      const {
+        tempValues,
+        values,
+        onChange = () => {},
+        onDrag = () => {}
+      } = getLatest();
+      document.removeEventListener('mousemove', handleDrag);
+      document.removeEventListener('touchmove', handleDrag);
+      document.removeEventListener('mouseup', handleRelease);
+      document.removeEventListener('touchend', handleRelease);
+      const sortedValues = sortNumList(tempValues || values);
+      onChange(sortedValues);
+      onDrag(sortedValues);
+      setActiveHandleIndex(null);
+      setTempValues();
+    };
+    document.addEventListener('mousemove', handleDrag);
+    document.addEventListener('touchmove', handleDrag);
+    document.addEventListener('mouseup', handleRelease);
+    document.addEventListener('touchend', handleRelease);
+  }, [getLatest, handleDrag]);
+  const getPercentageForValue = _react.default.useCallback(val => interpolator.getPercentageForValue(val, min, max), [interpolator, max, min]);
+
+  // Build the ticks
+  const ticks = _react.default.useMemo(() => {
+    let ticks = controlledTicks || steps;
+    if (!ticks) {
+      ticks = [min];
+      while (ticks[ticks.length - 1] < max - tickSize) {
+        ticks.push(ticks[ticks.length - 1] + tickSize);
+      }
+      ticks.push(max);
+    }
+    return ticks.map((value, i) => ({
+      value,
+      getTickProps: function () {
+        let {
+          key = i,
+          style = {},
+          ...rest
+        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        return {
+          key,
+          style: {
+            position: 'absolute',
+            width: 0,
+            left: `${getPercentageForValue(value)}%`,
+            transform: `translateX(-50%)`,
+            ...style
+          },
+          ...rest
+        };
+      }
+    }));
+  }, [controlledTicks, getPercentageForValue, max, min, steps, tickSize]);
+  const segments = _react.default.useMemo(() => {
+    const sortedValues = sortNumList(tempValues || values);
+    return [...sortedValues, max].map((value, i) => ({
+      value,
+      getSegmentProps: function () {
+        let {
+          key = i,
+          style = {},
+          ...rest
+        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        const left = getPercentageForValue(sortedValues[i - 1] ? sortedValues[i - 1] : min);
+        const width = getPercentageForValue(value) - left;
+        return {
+          key,
+          style: {
+            position: 'absolute',
+            left: `${left}%`,
+            width: `${width}%`,
+            ...style
+          },
+          ...rest
+        };
+      }
+    }));
+  }, [getPercentageForValue, max, min, tempValues, values]);
+  const handles = _react.default.useMemo(() => (tempValues || values).map((value, i) => ({
+    value,
+    active: i === activeHandleIndex,
+    getHandleProps: function () {
+      let {
+        key = i,
+        ref,
+        innerRef = () => {},
+        onKeyDown,
+        onMouseDown,
+        onTouchStart,
+        style = {},
+        ...rest
+      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      return {
+        key,
+        onKeyDown: e => {
+          e.persist();
+          handleKeyDown(e, i);
+          if (onKeyDown) onKeyDown(e);
+        },
+        onMouseDown: e => {
+          e.persist();
+          handlePress(e, i);
+          if (onMouseDown) onMouseDown(e);
+        },
+        onTouchStart: e => {
+          e.persist();
+          handlePress(e, i);
+          if (onTouchStart) onTouchStart(e);
+        },
+        role: 'slider',
+        'aria-valuemin': min,
+        'aria-valuemax': max,
+        'aria-valuenow': value,
+        style: {
+          position: 'absolute',
+          top: '50%',
+          left: `${getPercentageForValue(value)}%`,
+          zIndex: i === activeHandleIndex ? '1' : '0',
+          transform: 'translate(-50%, -50%)',
+          ...style
+        },
+        ...rest
+      };
+    }
+  })), [activeHandleIndex, getPercentageForValue, handleKeyDown, handlePress, min, max, tempValues, values]);
+  const getTrackProps = function () {
+    let {
+      style = {},
+      ref,
+      ...rest
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return {
+      ref: el => {
+        trackElRef.current = el;
+        if (ref) {
+          if (typeof ref === 'function') {
+            ref(el);
+          } else {
+            ref.current = el;
+          }
+        }
+      },
+      style: {
+        position: 'relative',
+        userSelect: 'none',
+        ...style
+      },
+      ...rest
+    };
+  };
+  return {
+    activeHandleIndex,
+    getTrackProps,
+    ticks,
+    segments,
+    handles
+  };
+}

package/dist/relay/environment.d.ts

@@ -0,0 +1,10 @@
+import { Environment, RequestParameters, QueryResponseCache, Variables, GraphQLResponse } from 'relay-runtime';
+export declare const networkFetch: (request: RequestParameters, variables: Variables) => Promise<GraphQLResponse>;
+export declare const responseCache: QueryResponseCache | null;
+interface CreateRelayEnvironmentOptions {
+    url?: string;
+    stripeIntegration?: 'payment-element' | 'card-element';
+}
+export declare function createEnvironment(options: CreateRelayEnvironmentOptions): Environment;
+export declare function useCurrentEnvironment(options: CreateRelayEnvironmentOptions): Environment;
+export {};

package/dist/relay/environment.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createEnvironment = createEnvironment;
+exports.responseCache = exports.networkFetch = void 0;
+exports.useCurrentEnvironment = useCurrentEnvironment;
+var _react = require("react");
+var _relayRuntime = require("relay-runtime");
+const IS_SERVER = typeof window === typeof undefined;
+const FONTDUE_URL = process.env.NEXT_PUBLIC_FONTDUE_URL;
+if (IS_SERVER && (FONTDUE_URL == null || FONTDUE_URL === '')) {
+  throw new Error('fontdue-js requires a Fontdue URL to be configured via environment variables on the server, please set a NEXT_PUBLIC_FONTDUE_URL');
+}
+const STRIPE_INTEGRATION = process.env.NEXT_PUBLIC_FONTDUE_STRIPE_INTEGRATION || 'payment-element';
+const CACHE_TTL = 10 * 1000; // 10 seconds, to resolve preloaded results
+
+function createNetworkFetch(options) {
+  return async function networkFetch(request, variables) {
+    const url = (FONTDUE_URL && `${FONTDUE_URL}/graphql`) ?? ((options === null || options === void 0 ? void 0 : options.url) ?? '') + '/graphql';
+    const resp = await fetch(url, {
+      method: 'POST',
+      credentials: 'include',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+        'fontdue-stripe-integration': (STRIPE_INTEGRATION ?? (options === null || options === void 0 ? void 0 : options.stripeIntegration)) || 'payment-element'
+      },
+      body: JSON.stringify({
+        query: request.text,
+        variables
+      })
+    });
+    const json = await resp.json();
+
+    // GraphQL returns exceptions (for example, a missing required variable) in the "errors"
+    // property of the response. If any exceptions occurred when processing the request,
+    // throw an error to indicate to the developer what went wrong.
+    if (Array.isArray(json.errors)) {
+      console.error(json.errors);
+      throw new Error(`Error fetching GraphQL query '${request.name}' with variables '${JSON.stringify(variables)}': ${JSON.stringify(json.errors)}`);
+    }
+    return json;
+  };
+}
+const networkFetch = createNetworkFetch();
+exports.networkFetch = networkFetch;
+const responseCache = IS_SERVER ? null : new _relayRuntime.QueryResponseCache({
+  size: 250,
+  ttl: CACHE_TTL
+});
+exports.responseCache = responseCache;
+function createNetwork(options) {
+  async function fetchResponse(params, variables, cacheConfig) {
+    const isQuery = params.operationKind === 'query';
+    // @ts-ignore
+    const cacheKey = params.id ?? params.cacheID;
+    const forceFetch = cacheConfig && cacheConfig.force;
+    if (responseCache != null && isQuery && !forceFetch) {
+      const fromCache = responseCache.get(cacheKey, variables);
+      if (fromCache != null) {
+        return Promise.resolve(fromCache);
+      }
+    }
+    return createNetworkFetch(options)(params, variables);
+  }
+  const network = _relayRuntime.Network.create(fetchResponse);
+  return network;
+}
+function createEnvironment(options) {
+  return new _relayRuntime.Environment({
+    network: createNetwork(options),
+    store: new _relayRuntime.Store(_relayRuntime.RecordSource.create()),
+    isServer: IS_SERVER
+  });
+}
+function useCurrentEnvironment(options) {
+  if (IS_SERVER) {
+    return createEnvironment(options);
+  }
+  const environmentRef = (0, _react.useRef)(createEnvironment(options));
+  return environmentRef.current;
+}

package/dist/relay/loadSerializableQuery.d.ts

@@ -0,0 +1,7 @@
+import { GraphQLResponse, GraphQLTaggedNode, OperationType, RequestParameters, VariablesOf } from 'relay-runtime';
+export interface SerializablePreloadedQuery<TQuery extends OperationType> {
+    params: RequestParameters;
+    variables: VariablesOf<TQuery>;
+    response: GraphQLResponse;
+}
+export default function loadSerializableQuery<TQuery extends OperationType>(query: GraphQLTaggedNode, variables: VariablesOf<TQuery>): Promise<SerializablePreloadedQuery<TQuery>>;

package/dist/relay/loadSerializableQuery.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loadSerializableQuery;
+var _environment = require("./environment");
+// Call into raw network fetch to get serializable GraphQL query response
+// This response will be sent to the client to "warm" the QueryResponseCache
+// to avoid the client fetches.
+async function loadSerializableQuery(query, variables) {
+  if (!('params' in query)) throw new Error('Params not found in query, is it a fragment instead of a query?');
+  const response = await (0, _environment.networkFetch)(query.params, variables);
+  return {
+    params: query.params,
+    variables,
+    response
+  };
+}

package/dist/relay/useSerializablePreloadedQuery.d.ts

@@ -0,0 +1,4 @@
+import { PreloadedQuery, PreloadFetchPolicy } from "react-relay";
+import { OperationType } from "relay-runtime";
+import { SerializablePreloadedQuery } from "./loadSerializableQuery";
+export default function useSerializablePreloadedQuery<TQuery extends OperationType>(preloadQuery: SerializablePreloadedQuery<TQuery>, fetchPolicy?: PreloadFetchPolicy): PreloadedQuery<TQuery>;

package/dist/relay/useSerializablePreloadedQuery.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useSerializablePreloadedQuery;
+var _react = require("react");
+var _reactRelay = require("react-relay");
+var _environment = require("./environment");
+// Convert preloaded query object (with raw GraphQL Response) into
+// Relay's PreloadedQuery.
+
+// This hook convert serializable preloaded query
+// into Relay's PreloadedQuery object.
+// It is also writes this serializable preloaded query
+// into QueryResponseCache, so we the network layer
+// can use these cache results when fetching data
+// in `usePreloadedQuery`.
+function useSerializablePreloadedQuery(
+//environment: IEnvironment,
+preloadQuery) {
+  let fetchPolicy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "store-or-network";
+  (0, _react.useMemo)(() => {
+    writePreloadedQueryToCache(preloadQuery);
+  }, [preloadQuery]);
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  return {
+    environment,
+    fetchKey: preloadQuery.params.id ?? preloadQuery.params.cacheID,
+    fetchPolicy,
+    isDisposed: false,
+    name: preloadQuery.params.name,
+    kind: "PreloadedQuery",
+    variables: preloadQuery.variables,
+    dispose: () => {
+      return;
+    }
+  };
+}
+function writePreloadedQueryToCache(preloadedQueryObject) {
+  // @ts-ignore
+  const cacheKey = preloadedQueryObject.params.id ?? preloadedQueryObject.params.cacheID;
+  _environment.responseCache === null || _environment.responseCache === void 0 ? void 0 : _environment.responseCache.set(cacheKey, preloadedQueryObject.variables, preloadedQueryObject.response);
+}

package/fontdue.css

@@ -2654,5 +2654,3 @@ fontdue-newsletter-signup,
 fontdue-customer-login-form {
   font-size: 1rem;
 }
-
-/*# sourceMappingURL=fontdue.css.map */

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "fontdue-js",
-  "version": "2.0.0-alpha6",
-  "main": "index.js",
+  "version": "2.0.0-alpha7",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts-declarations",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",
     "build-ts-declarations": "tsc",
-    "build-css": "sass --load-path=node_modules src/index.scss fontdue.css",
+    "build-css": "sass --load-path=node_modules --no-source-map src/index.scss dist/fontdue.css",
     "relay": "relay-compiler",
     "prepublishOnly": "npm run build"
   },
@@ -27,7 +26,6 @@
     "fast-deep-equal": "^2.0.1",
     "fontfaceobserver": "^2.0.13",
     "react-device-detect": "^2.2.3",
-    "react-ranger": "^2.1.0",
     "react-redux": "^8",
     "react-relay": "^14.0.0",
     "react-select": "^5.0.0",
@@ -45,9 +43,8 @@
     "@babel/preset-typescript": "^7.18.0",
     "@types/draft-js": "^0.10.44",
     "@types/fontfaceobserver": "^2.1.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@types/react-ranger": "^2.0.1",
+    "@types/react": "18.2.12",
+    "@types/react-dom": "18.2.4",
     "@types/react-relay": "^14.0.0",
     "@types/react-transition-group": "^4.4.4",
     "@types/relay-runtime": "^14.0.0",
@@ -60,7 +57,7 @@
     "react-dom": "^18.0.0",
     "relay-compiler": "^14.0.0",
     "sass": "^1.62",
-    "typescript": "^5"
+    "typescript": "5.1.3"
   },
   "relay": {
     "src": "./src",
@@ -73,5 +70,43 @@
   },
   "resolutions": {
     "@types/react": "18.2.7"
+  },
+  "exports": {
+    "./fontdue.css": "./dist/fontdue.css",
+    "./BuyButton": {
+      "react-server": "./dist/components/BuyButton/index.server.js",
+      "default": "./dist/components/BuyButton/index.js"
+    },
+    "./CartButton": {
+      "react-server": "./dist/components/CartButton/index.server.js",
+      "default": "./dist/components/CartButton/index.js"
+    },
+    "./CharacterViewer": {
+      "react-server": "./dist/components/CharacterViewer/index.server.js",
+      "default": "./dist/components/CharacterViewer/index.js"
+    },
+    "./CustomerLoginForm": "./dist/components/CustomerLoginForm/index.js",
+    "./FontdueProvider": {
+      "react-server": "./dist/components/FontdueProvider/index.server.js",
+      "default": "./dist/components/FontdueProvider/index.js"
+    },
+    "./NewsletterSignup": {
+      "react-server": "./dist/components/NewsletterSignup/index.server.js",
+      "default": "./dist/components/NewsletterSignup/index.js"
+    },
+    "./StoreModal": "./dist/components/StoreModal/index.js",
+    "./TestFontsForm": {
+      "react-server": "./dist/components/TestFontsForm/index.server.js",
+      "default": "./dist/components/TestFontsForm/index.js"
+    },
+    "./TypeTester": {
+      "react-server": "./dist/components/TypeTester/TypeTesterStandalone.server.js",
+      "default": "./dist/components/TypeTester/TypeTesterStandalone.js"
+    },
+    "./TypeTesters": {
+      "react-server": "./dist/components/TypeTesters/index.server.js",
+      "default": "./dist/components/TypeTesters/index.js"
+    },
+    "./useFontStyle": "./dist/components/useFontStyle.js"
   }
 }

package/BuyButton.d.ts

@@ -1,3 +0,0 @@
-import BuyButton from './dist/components/BuyButton';
-export * from './dist/components/BuyButton';
-export default BuyButton;

package/BuyButton.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/BuyButton');

package/CartButton.d.ts

@@ -1,3 +0,0 @@
-import CartButton from './dist/components/CartButton';
-export * from './dist/components/CartButton';
-export default CartButton;

package/CartButton.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/CartButton');

package/CharacterViewer.d.ts

@@ -1,3 +0,0 @@
-import CharacterViewer from './dist/components/CharacterViewer';
-export * from './dist/components/CharacterViewer';
-export default CharacterViewer;

package/CharacterViewer.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/CharacterViewer');

package/CustomerLoginForm.d.ts

@@ -1,3 +0,0 @@
-import CustomerLoginForm from './dist/components/CustomerLoginForm';
-export * from './dist/components/CustomerLoginForm';
-export default CustomerLoginForm;

package/CustomerLoginForm.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/CustomerLoginForm');

package/FontdueProvider.d.ts

@@ -1,3 +0,0 @@
-import FontdueProvider from './dist/components/FontdueProvider';
-export * from './dist/components/FontdueProvider';
-export default FontdueProvider;

package/FontdueProvider.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/FontdueProvider');

package/NewsletterSignup.d.ts

@@ -1,3 +0,0 @@
-import NewsletterSignup from './dist/components/NewsletterSignup';
-export * from './dist/components/NewsletterSignup';
-export default NewsletterSignup;

package/NewsletterSignup.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/NewsletterSignup');

package/StoreModal.d.ts

@@ -1,3 +0,0 @@
-import StoreModal from './dist/components/StoreModal';
-export * from './dist/components/StoreModal';
-export default StoreModal;

package/StoreModal.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/StoreModal');

package/TestFontsForm.d.ts

@@ -1,3 +0,0 @@
-import TestFontsForm from './dist/components/TestFontsForm';
-export * from './dist/components/TestFontsForm';
-export default TestFontsForm;

package/TestFontsForm.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/TestFontsForm');

package/TypeTester.d.ts

@@ -1,3 +0,0 @@
-import TypeTesterStandalone from './dist/components/TypeTester/TypeTesterStandalone';
-export * from './dist/components/TypeTester/TypeTesterStandalone';
-export default TypeTesterStandalone;

package/TypeTester.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/TypeTester/TypeTesterStandalone');

package/TypeTesters.d.ts

@@ -1,3 +0,0 @@
-import TypeTesters from './dist/components/TypeTesters';
-export * from './dist/components/TypeTesters';
-export default TypeTesters;

package/TypeTesters.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/TypeTesters');

package/useFontStyle.d.ts

@@ -1,3 +0,0 @@
-import useFontStyle from './dist/components/useFontStyle';
-export * from './dist/components/useFontStyle';
-export default useFontStyle;

package/useFontStyle.js

@@ -1 +0,0 @@
-module.exports = require('./dist/components/useFontStyle');