fix(pdf-viewer): change CDN url

Author: adenvt

src/components/global/store.spec.ts

@@ -6,6 +6,8 @@ import {
   createStore,
   initStore,
   setStore,
+  getCDN,
+  setCDN,
 } from './store'
 
 beforeEach(() => {
@@ -33,7 +35,7 @@ describe('createStore', () => {
   })
 })
 
-describe('setStore', () => {
+describe('useStore', () => {
   it('should create new store instance', () => {
     const a = useStore()
     const b = createStore()
@@ -56,3 +58,17 @@ describe('setStore', () => {
     expect(c).toBe(b)
   })
 })
+
+describe('setCDN', () => {
+  it('should able to set global cdnURL', () => {
+    const context = useStore()
+
+    expect(context.value.cdnURL).toBe('https://unpkg.com/')
+    expect(getCDN()).toBe('https://unpkg.com/')
+
+    setCDN('https://www.jsdelivr.com/package/npm/')
+
+    expect(context.value.cdnURL).toBe('https://www.jsdelivr.com/package/npm/')
+    expect(getCDN()).toBe('https://www.jsdelivr.com/package/npm/')
+  })
+})

src/components/global/store.ts

@@ -12,15 +12,24 @@ type Lang = LiteralUnion<'id' | 'en', string>
  * Simple vuex-like-store for global configuration
  */
 export interface State {
-  /* Language setting */
+  /**
+   * Language
+   */
   lang: Lang,
+  /**
+   * PDFJS CDN base url
+   */
+  cdnURL: string,
 }
 
 let globalState: Ref<State>
 
 export function createStore (): Ref<State> {
   const scope = effectScope(true)
-  const state = scope.run(() => ref<State>({ lang: 'en' }))
+  const state = scope.run(() => ref<State>({
+    lang  : 'en',
+    cdnURL: 'https://unpkg.com/',
+  }))
 
   return state
 }
@@ -49,6 +58,14 @@ export function getLang () {
   return globalState?.value.lang ?? 'en'
 }
 
+export function getCDN () {
+  return globalState?.value.cdnURL
+}
+
+export function setCDN (url: string) {
+  globalState.value.cdnURL = url
+}
+
 /**
  * Return reactive global lang setting
  * @example

src/components/pdf-viewer/utils/pdfjs.ts

@@ -1,5 +1,7 @@
 import type * as PDFJS from 'pdfjs-dist'
 import type * as PDFJSViewer from 'pdfjs-dist/web/pdf_viewer'
+import { withBase } from 'ufo'
+import { getCDN } from '../../global/store'
 
 let pdfjsLib: typeof PDFJS
 
@@ -10,7 +12,7 @@ async function importPdfJS () {
     const pdfjs = await import('pdfjs-dist')
 
     if (typeof window !== 'undefined' && 'Worker' in window)
-      pdfjs.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`
+      pdfjs.GlobalWorkerOptions.workerSrc = withBase(`pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js`, getCDN())
 
     pdfjsLib = pdfjs
   }
@@ -34,7 +36,7 @@ export async function getDocument (...params: Parameters<typeof PDFJS['getDocume
 }
 
 export async function getCMAPUri () {
-  return `https://cdn.jsdelivr.net/npm/pdfjs-dist@${await getVersion()}/cmaps/`
+  return withBase(`pdfjs-dist@${await getVersion()}/cmaps/`, getCDN())
 }
 
 export async function getVersion () {

src/core/index.ts

@@ -102,6 +102,8 @@ export {
   setLang,
   getLang,
   useLang,
+  getCDN,
+  setCDN,
   type State,
 } from '../components/global/store'