@nypl/web-reader 0.1.3 → 0.2.0-alpha.10

package/dist/{ui → types/ui}/theme/components/button.d.ts

@@ -1,78 +1,78 @@
-import { GetColor } from '../../../types';
-declare const getButtonStyle: (getColor: GetColor) => {
-    baseStyle: {
-        borderRadius: string;
-    };
-    sizes: {};
-    variants: {
-        solid: (props: any) => {
-            border: string;
-            borderColor: string;
-            transition: string;
-            fontSize: number;
-            letterSpacing: number;
-            textTransform: string;
-            maxWidth: string;
-            cursor: string;
-            bgColor: string;
-            color: string;
-            _focus: {
-                bgColor: string;
-                color: string;
-            };
-            _hover: {
-                bgColor: string;
-                color: string;
-                _disabled: {
-                    bgColor: string;
-                };
-            };
-            _active: {
-                bgColor: string;
-                color: string;
-            };
-            _checked: {
-                bgColor: string;
-                color: string;
-            };
-            _disabled: {
-                bgColor: string;
-            };
-        };
-        toggle: (props: any) => {
-            bgColor: string;
-            color: string;
-            px: number;
-            fontWeight: string;
-            fontSize: number;
-            _focus: {
-                bgColor: string;
-            };
-            _hover: {
-                bgColor: string;
-            };
-            _active: {
-                bgColor: string;
-            };
-            _checked: {
-                color: string;
-                bgColor: string;
-            };
-            border: string;
-            borderColor: string;
-            transition: string;
-            letterSpacing: number;
-            textTransform: string;
-            maxWidth: string;
-            cursor: string;
-            _disabled: {
-                bgColor: string;
-            };
-        };
-    };
-    defaultProps: {
-        size: string;
-        variant: string;
-    };
-};
-export default getButtonStyle;
+import { GetColor } from '../../../types';
+declare const getButtonStyle: (getColor: GetColor) => {
+    baseStyle: {
+        borderRadius: string;
+    };
+    sizes: {};
+    variants: {
+        solid: (props: any) => {
+            border: string;
+            borderColor: string;
+            transition: string;
+            fontSize: number;
+            letterSpacing: number;
+            textTransform: string;
+            maxWidth: string;
+            cursor: string;
+            bgColor: string;
+            color: string;
+            _focus: {
+                bgColor: string;
+                color: string;
+            };
+            _hover: {
+                bgColor: string;
+                color: string;
+                _disabled: {
+                    bgColor: string;
+                };
+            };
+            _active: {
+                bgColor: string;
+                color: string;
+            };
+            _checked: {
+                bgColor: string;
+                color: string;
+            };
+            _disabled: {
+                bgColor: string;
+            };
+        };
+        toggle: (props: any) => {
+            bgColor: string;
+            color: string;
+            px: number;
+            fontWeight: string;
+            fontSize: number;
+            _focus: {
+                bgColor: string;
+            };
+            _hover: {
+                bgColor: string;
+            };
+            _active: {
+                bgColor: string;
+            };
+            _checked: {
+                color: string;
+                bgColor: string;
+            };
+            border: string;
+            borderColor: string;
+            transition: string;
+            letterSpacing: number;
+            textTransform: string;
+            maxWidth: string;
+            cursor: string;
+            _disabled: {
+                bgColor: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+};
+export default getButtonStyle;

package/dist/{ui → types/ui}/theme/components/text.d.ts

@@ -1,20 +1,20 @@
-declare const TextStyle: {
-    baseStyle: {};
-    sizes: {};
-    variants: {
-        headerNav: typeof variantHeaderNav;
-    };
-    defaultProps: {};
-};
-declare function variantHeaderNav(): {
-    pl: number;
-    my: number;
-    letterSpacing: number;
-    fontSize: number;
-    display: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-};
-export default TextStyle;
+declare const TextStyle: {
+    baseStyle: {};
+    sizes: {};
+    variants: {
+        headerNav: typeof variantHeaderNav;
+    };
+    defaultProps: {};
+};
+declare function variantHeaderNav(): {
+    pl: number;
+    my: number;
+    letterSpacing: number;
+    fontSize: number;
+    display: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};
+export default TextStyle;

package/dist/{ui → types/ui}/theme/foundations/colors.d.ts

@@ -1,3 +1,3 @@
-import { Colors } from '@chakra-ui/react';
-declare const colors: Colors;
-export default colors;
+import { Colors } from '@chakra-ui/react';
+declare const colors: Colors;
+export default colors;

package/dist/{ui → types/ui}/theme/index.d.ts

@@ -1,11 +1,11 @@
-import { ColorMode } from '../../types';
-/**
- * See Chakra default theme for shape of theme object:
- * https://github.com/chakra-ui/chakra-ui/tree/main/packages/theme
- *
- * Making this a function because we need to adjust the theme based
- * on the colorMode that's being passed in.
- *
- * Returns the chakra theme object with an additional property `currentColorMode`
- */
-export declare function getTheme(colorMode: ColorMode): any;
+import { ColorMode } from '../../types';
+/**
+ * See Chakra default theme for shape of theme object:
+ * https://github.com/chakra-ui/chakra-ui/tree/main/packages/theme
+ *
+ * Making this a function because we need to adjust the theme based
+ * on the colorMode that's being passed in.
+ *
+ * Returns the chakra theme object with an additional property `currentColorMode`
+ */
+export declare function getTheme(colorMode: ColorMode): import("@chakra-ui/utils").Dict<any>;

package/dist/{ui → types/ui}/theme/types.d.ts

@@ -1 +1 @@
-export declare type Dict<T = any> = Record<string, T>;
+export declare type Dict<T = any> = Record<string, T>;

package/dist/{useWebReader.d.ts → types/useWebReader.d.ts}

@@ -1,7 +1,7 @@
-import { UseWebReaderArguments, HTMLActiveReader, LoadingReader, PDFActiveReader } from './types';
-/**
- * The React hook that exposes the main API into the reader. It
- * will determine the type of the webpub, and then use the correct reader
- * for that type.
- */
-export default function useWebReader(args: UseWebReaderArguments): HTMLActiveReader | PDFActiveReader | LoadingReader;
+import { UseWebReaderArguments, HTMLActiveReader, LoadingReader, PDFActiveReader } from './types';
+/**
+ * The React hook that exposes the main API into the reader. It
+ * will determine the type of the webpub, and then use the correct reader
+ * for that type.
+ */
+export default function useWebReader(args: UseWebReaderArguments): HTMLActiveReader | PDFActiveReader | LoadingReader;

package/dist/{utils → types/utils}/fetch.d.ts

@@ -1,4 +1,4 @@
-/**
- * Utilities for fetching specific types
- */
-export declare function fetchJson<ExpectedResponse extends any = any>(url: string): Promise<ExpectedResponse>;
+/**
+ * Utilities for fetching specific types
+ */
+export declare function fetchJson<ExpectedResponse extends any = any>(url: string): Promise<ExpectedResponse>;

package/dist/{utils → types/utils}/getColor.d.ts

@@ -1,2 +1,2 @@
-import { ColorMode } from '../types';
-export declare function getColor(colorMode: ColorMode): (light: string, dark: string, sepia: string) => string;
+import { ColorMode } from '../types';
+export declare function getColor(colorMode: ColorMode): (light: string, dark: string, sepia: string) => string;

package/dist/{utils → types/utils}/toggleFullScreen.d.ts

@@ -1,5 +1,5 @@
-export declare const fullScreenEnabled: boolean;
-/**
- * Toggles fullscreen mode on the <html> element.
- */
-export declare function toggleFullScreen(): void;
+export declare const fullScreenEnabled: boolean;
+/**
+ * Toggles fullscreen mode on the <html> element.
+ */
+export declare function toggleFullScreen(): void;

package/package.json

@@ -1,21 +1,24 @@
 {
   "name": "@nypl/web-reader",
-  "version": "0.1.3",
+  "version": "0.2.0-alpha.10",
   "license": "MIT",
   "repository": "https://github.com/NYPL-Simplified/web-reader",
   "homepage": "https://github.com/NYPL-Simplified/web-reader",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "import": "./dist/web-reader.esm.js",
-      "require": "./dist/index.cjs.production.min.js",
-      "types": "./dist/index.d.ts"
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "dist/esm/*": [
+        "dist/types/*"
+      ],
+      "dist/cjs/*": [
+        "dist/types/*"
+      ]
     }
   },
   "scripts": {
@@ -24,13 +27,14 @@
     "example": "parcel",
     "example:https": "parcel --cert localhost.pem --key localhost-key.pem",
     "example:sw": "ENABLE_SW=true npm run example:https",
-    "start": "tsdx watch --tsconfig tsconfig.build.json",
-    "build": "tsdx build --tsconfig tsconfig.build.json",
+    "start": "ts-node -T build.ts -w",
+    "build": "ts-node -T build.ts",
     "test": "jest --watch",
     "test:ci": "jest --ci --silent --coverage --maxWorkers=2",
     "test:ci:integration": "start-server-and-test example http://localhost:1234 cypress:run",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
+    "cypress:run:chrome": "cypress run --browser chrome",
     "prettier": "prettier --write --ignore-path .eslintignore .",
     "prettier:check": "prettier --check --ignore-path .eslintignore .",
     "lint": "eslint --fix .",
@@ -41,10 +45,12 @@
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "cors-proxy": "node example/cors-proxy.js",
-    "release": "release-it --verbose"
+    "release": "release-it --verbose",
+    "release:alpha": "release-it --verbose --preRelease=alpha"
   },
   "peerDependencies": {
-    "react": ">=16"
+    "react": "^16.8.0 || 17.x",
+    "react-dom": "^16.8.0 || 17.x"
   },
   "prettier": {
     "printWidth": 80,
@@ -54,17 +60,6 @@
     "endOfLine": "lf"
   },
   "author": "kristojorg",
-  "module": "dist/web-reader.esm.js",
-  "size-limit": [
-    {
-      "path": "dist/web-reader.cjs.production.min.js",
-      "limit": "700 KB"
-    },
-    {
-      "path": "dist/web-reader.esm.js",
-      "limit": "700 KB"
-    }
-  ],
   "staticFiles": {
     "staticPath": "example/static"
   },
@@ -85,7 +80,6 @@
     "@babel/core": "^7.12.10",
     "@emotion/jest": "^11.3.0",
     "@parcel/transformer-typescript-tsc": "^2.0.0-alpha.3",
-    "@size-limit/preset-small-lib": "^4.9.1",
     "@storybook/addon-actions": "^6.3.1",
     "@storybook/addon-essentials": "^6.3.1",
     "@storybook/addon-info": "^5.3.21",
@@ -97,22 +91,29 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.1",
+    "@types/debounce": "^1.2.0",
     "@types/http-proxy": "^1.17.7",
     "@types/node": "^14.17.10",
     "@types/react": "^17.0.19",
     "@types/react-dom": "^17.0.0",
     "@types/react-pdf": "^5.0.5",
     "@types/react-router-dom": "^5.1.7",
+    "@types/rimraf": "^3.0.2",
     "@typescript-eslint/eslint-plugin": "^4.29.2",
     "@typescript-eslint/parser": "^4.29.2",
     "babel-jest": "^27.0.5",
     "babel-loader": "^8.2.2",
     "cypress": "^8.3.0",
+    "debounce": "^1.2.1",
+    "esbuild": "^0.12.28",
     "esbuild-jest": "^0.5.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
     "eslint-plugin-flowtype": "^5.9.0",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.26.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "express": "^4.17.1",
     "husky": "^7.0.2",
@@ -125,24 +126,24 @@
     "parcel-reporter-static-files-copy": "^1.3.0",
     "prettier": "2.2.1",
     "r2-shared-js": "^1.0.49",
-    "react": "^17.0.2",
+    "react": ">=16",
     "react-app-polyfill": "^2.0.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "*",
     "react-is": "^17.0.1",
     "react-router-dom": "^5.2.0",
     "release-it": "^14.11.5",
     "request": "^2.88.2",
+    "rimraf": "^3.0.2",
     "size-limit": "^4.9.1",
     "start-server-and-test": "^1.14.0",
     "ts-jest": "^27.0.3",
     "ts-node": "^10.1.0",
-    "tsdx": "^0.14.1",
     "tslib": "^2.3.1",
     "typescript": "^4.3.5"
   },
   "dependencies": {
     "@chakra-ui/react": "^1.6.6",
-    "@d-i-t-a/reader": "^2.0.0-alpha.2",
+    "@d-i-t-a/reader": "2.0.0-alpha.7",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "@nypl/design-system-react-components": "^0.21.2",
@@ -152,7 +153,8 @@
     "react-pdf": "^5.3.2",
     "workbox-expiration": "^6.2.4",
     "workbox-precaching": "^6.2.4",
-    "workbox-strategies": "^6.2.4"
+    "workbox-routing": "^6.3.0",
+    "workbox-strategies": "^6.3.0"
   },
   "optionalDependencies": {
     "@nypl-simplified-packages/axisnow-access-control-web": "^1.3.0"
@@ -163,15 +165,12 @@
   },
   "release-it": {
     "github": {
-      "update": true,
-      "releaseName": "v${version}",
-      "releaseNotes": "git log --pretty=format:\"* %s (%h)\" ${from}...${to}"
+      "release": true
     },
     "hooks": {
       "before:init": [
         "npm run lint",
         "npm run test:ci",
-        "npm run test:ci:integration",
         "npm run build"
       ]
     }

package/dist/ServiceWorker/client.d.ts

@@ -1,9 +0,0 @@
-export declare type PublicationConfig = {
-    manifestUrl: string;
-    proxyUrl?: string;
-};
-/**
- * Will add all publication resources to the cache so they
- * can be picked up by the SW.
- */
-export default function usePublicationSW(publications: PublicationConfig[]): void;

package/dist/ServiceWorker/index.d.ts

@@ -1 +0,0 @@
-export { default as usePublicationSW } from './client';

package/dist/ServiceWorker/sw.d.ts

@@ -1,7 +0,0 @@
-import { WebReaderSWConfig } from './types';
-/**
- * Sets up the event listeners to:
- *  - On Fetch
- *    - Serve cached responses if they exist and are less than a week old.
- */
-export default function initWebReaderSW({ cacheExpirationSeconds, }?: WebReaderSWConfig | undefined): void;

package/dist/ServiceWorker/types.d.ts

@@ -1,3 +0,0 @@
-export declare type WebReaderSWConfig = {
-    cacheExpirationSeconds?: number;
-};

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { UseWebReaderArguments } from './types';
-/**
- * The main React component export.
- */
-declare const WebReader: FC<UseWebReaderArguments>;
-export default WebReader;

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./web-reader.cjs.production.min.js')
-} else {
-  module.exports = require('./web-reader.cjs.development.js')
-}

package/dist/ui/Header.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ActiveReader } from '../types';
-export declare type HeaderProps = ActiveReader & {
-    headerLeft?: React.ReactNode;
-};
-export default function Header(props: HeaderProps): React.ReactElement;