Add module format-agnostic exports

wojtekmaj · Jul 27, 2023 · 5bbf9f7 · 5bbf9f7
1 parent c7414fe
commit 5bbf9f7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -209,15 +209,15 @@ Check the [sample directory](https://github.com/wojtekmaj/react-pdf/tree/main/sa
 If you want to use annotations (e.g. links) in PDFs rendered by React-PDF, then you would need to include stylesheet necessary for annotations to be correctly displayed like so:
 
 ```ts
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
+import 'react-pdf/dist/Page/AnnotationLayer.css';
 ```
 
 ### Support for text layer
 
 If you want to use text layer in PDFs rendered by React-PDF, then you would need to include stylesheet necessary for text layer to be correctly displayed like so:
 
 ```ts
-import 'react-pdf/dist/esm/Page/TextLayer.css';
+import 'react-pdf/dist/Page/TextLayer.css';
 ```
 
 ### Support for non-latin characters

diff --git a/package.json b/package.json
@@ -15,6 +15,14 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
+    "./dist/Page/AnnotationLayer.css": {
+      "import": "./dist/esm/Page/AnnotationLayer.css",
+      "require": "./dist/cjs/Page/AnnotationLayer.css"
+    },
+    "./dist/Page/TextLayer.css": {
+      "import": "./dist/esm/Page/TextLayer.css",
+      "require": "./dist/cjs/Page/TextLayer.css"
+    },
     "./dist/cjs/Page/AnnotationLayer.css": "./dist/cjs/Page/AnnotationLayer.css",
     "./dist/cjs/Page/TextLayer.css": "./dist/cjs/Page/TextLayer.css",
     "./dist/esm/Page/AnnotationLayer.css": "./dist/esm/Page/AnnotationLayer.css",