Fix CDN build

alekswebnet · alekswebnet · commit 427d4ff482d6 · 2026-02-23T02:48:05.000+02:00
diff --git a/README.md b/README.md
@@ -48,7 +48,7 @@ import 'pdfjs-viewer-element'
 ### Using browser and CDN:
 
 ```html
-<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/pdfjs-viewer-element"></script>
 ```
 
 ## Usage
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>pdfjs-viewer-element</title>
     <meta name="description" content="A web component for viewing pdf files in the browser, based on PDF.js">
-    <script type="module" src="/src/web/pdfjs-viewer-element.ts"></script>
+    <script type="module" src="./src/pdfjs-viewer-element.ts"></script>
   </head>
   <body style="margin: 0">
     <pdfjs-viewer-element 
@@ -22,7 +22,7 @@
     </pdfjs-viewer-element>
     <button onclick="document.querySelector('#hideOpenFileViewer').setAttribute('viewer-extra-styles', '#downloadButton { display: none }')">Hide download button</button>
     <button onclick="document.querySelector('#hideOpenFileViewer').setAttribute('viewer-extra-styles', '')">Show download button</button>
-     
+
     <pdfjs-viewer-element
       id="themedViewer"
       src="/sample-pdf-10MB.pdf" 
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-viewer-element",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "license": "MIT",
   "author": {
     "name": "Oleksandr Shevchuk",
@@ -19,6 +19,10 @@
   "module": "./dist/pdfjs-viewer-element.js",
   "types": "types/pdfjs-viewer-element.d.ts",
   "type": "module",
+  "exports": {
+    ".": "./dist/pdfjs-viewer-element.js",
+    "./dist/*": "./dist/*"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/alekswebnet/pdfjs-viewer-element.git"
diff --git a/src/pdfjs-viewer-element.ts b/src/pdfjs-viewer-element.ts
@@ -1,3 +1,6 @@
+import * as viewerEntry from './web/viewer-min.html?raw'
+import * as viewerCss from './web/viewer.css?inline'
+
 const PDFJS_VERSION = '5.4.624'
 
 const DEFAULTS = {
@@ -119,11 +122,9 @@ export class PdfjsViewerElement extends HTMLElement {
 
   private async loadViewerResources() {
     return new Promise<void>(async (resolve) => {
-      const [viewerEntry, viewerCss, pdfjsBuild, viewerBuild] = await Promise.all([
-        import('../web/viewer-min.html?raw'),
-        import('../web/viewer.css?inline'),
-        import('../build/pdf.min.mjs?raw'),
-        import('./viewer.min.mjs?raw')
+      const [pdfjsBuild, viewerBuild] = await Promise.all([
+        import('./build/pdf.min.mjs?raw'),
+        import('./web/viewer.min.mjs?raw')
       ])
       const completeHtml = viewerEntry.default
         .replace('</head>', `
@@ -134,7 +135,7 @@ export class PdfjsViewerElement extends HTMLElement {
         const doc = this.iframe.contentDocument as Document;
         const locale = this.getAttribute('locale')
         if (locale) {
-          const localesData = await import('../web/locale/locale.json?raw')
+          const localesData = await import('./web/locale/locale.json?raw')
           const supportedLocales = Object.keys(JSON.parse(localesData.default))
           if (supportedLocales.includes(locale as string)) {
             const localeObject = {
diff --git a/vite.config.ts b/vite.config.ts
@@ -7,7 +7,7 @@ export default defineConfig({
     lib: {
       name: 'PdfjsViewerElement',
       fileName: 'pdfjs-viewer-element',
-      entry: 'src/web/pdfjs-viewer-element.ts',
+      entry: 'src/pdfjs-viewer-element.ts',
       formats: ['es']
     },
     copyPublicDir: false
