Skip to content

Commit 79da19e

Browse files
alekswebnetalekswebnet
committed
Refactor, add minified source files, fix tests #39 
1 parent c7b3f0e commit 79da19e

15 files changed

Lines changed: 172 additions & 306 deletions

‎demo/multiple.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
style="height: 50dvh">
2222
</pdfjs-viewer-element>
2323
<pdfjs-viewer-element
24-
src="/public/sample-pdf-with-images.pdf"
24+
src="/public/sample-pdf-10MB.pdf"
2525
locale="pl"
2626
style="height: 50dvh">
2727
</pdfjs-viewer-element>

‎index.html‎

Lines changed: 21 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -10,47 +10,45 @@
1010
<body style="margin: 0">
1111
<!-- <pdfjs-viewer-element
1212
src="/fake-file.pdf"
13-
viewer-path="/pdfjs-5.3.93-dist"
1413
style="height: 600px">
15-
</pdfjs-viewer-element>
14+
</pdfjs-viewer-element> -->
1615
<pdfjs-viewer-element
1716
id="hideOpenFileViewer"
1817
iframe-title="Custom title"
1918
src="/sample-pdf-with-images.pdf"
20-
viewer-path="/pdfjs-5.3.93-dist"
2119
locale="de"
2220
page="2"
2321
style="height: 600px">
2422
</pdfjs-viewer-element>
2523
<button onclick="document.querySelector('#hideOpenFileViewer').setAttribute('viewer-extra-styles', '#downloadButton { display: none }')">Hide download button</button>
26-
<button onclick="document.querySelector('#hideOpenFileViewer').setAttribute('viewer-extra-styles', '')">Show download button</button> -->
27-
<pdfjs-viewer-element
24+
<button onclick="document.querySelector('#hideOpenFileViewer').setAttribute('viewer-extra-styles', '')">Show download button</button>
25+
26+
<pdfjs-viewer-element
2827
id="themedViewer"
2928
src="/sample-pdf-10MB.pdf"
30-
viewer-css-theme="DARK"
31-
locale="es-AR"
3229
style="height: 600px">
3330
</pdfjs-viewer-element>
3431

35-
<button onclick="document.querySelector('#themedViewer').setAttribute('viewer-css-theme', 'LIGHT')">Change theme</button>
36-
<button onclick="document.querySelector('#themedViewer').setAttribute('viewer-css-theme', 'DARK')">Reset theme</button>
32+
<hr>
33+
<button onclick="document.querySelector('#themedViewer').setAttribute('viewer-css-theme', 'DARK')">Change theme</button>
34+
<button onclick="document.querySelector('#themedViewer').setAttribute('viewer-css-theme', 'AUTOMATIC')">Reset theme</button>
3735
<button onclick="document.querySelector('#themedViewer').setAttribute('page', '2')">Change page</button>
3836
<button onclick="document.querySelector('#themedViewer').setAttribute('page', '1')">Reset page</button>
3937
<button onclick="document.querySelector('#themedViewer').setAttribute('locale', 'de')">Change locale</button>
40-
<button onclick="document.querySelector('#themedViewer').setAttribute('locale', 'es-AR')">Reset locale</button>
38+
<button onclick="document.querySelector('#themedViewer').setAttribute('locale', 'pl')">Reset locale</button>
4139
<button onclick="document.querySelector('#themedViewer').setAttribute('text-layer', 'visible')">Change text layer</button>
4240
<button onclick="document.querySelector('#themedViewer').setAttribute('text-layer', 'none')">Reset text layer</button>
4341
<button onclick="document.querySelector('#themedViewer').setAttribute('search', 'iss')">Change search text</button>
4442
<button onclick="document.querySelector('#themedViewer').setAttribute('search', '')">Reset search text</button>
4543
<button onclick="document.querySelector('#themedViewer').setAttribute('phrase', 'true')">Change search phrase</button>
4644
<button onclick="document.querySelector('#themedViewer').setAttribute('phrase', 'false')">Reset search phrase</button>
45+
<hr>
4746

48-
<!-- <pdfjs-viewer-element
47+
<pdfjs-viewer-element
4948
id="base-viewer"
50-
viewer-path="/pdfjs-5.3.93-dist"
5149
locale="uk"
5250
style="height: clamp(600px, 600px, 80dvh)">
53-
</pdfjs-viewer-element> -->
51+
</pdfjs-viewer-element>
5452
</body>
5553

5654
<script>
@@ -70,15 +68,15 @@
7068
'dCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G'), (m) => m.codePointAt(0));
7169

7270

73-
// document.addEventListener('DOMContentLoaded', async () => {
74-
// const viewer = document.querySelector('#base-viewer')
75-
// // viewer.addEventListener('loaded', () => {
76-
// // console.log(viewer.iframe)
77-
// // })
78-
// // Wait for the viewer initialization
79-
// const viewerApp = await viewer.initialize()
80-
// // Open PDF file data using Uint8Array instead of URL
81-
// viewerApp.open({ data: pdfData })
82-
// })
71+
document.addEventListener('DOMContentLoaded', async () => {
72+
document.querySelector('#themedViewer').addEventListener('initialized', (event) => {
73+
const viewerApp = event.detail.PDFViewerApplication
74+
console.log('Viewer initialized', viewerApp.eventBus)
75+
})
76+
document.querySelector('#base-viewer').addEventListener('initialized', (event) => {
77+
const viewerApp = event.detail.PDFViewerApplication
78+
viewerApp.open({ data: pdfData })
79+
})
80+
})
8381
</script>
8482
</html>

‎package.json‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "pdfjs-viewer-element",
3-
"version": "2.7.4",
3+
"version": "3.0.0",
44
"license": "MIT",
55
"author": {
66
"name": "Oleksandr Shevchuk",
@@ -38,8 +38,6 @@
3838
"coverage": "vitest run --coverage"
3939
},
4040
"devDependencies": {
41-
"@awlsn/pdfjs-full": "^4.3.1",
42-
"@minify-html/node": "^0.18.1",
4341
"@rollup/plugin-terser": "^0.4.4",
4442
"@types/node": "^22.18.8",
4543
"@vitest/browser": "^3.2.4",
@@ -48,9 +46,5 @@
4846
"vite": "^6.3.6",
4947
"vitest": "^3.2.4",
5048
"webdriverio": "^9.20.0"
51-
},
52-
"packageManager": "pnpm@9.7.0+sha512.dc09430156b427f5ecfc79888899e1c39d2d690f004be70e05230b72cb173d96839587545d09429b55ac3c429c801b4dc3c0e002f653830a420fa2dd4e3cf9cf",
53-
"dependencies": {
54-
"perfect-debounce": "^1.0.0"
5549
}
5650
}

‎pnpm-lock.yaml‎

Lines changed: 0 additions & 73 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/build/pdf.min.mjs‎

Lines changed: 21 additions & 0 deletions
Large diffs are not rendered by default.

‎src/elementReady.ts‎

Lines changed: 0 additions & 19 deletions
This file was deleted.

0 commit comments

Comments
 (0)