@vuepress/plugin-pwa 2.0.0-rc.86 → 2.0.0-rc.91

package/lib/client/PwaReadyPopup-B75qeWFS.js

@@ -0,0 +1,2 @@
+import{useLocaleConfig as r}from"@vuepress/helper/client";import{defineComponent as i,shallowRef as c,computed as d,h as t,onMounted as m,Transition as f}from"vue";import{U as v}from"./icons-DQk7h1-3.js";import"@vuepress/helper/transition/fade-in-scale-up.css";import"./styles/popup.css";import{u as w}from"./usePwaEvent-CUDY9qle.js";const u=o=>{const a=o.waiting;if(!a)return;const s=new MessageChannel;a.postMessage({type:"SKIP_WAITING"},[s.port2])},P=i({name:"PwaReadyPopup",props:{locales:{type:Object,required:!0}},slots:Object,setup(o,{slots:a}){const s=r(o.locales),e=c(),n=d(()=>!!e.value),p=()=>{e.value&&(u(e.value),e.value=void 0)};return m(()=>{w().on("updated",l=>{e.value=l})}),()=>t(f,{name:"fade-in-scale-up"},()=>a.default?.({isReady:n.value,reload:p})??(n.value?t("button",{type:"button",class:"sw-update-popup",tabindex:0,onClick:()=>{p()}},[s.value.update,t("span",{class:"icon-wrapper"},t(v))]):null))}});export{P,u as s};
+//# sourceMappingURL=PwaReadyPopup-B75qeWFS.js.map

package/lib/client/PwaReadyPopup-B75qeWFS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PwaReadyPopup-B75qeWFS.js","sources":["../../src/client/utils/skipWaiting.ts","../../src/client/components/PwaReadyPopup.ts"],"sourcesContent":["/**\n * Call `skipWaiting()` inside current waiting worker\n *\n * 在当前等待中的 Service Worker 中调用 `skipWaiting()`\n */\nexport const skipWaiting = (registration: ServiceWorkerRegistration): void => {\n  // Get the waiting worker\n  const worker = registration.waiting\n\n  // If there is no waiting worker, return directly\n  if (!worker) return\n\n  // Post SKIP_WAITING message to the waiting worker\n  const channel = new MessageChannel()\n\n  worker.postMessage({ type: 'SKIP_WAITING' }, [channel.port2])\n}\n","import { useLocaleConfig } from '@vuepress/helper/client'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport {\n  Transition,\n  computed,\n  defineComponent,\n  h,\n  onMounted,\n  shallowRef,\n} from 'vue'\nimport { usePwaEvent } from '../composables/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { skipWaiting } from '../utils/index.js'\nimport { UpdateIcon } from './icons.js'\n\nimport '@vuepress/helper/transition/fade-in-scale-up.css'\nimport '../styles/popup.css'\n\nexport const PwaReadyPopup = defineComponent({\n  name: 'PwaReadyPopup',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  slots: Object as SlotsType<{\n    default?: (props: {\n      isReady: boolean\n      reload: () => void\n    }) => VNode | VNode[] | null\n  }>,\n\n  setup(props, { slots }) {\n    const locale = useLocaleConfig(props.locales)\n    const registration = shallowRef<ServiceWorkerRegistration>()\n\n    const isReady = computed(() => Boolean(registration.value))\n\n    const reload = (): void => {\n      if (registration.value) {\n        skipWaiting(registration.value)\n        registration.value = undefined\n      }\n    }\n\n    onMounted(() => {\n      const event = usePwaEvent()\n\n      event.on('updated', (reg) => {\n        registration.value = reg\n      })\n    })\n\n    return (): VNode =>\n      h(\n        Transition,\n        { name: 'fade-in-scale-up' },\n        () =>\n          slots.default?.({\n            isReady: isReady.value,\n            reload,\n          }) ??\n          (isReady.value\n            ? h(\n                'button',\n                {\n                  type: 'button',\n                  class: 'sw-update-popup',\n                  tabindex: 0,\n                  onClick: () => {\n                    reload()\n                  },\n                },\n                [\n                  locale.value.update,\n                  h('span', { class: 'icon-wrapper' }, h(UpdateIcon)),\n                ],\n              )\n            : null),\n      )\n  },\n})\n"],"names":["skipWaiting","registration","worker","channel","PwaReadyPopup","defineComponent","props","slots","locale","useLocaleConfig","shallowRef","isReady","computed","reload","onMounted","usePwaEvent","reg","h","Transition","UpdateIcon"],"mappings":"8UAKa,MAAAA,EAAeC,GAAkD,CAE5E,MAAMC,EAASD,EAAa,QAG5B,GAAI,CAACC,EAAQ,OAGb,MAAMC,EAAU,IAAI,eAEpBD,EAAO,YAAY,CAAE,KAAM,cAAe,EAAG,CAACC,EAAQ,KAAK,CAAC,CAC9D,ECEaC,EAAgBC,EAAgB,CAC3C,KAAM,gBAEN,MAAO,CAEL,QAAS,CACP,KAAM,OACN,SAAU,EACZ,CACF,EAEA,MAAO,OAOP,MAAMC,EAAO,CAAE,MAAAC,CAAM,EAAG,CACtB,MAAMC,EAASC,EAAgBH,EAAM,OAAO,EACtCL,EAAeS,EAEfC,EAAAA,EAAUC,EAAS,IAAM,EAAQX,EAAa,KAAM,EAEpDY,EAAS,IAAY,CACrBZ,EAAa,QACfD,EAAYC,EAAa,KAAK,EAC9BA,EAAa,MAAQ,OAEzB,EAEA,OAAAa,EAAU,IAAM,CACAC,IAER,GAAG,UAAYC,GAAQ,CAC3Bf,EAAa,MAAQe,CACvB,CAAC,CACH,CAAC,EAEM,IACLC,EACEC,EACA,CAAE,KAAM,kBAAmB,EAC3B,IACEX,EAAM,UAAU,CACd,QAASI,EAAQ,MACjB,OAAAE,CACF,CAAC,IACAF,EAAQ,MACLM,EACE,SACA,CACE,KAAM,SACN,MAAO,kBACP,SAAU,EACV,QAAS,IAAM,CACbJ,EACF,CAAA,CACF,EACA,CACEL,EAAO,MAAM,OACbS,EAAE,OAAQ,CAAE,MAAO,cAAe,EAAGA,EAAEE,CAAU,CAAC,CACpD,CACF,EACA,KACR,CACJ,CACF,CAAC"}

package/lib/client/components/PwaFoundPopup.js

@@ -1,2 +1,2 @@
-import{useLocaleConfig as s}from"@vuepress/helper/client";import{defineComponent as l,ref as i,h as o,onMounted as c,Transition as d}from"vue";import{U as f}from"../icons-DQk7h1-3.js";import"../styles/popup.css";import{u as m}from"../usePwaEvent-CUDY9qle.js";const v=l({name:"PwaFoundPopup",props:{locales:{type:Object,required:!0}},slots:Object,setup(a,{slots:r}){const u=s(a.locales),e=i(!1),t=()=>{e.value&&(window.location.reload(!0),e.value=!1)};return c(()=>{const n=m();n.on("updatefound",()=>{navigator.serviceWorker.getRegistration().then(p=>{p?.active&&(e.value=!0)})}),n.on("updated",()=>{e.value=!1})}),()=>o(d,{name:"popup"},()=>r.default?.({found:e.value,refresh:t})??(e.value?o("button",{type:"button",class:"sw-hint-popup",tabindex:0,onClick:()=>{t()}},[u.value.hint,o("span",{class:"icon-wrapper"},o(f))]):null))}});export{v as PwaFoundPopup};
+import{useLocaleConfig as p}from"@vuepress/helper/client";import{defineComponent as l,ref as i,h as o,onMounted as c,Transition as d}from"vue";import{U as f}from"../icons-DQk7h1-3.js";import"@vuepress/helper/transition/fade-in-scale-up.css";import"../styles/popup.css";import{u as m}from"../usePwaEvent-CUDY9qle.js";const v=l({name:"PwaFoundPopup",props:{locales:{type:Object,required:!0}},slots:Object,setup(n,{slots:r}){const u=p(n.locales),e=i(!1),t=()=>{e.value&&(window.location.reload(!0),e.value=!1)};return c(()=>{const a=m();a.on("updatefound",()=>{navigator.serviceWorker.getRegistration().then(s=>{s?.active&&(e.value=!0)})}),a.on("updated",()=>{e.value=!1})}),()=>o(d,{name:"fade-in-scale-up"},()=>r.default?.({found:e.value,refresh:t})??(e.value?o("button",{type:"button",class:"sw-hint-popup",tabindex:0,onClick:()=>{t()}},[u.value.hint,o("span",{class:"icon-wrapper"},o(f))]):null))}});export{v as PwaFoundPopup};
 //# sourceMappingURL=PwaFoundPopup.js.map

package/lib/client/components/PwaFoundPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PwaFoundPopup.js","sources":["../../../src/client/components/PwaFoundPopup.ts"],"sourcesContent":["import { useLocaleConfig } from '@vuepress/helper/client'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { Transition, defineComponent, h, onMounted, ref } from 'vue'\nimport { usePwaEvent } from '../composables/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { UpdateIcon } from './icons.js'\n\nimport '../styles/popup.css'\n\nexport const PwaFoundPopup = defineComponent({\n  name: 'PwaFoundPopup',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  slots: Object as SlotsType<{\n    default?: (props: {\n      found: boolean\n      refresh: () => void\n    }) => VNode | VNode[] | null\n  }>,\n\n  setup(props, { slots }) {\n    const locale = useLocaleConfig(props.locales)\n    const found = ref(false)\n\n    const refresh = (): void => {\n      if (found.value) {\n        // force refresh\n        // @ts-expect-error: A non-standard API\n        window.location.reload(true)\n        found.value = false\n      }\n    }\n\n    onMounted(() => {\n      const event = usePwaEvent()\n\n      event.on('updatefound', () => {\n        void navigator.serviceWorker.getRegistration().then((registration) => {\n          // Check whether a valid service worker is active\n          if (registration?.active) found.value = true\n        })\n      })\n\n      event.on('updated', () => {\n        found.value = false\n      })\n    })\n\n    return (): VNode =>\n      h(\n        Transition,\n        { name: 'popup' },\n        () =>\n          slots.default?.({\n            found: found.value,\n            refresh,\n          }) ??\n          (found.value\n            ? h(\n                'button',\n                {\n                  type: 'button',\n                  class: 'sw-hint-popup',\n                  tabindex: 0,\n                  onClick: () => {\n                    refresh()\n                  },\n                },\n                [\n                  locale.value.hint,\n                  h('span', { class: 'icon-wrapper' }, h(UpdateIcon)),\n                ],\n              )\n            : null),\n      )\n  },\n})\n"],"names":["PwaFoundPopup","defineComponent","props","slots","locale","useLocaleConfig","found","ref","refresh","onMounted","event","usePwaEvent","registration","h","Transition","UpdateIcon"],"mappings":"mQASa,MAAAA,EAAgBC,EAAgB,CAC3C,KAAM,gBAEN,MAAO,CAEL,QAAS,CACP,KAAM,OACN,SAAU,EACZ,CACF,EAEA,MAAO,OAOP,MAAMC,EAAO,CAAE,MAAAC,CAAM,EAAG,CACtB,MAAMC,EAASC,EAAgBH,EAAM,OAAO,EACtCI,EAAQC,EAAI,EAAK,EAEjBC,EAAU,IAAY,CACtBF,EAAM,QAGR,OAAO,SAAS,OAAO,EAAI,EAC3BA,EAAM,MAAQ,GAElB,EAEA,OAAAG,EAAU,IAAM,CACd,MAAMC,EAAQC,EAAY,EAE1BD,EAAM,GAAG,cAAe,IAAM,CACvB,UAAU,cAAc,gBAAA,EAAkB,KAAME,GAAiB,CAEhEA,GAAc,SAAQN,EAAM,MAAQ,GAC1C,CAAC,CACH,CAAC,EAEDI,EAAM,GAAG,UAAW,IAAM,CACxBJ,EAAM,MAAQ,EAChB,CAAC,CACH,CAAC,EAEM,IACLO,EACEC,EACA,CAAE,KAAM,OAAQ,EAChB,IACEX,EAAM,UAAU,CACd,MAAOG,EAAM,MACb,QAAAE,CACF,CAAC,IACAF,EAAM,MACHO,EACE,SACA,CACE,KAAM,SACN,MAAO,gBACP,SAAU,EACV,QAAS,IAAM,CACbL,GACF,CACF,EACA,CACEJ,EAAO,MAAM,KACbS,EAAE,OAAQ,CAAE,MAAO,cAAe,EAAGA,EAAEE,CAAU,CAAC,CACpD,CACF,EACA,KACR,CACJ,CACF,CAAC"}
+{"version":3,"file":"PwaFoundPopup.js","sources":["../../../src/client/components/PwaFoundPopup.ts"],"sourcesContent":["import { useLocaleConfig } from '@vuepress/helper/client'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { Transition, defineComponent, h, onMounted, ref } from 'vue'\nimport { usePwaEvent } from '../composables/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { UpdateIcon } from './icons.js'\n\nimport '@vuepress/helper/transition/fade-in-scale-up.css'\nimport '../styles/popup.css'\n\nexport const PwaFoundPopup = defineComponent({\n  name: 'PwaFoundPopup',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  slots: Object as SlotsType<{\n    default?: (props: {\n      found: boolean\n      refresh: () => void\n    }) => VNode | VNode[] | null\n  }>,\n\n  setup(props, { slots }) {\n    const locale = useLocaleConfig(props.locales)\n    const found = ref(false)\n\n    const refresh = (): void => {\n      if (found.value) {\n        // force refresh\n        // @ts-expect-error: A non-standard API\n        window.location.reload(true)\n        found.value = false\n      }\n    }\n\n    onMounted(() => {\n      const event = usePwaEvent()\n\n      event.on('updatefound', () => {\n        void navigator.serviceWorker.getRegistration().then((registration) => {\n          // Check whether a valid service worker is active\n          if (registration?.active) found.value = true\n        })\n      })\n\n      event.on('updated', () => {\n        found.value = false\n      })\n    })\n\n    return (): VNode =>\n      h(\n        Transition,\n        { name: 'fade-in-scale-up' },\n        () =>\n          slots.default?.({\n            found: found.value,\n            refresh,\n          }) ??\n          (found.value\n            ? h(\n                'button',\n                {\n                  type: 'button',\n                  class: 'sw-hint-popup',\n                  tabindex: 0,\n                  onClick: () => {\n                    refresh()\n                  },\n                },\n                [\n                  locale.value.hint,\n                  h('span', { class: 'icon-wrapper' }, h(UpdateIcon)),\n                ],\n              )\n            : null),\n      )\n  },\n})\n"],"names":["PwaFoundPopup","defineComponent","props","slots","locale","useLocaleConfig","found","ref","refresh","onMounted","event","usePwaEvent","registration","h","Transition","UpdateIcon"],"mappings":"4TAUO,MAAMA,EAAgBC,EAAgB,CAC3C,KAAM,gBAEN,MAAO,CAEL,QAAS,CACP,KAAM,OACN,SAAU,EACZ,CACF,EAEA,MAAO,OAOP,MAAMC,EAAO,CAAE,MAAAC,CAAM,EAAG,CACtB,MAAMC,EAASC,EAAgBH,EAAM,OAAO,EACtCI,EAAQC,EAAI,EAAK,EAEjBC,EAAU,IAAY,CACtBF,EAAM,QAGR,OAAO,SAAS,OAAO,EAAI,EAC3BA,EAAM,MAAQ,GAElB,EAEA,OAAAG,EAAU,IAAM,CACd,MAAMC,EAAQC,EAAAA,EAEdD,EAAM,GAAG,cAAe,IAAM,CACvB,UAAU,cAAc,kBAAkB,KAAME,GAAiB,CAEhEA,GAAc,SAAQN,EAAM,MAAQ,GAC1C,CAAC,CACH,CAAC,EAEDI,EAAM,GAAG,UAAW,IAAM,CACxBJ,EAAM,MAAQ,EAChB,CAAC,CACH,CAAC,EAEM,IACLO,EACEC,EACA,CAAE,KAAM,kBAAmB,EAC3B,IACEX,EAAM,UAAU,CACd,MAAOG,EAAM,MACb,QAAAE,CACF,CAAC,IACAF,EAAM,MACHO,EACE,SACA,CACE,KAAM,SACN,MAAO,gBACP,SAAU,EACV,QAAS,IAAM,CACbL,GACF,CACF,EACA,CACEJ,EAAO,MAAM,KACbS,EAAE,OAAQ,CAAE,MAAO,cAAe,EAAGA,EAAEE,CAAU,CAAC,CACpD,CACF,EACA,KACR,CACJ,CACF,CAAC"}

package/lib/client/components/PwaInstall.js

@@ -1,2 +1,2 @@
-import{useLocaleConfig as h}from"@vuepress/helper/client";import{useEventListener as f,useToggle as C}from"@vueuse/core";import{defineComponent as g,shallowRef as b,h as e,onMounted as w,ref as u,computed as y}from"vue";import{withBase as k}from"vuepress/client";import{C as P,A as S,a as A}from"../icons-DQk7h1-3.js";import"../styles/modal.css";const O=g({name:"PwaInstallModal",props:{locales:{type:Object,required:!0},useHint:Boolean},emits:["canInstall","hint","close"],setup(c,{emit:l}){const o=h(c.locales),t=b({}),n=b(),r=async()=>{const a=localStorage.getItem("manifest");if(a)t.value=JSON.parse(a);else try{const m=await(await fetch(k("manifest.webmanifest"))).json();t.value=m,localStorage.setItem("manifest",JSON.stringify(m))}catch{console.error("[PWA]: Error getting manifest, check that you have a valid web manifest or network connection")}},v=()=>{const a=document.querySelector(".screenshot");a&&a.scrollBy({left:-a.clientWidth,top:0,behavior:"smooth"})},p=()=>{const a=document.querySelector(".screenshot");a&&a.scrollBy({left:a.clientWidth,top:0,behavior:"smooth"})},i=async()=>{n.value&&(n.value.prompt(),document.dispatchEvent(new CustomEvent("show")),(await n.value.userChoice).outcome==="accepted"?(console.info("PWA has been installed"),l("close",!1),l("canInstall",!1)):(console.info("You choose to not install PWA"),l("close",!1),l("canInstall",!1)))},d=()=>{console.info("You accepted the install hint"),l("hint")};return w(()=>{window.hasOwnProperty("BeforeInstallPromptEvent")&&(f(window,"beforeinstallprompt",a=>{n.value=a,l("canInstall",!0),a.preventDefault()}),f("keyup",a=>{a.key==="Escape"&&l("close",!1)}),r())}),()=>e("div",{id:"install-modal-wrapper"},[e("div",{class:"background",onClick:()=>{l("close",!1)}}),e("div",{class:"install-modal"},[e("div",{class:"header"},[e("button",{type:"button",class:"close-button","aria-label":o.value.close,onClick:()=>{l("close",!1)}},e(P)),e("div",{class:"logo"},[t.value.icons?e("img",{src:t.value.icons[0]?.src,alt:"App Logo"}):null,e("div",{class:"title"},[e("h1",t.value.short_name||t.value.name),e("p",{class:"desc"},o.value.explain)])])]),e("div",{class:"content"},[e("div",{class:"highlight"},[t.value.features?e("div",{class:"feature-wrapper"},[e("h3",o.value.feature),e("ul",t.value.features.map(a=>e("li",a)))]):null,t.value.screenshots?e("div",{class:"screenshot-wrapper"},[e("button",{type:"button","aria-label":o.value.prevImage,onClick:v},e(S)),e("section",{class:"screenshot"},[t.value.screenshots.map(a=>e("div",e("img",{src:a.src,alt:"App Screenshot"})))]),e("button",{type:"button","aria-label":o.value.nextImage,onClick:p},e(A))]):null]),e("div",{class:"description"},[e("h3",o.value.desc),e("p",t.value.description)])]),c.useHint?e("div",{class:"ios-text",onClick:d},[e("p",o.value.iOSInstall),e("button",{type:"button",class:"success"},"Got it!")]):e("div",{class:"button-wrapper"},[e("button",{type:"button",class:"install-button",onClick:i},[o.value.install,e("span",t.value.short_name)]),e("button",{type:"button",class:"cancel-button",onClick:()=>{l("close",!1)}},o.value.cancel)])])])}}),x=g({name:"PwaInstall",props:{locales:{type:Object,required:!0}},setup(c){const l=h(c.locales),[o,t]=C(),n=u(!1),r=u(!1),v=u(!1),p=u(!1),i=u(!1),d=y(()=>v.value&&p.value&&!i.value),a=y(()=>r.value&&n.value||d.value),m=()=>navigator.standalone?navigator.standalone:matchMedia("(display-mode: standalone)").matches,I=()=>{t(!1),i.value=!0,localStorage.setItem("iOS-pwa-hint","hinted")};return w(()=>{if(m()){const{userAgent:s}=navigator;v.value=s.includes("iPhone")||s.includes("iPad")||!!(s.includes("Macintosh")&&navigator.maxTouchPoints&&navigator.maxTouchPoints>2),p.value=navigator.userAgent.includes("Safari")&&!s.includes("Chrome"),i.value=!!localStorage.getItem("iOS-pwa-hint")}"getInstalledRelatedApps"in navigator&&navigator.getInstalledRelatedApps().then(s=>{r.value=s.length>0})}),()=>e("div",{id:"pwa-install"},[a.value?e("button",{type:"button",class:"modal-button",onClick:()=>{t(!0)}},l.value.install):null,e(O,{style:{display:o.value?"block":"none"},locales:c.locales,useHint:d.value,onCanInstall:s=>{n.value=s},onHint:()=>{I()},onClose:()=>t(!1)})])}});export{x as PwaInstall};
+import{useLocaleConfig as h}from"@vuepress/helper/client";import{useEventListener as f,useToggle as C}from"@vueuse/core";import{defineComponent as g,shallowRef as b,h as e,onMounted as w,ref as u,computed as y}from"vue";import{withBase as k}from"vuepress/client";import{C as P,A as S,a as A}from"../icons-DQk7h1-3.js";import"../styles/modal.css";const O=g({name:"PwaInstallModal",props:{locales:{type:Object,required:!0},useHint:Boolean},emits:["canInstall","hint","close"],setup(c,{emit:l}){const o=h(c.locales),t=b({}),n=b(),r=async()=>{const a=localStorage.getItem("manifest");if(a)t.value=JSON.parse(a);else try{const m=await(await fetch(k("manifest.webmanifest"))).json();t.value=m,localStorage.setItem("manifest",JSON.stringify(m))}catch{console.error("[PWA]: Error getting manifest, check that you have a valid web manifest or network connection")}},v=()=>{const a=document.querySelector(".screenshot");a&&a.scrollBy({left:-a.clientWidth,top:0,behavior:"smooth"})},p=()=>{const a=document.querySelector(".screenshot");a&&a.scrollBy({left:a.clientWidth,top:0,behavior:"smooth"})},i=async()=>{n.value&&(n.value.prompt(),document.dispatchEvent(new CustomEvent("show")),(await n.value.userChoice).outcome==="accepted"?(console.info("PWA has been installed"),l("close",!1),l("canInstall",!1)):(console.info("You choose to not install PWA"),l("close",!1),l("canInstall",!1)))},d=()=>{console.info("You accepted the install hint"),l("hint")};return w(()=>{window.hasOwnProperty("BeforeInstallPromptEvent")&&(f(window,"beforeinstallprompt",a=>{n.value=a,l("canInstall",!0),a.preventDefault()}),f("keyup",a=>{a.key==="Escape"&&l("close",!1)},{passive:!0}),r())}),()=>e("div",{id:"install-modal-wrapper"},[e("div",{class:"background",onClick:()=>{l("close",!1)}}),e("div",{class:"install-modal"},[e("div",{class:"header"},[e("button",{type:"button",class:"close-button","aria-label":o.value.close,onClick:()=>{l("close",!1)}},e(P)),e("div",{class:"logo"},[t.value.icons?e("img",{src:t.value.icons[0]?.src,alt:"App Logo"}):null,e("div",{class:"title"},[e("h1",t.value.short_name||t.value.name),e("p",{class:"desc"},o.value.explain)])])]),e("div",{class:"content"},[e("div",{class:"highlight"},[t.value.features?e("div",{class:"feature-wrapper"},[e("h3",o.value.feature),e("ul",t.value.features.map(a=>e("li",a)))]):null,t.value.screenshots?e("div",{class:"screenshot-wrapper"},[e("button",{type:"button","aria-label":o.value.prevImage,onClick:v},e(S)),e("section",{class:"screenshot"},[t.value.screenshots.map(a=>e("div",e("img",{src:a.src,alt:"App Screenshot"})))]),e("button",{type:"button","aria-label":o.value.nextImage,onClick:p},e(A))]):null]),e("div",{class:"description"},[e("h3",o.value.desc),e("p",t.value.description)])]),c.useHint?e("div",{class:"ios-text",onClick:d},[e("p",o.value.iOSInstall),e("button",{type:"button",class:"success"},"Got it!")]):e("div",{class:"button-wrapper"},[e("button",{type:"button",class:"install-button",onClick:i},[o.value.install,e("span",t.value.short_name)]),e("button",{type:"button",class:"cancel-button",onClick:()=>{l("close",!1)}},o.value.cancel)])])])}}),x=g({name:"PwaInstall",props:{locales:{type:Object,required:!0}},setup(c){const l=h(c.locales),[o,t]=C(),n=u(!1),r=u(!1),v=u(!1),p=u(!1),i=u(!1),d=y(()=>v.value&&p.value&&!i.value),a=y(()=>r.value&&n.value||d.value),m=()=>navigator.standalone?navigator.standalone:matchMedia("(display-mode: standalone)").matches,I=()=>{t(!1),i.value=!0,localStorage.setItem("iOS-pwa-hint","hinted")};return w(()=>{if(m()){const{userAgent:s}=navigator;v.value=s.includes("iPhone")||s.includes("iPad")||!!(s.includes("Macintosh")&&navigator.maxTouchPoints&&navigator.maxTouchPoints>2),p.value=navigator.userAgent.includes("Safari")&&!s.includes("Chrome"),i.value=!!localStorage.getItem("iOS-pwa-hint")}"getInstalledRelatedApps"in navigator&&navigator.getInstalledRelatedApps().then(s=>{r.value=s.length>0})}),()=>e("div",{id:"pwa-install"},[a.value?e("button",{type:"button",class:"modal-button",onClick:()=>{t(!0)}},l.value.install):null,e(O,{style:{display:o.value?"block":"none"},locales:c.locales,useHint:d.value,onCanInstall:s=>{n.value=s},onHint:()=>{I()},onClose:()=>t(!1)})])}});export{x as PwaInstall};
 //# sourceMappingURL=PwaInstall.js.map

package/lib/client/components/PwaInstall.js.map

@@ -1 +1 @@
-{"version":3,"file":"PwaInstall.js","sources":["../../../src/client/components/PwaInstallModal.ts","../../../src/client/components/PwaInstall.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport { useLocaleConfig } from '@vuepress/helper/client'\nimport { useEventListener } from '@vueuse/core'\nimport type { PropType, VNode } from 'vue'\nimport { defineComponent, h, onMounted, shallowRef } from 'vue'\nimport { withBase } from 'vuepress/client'\nimport type { AppManifest } from '../../shared/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { ArrowLeftIcon, ArrowRightIcon, CloseIcon } from './icons.js'\n\ninterface InstallPromptEvent extends Event {\n  readonly platforms: string\n  prompt: () => void\n  readonly userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>\n}\n\nexport const PwaInstallModal = defineComponent({\n  name: 'PwaInstallModal',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n\n    /**\n     * Whether use hint message instead of showing a button\n     *\n     * 是否使用提示\n     */\n    useHint: Boolean,\n  },\n\n  emits: ['canInstall', 'hint', 'close'],\n\n  setup(props, { emit }) {\n    const locale = useLocaleConfig(props.locales)\n\n    const manifest = shallowRef<AppManifest>({})\n    const deferredPrompt = shallowRef<InstallPromptEvent>()\n\n    const getManifest = async (): Promise<void> => {\n      const manifestContent = localStorage.getItem('manifest')\n\n      if (manifestContent)\n        manifest.value = JSON.parse(manifestContent) as AppManifest\n      else\n        try {\n          const response = await fetch(withBase('manifest.webmanifest'))\n          const data = (await response.json()) as AppManifest\n\n          manifest.value = data\n          localStorage.setItem('manifest', JSON.stringify(data))\n        } catch {\n          console.error(\n            '[PWA]: Error getting manifest, check that you have a valid web manifest or network connection',\n          )\n        }\n    }\n\n    const scrollToLeft = (): void => {\n      const screenshotsDiv = document.querySelector('.screenshot')\n\n      if (screenshotsDiv)\n        screenshotsDiv.scrollBy({\n          left: -screenshotsDiv.clientWidth,\n          top: 0,\n          behavior: 'smooth',\n        })\n    }\n\n    const scrollToRight = (): void => {\n      const screenshotsDiv = document.querySelector('.screenshot')\n\n      if (screenshotsDiv)\n        screenshotsDiv.scrollBy({\n          left: screenshotsDiv.clientWidth,\n          top: 0,\n          behavior: 'smooth',\n        })\n    }\n\n    const install = async (): Promise<void> => {\n      if (deferredPrompt.value) {\n        deferredPrompt.value.prompt()\n\n        document.dispatchEvent(new CustomEvent('show'))\n\n        const choiceResult = await deferredPrompt.value.userChoice\n\n        if (choiceResult.outcome === 'accepted') {\n          console.info('PWA has been installed')\n\n          emit('close', false)\n          emit('canInstall', false)\n        } else {\n          console.info('You choose to not install PWA')\n\n          emit('close', false)\n          emit('canInstall', false)\n        }\n      }\n    }\n\n    const hint = (): void => {\n      console.info('You accepted the install hint')\n      emit('hint')\n    }\n\n    onMounted(() => {\n      // eslint-disable-next-line no-prototype-builtins\n      if (window.hasOwnProperty('BeforeInstallPromptEvent')) {\n        useEventListener(window, 'beforeinstallprompt', (event) => {\n          deferredPrompt.value = event as InstallPromptEvent\n\n          emit('canInstall', true)\n          event.preventDefault()\n        })\n\n        useEventListener('keyup', (event): void => {\n          if (event.key === 'Escape') emit('close', false)\n        })\n\n        void getManifest()\n      }\n    })\n\n    return (): VNode =>\n      h('div', { id: 'install-modal-wrapper' }, [\n        h('div', {\n          class: 'background',\n          onClick: () => {\n            emit('close', false)\n          },\n        }),\n\n        h('div', { class: 'install-modal' }, [\n          h('div', { class: 'header' }, [\n            // close button\n            h(\n              'button',\n              {\n                'type': 'button',\n                'class': 'close-button',\n                'aria-label': locale.value.close,\n                'onClick': () => {\n                  emit('close', false)\n                },\n              },\n              h(CloseIcon),\n            ),\n\n            h('div', { class: 'logo' }, [\n              manifest.value.icons\n                ? h('img', {\n                    src: manifest.value.icons[0]?.src,\n                    alt: 'App Logo',\n                  })\n                : null,\n              h('div', { class: 'title' }, [\n                h('h1', manifest.value.short_name || manifest.value.name),\n                h('p', { class: 'desc' }, locale.value.explain),\n              ]),\n            ]),\n          ]),\n\n          h('div', { class: 'content' }, [\n            h('div', { class: 'highlight' }, [\n              manifest.value.features\n                ? h('div', { class: 'feature-wrapper' }, [\n                    h('h3', locale.value.feature),\n                    h(\n                      'ul',\n                      manifest.value.features.map((feature) =>\n                        h('li', feature),\n                      ),\n                    ),\n                  ])\n                : null,\n\n              manifest.value.screenshots\n                ? h('div', { class: 'screenshot-wrapper' }, [\n                    h(\n                      'button',\n                      {\n                        'type': 'button',\n                        'aria-label': locale.value.prevImage,\n                        'onClick': scrollToLeft,\n                      },\n                      h(ArrowLeftIcon),\n                    ),\n                    h('section', { class: 'screenshot' }, [\n                      manifest.value.screenshots.map((screenshot) =>\n                        h(\n                          'div',\n                          h('img', {\n                            src: screenshot.src,\n                            alt: 'App Screenshot',\n                          }),\n                        ),\n                      ),\n                    ]),\n                    h(\n                      'button',\n                      {\n                        'type': 'button',\n                        'aria-label': locale.value.nextImage,\n                        'onClick': scrollToRight,\n                      },\n                      h(ArrowRightIcon),\n                    ),\n                  ])\n                : null,\n            ]),\n\n            h('div', { class: 'description' }, [\n              h('h3', locale.value.desc),\n              h('p', manifest.value.description),\n            ]),\n          ]),\n\n          props.useHint\n            ? h('div', { class: 'ios-text', onClick: hint }, [\n                h('p', locale.value.iOSInstall),\n                h('button', { type: 'button', class: 'success' }, 'Got it!'),\n              ])\n            : h('div', { class: 'button-wrapper' }, [\n                h(\n                  'button',\n                  { type: 'button', class: 'install-button', onClick: install },\n                  [locale.value.install, h('span', manifest.value.short_name)],\n                ),\n                h(\n                  'button',\n                  {\n                    type: 'button',\n                    class: 'cancel-button',\n                    onClick: () => {\n                      emit('close', false)\n                    },\n                  },\n                  locale.value.cancel,\n                ),\n              ]),\n        ]),\n      ])\n  },\n})\n","import { useLocaleConfig } from '@vuepress/helper/client'\nimport { useToggle } from '@vueuse/core'\nimport type { PropType, VNode } from 'vue'\nimport { computed, defineComponent, h, onMounted, ref } from 'vue'\nimport type { ManifestExternalApplicationResource } from '../../shared/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { PwaInstallModal } from './PwaInstallModal.js'\n\nimport '../styles/modal.css'\n\ninterface ModernNavigator extends Navigator {\n  // Nonstandard Api\n  getInstalledRelatedApps: () => Promise<ManifestExternalApplicationResource[]>\n}\n\ninterface SafariNavigator extends Navigator {\n  // Available on Apple’s iOS Safari only.\n  standalone: boolean\n}\n\nexport const PwaInstall = defineComponent({\n  name: 'PwaInstall',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const locale = useLocaleConfig(props.locales)\n    const [isOpen, toggleIsOpen] = useToggle()\n\n    const canInstall = ref(false)\n    const hasRelatedApps = ref(false)\n    const isIOS = ref(false)\n    const isSafari = ref(false)\n    const hinted = ref(false)\n\n    const useHint = computed(\n      () => isIOS.value && isSafari.value && !hinted.value,\n    )\n\n    const showInstall = computed(\n      () => (hasRelatedApps.value && canInstall.value) || useHint.value,\n    )\n\n    const getInstallStatus = (): boolean => {\n      if ((navigator as SafariNavigator).standalone)\n        return (navigator as SafariNavigator).standalone\n\n      return matchMedia('(display-mode: standalone)').matches\n    }\n\n    const hint = (): void => {\n      toggleIsOpen(false)\n      hinted.value = true\n      // do not notify again\n      localStorage.setItem('iOS-pwa-hint', 'hinted')\n    }\n\n    onMounted(() => {\n      if (getInstallStatus()) {\n        const { userAgent } = navigator\n\n        // handle iOS specifically\n        isIOS.value =\n          // regular iPhone\n          userAgent.includes('iPhone') ||\n          // regular iPad\n          userAgent.includes('iPad') ||\n          // iPad pro\n          Boolean(\n            userAgent.includes('Macintosh') &&\n              navigator.maxTouchPoints &&\n              navigator.maxTouchPoints > 2,\n          )\n\n        isSafari.value =\n          navigator.userAgent.includes('Safari') &&\n          !userAgent.includes('Chrome')\n\n        hinted.value = Boolean(localStorage.getItem('iOS-pwa-hint'))\n      }\n\n      if ('getInstalledRelatedApps' in (navigator as ModernNavigator))\n        void (navigator as ModernNavigator)\n          .getInstalledRelatedApps()\n          .then((result) => {\n            hasRelatedApps.value = result.length > 0\n          })\n    })\n\n    return (): VNode =>\n      h('div', { id: 'pwa-install' }, [\n        showInstall.value\n          ? h(\n              'button',\n              {\n                type: 'button',\n                class: 'modal-button',\n                onClick: () => {\n                  toggleIsOpen(true)\n                },\n              },\n              locale.value.install,\n            )\n          : null,\n        h(PwaInstallModal, {\n          style: {\n            display: isOpen.value ? 'block' : 'none',\n          },\n          locales: props.locales,\n          useHint: useHint.value,\n          onCanInstall: (value: boolean) => {\n            canInstall.value = value\n          },\n          onHint: () => {\n            hint()\n          },\n          onClose: () => toggleIsOpen(false),\n        }),\n      ])\n  },\n})\n"],"names":["PwaInstallModal","defineComponent","props","emit","locale","useLocaleConfig","manifest","shallowRef","deferredPrompt","getManifest","manifestContent","data","withBase","scrollToLeft","screenshotsDiv","scrollToRight","install","hint","onMounted","useEventListener","event","h","CloseIcon","feature","ArrowLeftIcon","screenshot","ArrowRightIcon","PwaInstall","isOpen","toggleIsOpen","useToggle","canInstall","ref","hasRelatedApps","isIOS","isSafari","hinted","useHint","computed","showInstall","getInstallStatus","userAgent","result","value"],"mappings":"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"}
+{"version":3,"file":"PwaInstall.js","sources":["../../../src/client/components/PwaInstallModal.ts","../../../src/client/components/PwaInstall.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport { useLocaleConfig } from '@vuepress/helper/client'\nimport { useEventListener } from '@vueuse/core'\nimport type { PropType, VNode } from 'vue'\nimport { defineComponent, h, onMounted, shallowRef } from 'vue'\nimport { withBase } from 'vuepress/client'\nimport type { AppManifest } from '../../shared/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { ArrowLeftIcon, ArrowRightIcon, CloseIcon } from './icons.js'\n\ninterface InstallPromptEvent extends Event {\n  readonly platforms: string\n  prompt: () => void\n  readonly userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>\n}\n\nexport const PwaInstallModal = defineComponent({\n  name: 'PwaInstallModal',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n\n    /**\n     * Whether use hint message instead of showing a button\n     *\n     * 是否使用提示\n     */\n    useHint: Boolean,\n  },\n\n  emits: ['canInstall', 'hint', 'close'],\n\n  setup(props, { emit }) {\n    const locale = useLocaleConfig(props.locales)\n\n    const manifest = shallowRef<AppManifest>({})\n    const deferredPrompt = shallowRef<InstallPromptEvent>()\n\n    const getManifest = async (): Promise<void> => {\n      const manifestContent = localStorage.getItem('manifest')\n\n      if (manifestContent)\n        manifest.value = JSON.parse(manifestContent) as AppManifest\n      else\n        try {\n          const response = await fetch(withBase('manifest.webmanifest'))\n          const data = (await response.json()) as AppManifest\n\n          manifest.value = data\n          localStorage.setItem('manifest', JSON.stringify(data))\n        } catch {\n          console.error(\n            '[PWA]: Error getting manifest, check that you have a valid web manifest or network connection',\n          )\n        }\n    }\n\n    const scrollToLeft = (): void => {\n      const screenshotsDiv = document.querySelector('.screenshot')\n\n      if (screenshotsDiv)\n        screenshotsDiv.scrollBy({\n          left: -screenshotsDiv.clientWidth,\n          top: 0,\n          behavior: 'smooth',\n        })\n    }\n\n    const scrollToRight = (): void => {\n      const screenshotsDiv = document.querySelector('.screenshot')\n\n      if (screenshotsDiv)\n        screenshotsDiv.scrollBy({\n          left: screenshotsDiv.clientWidth,\n          top: 0,\n          behavior: 'smooth',\n        })\n    }\n\n    const install = async (): Promise<void> => {\n      if (deferredPrompt.value) {\n        deferredPrompt.value.prompt()\n\n        document.dispatchEvent(new CustomEvent('show'))\n\n        const choiceResult = await deferredPrompt.value.userChoice\n\n        if (choiceResult.outcome === 'accepted') {\n          console.info('PWA has been installed')\n\n          emit('close', false)\n          emit('canInstall', false)\n        } else {\n          console.info('You choose to not install PWA')\n\n          emit('close', false)\n          emit('canInstall', false)\n        }\n      }\n    }\n\n    const hint = (): void => {\n      console.info('You accepted the install hint')\n      emit('hint')\n    }\n\n    onMounted(() => {\n      // eslint-disable-next-line no-prototype-builtins\n      if (window.hasOwnProperty('BeforeInstallPromptEvent')) {\n        useEventListener(window, 'beforeinstallprompt', (event) => {\n          deferredPrompt.value = event as InstallPromptEvent\n\n          emit('canInstall', true)\n          event.preventDefault()\n        })\n\n        useEventListener(\n          'keyup',\n          (event): void => {\n            if (event.key === 'Escape') emit('close', false)\n          },\n          { passive: true },\n        )\n\n        void getManifest()\n      }\n    })\n\n    return (): VNode =>\n      h('div', { id: 'install-modal-wrapper' }, [\n        h('div', {\n          class: 'background',\n          onClick: () => {\n            emit('close', false)\n          },\n        }),\n\n        h('div', { class: 'install-modal' }, [\n          h('div', { class: 'header' }, [\n            // close button\n            h(\n              'button',\n              {\n                'type': 'button',\n                'class': 'close-button',\n                'aria-label': locale.value.close,\n                'onClick': () => {\n                  emit('close', false)\n                },\n              },\n              h(CloseIcon),\n            ),\n\n            h('div', { class: 'logo' }, [\n              manifest.value.icons\n                ? h('img', {\n                    src: manifest.value.icons[0]?.src,\n                    alt: 'App Logo',\n                  })\n                : null,\n              h('div', { class: 'title' }, [\n                h('h1', manifest.value.short_name || manifest.value.name),\n                h('p', { class: 'desc' }, locale.value.explain),\n              ]),\n            ]),\n          ]),\n\n          h('div', { class: 'content' }, [\n            h('div', { class: 'highlight' }, [\n              manifest.value.features\n                ? h('div', { class: 'feature-wrapper' }, [\n                    h('h3', locale.value.feature),\n                    h(\n                      'ul',\n                      manifest.value.features.map((feature) =>\n                        h('li', feature),\n                      ),\n                    ),\n                  ])\n                : null,\n\n              manifest.value.screenshots\n                ? h('div', { class: 'screenshot-wrapper' }, [\n                    h(\n                      'button',\n                      {\n                        'type': 'button',\n                        'aria-label': locale.value.prevImage,\n                        'onClick': scrollToLeft,\n                      },\n                      h(ArrowLeftIcon),\n                    ),\n                    h('section', { class: 'screenshot' }, [\n                      manifest.value.screenshots.map((screenshot) =>\n                        h(\n                          'div',\n                          h('img', {\n                            src: screenshot.src,\n                            alt: 'App Screenshot',\n                          }),\n                        ),\n                      ),\n                    ]),\n                    h(\n                      'button',\n                      {\n                        'type': 'button',\n                        'aria-label': locale.value.nextImage,\n                        'onClick': scrollToRight,\n                      },\n                      h(ArrowRightIcon),\n                    ),\n                  ])\n                : null,\n            ]),\n\n            h('div', { class: 'description' }, [\n              h('h3', locale.value.desc),\n              h('p', manifest.value.description),\n            ]),\n          ]),\n\n          props.useHint\n            ? h('div', { class: 'ios-text', onClick: hint }, [\n                h('p', locale.value.iOSInstall),\n                h('button', { type: 'button', class: 'success' }, 'Got it!'),\n              ])\n            : h('div', { class: 'button-wrapper' }, [\n                h(\n                  'button',\n                  { type: 'button', class: 'install-button', onClick: install },\n                  [locale.value.install, h('span', manifest.value.short_name)],\n                ),\n                h(\n                  'button',\n                  {\n                    type: 'button',\n                    class: 'cancel-button',\n                    onClick: () => {\n                      emit('close', false)\n                    },\n                  },\n                  locale.value.cancel,\n                ),\n              ]),\n        ]),\n      ])\n  },\n})\n","import { useLocaleConfig } from '@vuepress/helper/client'\nimport { useToggle } from '@vueuse/core'\nimport type { PropType, VNode } from 'vue'\nimport { computed, defineComponent, h, onMounted, ref } from 'vue'\nimport type { ManifestExternalApplicationResource } from '../../shared/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { PwaInstallModal } from './PwaInstallModal.js'\n\nimport '../styles/modal.css'\n\ninterface ModernNavigator extends Navigator {\n  // Nonstandard Api\n  getInstalledRelatedApps: () => Promise<ManifestExternalApplicationResource[]>\n}\n\ninterface SafariNavigator extends Navigator {\n  // Available on Apple’s iOS Safari only.\n  standalone: boolean\n}\n\nexport const PwaInstall = defineComponent({\n  name: 'PwaInstall',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const locale = useLocaleConfig(props.locales)\n    const [isOpen, toggleIsOpen] = useToggle()\n\n    const canInstall = ref(false)\n    const hasRelatedApps = ref(false)\n    const isIOS = ref(false)\n    const isSafari = ref(false)\n    const hinted = ref(false)\n\n    const useHint = computed(\n      () => isIOS.value && isSafari.value && !hinted.value,\n    )\n\n    const showInstall = computed(\n      () => (hasRelatedApps.value && canInstall.value) || useHint.value,\n    )\n\n    const getInstallStatus = (): boolean => {\n      if ((navigator as SafariNavigator).standalone)\n        return (navigator as SafariNavigator).standalone\n\n      return matchMedia('(display-mode: standalone)').matches\n    }\n\n    const hint = (): void => {\n      toggleIsOpen(false)\n      hinted.value = true\n      // do not notify again\n      localStorage.setItem('iOS-pwa-hint', 'hinted')\n    }\n\n    onMounted(() => {\n      if (getInstallStatus()) {\n        const { userAgent } = navigator\n\n        // handle iOS specifically\n        isIOS.value =\n          // regular iPhone\n          userAgent.includes('iPhone') ||\n          // regular iPad\n          userAgent.includes('iPad') ||\n          // iPad pro\n          Boolean(\n            userAgent.includes('Macintosh') &&\n              navigator.maxTouchPoints &&\n              navigator.maxTouchPoints > 2,\n          )\n\n        isSafari.value =\n          navigator.userAgent.includes('Safari') &&\n          !userAgent.includes('Chrome')\n\n        hinted.value = Boolean(localStorage.getItem('iOS-pwa-hint'))\n      }\n\n      if ('getInstalledRelatedApps' in (navigator as ModernNavigator))\n        void (navigator as ModernNavigator)\n          .getInstalledRelatedApps()\n          .then((result) => {\n            hasRelatedApps.value = result.length > 0\n          })\n    })\n\n    return (): VNode =>\n      h('div', { id: 'pwa-install' }, [\n        showInstall.value\n          ? h(\n              'button',\n              {\n                type: 'button',\n                class: 'modal-button',\n                onClick: () => {\n                  toggleIsOpen(true)\n                },\n              },\n              locale.value.install,\n            )\n          : null,\n        h(PwaInstallModal, {\n          style: {\n            display: isOpen.value ? 'block' : 'none',\n          },\n          locales: props.locales,\n          useHint: useHint.value,\n          onCanInstall: (value: boolean) => {\n            canInstall.value = value\n          },\n          onHint: () => {\n            hint()\n          },\n          onClose: () => toggleIsOpen(false),\n        }),\n      ])\n  },\n})\n"],"names":["PwaInstallModal","defineComponent","props","emit","locale","useLocaleConfig","manifest","shallowRef","deferredPrompt","getManifest","manifestContent","data","withBase","scrollToLeft","screenshotsDiv","scrollToRight","install","hint","onMounted","useEventListener","event","h","CloseIcon","feature","ArrowLeftIcon","screenshot","ArrowRightIcon","PwaInstall","isOpen","toggleIsOpen","useToggle","canInstall","ref","hasRelatedApps","isIOS","isSafari","hinted","useHint","computed","showInstall","getInstallStatus","userAgent","result","value"],"mappings":"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"}

package/lib/client/components/PwaReadyPopup.js

@@ -1,2 +1,2 @@
-import"@vuepress/helper/client";import"vue";import"../icons-DQk7h1-3.js";import"../styles/popup.css";import{P}from"../PwaReadyPopup-B5B5_0YO.js";import"../usePwaEvent-CUDY9qle.js";export{P as PwaReadyPopup};
+import"@vuepress/helper/client";import"vue";import"../icons-DQk7h1-3.js";import"@vuepress/helper/transition/fade-in-scale-up.css";import"../styles/popup.css";import{P as e}from"../PwaReadyPopup-B75qeWFS.js";import"../usePwaEvent-CUDY9qle.js";export{e as PwaReadyPopup};
 //# sourceMappingURL=PwaReadyPopup.js.map

package/lib/client/index.js

@@ -1,2 +1,2 @@
-import{PwaInstall as c}from"./components/PwaInstall.js";import{PwaFoundPopup as l}from"./components/PwaFoundPopup.js";import{P as W,s as v}from"./PwaReadyPopup-B5B5_0YO.js";import{f as d,r as h,s as k,a as S,u as R}from"./index-DYf0Bvv5.js";import{p as A,u as E}from"./usePwaEvent-CUDY9qle.js";import"@vuepress/helper/client";import"@vueuse/core";import"vue";import"vuepress/client";import"./icons-DQk7h1-3.js";import"./styles/modal.css";import"./styles/popup.css";import"mitt";const t=()=>navigator.serviceWorker.getRegistration().then(e=>e?e.unregister().then(r=>(r&&console.log("[PWA] Current service worker unregistered"),r)):!1).catch(e=>(console.log("[PWA] Unregister current service worker failed with error:",e),!1));export{l as PwaFoundPopup,c as PwaInstall,W as PwaReadyPopup,d as forceUpdate,A as pwaEventSymbol,h as registerSW,k as setupPwa,S as setupViewPoint,v as skipWaiting,t as unregisterSW,E as usePwaEvent,R as useRegisterSW};
+import{PwaInstall as f}from"./components/PwaInstall.js";import{PwaFoundPopup as w}from"./components/PwaFoundPopup.js";import{P as v,s as x}from"./PwaReadyPopup-B75qeWFS.js";import{f as h,r as k,s as S,a as R,u as y}from"./index-DYf0Bvv5.js";import{p as E,u as U}from"./usePwaEvent-CUDY9qle.js";import"@vuepress/helper/client";import"@vueuse/core";import"vue";import"vuepress/client";import"./icons-DQk7h1-3.js";import"./styles/modal.css";import"@vuepress/helper/transition/fade-in-scale-up.css";import"./styles/popup.css";import"mitt";const t=()=>navigator.serviceWorker.getRegistration().then(r=>r?r.unregister().then(e=>(e&&console.log("[PWA] Current service worker unregistered"),e)):!1).catch(r=>(console.log("[PWA] Unregister current service worker failed with error:",r),!1));export{w as PwaFoundPopup,f as PwaInstall,v as PwaReadyPopup,h as forceUpdate,E as pwaEventSymbol,k as registerSW,S as setupPwa,R as setupViewPoint,x as skipWaiting,t as unregisterSW,U as usePwaEvent,y as useRegisterSW};
 //# sourceMappingURL=index.js.map

package/lib/client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/client/utils/unregisterSW.ts"],"sourcesContent":["/* eslint-disable no-console */\n/**\n * Call `unregister()` inside current active worker\n *\n * @returns `true` if unregister success, `false` if unregister failed\n *\n * 在当前激活的 Service Worker 中调用 `unregister()`\n *\n * @returns `true` 表示注销成功，`false` 表示注销失败\n */\nexport const unregisterSW = (): Promise<boolean> =>\n  navigator.serviceWorker\n    .getRegistration()\n    .then((registration) => {\n      if (registration)\n        return registration.unregister().then((found) => {\n          if (found) console.log('[PWA] Current service worker unregistered')\n\n          return found\n        })\n\n      return false\n    })\n    .catch((error: unknown) => {\n      console.log(\n        '[PWA] Unregister current service worker failed with error:',\n        error,\n      )\n\n      return false\n    })\n"],"names":["unregisterSW","registration","found","error"],"mappings":"8dAUO,MAAMA,EAAe,IAC1B,UAAU,cACP,gBAAgB,EAChB,KAAMC,GACDA,EACKA,EAAa,WAAW,EAAE,KAAMC,IACjCA,GAAO,QAAQ,IAAI,2CAA2C,EAE3DA,EACR,EAEI,EACR,EACA,MAAOC,IACN,QAAQ,IACN,6DACAA,CACF,EAEO,GACR"}
+{"version":3,"file":"index.js","sources":["../../src/client/utils/unregisterSW.ts"],"sourcesContent":["/* eslint-disable no-console */\n/**\n * Call `unregister()` inside current active worker\n *\n * @returns `true` if unregister success, `false` if unregister failed\n *\n * 在当前激活的 Service Worker 中调用 `unregister()`\n *\n * @returns `true` 表示注销成功，`false` 表示注销失败\n */\nexport const unregisterSW = (): Promise<boolean> =>\n  navigator.serviceWorker\n    .getRegistration()\n    .then((registration) => {\n      if (registration)\n        return registration.unregister().then((found) => {\n          if (found) console.log('[PWA] Current service worker unregistered')\n\n          return found\n        })\n\n      return false\n    })\n    .catch((error: unknown) => {\n      console.log(\n        '[PWA] Unregister current service worker failed with error:',\n        error,\n      )\n\n      return false\n    })\n"],"names":["unregisterSW","registration","found","error"],"mappings":"uhBAUO,MAAMA,EAAe,IAC1B,UAAU,cACP,gBAAgB,EAChB,KAAMC,GACDA,EACKA,EAAa,WAAW,EAAE,KAAMC,IACjCA,GAAO,QAAQ,IAAI,2CAA2C,EAE3DA,EACR,EAEI,EACR,EACA,MAAOC,IACN,QAAQ,IACN,6DACAA,CACF,EAEO,GACR"}

package/lib/client/styles/modal.css

@@ -1 +1 @@
-@keyframes pwa-opened{from{opacity:.4;transform:scale(0.8, 0.8)}to{opacity:1;transform:scale(1, 1)}}@keyframes pwa-mobile{from{opacity:.6}to{opacity:1}}@keyframes pwa-fade-in{from{opacity:.2}to{opacity:1}}.modal-button{position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:50;padding:0 16px;border-width:0;border-radius:1.2rem;background:var(--pwa-c-accent-bg);color:var(--pwa-c-accent-text);outline:none;font-weight:600;line-height:2.2rem;cursor:pointer;transition:background .3s,color .3s}@media(display-mode: standalone){.modal-button{display:none}}@media print{.modal-button{display:none}}.modal-button:hover,.modal-button:active{background:var(--pwa-c-accent-hover)}#install-modal-wrapper{position:fixed;inset-inline-start:0;top:0;z-index:997;display:flex;align-items:center;justify-content:center;overflow:auto;width:100vw;height:100vh}@media print{#install-modal-wrapper{display:none}}#install-modal-wrapper button{border-width:0;background:rgba(0,0,0,0);cursor:pointer}#install-modal-wrapper .background{position:fixed;inset:0;z-index:998;backdrop-filter:blur(10px);animation:.25s pwa-fade-in}#install-modal-wrapper .install-modal{position:absolute;z-index:999;display:flex;flex-direction:column;max-width:56em;border-radius:10px;background:var(--pwa-c-bg);transition:background .3s;animation:.15s pwa-opened}@media(max-width: 1280px){#install-modal-wrapper .install-modal{width:92%;animation:.25s pwa-mobile}}@media(max-width: 419px){#install-modal-wrapper .install-modal{overflow-y:auto;max-height:80%}#install-modal-wrapper .install-modal::-webkit-scrollbar{display:none}}#install-modal-wrapper .header{margin:40px 40px 32px}@media(max-width: 959px){#install-modal-wrapper .header{margin-bottom:24px}}@media(max-width: 719px){#install-modal-wrapper .header{margin:20px}}#install-modal-wrapper .header .close-button{float:right;border-width:0;background:rgba(0,0,0,0);color:var(--pwa-c-text);cursor:pointer;transition:color .3s ease}[dir=rtl] #install-modal-wrapper .header .close-button{float:left}#install-modal-wrapper .header .close-button:hover,#install-modal-wrapper .header .close-button:focus{color:var(--pwa-c-text-mute)}#install-modal-wrapper .header .logo{display:flex}#install-modal-wrapper .header h1{margin-top:0;margin-bottom:7px;color:var(--pwa-c-text-mute);font-size:34px}@media(max-width: 959px){#install-modal-wrapper .header h1{margin-bottom:0}}@media(max-width: 419px){#install-modal-wrapper .header h1{font-size:26px}}#install-modal-wrapper .header img{width:122px;height:122px;margin-inline-end:24px;padding:12px;border-radius:24px}@media(max-width: 959px){#install-modal-wrapper .header img{width:60px;height:60px}}@media(max-width: 719px){#install-modal-wrapper .header img{margin-inline-end:12px;padding:8px}}@media(max-width: 419px){#install-modal-wrapper .header img{width:40px;height:40px;padding:6px}}#install-modal-wrapper .header .desc{overflow:hidden;max-width:40em;color:#888;font-size:14px;text-overflow:ellipsis;white-space:pre-wrap}@media(max-width: 959px){#install-modal-wrapper .header .desc{display:none}}#install-modal-wrapper .content{flex:1;margin:0 40px;color:var(--pwa-c-text)}@media(max-width: 719px){#install-modal-wrapper .content{margin:0 20px}}#install-modal-wrapper .content h3{margin-bottom:12px;font-size:22px}#install-modal-wrapper .content p{font-size:14px}#install-modal-wrapper .highlight{display:flex;align-items:center;justify-content:space-around;margin-inline-end:20px}@media(max-width: 719px){#install-modal-wrapper .highlight{flex-direction:column;align-items:flex-start;margin-inline-end:0}}#install-modal-wrapper .highlight h3{margin-top:0;font-weight:600;font-size:22px;line-height:225%}@media(max-width: 419px){#install-modal-wrapper .highlight h3{margin-bottom:0;font-size:18px}}#install-modal-wrapper .feature-wrapper{overflow:hidden;padding-inline-end:2em}#install-modal-wrapper .feature-wrapper ul{margin-block-start:12px;padding-inline-start:22px}@media(max-width: 419px){#install-modal-wrapper .feature-wrapper ul{margin-top:0}}#install-modal-wrapper .feature-wrapper li{color:var(--pwa-c-text-mute);font-weight:600;font-size:16px;line-height:29px;transition:color .3s}#install-modal-wrapper .screenshot-wrapper{display:flex;max-width:30em;max-height:220px}@media(max-width: 719px){#install-modal-wrapper .screenshot-wrapper{width:100%}}#install-modal-wrapper .screenshot-wrapper button{width:4em;border-width:0;background:rgba(0,0,0,0);cursor:pointer;transition:background .3s}#install-modal-wrapper .screenshot-wrapper button:hover,#install-modal-wrapper .screenshot-wrapper button:focus{background:#bbb}#install-modal-wrapper .screenshot-wrapper button svg{width:28px;fill:#6b6969}#install-modal-wrapper .screenshot{display:flex;flex-flow:column wrap;overflow-x:auto;width:22em;max-height:220px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media(max-width: 1280px){#install-modal-wrapper .screenshot{justify-content:center}}#install-modal-wrapper .screenshot::-webkit-scrollbar{display:none}#install-modal-wrapper .screenshot div{display:flex;align-items:center;justify-content:center;width:100%;height:14em;background:#efefef;scroll-snap-align:start}#install-modal-wrapper .screenshot img{object-fit:contain;height:100%}@media(max-width: 719px){#install-modal-wrapper .screenshot img{height:180px}}#install-modal-wrapper .description{margin-bottom:3em}#install-modal-wrapper .button-wrapper{width:100%;padding:1rem 0;text-align:end}@media(max-width: 719px){#install-modal-wrapper .button-wrapper{text-align:center}}#install-modal-wrapper .install-button,#install-modal-wrapper .cancel-button{display:inline-block;flex:0 0 auto;min-width:80px;margin:.5rem 1rem;padding:.5rem 1rem;border-radius:20px;background:rgba(0,0,0,0);font-weight:600;font-size:14px;cursor:pointer}#install-modal-wrapper .install-button{background:var(--pwa-c-accent-bg);color:var(--pwa-c-accent-text);transition:color .3s}#install-modal-wrapper .install-button:hover,#install-modal-wrapper .install-button:focus{background:var(--pwa-c-accent-hover)}@media(max-width: 419px){#install-modal-wrapper .install-button span{display:none}}#install-modal-wrapper .cancel-button{background:var(--pwa-c-control);color:var(--pwa-c-text)}#install-modal-wrapper .cancel-button:hover,#install-modal-wrapper .cancel-button:focus{background:var(--pwa-c-control-hover)}#install-modal-wrapper .ios-text{position:fixed;bottom:0;box-sizing:border-box;width:92%;margin:2em auto;padding:.5em 2em;border-radius:8px;background:var(--pwa-c-bg);box-shadow:0 2px 12px 0 var(--pwa-c-shadow);font-weight:bold;font-size:14px;text-align:center;transition:background .3s,box-shadow .3s}#install-modal-wrapper .ios-text::after{content:" ";position:absolute;inset-inline-start:calc(50% - .8em);bottom:-1em;width:0;height:0;border-inline:.8em solid rgba(0,0,0,0);border-top:1em solid var(--pwa-c-bg);transition:border-color .3s}#install-modal-wrapper .ios-text p{margin:0 0 .5em}#install-modal-wrapper .ios-text .success{margin-bottom:.5em;padding:.5em 1em;border:none;border-radius:1em;background:#07c160;color:var(--pwa-c-bg);cursor:pointer;transition:color .3s}/*# sourceMappingURL=modal.css.map */
+@keyframes pwa-opened{from{opacity:.4;transform:scale(0.8, 0.8)}to{opacity:1;transform:scale(1, 1)}}@keyframes pwa-mobile{from{opacity:.6}to{opacity:1}}@keyframes pwa-fade-in{from{opacity:.2}to{opacity:1}}.modal-button{position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:50;padding:0 16px;border-width:0;border-radius:1.2rem;background:var(--pwa-c-accent-bg);color:var(--pwa-c-accent-text);outline:none;font-weight:600;line-height:2.2rem;cursor:pointer;transition:background .3s,color .3s}@media(display-mode: standalone){.modal-button{display:none}}@media print{.modal-button{display:none}}.modal-button:hover,.modal-button:active{background:var(--pwa-c-accent-hover)}#install-modal-wrapper{position:fixed;inset-inline-start:0;top:0;z-index:997;display:flex;align-items:center;justify-content:center;overflow:auto;width:100vw;height:100vh}@media print{#install-modal-wrapper{display:none}}#install-modal-wrapper button{border-width:0;background:rgba(0,0,0,0);cursor:pointer}#install-modal-wrapper .background{position:fixed;inset:0;z-index:998;backdrop-filter:blur(10px);animation:.25s pwa-fade-in}#install-modal-wrapper .install-modal{position:absolute;z-index:999;display:flex;flex-flow:column;max-width:56em;border-radius:10px;background:var(--pwa-c-bg);transition:background .3s;animation:.15s pwa-opened}@media(max-width: 1280px){#install-modal-wrapper .install-modal{width:92%;animation:.25s pwa-mobile}}@media(max-width: 419px){#install-modal-wrapper .install-modal{overflow-y:auto;max-height:80%}#install-modal-wrapper .install-modal::-webkit-scrollbar{display:none}}#install-modal-wrapper .header{margin:40px 40px 32px}@media(max-width: 959px){#install-modal-wrapper .header{margin-bottom:24px}}@media(max-width: 719px){#install-modal-wrapper .header{margin:20px}}#install-modal-wrapper .header .close-button{float:right;border-width:0;background:rgba(0,0,0,0);color:var(--pwa-c-text);cursor:pointer;transition:color .3s ease}[dir=rtl] #install-modal-wrapper .header .close-button{float:left}#install-modal-wrapper .header .close-button:hover,#install-modal-wrapper .header .close-button:focus{color:var(--pwa-c-text-mute)}#install-modal-wrapper .header .logo{display:flex}#install-modal-wrapper .header h1{margin-top:0;margin-bottom:7px;color:var(--pwa-c-text-mute);font-size:34px}@media(max-width: 959px){#install-modal-wrapper .header h1{margin-bottom:0}}@media(max-width: 419px){#install-modal-wrapper .header h1{font-size:26px}}#install-modal-wrapper .header img{width:122px;height:122px;margin-inline-end:24px;padding:12px;border-radius:24px}@media(max-width: 959px){#install-modal-wrapper .header img{width:60px;height:60px}}@media(max-width: 719px){#install-modal-wrapper .header img{margin-inline-end:12px;padding:8px}}@media(max-width: 419px){#install-modal-wrapper .header img{width:40px;height:40px;padding:6px}}#install-modal-wrapper .header .desc{overflow:hidden;max-width:40em;color:#888;font-size:14px;text-overflow:ellipsis;white-space:pre-wrap}@media(max-width: 959px){#install-modal-wrapper .header .desc{display:none}}#install-modal-wrapper .content{flex:1;margin:0 40px;color:var(--pwa-c-text)}@media(max-width: 719px){#install-modal-wrapper .content{margin:0 20px}}#install-modal-wrapper .content h3{margin-bottom:12px;font-size:22px}#install-modal-wrapper .content p{font-size:14px}#install-modal-wrapper .highlight{display:flex;align-items:center;justify-content:space-around;margin-inline-end:20px}@media(max-width: 719px){#install-modal-wrapper .highlight{flex-flow:column;align-items:flex-start;margin-inline-end:0}}#install-modal-wrapper .highlight h3{margin-top:0;font-weight:600;font-size:22px;line-height:225%}@media(max-width: 419px){#install-modal-wrapper .highlight h3{margin-bottom:0;font-size:18px}}#install-modal-wrapper .feature-wrapper{overflow:hidden;padding-inline-end:2em}#install-modal-wrapper .feature-wrapper ul{margin-block-start:12px;padding-inline-start:22px}@media(max-width: 419px){#install-modal-wrapper .feature-wrapper ul{margin-top:0}}#install-modal-wrapper .feature-wrapper li{color:var(--pwa-c-text-mute);font-weight:600;font-size:16px;line-height:29px;transition:color .3s}#install-modal-wrapper .screenshot-wrapper{display:flex;max-width:30em;max-height:220px}@media(max-width: 719px){#install-modal-wrapper .screenshot-wrapper{width:100%}}#install-modal-wrapper .screenshot-wrapper button{width:4em;border-width:0;background:rgba(0,0,0,0);cursor:pointer;transition:background .3s}#install-modal-wrapper .screenshot-wrapper button:hover,#install-modal-wrapper .screenshot-wrapper button:focus{background:#bbb}#install-modal-wrapper .screenshot-wrapper button svg{width:28px;fill:#6b6969}#install-modal-wrapper .screenshot{display:flex;flex-flow:column wrap;overflow-x:auto;width:22em;max-height:220px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media(max-width: 1280px){#install-modal-wrapper .screenshot{justify-content:center}}#install-modal-wrapper .screenshot::-webkit-scrollbar{display:none}#install-modal-wrapper .screenshot div{display:flex;align-items:center;justify-content:center;width:100%;height:14em;background:#efefef;scroll-snap-align:start}#install-modal-wrapper .screenshot img{object-fit:contain;height:100%}@media(max-width: 719px){#install-modal-wrapper .screenshot img{height:180px}}#install-modal-wrapper .description{margin-bottom:3em}#install-modal-wrapper .button-wrapper{width:100%;padding:1rem 0;text-align:end}@media(max-width: 719px){#install-modal-wrapper .button-wrapper{text-align:center}}#install-modal-wrapper .install-button,#install-modal-wrapper .cancel-button{display:inline-block;flex:0 0 auto;min-width:80px;margin:.5rem 1rem;padding:.5rem 1rem;border-radius:20px;background:rgba(0,0,0,0);font-weight:600;font-size:14px;cursor:pointer}#install-modal-wrapper .install-button{background:var(--pwa-c-accent-bg);color:var(--pwa-c-accent-text);transition:color .3s}#install-modal-wrapper .install-button:hover,#install-modal-wrapper .install-button:focus{background:var(--pwa-c-accent-hover)}@media(max-width: 419px){#install-modal-wrapper .install-button span{display:none}}#install-modal-wrapper .cancel-button{background:var(--pwa-c-control);color:var(--pwa-c-text)}#install-modal-wrapper .cancel-button:hover,#install-modal-wrapper .cancel-button:focus{background:var(--pwa-c-control-hover)}#install-modal-wrapper .ios-text{position:fixed;bottom:0;box-sizing:border-box;width:92%;margin:2em auto;padding:.5em 2em;border-radius:8px;background:var(--pwa-c-bg);box-shadow:0 2px 12px 0 var(--pwa-c-shadow);font-weight:bold;font-size:14px;text-align:center;transition:background .3s,box-shadow .3s}#install-modal-wrapper .ios-text::after{content:" ";position:absolute;inset-inline-start:calc(50% - .8em);bottom:-1em;width:0;height:0;border-inline:.8em solid rgba(0,0,0,0);border-top:1em solid var(--pwa-c-bg);transition:border-color .3s}#install-modal-wrapper .ios-text p{margin:0 0 .5em}#install-modal-wrapper .ios-text .success{margin-bottom:.5em;padding:.5em 1em;border:none;border-radius:1em;background:#07c160;color:var(--pwa-c-bg);cursor:pointer;transition:color .3s}/*# sourceMappingURL=modal.css.map */

package/lib/client/styles/modal.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/client/styles/modal.scss"],"names":[],"mappings":"AAAA,sBACE,KACE,WACA,0BAGF,GACE,UACA,uBAIJ,sBACE,KACE,WAGF,GACE,WAIJ,uBACE,KACE,WAGF,GACE,WAIJ,cACE,eACA,sBACA,YACA,WAEA,eACA,eACA,qBAEA,kCACA,+BACA,aAEA,gBACA,mBAEA,eAEA,WACE,yBAGF,iCAvBF,cAwBI,cAGF,aA3BF,cA4BI,cAGF,yCAEE,qCAIJ,uBACE,eACA,qBACA,MACA,YAEA,aACA,mBACA,uBAEA,cAEA,YACA,aAEA,aAfF,uBAgBI,cAGF,8BACE,eACA,yBACA,eAGF,mCACE,eACA,QACA,YAEA,2BAEA,2BAGF,sCACE,kBACA,YAEA,aACA,sBAEA,eACA,mBAEA,2BAEA,0BAEA,0BAEA,0BAhBF,sCAiBI,UACA,2BAGF,yBArBF,sCAsBI,gBACA,eAEA,yDACE,cAKN,+BACE,sBAEA,yBAHF,+BAII,oBAGF,yBAPF,+BAQI,aAGF,6CACE,YAEA,eAEA,yBACA,wBAEA,eAEA,0BAEA,uDACE,WAGF,sGAEE,6BAIJ,qCACE,aAGF,kCACE,aACA,kBACA,6BACA,eAEA,yBANF,kCAOI,iBAGF,yBAVF,kCAWI,gBAIJ,mCACE,YACA,aACA,uBACA,aACA,mBAEA,yBAPF,mCAQI,WACA,aAGF,yBAZF,mCAaI,uBACA,aAGF,yBAjBF,mCAkBI,WACA,YACA,aAIJ,qCACE,gBAEA,eAEA,WAEA,eACA,uBACA,qBAEA,yBAXF,qCAYI,cAKN,gCACE,OACA,cACA,wBAEA,yBALF,gCAMI,eAGF,mCACE,mBACA,eAGF,kCACE,eAIJ,kCACE,aACA,mBACA,6BACA,uBAEA,yBANF,kCAOI,sBACA,uBACA,qBAGF,qCACE,aACA,gBACA,eACA,iBAEA,yBANF,qCAOI,gBACA,gBAKN,wCACE,gBACA,uBAEA,2CACE,wBACA,0BAEA,yBAJF,2CAKI,cAIJ,2CACE,6BAEA,gBACA,eACA,iBAEA,qBAIJ,2CACE,aACA,eACA,iBAEA,yBALF,2CAMI,YAGF,kDACE,UACA,eAEA,yBAEA,eAEA,0BAEA,gHAEE,gBAGF,sDACE,WACA,aAKN,mCACE,aACA,sBAEA,gBAEA,WACA,iBAEA,6BAEA,iCAEA,0BAbF,mCAcI,wBAGF,sDACE,aAGF,uCACE,aACA,mBACA,uBAEA,WACA,YAEA,mBAEA,wBAGF,uCACE,mBACA,YAEA,yBAJF,uCAKI,cAKN,oCACE,kBAGF,uCACE,WACA,eACA,eAEA,yBALF,uCAMI,mBAIJ,6EAEE,qBACA,cAEA,eACA,kBACA,mBACA,mBAEA,yBAEA,gBACA,eAEA,eAGF,uCACE,kCACA,+BACA,qBAEA,0FAEE,qCAIA,yBADF,4CAEI,cAKN,sCACE,gCACA,wBAEA,wFAEE,sCAIJ,iCACE,eACA,SAEA,sBACA,UACA,gBACA,iBACA,kBAEA,2BACA,4CAEA,iBACA,eACA,kBAEA,WACE,8BAGF,wCACE,YAEA,kBACA,oCACA,YAEA,QACA,SACA,uCACA,qCAEA,4BAGF,mCACE,gBAGF,0CACE,mBACA,iBACA,YACA,kBAEA,mBACA,sBAEA,eAEA","file":"modal.css","sourcesContent":["@keyframes pwa-opened {\n  from {\n    opacity: 0.4;\n    transform: scale(0.8, 0.8);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1, 1);\n  }\n}\n\n@keyframes pwa-mobile {\n  from {\n    opacity: 0.6;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes pwa-fade-in {\n  from {\n    opacity: 0.2;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.modal-button {\n  position: fixed;\n  inset-inline-end: 1rem;\n  bottom: 1rem;\n  z-index: 50;\n\n  padding: 0 16px;\n  border-width: 0;\n  border-radius: 1.2rem;\n\n  background: var(--pwa-c-accent-bg);\n  color: var(--pwa-c-accent-text);\n  outline: none;\n\n  font-weight: 600;\n  line-height: 2.2rem;\n\n  cursor: pointer;\n\n  transition:\n    background 0.3s,\n    color 0.3s;\n\n  @media (display-mode: standalone) {\n    display: none;\n  }\n\n  @media print {\n    display: none;\n  }\n\n  &:hover,\n  &:active {\n    background: var(--pwa-c-accent-hover);\n  }\n}\n\n#install-modal-wrapper {\n  position: fixed;\n  inset-inline-start: 0;\n  top: 0;\n  z-index: 997;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: auto;\n\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    display: none;\n  }\n\n  button {\n    border-width: 0;\n    background: transparent;\n    cursor: pointer;\n  }\n\n  .background {\n    position: fixed;\n    inset: 0;\n    z-index: 998;\n\n    backdrop-filter: blur(10px);\n\n    animation: 0.25s pwa-fade-in;\n  }\n\n  .install-modal {\n    position: absolute;\n    z-index: 999;\n\n    display: flex;\n    flex-direction: column;\n\n    max-width: 56em;\n    border-radius: 10px;\n\n    background: var(--pwa-c-bg);\n\n    transition: background 0.3s;\n\n    animation: 0.15s pwa-opened;\n\n    @media (max-width: 1280px) {\n      width: 92%;\n      animation: 0.25s pwa-mobile;\n    }\n\n    @media (max-width: 419px) {\n      overflow-y: auto;\n      max-height: 80%;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n\n  .header {\n    margin: 40px 40px 32px;\n\n    @media (max-width: 959px) {\n      margin-bottom: 24px;\n    }\n\n    @media (max-width: 719px) {\n      margin: 20px;\n    }\n\n    .close-button {\n      float: right;\n\n      border-width: 0;\n\n      background: transparent;\n      color: var(--pwa-c-text);\n\n      cursor: pointer;\n\n      transition: color 0.3s ease;\n\n      [dir='rtl'] & {\n        float: left;\n      }\n\n      &:hover,\n      &:focus {\n        color: var(--pwa-c-text-mute);\n      }\n    }\n\n    .logo {\n      display: flex;\n    }\n\n    h1 {\n      margin-top: 0;\n      margin-bottom: 7px;\n      color: var(--pwa-c-text-mute);\n      font-size: 34px;\n\n      @media (max-width: 959px) {\n        margin-bottom: 0;\n      }\n\n      @media (max-width: 419px) {\n        font-size: 26px;\n      }\n    }\n\n    img {\n      width: 122px;\n      height: 122px;\n      margin-inline-end: 24px;\n      padding: 12px;\n      border-radius: 24px;\n\n      @media (max-width: 959px) {\n        width: 60px;\n        height: 60px;\n      }\n\n      @media (max-width: 719px) {\n        margin-inline-end: 12px;\n        padding: 8px;\n      }\n\n      @media (max-width: 419px) {\n        width: 40px;\n        height: 40px;\n        padding: 6px;\n      }\n    }\n\n    .desc {\n      overflow: hidden;\n\n      max-width: 40em;\n\n      color: #888;\n\n      font-size: 14px;\n      text-overflow: ellipsis;\n      white-space: pre-wrap;\n\n      @media (max-width: 959px) {\n        display: none;\n      }\n    }\n  }\n\n  .content {\n    flex: 1;\n    margin: 0 40px;\n    color: var(--pwa-c-text);\n\n    @media (max-width: 719px) {\n      margin: 0 20px;\n    }\n\n    h3 {\n      margin-bottom: 12px;\n      font-size: 22px;\n    }\n\n    p {\n      font-size: 14px;\n    }\n  }\n\n  .highlight {\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    margin-inline-end: 20px;\n\n    @media (max-width: 719px) {\n      flex-direction: column;\n      align-items: flex-start;\n      margin-inline-end: 0;\n    }\n\n    h3 {\n      margin-top: 0;\n      font-weight: 600;\n      font-size: 22px;\n      line-height: 225%;\n\n      @media (max-width: 419px) {\n        margin-bottom: 0;\n        font-size: 18px;\n      }\n    }\n  }\n\n  .feature-wrapper {\n    overflow: hidden;\n    padding-inline-end: 2em;\n\n    ul {\n      margin-block-start: 12px;\n      padding-inline-start: 22px;\n\n      @media (max-width: 419px) {\n        margin-top: 0;\n      }\n    }\n\n    li {\n      color: var(--pwa-c-text-mute);\n\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 29px;\n\n      transition: color 0.3s;\n    }\n  }\n\n  .screenshot-wrapper {\n    display: flex;\n    max-width: 30em;\n    max-height: 220px;\n\n    @media (max-width: 719px) {\n      width: 100%;\n    }\n\n    button {\n      width: 4em;\n      border-width: 0;\n\n      background: transparent;\n\n      cursor: pointer;\n\n      transition: background 0.3s;\n\n      &:hover,\n      &:focus {\n        background: #bbb;\n      }\n\n      svg {\n        width: 28px;\n        fill: #6b6969;\n      }\n    }\n  }\n\n  .screenshot {\n    display: flex;\n    flex-flow: column wrap;\n\n    overflow-x: auto;\n\n    width: 22em;\n    max-height: 220px;\n\n    scroll-snap-type: x mandatory;\n\n    -webkit-overflow-scrolling: touch;\n\n    @media (max-width: 1280px) {\n      justify-content: center;\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    div {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 100%;\n      height: 14em;\n\n      background: #efefef;\n\n      scroll-snap-align: start;\n    }\n\n    img {\n      object-fit: contain;\n      height: 100%;\n\n      @media (max-width: 719px) {\n        height: 180px;\n      }\n    }\n  }\n\n  .description {\n    margin-bottom: 3em;\n  }\n\n  .button-wrapper {\n    width: 100%;\n    padding: 1rem 0;\n    text-align: end;\n\n    @media (max-width: 719px) {\n      text-align: center;\n    }\n  }\n\n  .install-button,\n  .cancel-button {\n    display: inline-block;\n    flex: 0 0 auto;\n\n    min-width: 80px;\n    margin: 0.5rem 1rem;\n    padding: 0.5rem 1rem;\n    border-radius: 20px;\n\n    background: transparent;\n\n    font-weight: 600;\n    font-size: 14px;\n\n    cursor: pointer;\n  }\n\n  .install-button {\n    background: var(--pwa-c-accent-bg);\n    color: var(--pwa-c-accent-text);\n    transition: color 0.3s;\n\n    &:hover,\n    &:focus {\n      background: var(--pwa-c-accent-hover);\n    }\n\n    span {\n      @media (max-width: 419px) {\n        display: none;\n      }\n    }\n  }\n\n  .cancel-button {\n    background: var(--pwa-c-control);\n    color: var(--pwa-c-text);\n\n    &:hover,\n    &:focus {\n      background: var(--pwa-c-control-hover);\n    }\n  }\n\n  .ios-text {\n    position: fixed;\n    bottom: 0;\n\n    box-sizing: border-box;\n    width: 92%;\n    margin: 2em auto;\n    padding: 0.5em 2em;\n    border-radius: 8px;\n\n    background: var(--pwa-c-bg);\n    box-shadow: 0 2px 12px 0 var(--pwa-c-shadow);\n\n    font-weight: bold;\n    font-size: 14px;\n    text-align: center;\n\n    transition:\n      background 0.3s,\n      box-shadow 0.3s;\n\n    &::after {\n      content: ' ';\n\n      position: absolute;\n      inset-inline-start: calc(50% - 0.8em);\n      bottom: -1em;\n\n      width: 0;\n      height: 0;\n      border-inline: 0.8em solid transparent;\n      border-top: 1em solid var(--pwa-c-bg);\n\n      transition: border-color 0.3s;\n    }\n\n    p {\n      margin: 0 0 0.5em;\n    }\n\n    .success {\n      margin-bottom: 0.5em;\n      padding: 0.5em 1em;\n      border: none;\n      border-radius: 1em;\n\n      background: #07c160;\n      color: var(--pwa-c-bg);\n\n      cursor: pointer;\n\n      transition: color 0.3s;\n    }\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/client/styles/modal.scss"],"names":[],"mappings":"AAAA,sBACE,KACE,WACA,0BAGF,GACE,UACA,uBAIJ,sBACE,KACE,WAGF,GACE,WAIJ,uBACE,KACE,WAGF,GACE,WAIJ,cACE,eACA,sBACA,YACA,WAEA,eACA,eACA,qBAEA,kCACA,+BACA,aAEA,gBACA,mBAEA,eAEA,WACE,yBAGF,iCAvBF,cAwBI,cAGF,aA3BF,cA4BI,cAGF,yCAEE,qCAIJ,uBACE,eACA,qBACA,MACA,YAEA,aACA,mBACA,uBAEA,cAEA,YACA,aAEA,aAfF,uBAgBI,cAGF,8BACE,eACA,yBACA,eAGF,mCACE,eACA,QACA,YAEA,2BAEA,2BAGF,sCACE,kBACA,YAEA,aACA,iBAEA,eACA,mBAEA,2BAEA,0BAEA,0BAEA,0BAhBF,sCAiBI,UACA,2BAGF,yBArBF,sCAsBI,gBACA,eAEA,yDACE,cAKN,+BACE,sBAEA,yBAHF,+BAII,oBAGF,yBAPF,+BAQI,aAGF,6CACE,YAEA,eAEA,yBACA,wBAEA,eAEA,0BAEA,uDACE,WAGF,sGAEE,6BAIJ,qCACE,aAGF,kCACE,aACA,kBACA,6BACA,eAEA,yBANF,kCAOI,iBAGF,yBAVF,kCAWI,gBAIJ,mCACE,YACA,aACA,uBACA,aACA,mBAEA,yBAPF,mCAQI,WACA,aAGF,yBAZF,mCAaI,uBACA,aAGF,yBAjBF,mCAkBI,WACA,YACA,aAIJ,qCACE,gBAEA,eAEA,WAEA,eACA,uBACA,qBAEA,yBAXF,qCAYI,cAKN,gCACE,OACA,cACA,wBAEA,yBALF,gCAMI,eAGF,mCACE,mBACA,eAGF,kCACE,eAIJ,kCACE,aACA,mBACA,6BACA,uBAEA,yBANF,kCAOI,iBACA,uBACA,qBAGF,qCACE,aACA,gBACA,eACA,iBAEA,yBANF,qCAOI,gBACA,gBAKN,wCACE,gBACA,uBAEA,2CACE,wBACA,0BAEA,yBAJF,2CAKI,cAIJ,2CACE,6BAEA,gBACA,eACA,iBAEA,qBAIJ,2CACE,aACA,eACA,iBAEA,yBALF,2CAMI,YAGF,kDACE,UACA,eAEA,yBAEA,eAEA,0BAEA,gHAEE,gBAGF,sDACE,WACA,aAKN,mCACE,aACA,sBAEA,gBAEA,WACA,iBAEA,6BAEA,iCAEA,0BAbF,mCAcI,wBAGF,sDACE,aAGF,uCACE,aACA,mBACA,uBAEA,WACA,YAEA,mBAEA,wBAGF,uCACE,mBACA,YAEA,yBAJF,uCAKI,cAKN,oCACE,kBAGF,uCACE,WACA,eACA,eAEA,yBALF,uCAMI,mBAIJ,6EAEE,qBACA,cAEA,eACA,kBACA,mBACA,mBAEA,yBAEA,gBACA,eAEA,eAGF,uCACE,kCACA,+BACA,qBAEA,0FAEE,qCAIA,yBADF,4CAEI,cAKN,sCACE,gCACA,wBAEA,wFAEE,sCAIJ,iCACE,eACA,SAEA,sBACA,UACA,gBACA,iBACA,kBAEA,2BACA,4CAEA,iBACA,eACA,kBAEA,WACE,8BAGF,wCACE,YAEA,kBACA,oCACA,YAEA,QACA,SACA,uCACA,qCAEA,4BAGF,mCACE,gBAGF,0CACE,mBACA,iBACA,YACA,kBAEA,mBACA,sBAEA,eAEA","file":"modal.css","sourcesContent":["@keyframes pwa-opened {\n  from {\n    opacity: 0.4;\n    transform: scale(0.8, 0.8);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1, 1);\n  }\n}\n\n@keyframes pwa-mobile {\n  from {\n    opacity: 0.6;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes pwa-fade-in {\n  from {\n    opacity: 0.2;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.modal-button {\n  position: fixed;\n  inset-inline-end: 1rem;\n  bottom: 1rem;\n  z-index: 50;\n\n  padding: 0 16px;\n  border-width: 0;\n  border-radius: 1.2rem;\n\n  background: var(--pwa-c-accent-bg);\n  color: var(--pwa-c-accent-text);\n  outline: none;\n\n  font-weight: 600;\n  line-height: 2.2rem;\n\n  cursor: pointer;\n\n  transition:\n    background 0.3s,\n    color 0.3s;\n\n  @media (display-mode: standalone) {\n    display: none;\n  }\n\n  @media print {\n    display: none;\n  }\n\n  &:hover,\n  &:active {\n    background: var(--pwa-c-accent-hover);\n  }\n}\n\n#install-modal-wrapper {\n  position: fixed;\n  inset-inline-start: 0;\n  top: 0;\n  z-index: 997;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: auto;\n\n  width: 100vw;\n  height: 100vh;\n\n  @media print {\n    display: none;\n  }\n\n  button {\n    border-width: 0;\n    background: transparent;\n    cursor: pointer;\n  }\n\n  .background {\n    position: fixed;\n    inset: 0;\n    z-index: 998;\n\n    backdrop-filter: blur(10px);\n\n    animation: 0.25s pwa-fade-in;\n  }\n\n  .install-modal {\n    position: absolute;\n    z-index: 999;\n\n    display: flex;\n    flex-flow: column;\n\n    max-width: 56em;\n    border-radius: 10px;\n\n    background: var(--pwa-c-bg);\n\n    transition: background 0.3s;\n\n    animation: 0.15s pwa-opened;\n\n    @media (max-width: 1280px) {\n      width: 92%;\n      animation: 0.25s pwa-mobile;\n    }\n\n    @media (max-width: 419px) {\n      overflow-y: auto;\n      max-height: 80%;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n\n  .header {\n    margin: 40px 40px 32px;\n\n    @media (max-width: 959px) {\n      margin-bottom: 24px;\n    }\n\n    @media (max-width: 719px) {\n      margin: 20px;\n    }\n\n    .close-button {\n      float: right;\n\n      border-width: 0;\n\n      background: transparent;\n      color: var(--pwa-c-text);\n\n      cursor: pointer;\n\n      transition: color 0.3s ease;\n\n      [dir='rtl'] & {\n        float: left;\n      }\n\n      &:hover,\n      &:focus {\n        color: var(--pwa-c-text-mute);\n      }\n    }\n\n    .logo {\n      display: flex;\n    }\n\n    h1 {\n      margin-top: 0;\n      margin-bottom: 7px;\n      color: var(--pwa-c-text-mute);\n      font-size: 34px;\n\n      @media (max-width: 959px) {\n        margin-bottom: 0;\n      }\n\n      @media (max-width: 419px) {\n        font-size: 26px;\n      }\n    }\n\n    img {\n      width: 122px;\n      height: 122px;\n      margin-inline-end: 24px;\n      padding: 12px;\n      border-radius: 24px;\n\n      @media (max-width: 959px) {\n        width: 60px;\n        height: 60px;\n      }\n\n      @media (max-width: 719px) {\n        margin-inline-end: 12px;\n        padding: 8px;\n      }\n\n      @media (max-width: 419px) {\n        width: 40px;\n        height: 40px;\n        padding: 6px;\n      }\n    }\n\n    .desc {\n      overflow: hidden;\n\n      max-width: 40em;\n\n      color: #888;\n\n      font-size: 14px;\n      text-overflow: ellipsis;\n      white-space: pre-wrap;\n\n      @media (max-width: 959px) {\n        display: none;\n      }\n    }\n  }\n\n  .content {\n    flex: 1;\n    margin: 0 40px;\n    color: var(--pwa-c-text);\n\n    @media (max-width: 719px) {\n      margin: 0 20px;\n    }\n\n    h3 {\n      margin-bottom: 12px;\n      font-size: 22px;\n    }\n\n    p {\n      font-size: 14px;\n    }\n  }\n\n  .highlight {\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    margin-inline-end: 20px;\n\n    @media (max-width: 719px) {\n      flex-flow: column;\n      align-items: flex-start;\n      margin-inline-end: 0;\n    }\n\n    h3 {\n      margin-top: 0;\n      font-weight: 600;\n      font-size: 22px;\n      line-height: 225%;\n\n      @media (max-width: 419px) {\n        margin-bottom: 0;\n        font-size: 18px;\n      }\n    }\n  }\n\n  .feature-wrapper {\n    overflow: hidden;\n    padding-inline-end: 2em;\n\n    ul {\n      margin-block-start: 12px;\n      padding-inline-start: 22px;\n\n      @media (max-width: 419px) {\n        margin-top: 0;\n      }\n    }\n\n    li {\n      color: var(--pwa-c-text-mute);\n\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 29px;\n\n      transition: color 0.3s;\n    }\n  }\n\n  .screenshot-wrapper {\n    display: flex;\n    max-width: 30em;\n    max-height: 220px;\n\n    @media (max-width: 719px) {\n      width: 100%;\n    }\n\n    button {\n      width: 4em;\n      border-width: 0;\n\n      background: transparent;\n\n      cursor: pointer;\n\n      transition: background 0.3s;\n\n      &:hover,\n      &:focus {\n        background: #bbb;\n      }\n\n      svg {\n        width: 28px;\n        fill: #6b6969;\n      }\n    }\n  }\n\n  .screenshot {\n    display: flex;\n    flex-flow: column wrap;\n\n    overflow-x: auto;\n\n    width: 22em;\n    max-height: 220px;\n\n    scroll-snap-type: x mandatory;\n\n    -webkit-overflow-scrolling: touch;\n\n    @media (max-width: 1280px) {\n      justify-content: center;\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    div {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 100%;\n      height: 14em;\n\n      background: #efefef;\n\n      scroll-snap-align: start;\n    }\n\n    img {\n      object-fit: contain;\n      height: 100%;\n\n      @media (max-width: 719px) {\n        height: 180px;\n      }\n    }\n  }\n\n  .description {\n    margin-bottom: 3em;\n  }\n\n  .button-wrapper {\n    width: 100%;\n    padding: 1rem 0;\n    text-align: end;\n\n    @media (max-width: 719px) {\n      text-align: center;\n    }\n  }\n\n  .install-button,\n  .cancel-button {\n    display: inline-block;\n    flex: 0 0 auto;\n\n    min-width: 80px;\n    margin: 0.5rem 1rem;\n    padding: 0.5rem 1rem;\n    border-radius: 20px;\n\n    background: transparent;\n\n    font-weight: 600;\n    font-size: 14px;\n\n    cursor: pointer;\n  }\n\n  .install-button {\n    background: var(--pwa-c-accent-bg);\n    color: var(--pwa-c-accent-text);\n    transition: color 0.3s;\n\n    &:hover,\n    &:focus {\n      background: var(--pwa-c-accent-hover);\n    }\n\n    span {\n      @media (max-width: 419px) {\n        display: none;\n      }\n    }\n  }\n\n  .cancel-button {\n    background: var(--pwa-c-control);\n    color: var(--pwa-c-text);\n\n    &:hover,\n    &:focus {\n      background: var(--pwa-c-control-hover);\n    }\n  }\n\n  .ios-text {\n    position: fixed;\n    bottom: 0;\n\n    box-sizing: border-box;\n    width: 92%;\n    margin: 2em auto;\n    padding: 0.5em 2em;\n    border-radius: 8px;\n\n    background: var(--pwa-c-bg);\n    box-shadow: 0 2px 12px 0 var(--pwa-c-shadow);\n\n    font-weight: bold;\n    font-size: 14px;\n    text-align: center;\n\n    transition:\n      background 0.3s,\n      box-shadow 0.3s;\n\n    &::after {\n      content: ' ';\n\n      position: absolute;\n      inset-inline-start: calc(50% - 0.8em);\n      bottom: -1em;\n\n      width: 0;\n      height: 0;\n      border-inline: 0.8em solid transparent;\n      border-top: 1em solid var(--pwa-c-bg);\n\n      transition: border-color 0.3s;\n    }\n\n    p {\n      margin: 0 0 0.5em;\n    }\n\n    .success {\n      margin-bottom: 0.5em;\n      padding: 0.5em 1em;\n      border: none;\n      border-radius: 1em;\n\n      background: #07c160;\n      color: var(--pwa-c-bg);\n\n      cursor: pointer;\n\n      transition: color 0.3s;\n    }\n  }\n}\n"]}

package/lib/client/styles/popup.css

@@ -1 +1 @@
-@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}.popup-enter-active,.popup-leave-active{transition:opacity .3s,transform .3s}.popup-enter-from,.popup-leave-to{opacity:0;transform:translate(0, 50%) scale(0.5)}.sw-hint-popup,.sw-update-popup{position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:var(--pwa-z-index);padding:.5rem .75rem;border-width:0;border-radius:.5rem;background:var(--pwa-c-bg);color:var(--pwa-c-text);box-shadow:0 2px 12px 0 var(--pwa-c-shadow);font-size:1rem;line-height:1.5;cursor:pointer}@media print{.sw-hint-popup,.sw-update-popup{display:none}}.sw-hint-popup .icon-wrapper,.sw-update-popup .icon-wrapper{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem;margin-inline-start:.4rem;border-radius:.75rem;background:var(--pwa-c-accent-bg)}.sw-hint-popup .icon-wrapper:hover,.sw-update-popup .icon-wrapper:hover{background:var(--pwa-c-accent-hover)}.sw-hint-popup .icon-wrapper svg,.sw-update-popup .icon-wrapper svg{width:1.2rem;height:1.2rem;margin:.15rem;color:var(--pwa-c-accent-text);animation:rotate 3s ease infinite}/*# sourceMappingURL=popup.css.map */
+@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}.sw-hint-popup,.sw-update-popup{position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:var(--pwa-z-index);padding:.5rem .75rem;border-width:0;border-radius:.5rem;background:var(--pwa-c-bg);color:var(--pwa-c-text);box-shadow:0 2px 12px 0 var(--pwa-c-shadow);font-size:1rem;line-height:1.5;cursor:pointer}@media print{.sw-hint-popup,.sw-update-popup{display:none}}.sw-hint-popup .icon-wrapper,.sw-update-popup .icon-wrapper{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem;margin-inline-start:.4rem;border-radius:.75rem;background:var(--pwa-c-accent-bg)}.sw-hint-popup .icon-wrapper:hover,.sw-update-popup .icon-wrapper:hover{background:var(--pwa-c-accent-hover)}.sw-hint-popup .icon-wrapper svg,.sw-update-popup .icon-wrapper svg{width:1.2rem;height:1.2rem;margin:.15rem;color:var(--pwa-c-accent-text);animation:rotate 3s ease infinite}/*# sourceMappingURL=popup.css.map */

package/lib/client/styles/popup.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/client/styles/popup.scss"],"names":[],"mappings":"AAAA,kBACE,GACE,uBAGF,IACE,yBAGF,KACE,0BAIJ,wCAEE,WACE,0BAIJ,kCAEE,UACA,uCAGF,gCAEE,eACA,sBACA,YACA,2BAEA,qBACA,eACA,oBAEA,2BACA,wBACA,4CAEA,eACA,gBAEA,eAEA,aApBF,gCAqBI,cAGF,4DACE,qBACA,sBAEA,aACA,cACA,0BACA,qBAEA,kCAEA,wEACE,qCAGF,oEACE,aACA,cACA,cAEA,+BAEA","file":"popup.css","sourcesContent":["@keyframes rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  50% {\n    transform: rotate(360deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.popup-enter-active,\n.popup-leave-active {\n  transition:\n    opacity 0.3s,\n    transform 0.3s;\n}\n\n.popup-enter-from,\n.popup-leave-to {\n  opacity: 0;\n  transform: translate(0, 50%) scale(0.5);\n}\n\n.sw-hint-popup,\n.sw-update-popup {\n  position: fixed;\n  inset-inline-end: 1rem;\n  bottom: 1rem;\n  z-index: var(--pwa-z-index);\n\n  padding: 0.5rem 0.75rem;\n  border-width: 0;\n  border-radius: 0.5rem;\n\n  background: var(--pwa-c-bg);\n  color: var(--pwa-c-text);\n  box-shadow: 0 2px 12px 0 var(--pwa-c-shadow);\n\n  font-size: 1rem;\n  line-height: 1.5;\n\n  cursor: pointer;\n\n  @media print {\n    display: none;\n  }\n\n  .icon-wrapper {\n    display: inline-block;\n    vertical-align: middle;\n\n    width: 1.5rem;\n    height: 1.5rem;\n    margin-inline-start: 0.4rem;\n    border-radius: 0.75rem;\n\n    background: var(--pwa-c-accent-bg);\n\n    &:hover {\n      background: var(--pwa-c-accent-hover);\n    }\n\n    svg {\n      width: 1.2rem;\n      height: 1.2rem;\n      margin: 0.15rem;\n\n      color: var(--pwa-c-accent-text);\n\n      animation: rotate 3s ease infinite;\n    }\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../src/client/styles/popup.scss"],"names":[],"mappings":"AAAA,kBACE,GACE,uBAGF,IACE,yBAGF,KACE,0BAIJ,gCAEE,eACA,sBACA,YACA,2BAEA,qBACA,eACA,oBAEA,2BACA,wBACA,4CAEA,eACA,gBAEA,eAEA,aApBF,gCAqBI,cAGF,4DACE,qBACA,sBAEA,aACA,cACA,0BACA,qBAEA,kCAEA,wEACE,qCAGF,oEACE,aACA,cACA,cAEA,+BAEA","file":"popup.css","sourcesContent":["@keyframes rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  50% {\n    transform: rotate(360deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.sw-hint-popup,\n.sw-update-popup {\n  position: fixed;\n  inset-inline-end: 1rem;\n  bottom: 1rem;\n  z-index: var(--pwa-z-index);\n\n  padding: 0.5rem 0.75rem;\n  border-width: 0;\n  border-radius: 0.5rem;\n\n  background: var(--pwa-c-bg);\n  color: var(--pwa-c-text);\n  box-shadow: 0 2px 12px 0 var(--pwa-c-shadow);\n\n  font-size: 1rem;\n  line-height: 1.5;\n\n  cursor: pointer;\n\n  @media print {\n    display: none;\n  }\n\n  .icon-wrapper {\n    display: inline-block;\n    vertical-align: middle;\n\n    width: 1.5rem;\n    height: 1.5rem;\n    margin-inline-start: 0.4rem;\n    border-radius: 0.75rem;\n\n    background: var(--pwa-c-accent-bg);\n\n    &:hover {\n      background: var(--pwa-c-accent-hover);\n    }\n\n    svg {\n      width: 1.2rem;\n      height: 1.2rem;\n      margin: 0.15rem;\n\n      color: var(--pwa-c-accent-text);\n\n      animation: rotate 3s ease infinite;\n    }\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuepress/plugin-pwa",
-  "version": "2.0.0-rc.86",
+  "version": "2.0.0-rc.91",
   "description": "VuePress plugin - progressive web application",
   "keywords": [
     "vuepress-plugin",
@@ -36,7 +36,7 @@
     "lib"
   ],
   "dependencies": {
-    "@vuepress/helper": "2.0.0-rc.86",
+    "@vuepress/helper": "2.0.0-rc.91",
     "@vueuse/core": "^13.0.0",
     "mitt": "^3.0.1",
     "register-service-worker": "^1.7.2",
@@ -49,5 +49,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "422114a6e811b34cbdf87502d6157dd4b8373985"
+  "devDependencies": {
+    "rollup": "^4.38.0"
+  },
+  "gitHead": "14e3b531d146eeecc619533516ae3c2a133cda60"
 }

package/lib/client/PwaReadyPopup-B5B5_0YO.js

@@ -1,2 +0,0 @@
-import{useLocaleConfig as r}from"@vuepress/helper/client";import{defineComponent as i,shallowRef as c,computed as d,h as t,onMounted as m,Transition as v}from"vue";import{U as f}from"./icons-DQk7h1-3.js";import"./styles/popup.css";import{u as w}from"./usePwaEvent-CUDY9qle.js";const u=a=>{const o=a.waiting;if(!o)return;const s=new MessageChannel;o.postMessage({type:"SKIP_WAITING"},[s.port2])},P=i({name:"PwaReadyPopup",props:{locales:{type:Object,required:!0}},slots:Object,setup(a,{slots:o}){const s=r(a.locales),e=c(),p=d(()=>!!e.value),n=()=>{e.value&&(u(e.value),e.value=void 0)};return m(()=>{w().on("updated",l=>{e.value=l})}),()=>t(v,{name:"popup"},()=>o.default?.({isReady:p.value,reload:n})??(p.value?t("button",{type:"button",class:"sw-update-popup",tabindex:0,onClick:()=>{n()}},[s.value.update,t("span",{class:"icon-wrapper"},t(f))]):null))}});export{P,u as s};
-//# sourceMappingURL=PwaReadyPopup-B5B5_0YO.js.map

package/lib/client/PwaReadyPopup-B5B5_0YO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PwaReadyPopup-B5B5_0YO.js","sources":["../../src/client/utils/skipWaiting.ts","../../src/client/components/PwaReadyPopup.ts"],"sourcesContent":["/**\n * Call `skipWaiting()` inside current waiting worker\n *\n * 在当前等待中的 Service Worker 中调用 `skipWaiting()`\n */\nexport const skipWaiting = (registration: ServiceWorkerRegistration): void => {\n  // Get the waiting worker\n  const worker = registration.waiting\n\n  // If there is no waiting worker, return directly\n  if (!worker) return\n\n  // Post SKIP_WAITING message to the waiting worker\n  const channel = new MessageChannel()\n\n  worker.postMessage({ type: 'SKIP_WAITING' }, [channel.port2])\n}\n","import { useLocaleConfig } from '@vuepress/helper/client'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport {\n  Transition,\n  computed,\n  defineComponent,\n  h,\n  onMounted,\n  shallowRef,\n} from 'vue'\nimport { usePwaEvent } from '../composables/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { skipWaiting } from '../utils/index.js'\nimport { UpdateIcon } from './icons.js'\n\nimport '../styles/popup.css'\n\nexport const PwaReadyPopup = defineComponent({\n  name: 'PwaReadyPopup',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  slots: Object as SlotsType<{\n    default?: (props: {\n      isReady: boolean\n      reload: () => void\n    }) => VNode | VNode[] | null\n  }>,\n\n  setup(props, { slots }) {\n    const locale = useLocaleConfig(props.locales)\n    const registration = shallowRef<ServiceWorkerRegistration>()\n\n    const isReady = computed(() => Boolean(registration.value))\n\n    const reload = (): void => {\n      if (registration.value) {\n        skipWaiting(registration.value)\n        registration.value = undefined\n      }\n    }\n\n    onMounted(() => {\n      const event = usePwaEvent()\n\n      event.on('updated', (reg) => {\n        registration.value = reg\n      })\n    })\n\n    return (): VNode =>\n      h(\n        Transition,\n        { name: 'popup' },\n        () =>\n          slots.default?.({\n            isReady: isReady.value,\n            reload,\n          }) ??\n          (isReady.value\n            ? h(\n                'button',\n                {\n                  type: 'button',\n                  class: 'sw-update-popup',\n                  tabindex: 0,\n                  onClick: () => {\n                    reload()\n                  },\n                },\n                [\n                  locale.value.update,\n                  h('span', { class: 'icon-wrapper' }, h(UpdateIcon)),\n                ],\n              )\n            : null),\n      )\n  },\n})\n"],"names":["skipWaiting","registration","worker","channel","PwaReadyPopup","defineComponent","props","slots","locale","useLocaleConfig","shallowRef","isReady","computed","reload","onMounted","usePwaEvent","reg","h","Transition","UpdateIcon"],"mappings":"qRAKa,MAAAA,EAAeC,GAAkD,CAE5E,MAAMC,EAASD,EAAa,QAG5B,GAAI,CAACC,EAAQ,OAGb,MAAMC,EAAU,IAAI,eAEpBD,EAAO,YAAY,CAAE,KAAM,cAAe,EAAG,CAACC,EAAQ,KAAK,CAAC,CAC9D,ECCaC,EAAgBC,EAAgB,CAC3C,KAAM,gBAEN,MAAO,CAEL,QAAS,CACP,KAAM,OACN,SAAU,EACZ,CACF,EAEA,MAAO,OAOP,MAAMC,EAAO,CAAE,MAAAC,CAAM,EAAG,CACtB,MAAMC,EAASC,EAAgBH,EAAM,OAAO,EACtCL,EAAeS,EAAsC,EAErDC,EAAUC,EAAS,IAAM,CAAQX,CAAAA,EAAa,KAAM,EAEpDY,EAAS,IAAY,CACrBZ,EAAa,QACfD,EAAYC,EAAa,KAAK,EAC9BA,EAAa,MAAQ,OAEzB,EAEA,OAAAa,EAAU,IAAM,CACAC,EAAAA,EAER,GAAG,UAAYC,GAAQ,CAC3Bf,EAAa,MAAQe,CACvB,CAAC,CACH,CAAC,EAEM,IACLC,EACEC,EACA,CAAE,KAAM,OAAQ,EAChB,IACEX,EAAM,UAAU,CACd,QAASI,EAAQ,MACjB,OAAAE,CACF,CAAC,IACAF,EAAQ,MACLM,EACE,SACA,CACE,KAAM,SACN,MAAO,kBACP,SAAU,EACV,QAAS,IAAM,CACbJ,EACF,CAAA,CACF,EACA,CACEL,EAAO,MAAM,OACbS,EAAE,OAAQ,CAAE,MAAO,cAAe,EAAGA,EAAEE,CAAU,CAAC,CACpD,CACF,EACA,KACR,CACJ,CACF,CAAC"}