waibu-mpa 2.15.1 → 2.16.0

package/extend/bajoTemplate/template/wmpa.js

@@ -8,8 +8,6 @@ class Wmpa {
     this.prefixMain = '<%= prefix.main %>'
     this.accessTokenUrl = '<%= accessTokenUrl %>'
     this.renderUrl = '<%= renderUrl %>'
-    this.theme = '<%= _meta.theme.name %>'
-    this.iconset = '<%= _meta.iconset.name %>'
     this.apiPrefix = '<%= api.prefix %>'
     this.apiExt = '<%= api.ext %>'
     this.apiHeaderKey = '<%= api.headerKey %>'
@@ -59,6 +57,7 @@ class Wmpa {
   }
 
   init = () => {
+    this.reqId = document.querySelector('meta[name="req-id"]').getAttribute('content')
     window.addEventListener('load', evt => {
       if (window.hljs) window.hljs.highlightAll()
     })
@@ -103,7 +102,7 @@ class Wmpa {
   fetchRender = async (body, qs = {}) => {
     if (_.isArray(body)) body = body.join('\n')
     let url = this.renderUrl + '?'
-    _.forOwn(_.omit(qs, ['theme', 'iconset']), (v, k) => {
+    _.forOwn(qs, (v, k) => {
       url += '&' + k + '=' + v
     })
     const opts = {
@@ -111,8 +110,7 @@ class Wmpa {
       headers: {
         'Content-Type': 'text/plain',
         'X-Referer': window.location.href,
-        'X-Theme': this.theme,
-        'X-Iconset': this.iconset
+        'X-Req-Id': this.reqId
       },
       body
     }

package/extend/waibuMpa/route/component/render.js

@@ -1,12 +1,27 @@
 const component = {
   method: 'POST',
+  noCacheReq: true,
   handler: async function (req, reply) {
+    const { getPluginDataDir } = this.app.bajo
+    const { fs } = this.app.lib
+    const { merge, get } = this.app.lib._
     req.referer = req.headers['x-referer']
+    const pageId = req.headers['x-req-id']
     const { ext = '.html' } = req.body
+    let params = req.query
     reply.header('Content-Type', `text/html; charset=${this.config.page.charset}`)
     reply.header('Content-Language', req.lang)
-    const opts = { req, reply, partial: true, ext, theme: req.headers['x-theme'], iconset: req.headers['x-iconset'] }
-    return this.renderString(req.body, req.query, opts)
+    if (pageId) {
+      try {
+        const file = `${getPluginDataDir(this.ns)}/cache/req/${pageId}/locals.json`
+        const locals = JSON.parse(fs.readFileSync(file, 'utf8'))
+        params = merge({}, locals, params)
+      } catch (err) {}
+    }
+    const theme = get(req, 'headers.x-theme', get(params, '_meta.theme.name'))
+    const iconset = get(req, 'headers.x-iconset', get(params, '_meta.iconset.name'))
+    const opts = { pageId, req, reply, partial: true, ext, theme, iconset }
+    return this.renderString(req.body, params, opts)
   }
 }
 

package/extend/waibuMpa/route/wmpa.js

@@ -1,6 +1,7 @@
 const wmpa = {
   url: '/wmpa.js',
   method: 'GET',
+  noCacheReq: true,
   handler: async function (req, reply) {
     const { get, trim, cloneDeep } = this.app.lib._
     const { getPluginPrefix } = this.app.waibu

package/index.js

@@ -43,6 +43,7 @@ async function factory (pkgName) {
             ttlDur: 0,
             urls: []
           },
+          refreshDur: '1d',
           insertWarning: false,
           usePluginTitle: false,
           scriptsAtEndOfBody: true
@@ -136,7 +137,11 @@ async function factory (pkgName) {
         },
         compress: false,
         rateLimit: false,
-        disabled: []
+        disabled: [],
+        purgeCache: {
+          intvDur: '1m',
+          reqTtlDur: '1d'
+        }
       }
 
       this.configDev = {
@@ -166,6 +171,13 @@ async function factory (pkgName) {
       await widgetFactory.call(this)
     }
 
+    start = async () => {
+      this.purgeCache()
+      setInterval(() => {
+        this.purgeCache()
+      }, this.config.purgeCache.intvDur)
+    }
+
     buildUrl = ({ exclude = [], prefix = '?', base, url = '', params = {}, prettyUrl }) => {
       const { parseObject } = this.app.lib
       const { qs } = this.app.waibu
@@ -495,23 +507,17 @@ async function factory (pkgName) {
       return output
     }
 
-    renderString = async (text, params = {}, opts = {}) => {
-      const { importModule } = this.app.bajo
-      const buildLocals = await importModule('waibu:/lib/build-locals.js')
-      const locals = await buildLocals.call(this, { tpl: null, params, opts })
+    renderString = async (text, locals = {}, opts = {}) => {
       const ve = this.getViewEngine(opts.ext)
       return await ve.renderString(text, locals, opts)
     }
 
-    render = async (tpl, params = {}, opts = {}) => {
-      const { importModule } = this.app.bajo
-      const buildLocals = await importModule('waibu:/lib/build-locals.js')
-      const locals = await buildLocals.call(this, { tpl, params, opts })
+    render = async (tpl, locals = {}, opts = {}) => {
       const ext = path.extname(tpl)
       if (['.json', '.js', '.css'].includes(ext)) opts.partial = true
       opts.ext = ext
-      const viewEngine = this.getViewEngine(ext)
-      return await viewEngine.render(tpl, locals, opts)
+      const ve = this.getViewEngine(ext)
+      return await ve.render(tpl, locals, opts)
     }
 
     stripHtmlTags = (html, options = {}) => {
@@ -634,6 +640,18 @@ async function factory (pkgName) {
       if (!iconset) return iconset
       return nameOnly ? iconset.name : iconset
     }
+
+    purgeCache = async () => {
+      const { getPluginDataDir } = this.app.bajo
+      const { fastGlob, fs } = this.app.lib
+      const dirs = await fastGlob(`${getPluginDataDir(this.ns)}/cache/req/*`, { onlyDirectories: true })
+      for (const dir of dirs) {
+        try {
+          const { mtimeMs } = await fs.stat(dir)
+          if (Date.now() - mtimeMs > this.config.purgeCache.reqTtlDur) await fs.remove(dir)
+        } catch (err) {}
+      }
+    }
   }
 
   return WaibuMpa

package/lib/build-page/inject-elements/meta.js

@@ -11,7 +11,19 @@ async function meta (options) {
   const { sprintf } = this.app.lib
   const { $, theme, req, locals } = options ?? {}
   const { page = {} } = locals
-  let items = []
+  let items = [{
+    tag: 'meta',
+    name: 'req-id',
+    content: req.id
+  }]
+  const refreshDur = get(req, 'routeOptions.config.refreshDur', get(this, 'config.page.refreshDur', 0))
+  if (refreshDur > 0) {
+    items.push({
+      tag: 'meta',
+      httpEquiv: 'Refresh',
+      content: Math.floor(refreshDur / 60) + ''
+    })
+  }
   // meta
   for (const attr of keys(omit(locals.page, [...omitted]))) {
     if (!page[attr]) continue

package/lib/build-routes.js

@@ -1,7 +1,7 @@
 import path from 'path'
 
 export async function build ({ files, pathPrefix, dir, ns, cfg, parent, urlPrefix, subRoute }) {
-  const { defaultsDeep } = this.app.lib.aneka
+  const { defaultsDeep, parseObject } = this.app.lib.aneka
   const { importModule, readJson } = this.app.bajo
   const { isFunction, isPlainObject, pick, last, camelCase, omit } = this.app.lib._
   const { titleize } = this.app.lib.aneka
@@ -20,6 +20,12 @@ export async function build ({ files, pathPrefix, dir, ns, cfg, parent, urlPrefi
     if (isFunction(mod)) mod = [{ handler: mod }]
     else if (isPlainObject(mod)) mod = [mod]
     for (let m of mod) {
+      const mhandler = m.handler // parseObject has problem with function
+      const murl = m.url
+      m = parseObject(omit(m, ['handler', 'url'], { parseValue: true }))
+      m.handler = mhandler
+      m.url = murl
+
       m.url = m.url ?? url
       if (isFunction(m.url)) m.url = await m.url.call(this)
       if (m.redirect) {
@@ -45,9 +51,10 @@ export async function build ({ files, pathPrefix, dir, ns, cfg, parent, urlPrefi
       m.config.prefix = getPluginPrefix(ns)
       m.config.pathSrc = m.url
       m.config.webApp = parent ?? ns
-      m.config.interSite = m.interSite
+      m.config.xSite = m.xSite
       m.config.ns = ns
       m.config.subNs = ''
+      m.config.noCacheReq = m.noCacheReq
       m.config.title = m.title ?? camelCase(last(m.url.split('/')))
       m.config.subRoute = subRoute
       if (m.cache === true) m.cache = omit(me.config.page.cache, ['urls'])

package/lib/class/component.js

@@ -105,7 +105,7 @@ async function componentFactory () {
       await this.iconAttr(params, method)
       await this.beforeBuildTag(method, params)
       const Widget = await this.getWidget(method)
-      const widget = new Widget({ component: this, params })
+      const widget = new Widget({ component: this, params, options: opts })
       const resp = await widget.build()
       if (resp === false) {
         return false
@@ -280,7 +280,7 @@ async function componentFactory () {
      * @returns {Promise<string>} The built sentence.
      */
     buildSentence = async (sentence, params = {}, extra = {}) => {
-      const { get } = this.app.lib._
+      const { get, merge } = this.app.lib._
       if (Array.isArray(sentence)) sentence = sentence.join(' ')
       const { minify, renderString } = this.app.waibuMpa
       if (extra.wrapped) sentence = '<w>' + sentence + '</w>'
@@ -292,7 +292,7 @@ async function componentFactory () {
         theme: get(this, 'theme.name', 'default'),
         iconset: get(this, 'iconset.name', 'default')
       }
-      let html = await renderString(sentence, params, opts)
+      let html = await renderString(sentence, merge({}, this.locals, params), opts)
       if (extra.wrapped) html = html.slice(3, html.length - 4)
       if (extra.minify) html = await minify(html)
       return html

package/lib/class/view-engine.js

@@ -24,6 +24,7 @@ async function viewEngineFactory () {
     }
 
     renderString = async (content, locals = {}, opts = {}) => {
+      locals.tpl = null
       this._applySetting(locals, opts)
       return await this.app.bajoTemplate.renderString(content, locals, opts)
     }

package/lib/class/widget/page-end.js

@@ -23,7 +23,7 @@ async function pageEndFactory () {
       let tc = ''
       if (!this.params.attr.noToastContainer && widget.toastStack && widget.toast) {
         const toasts = []
-        if (get(locals, 'error')) {
+        if (get(locals, 'error') && get(locals, '_meta.flash.notify')) {
           const details = get(locals.error, 'details', [])
           if (details.length > 0) {
             const list = [`<ul class="m-0 ${details.length === 1 ? 'list-unstyled' : ''}">`]

package/lib/class/widget.js

@@ -10,7 +10,7 @@ async function widgetFactory () {
     static inlineScript = null
     static inlineCss = null
 
-    constructor ({ component = {}, params = {} } = {}) {
+    constructor ({ component = {}, params = {}, options = {} } = {}) {
       super(component.plugin)
       const names = kebabCase(this.constructor.name).split('-')
       const alias = names.length > 1 ? names[0] : 'wbs'
@@ -21,6 +21,7 @@ async function widgetFactory () {
       this.component = component
       this.params = params
       this.block = {}
+      this.options = options
       this.setting = this._parseBase64Attr(this.params.attr.setting)
       this.formData = get(this, `component.locals.${this.params.attr.keyLocals ?? 'form'}`, {})
       this.oldData = get(this, `component.locals.${this.params.attr.keyOldData ?? 'oldData'}`, {})

package/lib/decorate.js

@@ -19,10 +19,12 @@ async function isCacheable (req, cachedUrls) {
 }
 
 async function decorate () {
+  const { importModule, getPluginDataDir } = this.app.bajo
+  const buildLocals = await importModule('waibu:/lib/build-locals.js')
   const { importPkg } = this.app.bajo
-  const { isString, cloneDeep, isEmpty } = this.app.lib._
+  const { isString, cloneDeep, isEmpty, get } = this.app.lib._
   const { get: getCache, set: setCache } = this.app.bajoCache ?? {}
-  const { outmatch } = this.app.lib
+  const { outmatch, fs } = this.app.lib
   const { routePath } = this.app.waibu
   const mime = await importPkg('waibu:mime')
   const cfg = this.config
@@ -46,6 +48,7 @@ async function decorate () {
     mimeType += `; charset=${cfg.page.charset}`
     this.header('Content-Type', mimeType)
     this.header('Content-Language', this.request.lang)
+    this.header('X-Req-Id', this.request.id)
     opts.req = this.request
     opts.reply = this
     for (const item of ['theme', 'iconset']) {
@@ -60,7 +63,13 @@ async function decorate () {
         return cached
       }
     }
-    const result = await me.render(tpl, params, opts)
+    const locals = await buildLocals.call(me, { tpl, params, opts })
+    if (!get(this.request, 'routeOptions.config.noCacheReq')) {
+      const dir = `${getPluginDataDir(me.ns)}/cache/req/${opts.req.id}`
+      fs.ensureDirSync(dir)
+      fs.writeFileSync(`${dir}/locals.json`, JSON.stringify(locals, null, 2), 'utf8')
+    }
+    const result = await me.render(tpl, locals, opts)
     if (ttl > 0) await setCache({ key, value: result, ttl })
     if (this.request.session) {
       ext = path.extname(this.request.url)

package/lib/error-handler.js

@@ -1,8 +1,7 @@
 import notFoundHandler from './not-found-handler.js'
 
 async function errorHandler (err, req, reply) {
-  const { fs } = this.app.lib
-  const { resolveTemplate, compile } = this.app.bajoTemplate
+  const { resolveTemplate } = this.app.bajoTemplate
   err.statusCode = err.statusCode ?? 500
   reply.code(err.statusCode)
   reply.header('Content-Type', `text/html; charset=${this.config.page.charset}`)
@@ -16,12 +15,11 @@ async function errorHandler (err, req, reply) {
   // let result
   let tpl = `${ns}.template:/${err.statusCode ?? 500}.html`
   try {
-    tpl = resolveTemplate(tpl)
+    resolveTemplate(tpl)
   } catch (err) {
-    tpl = resolveTemplate(`${this.ns}.template:/500.html`)
+    tpl = `${this.ns}.template:/500.html`
   }
-  const content = fs.readFileSync(tpl.file, 'utf8')
-  return await compile(content, { error: err })
+  return reply.view(tpl, { error: err }, { noFlash: true })
 }
 
 export default errorHandler

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waibu-mpa",
-  "version": "2.15.1",
+  "version": "2.16.0",
   "description": "MPA support for Waibu Framework",
   "main": "index.js",
   "scripts": {

package/wiki/CHANGES.md

@@ -1,5 +1,15 @@
 # Changes
 
+## 2026-05-25
+
+- [2.16.0] Add theme & iconset auto detection mechanism
+- [2.16.0] Add page expiration & reload through ```routeOptions.config.refreshDur``` or ```config.page.refreshDur```
+
+## 2026-05-22
+
+- [2.15.2] Bug fix in ```error-handler.js```
+- [2.15.2] Bug fix in ```component.buildTag()```
+
 ## 2026-05-16
 
 - [2.15.1] Bug fix in ```component.js```