2c:null 2d:["$","title",null,{"children":"Hello, PDF.js PDFPageView! | adnan | Observable"}] 32:T43e,md`# Hello, PDF.js PDFPageView! To change the displayed file, hover the *url* cell and click the file button.`33:T442,pdfjs = { const [pdfjs, workerSrc, viewerStyle] = await Promise.all([ require("pdfjs-dist@2"), require.resolve("pdfjs-dist@2/build/pdf.worker.js"), require.resolve("pdfjs-dist@2/web/pdf_viewer.css") ]); // Fix the worker (it requires an absolute URL). pdfjs.GlobalWorkerOptions.workerSrc = workerSrc; // Fix the AMD bundle (it requires a global). window["pdfjs-dist/build/pdf"] = pdfjs; Object.assign(pdfjs, await require("pdfjs-dist@2/web/pdf_viewer.js")); delete window["pdfjs-dist/build/pdf"]; // Fix the viewer (it requires global styles). // And remove a few of the hideous defaults… const link = document.head.appendChild(html``); invalidation.then(() => link.remove()); return pdfjs; }34:[{"id":"f92669ef7761611660637a5a99f2e7782681c060ad407e7e22d4c0a3bea8c65f046579dccaf58e7f9a6be0aa4fcb0e2010eb4bd267fae0bdcbc9300beba5ec80","href":"https://static.observableusercontent.com/files/f92669ef7761611660637a5a99f2e7782681c060ad407e7e22d4c0a3bea8c65f046579dccaf58e7f9a6be0aa4fcb0e2010eb4bd267fae0bdcbc9300beba5ec80","name":"sample.pdf","type":"application/pdf","lastModified":1588186822526.787,"size":54836},{"id":"f292bf2f5e8f53281cb3c6c854bd35c8c1929cfe4b5f6c18b3259dd6010b5ba733b27421de1367585e221150a1bbe450535707c2d333ea6587860b2411c3052f","href":"https://static.observableusercontent.com/files/f292bf2f5e8f53281cb3c6c854bd35c8c1929cfe4b5f6c18b3259dd6010b5ba733b27421de1367585e221150a1bbe450535707c2d333ea6587860b2411c3052f","name":"MyMountSinai - Note from Care Team2.pdf","type":"application/pdf","lastModified":1790894332185,"size":405953},{"id":"0059da83b839dbd3290e2d951b7370fe836cc1df72cba74c1e5428e2a41f652e881eb2338a4d0c18707badc983322fa9bfc4be4961740c757e1135a0e15f0d59","href":"https://static.observableusercontent.com/files/0059da83b839dbd3290e2d951b7370fe836cc1df72cba74c1e5428e2a41f652e881eb2338a4d0c18707badc983322fa9bfc4be4961740c757e1135a0e15f0d59","name":"MyMountSinai - Note from Care Team.pdf","type":"application/pdf","lastModified":1790894299416,"size":1224189}] 30:{"id":"58435569e0ef718c","slug":"hello-pdf-js-pdf-page-view","title":"Hello, PDF.js PDFPageView!","thumbnail":"cfe1dc9e71fbda27712e4c5fb907242084b9f1c5748fca0067dbde0b1d7649ea","access_level":"public","create_time":"$D2026-10-01T22:42:51.506Z","update_time":"$D2026-10-01T22:45:15.790Z","view_time":null,"first_public_time":"$D2026-10-01T22:45:24.285Z","has_unpublished_edits":null,"fork":{"id":"3711efb869603c99","slug":"hello-pdf-js-pdfpageview","title":"Hello, PDF.js PDFPageView!","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b2cae0d401a643d3","login":"adnanwahab","name":"adnan","avatar_url":null,"tier":"starter_2024"},"version":173,"publish_version":173,"role":null,"authored":false,"authors":[{"type":"individual","id":"10b4f0245e360caa","login":"adnanwahab","name":"adnan","avatar_url":null,"tier":null}],"members":[{"type":"team","id":"b2cae0d401a643d3","login":"adnanwahab","name":"adnan","avatar_url":null,"tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Hello, PDF.js PDFPageView!","cells":[{"id":0,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"url = FileAttachment(\"MyMountSinai - Note from Care Team.pdf\").url()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"url2 = FileAttachment(\"MyMountSinai - Note from Care Team2.pdf\")","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"view2 = {\n const container = html`

`;\n const eventBus = new pdfjs.EventBus();\n const linkService = new pdfjs.PDFLinkService({eventBus});\n const viewer = new pdfjs.PDFViewer({container, eventBus, linkService});\n const document = await pdfjs.getDocument(url2).promise;\n viewer.setDocument(document);\n linkService.setViewer(viewer);\n linkService.setDocument(document, null);\n eventBus.on(\"pagesinit\", () => viewer.currentScaleValue = \"page-width\");\n return container;\n}","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"view = {\n const container = html`

`;\n const eventBus = new pdfjs.EventBus();\n const linkService = new pdfjs.PDFLinkService({eventBus});\n const viewer = new pdfjs.PDFViewer({container, eventBus, linkService});\n const document = await pdfjs.getDocument(url).promise;\n viewer.setDocument(document);\n linkService.setViewer(viewer);\n linkService.setDocument(document, null);\n eventBus.on(\"pagesinit\", () => viewer.currentScaleValue = \"page-width\");\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"