mirror of
https://github.com/alrayyes/wiki.git
synced 2025-05-02 06:58:13 +00:00
Revert "feat: Making Quartz available offline by making it a PWA (#465)"
This reverts commit d6301fae90
.
This commit is contained in:
parent
70e029d151
commit
6a9e6352e8
13 changed files with 6 additions and 235 deletions
quartz/plugins/emitters
|
@ -116,11 +116,6 @@ function addGlobalPageResources(
|
|||
document.dispatchEvent(event)`)
|
||||
}
|
||||
|
||||
componentResources.afterDOMLoaded.push(`
|
||||
if ('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.register('/sw.js');
|
||||
}`)
|
||||
|
||||
let wsUrl = `ws://localhost:${ctx.argv.wsPort}`
|
||||
|
||||
if (ctx.argv.remoteDevHost) {
|
||||
|
|
|
@ -7,4 +7,3 @@ export { Assets } from "./assets"
|
|||
export { Static } from "./static"
|
||||
export { ComponentResources } from "./componentResources"
|
||||
export { NotFoundPage } from "./404"
|
||||
export { Offline } from "./offline"
|
||||
|
|
|
@ -1,97 +0,0 @@
|
|||
import { QuartzEmitterPlugin } from "../types"
|
||||
import { FilePath, FullSlug } from "../../util/path"
|
||||
import { FullPageLayout } from "../../cfg"
|
||||
import { sharedPageComponents } from "../../../quartz.layout"
|
||||
import OfflineFallbackPage from "../../components/pages/OfflineFallbackPage"
|
||||
import BodyConstructor from "../../components/Body"
|
||||
import { pageResources, renderPage } from "../../components/renderPage"
|
||||
import { defaultProcessedContent } from "../vfile"
|
||||
import { QuartzComponentProps } from "../../components/types"
|
||||
|
||||
export const Offline: QuartzEmitterPlugin = () => {
|
||||
const opts: FullPageLayout = {
|
||||
...sharedPageComponents,
|
||||
pageBody: OfflineFallbackPage(),
|
||||
beforeBody: [],
|
||||
left: [],
|
||||
right: [],
|
||||
}
|
||||
|
||||
const { head: Head, pageBody, footer: Footer } = opts
|
||||
const Body = BodyConstructor()
|
||||
|
||||
return {
|
||||
name: "OfflineSupport",
|
||||
getQuartzComponents() {
|
||||
return [Head, Body, pageBody, Footer]
|
||||
},
|
||||
async emit({ cfg }, _content, resources, emit): Promise<FilePath[]> {
|
||||
const manifest = {
|
||||
short_name: cfg.configuration.pageTitle,
|
||||
name: cfg.configuration.pageTitle,
|
||||
description: cfg.configuration.description,
|
||||
background_color: cfg.configuration.theme.colors.lightMode.light,
|
||||
theme_color: cfg.configuration.theme.colors.lightMode.light,
|
||||
display: "minimal-ui",
|
||||
icons: [
|
||||
{
|
||||
src: "static/icon.svg",
|
||||
sizes: "any",
|
||||
purpose: "maskable",
|
||||
},
|
||||
{
|
||||
src: "static/icon.svg",
|
||||
sizes: "any",
|
||||
purpose: "any",
|
||||
},
|
||||
],
|
||||
start_url:
|
||||
cfg.configuration.baseUrl == undefined ? "/" : `https://${cfg.configuration.baseUrl}/`,
|
||||
}
|
||||
|
||||
const serviceWorker =
|
||||
"importScripts('https://storage.googleapis.com/workbox-cdn/releases/6.4.1/workbox-sw.js');" +
|
||||
"const {pageCache, imageCache, staticResourceCache, googleFontsCache, offlineFallback} = workbox.recipes;" +
|
||||
"pageCache(); googleFontsCache(); staticResourceCache(); imageCache(); offlineFallback();"
|
||||
|
||||
const slug = "offline" as FullSlug
|
||||
|
||||
const url = new URL(`https://${cfg.configuration.baseUrl ?? "example.com"}`)
|
||||
const path = url.pathname as FullSlug
|
||||
const externalResources = pageResources(path, resources)
|
||||
const [tree, vfile] = defaultProcessedContent({
|
||||
slug,
|
||||
text: "Offline",
|
||||
description: "This page isn't offline available yet.",
|
||||
frontmatter: { title: "Offline", tags: [] },
|
||||
})
|
||||
|
||||
const componentData: QuartzComponentProps = {
|
||||
fileData: vfile.data,
|
||||
externalResources,
|
||||
cfg: cfg.configuration,
|
||||
children: [],
|
||||
tree,
|
||||
allFiles: [],
|
||||
}
|
||||
|
||||
return Promise.all([
|
||||
emit({
|
||||
content: JSON.stringify(manifest),
|
||||
slug: "manifest" as FullSlug,
|
||||
ext: ".json",
|
||||
}),
|
||||
emit({
|
||||
content: serviceWorker,
|
||||
slug: "sw" as FullSlug,
|
||||
ext: ".js",
|
||||
}),
|
||||
emit({
|
||||
content: renderPage(slug, componentData, opts, externalResources),
|
||||
slug,
|
||||
ext: ".html",
|
||||
}),
|
||||
])
|
||||
},
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue