@lincyaw/web 1.0.0-rc.8 → 1.0.0-rc.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lincyaw/web",
-  "version": "1.0.0-rc.8",
+  "version": "1.0.0-rc.9",
   "description": "Presmium's web renderer: one prebuilt viewer that shows the web form in the workbench, in a dev server and as a built site, with search and form switching",
   "license": "Apache-2.0",
   "repository": {
@@ -41,21 +41,21 @@
     "vite": "8.3.4",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "@lincyaw/design": "1.0.0-rc.8"
+    "@lincyaw/design": "1.0.0-rc.9"
   },
   "peerDependencies": {
-    "@lincyaw/host": "^1.0.0-rc.8",
-    "@lincyaw/kernel": "^1.0.0-rc.8",
-    "@lincyaw/viewer": "^1.0.0-rc.8"
+    "@lincyaw/viewer": "^1.0.0-rc.9",
+    "@lincyaw/kernel": "^1.0.0-rc.9",
+    "@lincyaw/host": "^1.0.0-rc.9"
   },
   "devDependencies": {
     "@types/escape-html": "1.0.4",
     "@types/send": "^1.2.1",
     "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
-    "@lincyaw/cli": "1.0.0-rc.8",
-    "@lincyaw/host": "1.0.0-rc.8",
-    "@lincyaw/viewer": "1.0.0-rc.8",
-    "@lincyaw/kernel": "1.0.0-rc.8"
+    "@lincyaw/cli": "1.0.0-rc.9",
+    "@lincyaw/kernel": "1.0.0-rc.9",
+    "@lincyaw/host": "1.0.0-rc.9",
+    "@lincyaw/viewer": "1.0.0-rc.9"
   }
 }

package/src/app/main.ts

@@ -1,5 +1,5 @@
 import { currentLocale, OPERATIONS, pluginsOf, presmiumService, registerPresmiumPlugin, startHost, createStore, observe, runtimeRevision } from '@lincyaw/host'
-import { previewAppearance } from '@lincyaw/kernel'
+import { previewAppearance, reportStaleModule } from '@lincyaw/kernel'
 import type { IRDocument } from '@lincyaw/kernel'
 import { findView, syncViewerWithOperations } from '@lincyaw/viewer'
 import type { LiveUpdate } from '@lincyaw/viewer/domain'
@@ -83,6 +83,7 @@ async function bootPage(): Promise<void> {
   dark.set(isDark())
   const modules = await Promise.all(used(config.plugins ?? []).flatMap(([, own]) => own.plugins).map(load => load().catch((error: unknown) => {
     console.error('[presmium] a plugin module failed to load', error)
+    reportStaleModule(error)
     return {}
   })))
   modules.flatMap(module => pluginsOf(module)).forEach(registerPresmiumPlugin)

package/src/client/runtime.ts

@@ -1,6 +1,6 @@
 import { componentErrors, createServerClient, pluginsOf, presmiumReport, provideServer, registerPresmiumPlugin, reportPluginFailure, setHostActive, startHost } from '@lincyaw/host'
 import type { ServerClient, SharedStates, SyncTransports } from '@lincyaw/host'
-import { errorMessage } from '@lincyaw/kernel'
+import { errorMessage, reportStaleModule } from '@lincyaw/kernel'
 import type { IRDocument } from '@lincyaw/kernel'
 import { PmComponentFallback, tryInstallViewerPlugin, withSlideGlobals } from '@lincyaw/viewer'
 import type { Viewer } from '@lincyaw/viewer'
@@ -31,6 +31,7 @@ export async function startRuntime(loaders: RuntimeModules['plugins'], doc: IRDo
   const modules = await Promise.all(loaders.map(load => load().catch((error) => {
     failed = true
     console.error('[presmium] a plugin module failed to load', error)
+    reportStaleModule(error)
     return {}
   })))
   const plugins = modules.flatMap(module => pluginsOf(module))

package/src/node/site-page.ts

@@ -33,6 +33,24 @@ const APPEARANCE = `(() => {
   if (asked === 'dark' || (asked !== 'light' && matchMedia('(prefers-color-scheme: dark)').matches)) document.documentElement.classList.add('dark')
 })()`
 
+/**
+ * A page cached before a new deployment names an app version the deployment removed: its scripts and the modules they
+ * import then fail. The page loads once more, from the network, and gets the current version; at most once in 30 s.
+ */
+const STALE = `(() => {
+  const key = 'presmium-stale-reload'
+  const reload = () => {
+    let last = 0
+    try { last = Number(sessionStorage.getItem(key)) || 0 } catch {}
+    if (Date.now() - last < 30000) return
+    try { sessionStorage.setItem(key, String(Date.now())) } catch {}
+    location.reload()
+  }
+  addEventListener('vite:preloadError', (event) => { event.preventDefault(); reload() })
+  addEventListener('unhandledrejection', (event) => { if (/dynamically imported module|Importing a module script failed|error loading dynamically imported module/i.test(String(event.reason && event.reason.message || event.reason))) reload() })
+  addEventListener('error', (event) => { const el = event.target; if (el && el.tagName === 'SCRIPT' && el.type === 'module') reload() }, true)
+})()`
+
 const json = (value: unknown) => JSON.stringify(value).replace(/</g, '\\u003c')
 
 export function pageHtml(input: PageHtmlInput): string {
@@ -45,6 +63,7 @@ export function pageHtml(input: PageHtmlInput): string {
     `<title>${escapeHtml(input.title)}</title>`,
     ...(input.meta ?? []).map(tag => `<meta ${attributes(tag)}>`),
     `<script>${APPEARANCE}</script>`,
+    `<script>${STALE}</script>`,
     `<script type="importmap">${json({ imports })}</script>`,
     ...entry.css.map(file => `<link rel="stylesheet" href="${escapeHtml(`${appUrl}${file}`)}">`),
     // A workspace theme's fonts, tokens and styles come after the app's, so that they override them.