Skip to content

Commit c7b3f0e

Browse files
alekswebnetalekswebnet
committed
Rework, import viewer sources directly from prebuild files #39 
1 parent e444611 commit c7b3f0e

417 files changed

Lines changed: 169487 additions & 79 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎demo/basic.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element | Basic demo</title>
7-
<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
7+
<script type="module" src="./../dist/pdfjs-viewer-element.js"></script>
88
<style>
99
body {
1010
margin: 0;
@@ -15,8 +15,7 @@
1515

1616
<body>
1717
<pdfjs-viewer-element
18-
src="/public/sample-pdf-with-images.pdf"
19-
viewer-path="/public/pdfjs-5.3.93-dist"
18+
src="/public/sample-pdf-with-images.pdf"
2019
style="height: 100dvh">
2120
</pdfjs-viewer-element>
2221
</body>

‎demo/dark-theme.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element | Dark theme demo</title>
7-
<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
7+
<script type="module" src="../dist/pdfjs-viewer-element.js"></script>
88
<style>
99
body {
1010
margin: 0;
@@ -16,7 +16,6 @@
1616
<body>
1717
<pdfjs-viewer-element
1818
src="/public/sample-pdf-with-images.pdf"
19-
viewer-path="/public/pdfjs-5.3.93-dist"
2019
viewer-css-theme="DARK"
2120
style="height: 100dvh">
2221
</pdfjs-viewer-element>

‎demo/extra-styles-urls.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element | Extra styles demo</title>
7-
<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
7+
<script type="module" src="../dist/pdfjs-viewer-element.js"></script>
88
<style>
99
body {
1010
margin: 0;
@@ -16,7 +16,6 @@
1616
<body>
1717
<pdfjs-viewer-element
1818
src="/public/sample-pdf-with-images.pdf"
19-
viewer-path="/public/pdfjs-5.3.93-dist"
2019
viewer-extra-styles-urls="['/demo/viewer-custom-theme.css']"
2120
style="height: 100dvh">
2221
</pdfjs-viewer-element>

‎demo/extra-styles.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element | Extra styles demo</title>
7-
<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
7+
<script type="module" src="../dist/pdfjs-viewer-element.js"></script>
88
<style>
99
body {
1010
margin: 0;
@@ -16,7 +16,6 @@
1616
<body>
1717
<pdfjs-viewer-element
1818
src="/public/sample-pdf-with-images.pdf"
19-
viewer-path="/public/pdfjs-5.3.93-dist"
2019
viewer-extra-styles="#toolbarViewerMiddle { display: none; }"
2120
style="height: 100dvh">
2221
</pdfjs-viewer-element>

‎demo/go-to-nameddest.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element | Disable font face demo</title>
7-
<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
7+
<script type="module" src="../dist/pdfjs-viewer-element.js"></script>
88
<style>
99
body {
1010
margin: 0;
@@ -16,7 +16,6 @@
1616
<body>
1717
<pdfjs-viewer-element
1818
src="/public/sample-pdf-report.pdf"
19-
viewer-path="/public/pdfjs-5.3.93-dist"
2019
nameddest="chart"
2120
style="height: 100dvh">
2221
</pdfjs-viewer-element>

‎demo/multiple.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>pdfjs-viewer-element | Multiple demo</title>
7+
<script type="module" src="./../dist/pdfjs-viewer-element.js"></script>
8+
<style>
9+
body {
10+
margin: 0;
11+
padding: 0;
12+
}
13+
</style>
14+
</head>
15+
16+
<body>
17+
<pdfjs-viewer-element
18+
src="/public/sample-pdf-with-images.pdf"
19+
viewer-css-theme="DARK"
20+
locale="de"
21+
style="height: 50dvh">
22+
</pdfjs-viewer-element>
23+
<pdfjs-viewer-element
24+
src="/public/sample-pdf-with-images.pdf"
25+
locale="pl"
26+
style="height: 50dvh">
27+
</pdfjs-viewer-element>
28+
</body>
29+
</html>

‎demo/opened-findbar.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element | Opened find bar demo</title>
7-
<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
7+
<script type="module" src="../dist/pdfjs-viewer-element.js"></script>
88
<style>
99
body {
1010
margin: 0;
@@ -17,7 +17,6 @@
1717
<pdfjs-viewer-element
1818
id="viewer"
1919
src="/public/sample-pdf-with-images.pdf"
20-
viewer-path="/public/pdfjs-5.3.93-dist"
2120
style="height: 100dvh">
2221
</pdfjs-viewer-element>
2322

‎demo/pdf-data-load.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element | Basic demo</title>
7-
<script type="module" src="https://cdn.skypack.dev/pdfjs-viewer-element"></script>
7+
<script type="module" src="../dist/pdfjs-viewer-element.js"></script>
88
<style>
99
body {
1010
margin: 0;
@@ -16,7 +16,6 @@
1616
<body>
1717
<pdfjs-viewer-element
1818
id="viewer"
19-
viewer-path="/public/pdfjs-5.3.93-dist"
2019
style="height: 100dvh">
2120
</pdfjs-viewer-element>
2221

‎demo/viewer-prebuilt-from-npm-package.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@
1616
<body>
1717
<pdfjs-viewer-element
1818
src="/public/sample-pdf-with-images.pdf"
19-
viewer-path="./../node_modules/@awlsn/pdfjs-full"
2019
style="height: 100dvh">
2120
</pdfjs-viewer-element>
2221
</body>

‎index.html‎

Lines changed: 17 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,10 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>pdfjs-viewer-element</title>
77
<meta name="description" content="A web component for viewing pdf files in the browser, based on PDF.js">
8-
<script type="module" src="/src/pdfjs-viewer-element.ts"></script>
8+
<script type="module" src="/src/web/pdfjs-viewer-element.ts"></script>
99
</head>
1010
<body style="margin: 0">
11-
<pdfjs-viewer-element
11+
<!-- <pdfjs-viewer-element
1212
src="/fake-file.pdf"
1313
viewer-path="/pdfjs-5.3.93-dist"
1414
style="height: 600px">
@@ -23,13 +23,12 @@
2323
style="height: 600px">
2424
</pdfjs-viewer-element>
2525
<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>
26+
<button onclick="document.querySelector('#hideOpenFileViewer').setAttribute('viewer-extra-styles', '')">Show download button</button> -->
2727
<pdfjs-viewer-element
2828
id="themedViewer"
2929
src="/sample-pdf-10MB.pdf"
30-
viewer-path="/pdfjs-5.3.93-dist"
3130
viewer-css-theme="DARK"
32-
locale="es"
31+
locale="es-AR"
3332
style="height: 600px">
3433
</pdfjs-viewer-element>
3534

@@ -38,20 +37,20 @@
3837
<button onclick="document.querySelector('#themedViewer').setAttribute('page', '2')">Change page</button>
3938
<button onclick="document.querySelector('#themedViewer').setAttribute('page', '1')">Reset page</button>
4039
<button onclick="document.querySelector('#themedViewer').setAttribute('locale', 'de')">Change locale</button>
41-
<button onclick="document.querySelector('#themedViewer').setAttribute('locale', 'es')">Reset locale</button>
40+
<button onclick="document.querySelector('#themedViewer').setAttribute('locale', 'es-AR')">Reset locale</button>
4241
<button onclick="document.querySelector('#themedViewer').setAttribute('text-layer', 'visible')">Change text layer</button>
4342
<button onclick="document.querySelector('#themedViewer').setAttribute('text-layer', 'none')">Reset text layer</button>
4443
<button onclick="document.querySelector('#themedViewer').setAttribute('search', 'iss')">Change search text</button>
4544
<button onclick="document.querySelector('#themedViewer').setAttribute('search', '')">Reset search text</button>
4645
<button onclick="document.querySelector('#themedViewer').setAttribute('phrase', 'true')">Change search phrase</button>
4746
<button onclick="document.querySelector('#themedViewer').setAttribute('phrase', 'false')">Reset search phrase</button>
4847

49-
<pdfjs-viewer-element
48+
<!-- <pdfjs-viewer-element
5049
id="base-viewer"
5150
viewer-path="/pdfjs-5.3.93-dist"
5251
locale="uk"
5352
style="height: clamp(600px, 600px, 80dvh)">
54-
</pdfjs-viewer-element>
53+
</pdfjs-viewer-element> -->
5554
</body>
5655

5756
<script>
@@ -71,15 +70,15 @@
7170
'dCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G'), (m) => m.codePointAt(0));
7271

7372

74-
document.addEventListener('DOMContentLoaded', async () => {
75-
const viewer = document.querySelector('#base-viewer')
76-
// viewer.addEventListener('loaded', () => {
77-
// console.log(viewer.iframe)
78-
// })
79-
// Wait for the viewer initialization
80-
const viewerApp = await viewer.initialize()
81-
// Open PDF file data using Uint8Array instead of URL
82-
viewerApp.open({ data: pdfData })
83-
})
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+
// })
8483
</script>
8584
</html>

0 commit comments

Comments
 (0)