wojtekmaj · Jun 29, 2023 · Jun 30, 2023 · Jun 30, 2023 · Jul 12, 2023 · Jul 12, 2023
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -1,6 +1,3 @@
-# This workflow will do a clean install of node dependencies and run tests
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
 name: CI
 
 on:

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
@@ -0,0 +1,52 @@
+name: Publish
+
+on:
+  release:
+    types: [published]
+
+permissions:
+  id-token: write
+
+jobs:
+  publish:
+    name: Publish
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Cache .yarn/cache
+        uses: actions/cache@v3
+        env:
+          cache-name: yarn-cache
+        with:
+          path: .yarn/cache
+          key: ${{ runner.os }}-${{ env.cache-name }}-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-${{ env.cache-name }}
+
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Install dependencies
+        run: yarn --immutable
+        env:
+          HUSKY: 0
+
+      - name: Publish with latest tag
+        if: github.event.release.prelease == false
+        run: yarn npm publish --tag latest
+        env:
+          YARN_NPM_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Publish with next tag
+        if: github.event.release.prelease == true
+        run: yarn npm publish --tag next
+        env:
+          YARN_NPM_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.gitignore b/.gitignore
@@ -9,10 +9,11 @@
 !**/.yarn/sdks
 yarn-error.log
 
-# Project-generated directories
+# Project-generated files and directories
 coverage
 dist
 node_modules
+package.tgz
 
 # Other
 **/.DS_Store

diff --git a/README.md b/README.md
@@ -127,18 +127,6 @@ pdfjs.GlobalWorkerOptions.workerSrc = new URL(
 <details>
 <summary>See more examples</summary>
 
-##### Parcel 1
-
-For Parcel 1, you will have use the following code:
-
-```js
-import { pdfjs } from 'react-pdf';
-
-pdfjs.GlobalWorkerOptions.workerPort = new Worker(
-  'node_modules/pdfjs-dist/build/pdf.worker.entry.js',
-);
-```
-
 ##### Parcel 2
 
 For Parcel 2, you need to use a slightly different code:

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-pdf",
-  "version": "7.1.2",
+  "version": "7.1.3",
   "description": "Display PDFs in your React app as easily as if they were images.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -22,7 +22,7 @@
     "prettier": "prettier --check . --cache",
     "test": "yarn lint && yarn tsc && yarn prettier && yarn unit",
     "tsc": "tsc --noEmit",
-    "unit": "vitest run"
+    "unit": "vitest"
   },
   "keywords": [
     "pdf",
@@ -35,10 +35,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "clsx": "^1.2.1",
-    "make-cancellable-promise": "^1.0.0",
+    "clsx": "^2.0.0",
+    "make-cancellable-promise": "^1.3.1",
     "make-event-props": "^1.5.0",
-    "merge-refs": "^1.1.3",
+    "merge-refs": "^1.2.1",
     "pdfjs-dist": "3.6.172",
     "prop-types": "^15.6.2",
     "tiny-invariant": "^1.0.0",
@@ -51,7 +51,7 @@
     "@testing-library/user-event": "^14.4.0",
     "@types/node": "*",
     "eslint": "^8.26.0",
-    "eslint-config-wojtekmaj": "^0.8.4",
+    "eslint-config-wojtekmaj": "^0.9.0",
     "husky": "^8.0.0",
     "jsdom": "^21.1.0",
     "prettier": "^2.7.0",
@@ -68,6 +68,10 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
   "files": [
     "dist",
     "src"

diff --git a/sample/create-react-app-5/yarn.lock b/sample/create-react-app-5/yarn.lock
diff --git a/sample/parcel/.babelrc b/sample/parcel/.babelrc
diff --git a/sample/parcel/.gitignore b/sample/parcel/.gitignore
diff --git a/sample/parcel/.yarnrc.yml b/sample/parcel/.yarnrc.yml
diff --git a/sample/parcel/Sample.css b/sample/parcel/Sample.css
diff --git a/sample/parcel/Sample.tsx b/sample/parcel/Sample.tsx
diff --git a/sample/parcel/global.d.ts b/sample/parcel/global.d.ts
diff --git a/sample/parcel/index.html b/sample/parcel/index.html
diff --git a/sample/parcel/index.tsx b/sample/parcel/index.tsx
diff --git a/sample/parcel/package.json b/sample/parcel/package.json
diff --git a/sample/parcel/sample.pdf b/sample/parcel/sample.pdf
diff --git a/sample/parcel/scripts/copy-cmaps.ts b/sample/parcel/scripts/copy-cmaps.ts
diff --git a/sample/parcel/scripts/copy-standard-fonts.ts b/sample/parcel/scripts/copy-standard-fonts.ts
diff --git a/sample/parcel/tsconfig.json b/sample/parcel/tsconfig.json
diff --git a/sample/parcel/yarn.lock b/sample/parcel/yarn.lock
diff --git a/sample/parcel2/yarn.lock b/sample/parcel2/yarn.lock
diff --git a/sample/vite3/yarn.lock b/sample/vite3/yarn.lock
diff --git a/sample/vite4/yarn.lock b/sample/vite4/yarn.lock
diff --git a/sample/webpack4/.babelrc b/sample/webpack4/.babelrc
diff --git a/sample/webpack4/.gitignore b/sample/webpack4/.gitignore
diff --git a/sample/webpack4/Sample.css b/sample/webpack4/Sample.css
diff --git a/sample/webpack4/Sample.tsx b/sample/webpack4/Sample.tsx
diff --git a/sample/webpack4/index.html b/sample/webpack4/index.html
diff --git a/sample/webpack4/index.tsx b/sample/webpack4/index.tsx
diff --git a/sample/webpack4/package.json b/sample/webpack4/package.json
diff --git a/sample/webpack4/sample.pdf b/sample/webpack4/sample.pdf
diff --git a/sample/webpack4/tsconfig.json b/sample/webpack4/tsconfig.json
diff --git a/sample/webpack4/webpack.config.ts b/sample/webpack4/webpack.config.ts
diff --git a/sample/webpack4/yarn.lock b/sample/webpack4/yarn.lock
diff --git a/sample/webpack5/tsconfig.json b/sample/webpack5/tsconfig.json
@@ -4,12 +4,17 @@
     "esModuleInterop": true,
     "isolatedModules": true,
     "jsx": "react",
-    "module": "commonjs",
+    "module": "esnext",
     "moduleResolution": "node",
     "noUncheckedIndexedAccess": true,
     "outDir": "dist",
     "strict": true,
     "strictNullChecks": true,
     "target": "es2015"
+  },
+  "ts-node": {
+    "compilerOptions": {
+      "module": "commonjs"
+    }
   }
 }
diff --git a/sample/webpack5/yarn.lock b/sample/webpack5/yarn.lock
diff --git a/src/LinkService.ts b/src/LinkService.ts
@@ -85,6 +85,7 @@ export default class LinkService implements IPDFLinkService {
     this.pdfViewer.currentPageNumber = value;
   }
 
+  // eslint-disable-next-line @typescript-eslint/class-literal-property-style
   get rotation() {
     return 0;
   }

diff --git a/src/index.test.ts b/src/index.test.ts
@@ -1,8 +1,28 @@
 import * as pdfjs from 'pdfjs-dist';
+
 import Document from './Document';
 import Outline from './Outline';
 import Page from './Page';
+import Thumbnail from './Thumbnail';
+
+import useDocumentContext from './shared/hooks/useDocumentContext';
+import useOutlineContext from './shared/hooks/useOutlineContext';
+import usePageContext from './shared/hooks/usePageContext';
+
+export type { DocumentProps } from './Document';
+export type { OutlineProps } from './Outline';
+export type { PageProps } from './Page';
+export type { ThumbnailProps } from './Thumbnail';
 
 import './pdf.worker.entry';
 
-export { pdfjs, Document, Outline, Page };
+export {
+  pdfjs,
+  Document,
+  Outline,
+  Page,
+  Thumbnail,
+  useDocumentContext,
+  useOutlineContext,
+  usePageContext,
+};
diff --git a/src/shared/propTypes.ts b/src/shared/propTypes.ts
@@ -55,7 +55,7 @@ const fileTypes = [
   }),
 ];
 if (typeof Blob !== 'undefined') {
-  (fileTypes as Array<PropTypes.Validator<unknown>>).push(PropTypes.instanceOf(Blob));
+  (fileTypes as PropTypes.Validator<unknown>[]).push(PropTypes.instanceOf(Blob));
 }
 
 export const isClassName = PropTypes.oneOfType([

diff --git a/test/shared/propTypes.ts b/test/shared/propTypes.ts
@@ -32,7 +32,7 @@ const fileTypes = [
   }),
 ];
 if (typeof Blob !== 'undefined') {
-  (fileTypes as Array<PropTypes.Validator<unknown>>).push(PropTypes.instanceOf(Blob));
+  (fileTypes as PropTypes.Validator<unknown>[]).push(PropTypes.instanceOf(Blob));
 }
 
 export const isFile = PropTypes.oneOfType(fileTypes);
diff --git a/test/yarn.lock b/test/yarn.lock
@@ -878,10 +878,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "clsx@npm:1.2.1"
-  checksum: 30befca8019b2eb7dbad38cff6266cf543091dae2825c856a62a8ccf2c3ab9c2907c4d12b288b73101196767f66812365400a227581484a05f968b0307cfaf12
+"clsx@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "clsx@npm:2.0.0"
+  checksum: a2cfb2351b254611acf92faa0daf15220f4cd648bdf96ce369d729813b85336993871a4bf6978ddea2b81b5a130478339c20d9d0b5c6fc287e5147f0c059276e
   languageName: node
   linkType: hard
 
@@ -1872,7 +1872,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "react-pdf@portal:../::locator=react-pdf-test-page%40workspace%3A."
   dependencies:
-    clsx: ^1.2.1
+    clsx: ^2.0.0
     make-cancellable-promise: ^1.0.0
     make-event-props: ^1.5.0
     merge-refs: ^1.1.3
@@ -1969,22 +1969,22 @@ __metadata:
   linkType: hard
 
 "semver@npm:^6.0.0, semver@npm:^6.3.0":
-  version: 6.3.0
-  resolution: "semver@npm:6.3.0"
+  version: 6.3.1
+  resolution: "semver@npm:6.3.1"
   bin:
-    semver: ./bin/semver.js
-  checksum: 1b26ecf6db9e8292dd90df4e781d91875c0dcc1b1909e70f5d12959a23c7eebb8f01ea581c00783bbee72ceeaad9505797c381756326073850dc36ed284b21b9
+    semver: bin/semver.js
+  checksum: ae47d06de28836adb9d3e25f22a92943477371292d9b665fb023fae278d345d508ca1958232af086d85e0155aee22e313e100971898bbb8d5d89b8b1d4054ca2
   languageName: node
   linkType: hard
 
 "semver@npm:^7.3.5":
-  version: 7.3.8
-  resolution: "semver@npm:7.3.8"
+  version: 7.5.4
+  resolution: "semver@npm:7.5.4"
   dependencies:
     lru-cache: ^6.0.0
   bin:
     semver: bin/semver.js
-  checksum: ba9c7cbbf2b7884696523450a61fee1a09930d888b7a8d7579025ad93d459b2d1949ee5bbfeb188b2be5f4ac163544c5e98491ad6152df34154feebc2cc337c1
+  checksum: 12d8ad952fa353b0995bf180cdac205a4068b759a140e5d3c608317098b3575ac2f1e09182206bf2eb26120e1c0ed8fb92c48c592f6099680de56bb071423ca3
   languageName: node
   linkType: hard
 

diff --git a/vitest.config.ts b/vitest.config.ts
@@ -9,5 +9,6 @@ export default defineConfig({
     exclude: [...configDefaults.exclude, 'src/index.test.ts'],
     setupFiles: 'vitest.setup.ts',
     threads: false,
+    watch: false,
   },
 });
diff --git a/yarn.lock b/yarn.lock