LeoVasanko
d5e40fba12
Reorganize the URL space so all machinery lives under /_/: the Vite build (now with assetsDir: '', two ES-module entries and hashed shared assets: style.css, pygments.css, banner.svg, fonts moved from pagerite/static to frontend/src/assets) is served at /_/assets via frontend.route(app, "/_/assets") with cached="/", and the admin shell moves to /_/admin, leaving only "_" as a reserved top-level slug. A /favicon.ico route serves the file Vite copies from frontend/public. In dev, Vite proxies content pages and /_/admin to the backend. Editor changes: drop the noisy status line for a save-error indicator, reconnect the WebSocket with exponential backoff, and re-establish the connection from send() when it has dropped. The socket connects when an editor is opened (they mount on pen click), not before.
58 lines
2.1 KiB
JavaScript
58 lines
2.1 KiB
JavaScript
import "./assets/style.css";
|
|
|
|
// Pagerite editor entries. Two separate apps, mounted in their own
|
|
// dynamically created host divs inside the static document:
|
|
// - PageEditor ("page" mode): pen next to an article heading — Markdown
|
|
// editing with the preview rendered into the visible article.
|
|
// - SiteEditor ("site" mode): pen on the banner — banner HTML editing
|
|
// (previewed into the real banner) and the site structure tree.
|
|
// The standalone /_/admin shell (#app in the DOM) mounts PageEditor with the
|
|
// page selected by location hash, as a no-dynamic-import fallback.
|
|
import { createApp } from 'vue'
|
|
import PageEditor from './PageEditor.vue'
|
|
import SiteEditor from './SiteEditor.vue'
|
|
|
|
let host = null
|
|
|
|
export function openEditor(path, { standalone = false, mode = 'page' } = {}) {
|
|
closeEditor()
|
|
host = document.createElement('div')
|
|
host.className = 'editor-host'
|
|
// Docked inside #content: below the banner, next to the article only.
|
|
const container = (!standalone && document.getElementById('content')) || document.body
|
|
container.prepend(host)
|
|
if (!standalone) {
|
|
document.body.classList.add('editing')
|
|
// Which kind of editor is open; pagerite.js uses this to decide
|
|
// whether a pen click closes the panel or swaps in the other editor.
|
|
document.body.dataset.editorMode = mode
|
|
}
|
|
createApp(mode === 'site' ? SiteEditor : PageEditor, {
|
|
pagePath: path,
|
|
standalone,
|
|
onClose: closeEditor,
|
|
}).mount(host)
|
|
}
|
|
|
|
export function closeEditor() {
|
|
if (!host) return
|
|
document.body.classList.remove('editing')
|
|
delete document.body.dataset.editorMode
|
|
// Slide the panel out in sync with the page shifting back.
|
|
host.firstElementChild?.classList.add('closing')
|
|
const old = host
|
|
host = null
|
|
setTimeout(() => old.remove(), 250)
|
|
}
|
|
|
|
const shell = document.getElementById('app')
|
|
if (shell) {
|
|
// Standalone /_/admin shell: mount into it and follow the location hash.
|
|
host = shell
|
|
createApp(PageEditor, {
|
|
pagePath: location.hash.replace(/^#\/?/, '').replace(/\/$/, ''),
|
|
standalone: true,
|
|
onClose: () => {},
|
|
}).mount(shell)
|
|
}
|