Skip to content

Commit ef2c961

Browse files
committed
Hard refresh after text-layer attribute changed
1 parent 9c45e7d commit ef2c961

File tree

3 files changed

+7
-13
lines changed

3 files changed

+7
-13
lines changed

README.md

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ Using browser:
6464
## Usage
6565

6666
```html
67-
<pdfjs-viewer-element src="/pdf-file.pdf" viewer-path="/pdfjs-4.0.379-dist"></pdfjs-viewer-element>
67+
<pdfjs-viewer-element src="/file.pdf" viewer-path="/pdfjs-4.0.379-dist"></pdfjs-viewer-element>
6868
```
6969

7070
## Attributes
@@ -100,7 +100,7 @@ Use `viewer-css-theme` attribute to set light or dark theme manually:
100100
```html
101101
<pdfjs-viewer-element
102102
src="/file.pdf"
103-
viewer-path="/path-to-viewer"
103+
viewer-path="/pdfjs-4.0.379-dist"
104104
viewer-css-theme="DARK">
105105
</pdfjs-viewer-element>
106106
```
@@ -113,7 +113,7 @@ You can add your own CSS rules to the viewer application using `viewer-extra-sty
113113
<!-- Remove download button from viewer toolbar -->
114114
<pdfjs-viewer-element
115115
src="/file.pdf"
116-
viewer-path="/path-to-viewer"
116+
viewer-path="/pdfjs-4.0.379-dist"
117117
viewer-extra-styles="#download { display: none }">
118118
</pdfjs-viewer-element>
119119
```
@@ -123,7 +123,7 @@ You can add your own CSS rules to the viewer application using `viewer-extra-sty
123123
`initialize` - using this method you can access PDFViewerApplication and use methods and events of PDF.js default viewer
124124

125125
```html
126-
<pdfjs-viewer-element viewer-path="/path-to-viewer"></pdfjs-viewer-element>
126+
<pdfjs-viewer-element viewer-path="/pdfjs-4.0.379-dist"></pdfjs-viewer-element>
127127
```
128128

129129
```javascript
@@ -132,10 +132,6 @@ const viewer = document.querySelector('pdfjs-viewer-element')
132132
const viewerApp = await viewer.initialize()
133133
// Open PDF file data using Uint8Array instead of URL
134134
viewerApp.open({ data: pdfData })
135-
// Use event bus to handle viewer application events
136-
viewerApp.eventBus.on('pagesloaded', () => {
137-
console.log('Viewer pages loaded')
138-
})
139135
```
140136

141137
## License

src/pdfjs-viewer-element.ts

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export const ViewerCssTheme = {
2222
DARK: 2,
2323
} as const
2424

25-
export const hardRefreshAttributes = ['src', 'viewer-path', 'locale', 'viewer-css-theme', 'viewer-extra-styles']
25+
export const hardRefreshAttributes = ['src', 'viewer-path', 'locale', 'text-layer', 'viewer-css-theme', 'viewer-extra-styles']
2626

2727
export class PdfjsViewerElement extends HTMLElement {
2828
constructor() {
@@ -155,9 +155,8 @@ export interface PdfjsViewerElementIframeWindow extends Window {
155155
PDFViewerApplication: {
156156
initializedPromise: Promise<void>;
157157
initialized: boolean;
158-
open: (data: Uint8Array) => void;
159158
eventBus: Record<string, any>;
160-
setCssTheme: () => void
159+
open: (data: Uint8Array) => void;
161160
},
162161
PDFViewerApplicationOptions: {
163162
set: (name: string, value: string | boolean | number) => void,

types/pdfjs-viewer-element.d.ts

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,8 @@ export interface PdfjsViewerElementIframeWindow extends Window {
3131
PDFViewerApplication: {
3232
initializedPromise: Promise<void>;
3333
initialized: boolean;
34-
open: (data: Uint8Array) => void;
3534
eventBus: Record<string, any>;
36-
setCssTheme: () => void;
35+
open: (data: Uint8Array) => void;
3736
};
3837
PDFViewerApplicationOptions: {
3938
set: (name: string, value: string | boolean | number) => void;

0 commit comments

Comments
 (0)