lupine.api 1.1.58 → 1.1.59

package/src/api/server-content-type.ts

@@ -1,82 +1,82 @@
-export const serverContentType: { [key: string]: string } = {
-  txt: 'text/plain',
-  htm: 'text/html',
-  html: 'text/html',
-  xhtml: 'application/xhtml+xml',
-  xml: 'text/xml',
-  css: 'text/css',
-  js: 'text/javascript',
-  wasm: 'application/wasm',
-  json: 'application/json',
-  csv: 'text/csv',
-  yaml: 'application/x-yaml',
-  md: 'text/markdown',
-  yml: 'application/x-yaml',
-  map: 'application/json',
-  rss: 'application/rss+xml',
-
-  gif: 'image/gif',
-  jpeg: 'image/jpeg',
-  jpg: 'image/jpeg',
-  tif: 'image/tiff',
-  tiff: 'image/tiff',
-  png: 'image/png',
-  svg: 'image/svg+xml',
-  bmp: 'image/bmp',
-  webp: 'image/webp',
-  heic: 'image/heic',
-  heif: 'image/heif',
-  avif: 'image/avif',
-  swf: 'application/x-shockwave-flash',
-  ico: 'image/x-icon',
-  cur: 'image/x-icon',
-
-  pdf: 'application/pdf',
-  doc: 'application/msword',
-  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-  xls: 'application/vnd.ms-excel',
-  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-  odt: 'application/vnd.oasis.opendocument.text',
-  ods: 'application/vnd.oasis.opendocument.spreadsheet',
-  odp: 'application/vnd.oasis.opendocument.presentation',
-  ppt: 'application/vnd.ms-powerpoint',
-  rtf: 'application/rtf',
-
-  woff: 'font/woff',
-  woff2: 'font/woff2',
-  ttf: 'font/ttf',
-  otf: 'font/otf',
-  eot: 'application/vnd.ms-fontobject',
-
-  mp3: 'audio/mpeg',
-  wav: 'audio/x-wav',
-  wma: 'audio/x-ms-wma',
-  mp4: 'video/mp4',
-  mpeg: 'video/mpeg',
-  avi: 'video/x-msvideo',
-  wmv: 'video/x-ms-wmv',
-  ogg: 'audio/ogg',
-  oga: 'audio/ogg',
-  ogv: 'video/ogg',
-  webm: 'video/webm',
-  m4a: 'audio/mp4',
-  aac: 'audio/aac',
-  flac: 'audio/flac',
-  mid: 'audio/midi',
-  midi: 'audio/midi',
-  '3gp': 'video/3gpp',
-  '3g2': 'video/3gpp2',
-  mov: 'video/quicktime',
-  mkv: 'video/x-matroska',
-  m4v: 'video/mp4',
-
-  jar: 'application/java-archive',
-  gz: 'application/gzip',
-  tar: 'application/x-tar',
-  rar: 'application/vnd.rar',
-  zip: 'application/zip',
-  '7z': 'application/x-7z-compressed',
-  sh: 'application/x-sh',
-  bat: 'application/x-msdownload',
-};
+export const serverContentType: { [key: string]: string } = {
+  txt: 'text/plain',
+  htm: 'text/html',
+  html: 'text/html',
+  xhtml: 'application/xhtml+xml',
+  xml: 'text/xml',
+  css: 'text/css',
+  js: 'text/javascript',
+  wasm: 'application/wasm',
+  json: 'application/json',
+  csv: 'text/csv',
+  yaml: 'application/x-yaml',
+  md: 'text/markdown',
+  yml: 'application/x-yaml',
+  map: 'application/json',
+  rss: 'application/rss+xml',
+
+  gif: 'image/gif',
+  jpeg: 'image/jpeg',
+  jpg: 'image/jpeg',
+  tif: 'image/tiff',
+  tiff: 'image/tiff',
+  png: 'image/png',
+  svg: 'image/svg+xml',
+  bmp: 'image/bmp',
+  webp: 'image/webp',
+  heic: 'image/heic',
+  heif: 'image/heif',
+  avif: 'image/avif',
+  swf: 'application/x-shockwave-flash',
+  ico: 'image/x-icon',
+  cur: 'image/x-icon',
+
+  pdf: 'application/pdf',
+  doc: 'application/msword',
+  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  xls: 'application/vnd.ms-excel',
+  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+  odt: 'application/vnd.oasis.opendocument.text',
+  ods: 'application/vnd.oasis.opendocument.spreadsheet',
+  odp: 'application/vnd.oasis.opendocument.presentation',
+  ppt: 'application/vnd.ms-powerpoint',
+  rtf: 'application/rtf',
+
+  woff: 'font/woff',
+  woff2: 'font/woff2',
+  ttf: 'font/ttf',
+  otf: 'font/otf',
+  eot: 'application/vnd.ms-fontobject',
+
+  mp3: 'audio/mpeg',
+  wav: 'audio/x-wav',
+  wma: 'audio/x-ms-wma',
+  mp4: 'video/mp4',
+  mpeg: 'video/mpeg',
+  avi: 'video/x-msvideo',
+  wmv: 'video/x-ms-wmv',
+  ogg: 'audio/ogg',
+  oga: 'audio/ogg',
+  ogv: 'video/ogg',
+  webm: 'video/webm',
+  m4a: 'audio/mp4',
+  aac: 'audio/aac',
+  flac: 'audio/flac',
+  mid: 'audio/midi',
+  midi: 'audio/midi',
+  '3gp': 'video/3gpp',
+  '3g2': 'video/3gpp2',
+  mov: 'video/quicktime',
+  mkv: 'video/x-matroska',
+  m4v: 'video/mp4',
+
+  jar: 'application/java-archive',
+  gz: 'application/gzip',
+  tar: 'application/x-tar',
+  rar: 'application/vnd.rar',
+  zip: 'application/zip',
+  '7z': 'application/x-7z-compressed',
+  sh: 'application/x-sh',
+  bat: 'application/x-msdownload',
+};

package/src/api/server-render.ts

@@ -1,215 +1,235 @@
-import * as fs from 'fs';
-import * as path from 'path';
-import { ServerResponse } from 'http';
-import { FsUtils, Logger } from '../lib';
-import { getWebEnv } from '../lib';
-import { ServerRequest } from '../models/locals-props';
-import { ToClientDelivery } from './to-client-delivery';
-import { IToClientDelivery } from '../models/to-client-delivery-props';
-import { JsonObject } from '../models/json-object';
-import { getTemplateCache } from './api-cache';
-import { apiStorage } from './api-shared-storage';
-import { RuntimeRequire } from '../lib/runtime-require';
-
-const logger = new Logger('StaticServer');
-
-export type RenderPageFunctionsType = {
-  fetchData: (url: string, postData: string | JsonObject) => Promise<any>;
-  [key: string]: Function;
-};
-let renderPageFunctions: RenderPageFunctionsType = {
-  fetchData: async (url: string, postData: string | JsonObject) => {
-    throw new Error('Method not implemented');
-  },
-};
-export const getRenderPageFunctions = () => renderPageFunctions;
-// for the FE code to fetch data in SSR
-export const bindRenderPageFunctions = (calls: RenderPageFunctionsType) => {
-  for (let k in calls) {
-    renderPageFunctions[k] = calls[k];
-  }
-};
-
-export type PageResultType = {
-  content: string;
-  title: string;
-  metaData: string;
-  themeName: string;
-  globalCss: string;
-};
-type _LupineJs = {
-  generatePage: (props: any, toClientDelivery: IToClientDelivery) => Promise<PageResultType>;
-};
-
-export const isServerSideRenderUrl = (urlWithoutQuery: string) => {
-  /*
-    ""                            -->   ""
-    "name"                        -->   ""
-    "name.txt"                    -->   "txt"
-    ".htpasswd"                   -->   ""
-    "name.with.many.dots.myext"   -->   "myext"
-  */
-  const ext = urlWithoutQuery.slice(((urlWithoutQuery.lastIndexOf('.') - 1) >>> 0) + 2);
-  return ext === '' || ext === 'html';
-};
-
-// If the folder contains index.html and index.js, then the js will be used to render
-const findNearestRoot = async (cachedHtml: any, webRoot: string, urlWithoutQuery: string) => {
-  if (urlWithoutQuery === '/' || urlWithoutQuery === '/index.html') {
-    return webRoot;
-  }
-  if (urlWithoutQuery.endsWith('/')) {
-    urlWithoutQuery = urlWithoutQuery.slice(0, -1);
-  }
-
-  // cache sub folders whether it has both index.html and js, or virtual path
-  if (!cachedHtml['_sub_:' + webRoot]) {
-    cachedHtml['_sub_:' + webRoot] = {};
-  }
-
-  const cacheRoots = cachedHtml['_sub_:' + webRoot];
-  let nearRoot = path.join(webRoot, urlWithoutQuery);
-  if (cacheRoots[nearRoot] === '1') {
-    return nearRoot;
-  }
-
-  while (
-    cacheRoots[nearRoot] === '0' ||
-    !(await FsUtils.pathExist(path.join(nearRoot, 'index.html'))) ||
-    !(await FsUtils.pathExist(path.join(nearRoot, 'index.js')))
-  ) {
-    cacheRoots[nearRoot] = '0';
-    nearRoot = path.dirname(nearRoot);
-    if (cacheRoots[nearRoot] === '1' || nearRoot.length <= webRoot.length) {
-      break;
-    }
-  }
-  if (nearRoot.length <= webRoot.length) {
-    nearRoot = webRoot;
-  } else {
-    cacheRoots[nearRoot] = '1';
-  }
-  return nearRoot;
-};
-
-const titleText = '<!--META-TITLE-->';
-const metaTextStart = '<!--META-ENV-START-->';
-const metaTextEnd = '<!--META-ENV-END-->';
-const containerText = '<div class="lupine-root">'; // '</div>'
-type CachedHtmlProps = {
-  content: string;
-  webEnv: { [k: string]: string };
-  // serverConfig: { [k: string]: any };
-  titleIndex: number;
-  metaIndexStart: number;
-  metaIndexEnd: number;
-  containerIndex: number;
-  _lupineJs: _LupineJs;
-};
-export const serverSideRenderPage = async (
-  appName: string,
-  webRoot: string,
-  urlWithoutQuery: string,
-  urlQuery: string,
-  req: ServerRequest,
-  res: ServerResponse
-) => {
-  console.log(`=========SSR, root: ${webRoot}, url: ${urlWithoutQuery}`);
-
-  // cache multiple folders
-  const cachedHtml = getTemplateCache();
-
-  // in order to support virtual path and also sub folders, here needs to find nearest sub folder which contains index.js
-  const nearRoot = await findNearestRoot(cachedHtml, webRoot, urlWithoutQuery);
-
-  if (!cachedHtml[nearRoot]) {
-    // the FE code needs to export _lupineJs
-    // const lupinJs = await import(webRoot + '/index.js');
-    const gThis = await RuntimeRequire.loadModuleIsolated(path.join(nearRoot, 'index.js'), { _lupineJs: null });
-    // const lupinJs = require(path.join(nearRoot, 'index.js'));
-    if (!gThis || !gThis._lupineJs) {
-      throw new Error('_lupineJs is not defined');
-    }
-
-    console.log(`=========load lupine: `, gThis);
-    const _lupineJs = gThis._lupineJs() as _LupineJs;
-
-    const content = await fs.promises.readFile(path.join(nearRoot, 'index.html'));
-    const contentWithEnv = content.toString();
-    cachedHtml[nearRoot] = {
-      content: contentWithEnv,
-      webEnv: getWebEnv(appName),
-      titleIndex: contentWithEnv.indexOf(titleText),
-      metaIndexStart: contentWithEnv.indexOf(metaTextStart),
-      metaIndexEnd: contentWithEnv.indexOf(metaTextEnd),
-      containerIndex: contentWithEnv.indexOf(containerText),
-      _lupineJs: _lupineJs,
-    } as CachedHtmlProps;
-  }
-
-  const props = {
-    url: urlWithoutQuery,
-    // urlSections: urlWithoutQuery.split('/').filter((i) => !!i),
-    query: Object.fromEntries(new URLSearchParams(urlQuery || '')), //new URLSearchParams(urlQuery || ''),
-    urlParameters: {},
-    renderPageFunctions: renderPageFunctions,
-  };
-
-  const _lupineJs = cachedHtml[nearRoot]._lupineJs;
-  const currentCache = cachedHtml[nearRoot] as CachedHtmlProps;
-  const webSetting = await apiStorage.getWebAll();
-  // const webSettingShortKey: SimpleStorageDataProps = {};
-  // for (let item of Object.keys(webSetting)) {
-  //   const newItem = item.substring(4);
-  //   webSettingShortKey[newItem] = webSetting[item];
-  // }
-  // const webSetting = AppConfig.get(AppConfig.WEB_SETTINGS_KEY) || {};
-  const clientDelivery = new ToClientDelivery(currentCache.webEnv, webSetting, req.locals.cookies());
-  const page = await _lupineJs.generatePage(props, clientDelivery);
-  // console.log(`=========load lupin: `, content);
-
-  const allowOrigin = req.headers.origin && req.headers.origin !== 'null' ? req.headers.origin : '*';
-  res.setHeader('Access-Control-Allow-Origin', allowOrigin);
-  res.writeHead(200, { 'Content-Type': 'text/html' });
-  // res.writeHead(200, { 'Content-Type': 'text/html', 'Content-Encoding': 'gzip' });
-
-  // const s = zlib.createGzip();
-  // stream.pipeline(s, res, (err) => {
-  //   s.write(cachedHtml.content.substring(0, cachedHtml.titleIndex).replace('<!--META-THEME-->', page.themeName));
-  //   s.write(page.title);
-  //   s.write(cachedHtml.content.substring(cachedHtml.titleIndex + titleText.length, cachedHtml.metaIndex));
-  //   s.write(page.metaData);
-  //   s.write(page.globalCss);
-  //   s.write(
-  //     cachedHtml.content.substring(cachedHtml.metaIndex + metaText.length, cachedHtml.containerIndex + containerText.length)
-  //   )
-  //   s.write(page.content);
-  //   s.write(cachedHtml.content.substring(cachedHtml.containerIndex + containerText.length), (err) => {
-  //     s.flush();
-  //     res.end();
-  //   });
-  // });
-
-  // data-theme and title
-  res.write(currentCache.content.substring(0, currentCache.titleIndex).replace('<!--META-THEME-->', page.themeName));
-  res.write(page.title);
-  res.write(currentCache.content.substring(currentCache.titleIndex + titleText.length, currentCache.metaIndexStart));
-  // meta data
-  res.write(page.metaData);
-  res.write(page.globalCss);
-  res.write('<script id="web-env" type="application/json">' + JSON.stringify(currentCache.webEnv) + '</script>');
-  res.write('<script id="web-setting" type="application/json">' + JSON.stringify(webSetting) + '</script>');
-  res.write(
-    currentCache.content.substring(
-      currentCache.metaIndexEnd + metaTextEnd.length,
-      currentCache.containerIndex + containerText.length
-    )
-  );
-  // content
-  res.write(page.content);
-  res.write(currentCache.content.substring(currentCache.containerIndex + containerText.length));
-
-  // const html = index.toString().replace('<div class="lupine-root"></div>', content);
-  // handler200(res, html);
-  res.end();
-};
+import * as fs from 'fs';
+import * as path from 'path';
+import { ServerResponse } from 'http';
+import { FsUtils, Logger } from '../lib';
+import { getWebEnv } from '../lib';
+import { ServerRequest } from '../models/locals-props';
+import { ToClientDelivery } from './to-client-delivery';
+import { IToClientDelivery } from '../models/to-client-delivery-props';
+import { JsonObject } from '../models/json-object';
+import { getTemplateCache } from './api-cache';
+import { apiStorage } from './api-shared-storage';
+import { RuntimeRequire } from '../lib/runtime-require';
+
+const logger = new Logger('StaticServer');
+
+export type RenderPageFunctionsType = {
+  fetchData: (url: string, postData: string | JsonObject) => Promise<any>;
+  [key: string]: Function;
+};
+let renderPageFunctions: RenderPageFunctionsType = {
+  fetchData: async (url: string, postData: string | JsonObject) => {
+    throw new Error('Method not implemented');
+  },
+};
+export const getRenderPageFunctions = () => renderPageFunctions;
+// for the FE code to fetch data in SSR
+export const bindRenderPageFunctions = (calls: RenderPageFunctionsType) => {
+  for (let k in calls) {
+    renderPageFunctions[k] = calls[k];
+  }
+};
+
+export type PageResultType = {
+  content: string;
+  title: string;
+  metaData: string;
+  themeName: string;
+  globalCss: string;
+};
+type _LupineJs = {
+  generatePage: (props: any, toClientDelivery: IToClientDelivery) => Promise<PageResultType>;
+};
+
+export const isServerSideRenderUrl = (urlWithoutQuery: string) => {
+  /*
+    ""                            -->   ""
+    "name"                        -->   ""
+    "name.txt"                    -->   "txt"
+    ".htpasswd"                   -->   ""
+    "name.with.many.dots.myext"   -->   "myext"
+  */
+  const ext = urlWithoutQuery.slice(((urlWithoutQuery.lastIndexOf('.') - 1) >>> 0) + 2);
+  return ext === '' || ext === 'html';
+};
+
+// If the folder contains index.html and index.js, then the js will be used to render
+const findNearestRoot = async (cachedHtml: any, webRoot: string, urlWithoutQuery: string) => {
+  if (urlWithoutQuery === '/' || urlWithoutQuery === '/index.html') {
+    return webRoot;
+  }
+  if (urlWithoutQuery.endsWith('/')) {
+    urlWithoutQuery = urlWithoutQuery.slice(0, -1);
+  }
+
+  // cache sub folders whether it has both index.html and js, or virtual path
+  if (!cachedHtml['_sub_:' + webRoot]) {
+    cachedHtml['_sub_:' + webRoot] = {};
+  }
+
+  const cacheRoots = cachedHtml['_sub_:' + webRoot];
+  let nearRoot = path.join(webRoot, urlWithoutQuery);
+  if (cacheRoots[nearRoot] === '1') {
+    return nearRoot;
+  }
+
+  while (
+    cacheRoots[nearRoot] === '0' ||
+    !(await FsUtils.pathExist(path.join(nearRoot, 'index.html'))) ||
+    !(await FsUtils.pathExist(path.join(nearRoot, 'index.js')))
+  ) {
+    cacheRoots[nearRoot] = '0';
+    nearRoot = path.dirname(nearRoot);
+    if (cacheRoots[nearRoot] === '1' || nearRoot.length <= webRoot.length) {
+      break;
+    }
+  }
+  if (nearRoot.length <= webRoot.length) {
+    nearRoot = webRoot;
+  } else {
+    cacheRoots[nearRoot] = '1';
+  }
+  return nearRoot;
+};
+
+const titleText = '<!--META-TITLE-->';
+const metaTextStart = '<!--META-ENV-START-->';
+const metaTextEnd = '<!--META-ENV-END-->';
+const containerText = '<div class="lupine-root">'; // '</div>'
+type CachedHtmlProps = {
+  content: string;
+  webEnv: { [k: string]: string };
+  // serverConfig: { [k: string]: any };
+  titleIndex: number;
+  metaIndexStart: number;
+  metaIndexEnd: number;
+  containerIndex: number;
+  _lupineJs: _LupineJs;
+};
+export const serverSideRenderPage = async (
+  appName: string,
+  webRoot: string,
+  urlWithoutQuery: string,
+  urlQuery: string,
+  req: ServerRequest,
+  res: ServerResponse
+) => {
+  // console.log(`=========SSR, root: ${webRoot}, url: ${urlWithoutQuery}`);
+
+  // cache multiple folders
+  const cachedHtml = getTemplateCache();
+
+  // in order to support virtual path and also sub folders, here needs to find nearest sub folder which contains index.js
+  const nearRoot = await findNearestRoot(cachedHtml, webRoot, urlWithoutQuery);
+
+  if (!cachedHtml[nearRoot]) {
+    // the FE code needs to export _lupineJs
+    // const lupinJs = await import(webRoot + '/index.js');
+    // if error happens during the SSR, then send index.html
+    const content = await fs.promises.readFile(path.join(nearRoot, 'index.html'));
+    let _lupineJs;
+    try {
+      const gThis = await RuntimeRequire.loadModuleIsolated(path.join(nearRoot, 'index.js'), { _lupineJs: null });
+      // const lupinJs = require(path.join(nearRoot, 'index.js'));
+      if (!gThis || !gThis._lupineJs) {
+        throw new Error('_lupineJs is not defined');
+      }
+      // console.log(`=========load lupine: `, gThis);
+      _lupineJs = gThis._lupineJs() as _LupineJs;
+    } catch (e: any) {
+      logger.error(e.message);
+    }
+
+    const contentWithEnv = content.toString();
+    cachedHtml[nearRoot] = {
+      content: contentWithEnv,
+      webEnv: getWebEnv(appName),
+      titleIndex: contentWithEnv.indexOf(titleText),
+      metaIndexStart: contentWithEnv.indexOf(metaTextStart),
+      metaIndexEnd: contentWithEnv.indexOf(metaTextEnd),
+      containerIndex: contentWithEnv.indexOf(containerText),
+      _lupineJs: _lupineJs,
+    } as CachedHtmlProps;
+  }
+
+  const props = {
+    url: urlWithoutQuery,
+    // urlSections: urlWithoutQuery.split('/').filter((i) => !!i),
+    query: Object.fromEntries(new URLSearchParams(urlQuery || '')), //new URLSearchParams(urlQuery || ''),
+    urlParameters: {},
+    renderPageFunctions: renderPageFunctions,
+  };
+
+  const _lupineJs = cachedHtml[nearRoot]._lupineJs;
+  const currentCache = cachedHtml[nearRoot] as CachedHtmlProps;
+  const webSetting = await apiStorage.getWebAll();
+  // const webSettingShortKey: SimpleStorageDataProps = {};
+  // for (let item of Object.keys(webSetting)) {
+  //   const newItem = item.substring(4);
+  //   webSettingShortKey[newItem] = webSetting[item];
+  // }
+  // const webSetting = AppConfig.get(AppConfig.WEB_SETTINGS_KEY) || {};
+  const clientDelivery = new ToClientDelivery(currentCache.webEnv, webSetting, req.locals.cookies());
+
+  let page = {
+    content: '',
+    title: '',
+    metaData: '',
+    themeName: '',
+    globalCss: '',
+  };
+  if (_lupineJs) {
+    try {
+      page = await _lupineJs.generatePage(props, clientDelivery);
+    } catch (e: any) {
+      logger.error(e.message);
+    }
+  }
+
+  // console.log(`=========load lupin: `, content);
+
+  const allowOrigin = req.headers.origin && req.headers.origin !== 'null' ? req.headers.origin : '*';
+  res.setHeader('Access-Control-Allow-Origin', allowOrigin);
+  res.writeHead(200, { 'Content-Type': 'text/html' });
+  // res.writeHead(200, { 'Content-Type': 'text/html', 'Content-Encoding': 'gzip' });
+
+  // const s = zlib.createGzip();
+  // stream.pipeline(s, res, (err) => {
+  //   s.write(cachedHtml.content.substring(0, cachedHtml.titleIndex).replace('<!--META-THEME-->', page.themeName));
+  //   s.write(page.title);
+  //   s.write(cachedHtml.content.substring(cachedHtml.titleIndex + titleText.length, cachedHtml.metaIndex));
+  //   s.write(page.metaData);
+  //   s.write(page.globalCss);
+  //   s.write(
+  //     cachedHtml.content.substring(cachedHtml.metaIndex + metaText.length, cachedHtml.containerIndex + containerText.length)
+  //   )
+  //   s.write(page.content);
+  //   s.write(cachedHtml.content.substring(cachedHtml.containerIndex + containerText.length), (err) => {
+  //     s.flush();
+  //     res.end();
+  //   });
+  // });
+
+  // data-theme and title
+  res.write(currentCache.content.substring(0, currentCache.titleIndex).replace('<!--META-THEME-->', page.themeName));
+  res.write(page.title);
+  res.write(currentCache.content.substring(currentCache.titleIndex + titleText.length, currentCache.metaIndexStart));
+  // meta data
+  res.write(page.metaData);
+  res.write(page.globalCss);
+  res.write('<script id="web-env" type="application/json">' + JSON.stringify(currentCache.webEnv) + '</script>');
+  res.write('<script id="web-setting" type="application/json">' + JSON.stringify(webSetting) + '</script>');
+  res.write(
+    currentCache.content.substring(
+      currentCache.metaIndexEnd + metaTextEnd.length,
+      currentCache.containerIndex + containerText.length
+    )
+  );
+  // content
+  res.write(page.content);
+  res.write(currentCache.content.substring(currentCache.containerIndex + containerText.length));
+
+  // const html = index.toString().replace('<div class="lupine-root"></div>', content);
+  // handler200(res, html);
+  res.end();
+};