refactor: improve dom polyfill

Author: ije

cli.ts

@@ -160,33 +160,6 @@ async function main() {
         }
     }
 
-    // add virtual browser global objects
-    if (command !== 'init' && command !== 'upgrade') {
-        const { createHTMLDocument } = await import('./vendor/deno-dom/document.ts')
-        Object.assign(globalThis, {
-            document: createHTMLDocument(),
-            location: {
-                protocol: 'http:',
-                host: 'localhost',
-                hostname: 'localhost',
-                port: '',
-                href: 'https://localhost/',
-                origin: 'https://localhost',
-                pathname: '/',
-                search: '',
-                hash: '',
-                reload() { },
-                replace() { },
-                toString() { return this.href },
-            },
-            innerWidth: 1920,
-            innerHeight: 1080,
-            devicePixelRatio: 1,
-            $RefreshReg$: () => { },
-            $RefreshSig$: () => (type: any) => type,
-        })
-    }
-
     const { default: cmd } = await import(`./cli/${command}.ts`)
     if (command === 'upgrade') {
         await cmd(argOptions.v || argOptions.version || 'latest')

project.ts

@@ -13,6 +13,7 @@ import { colors, ensureDir, fromStreamReader, path, ServerRequest, Sha1, walk }
 import { compile } from './tsc/compile.ts'
 import type { AlephEnv, APIHandler, Config, RouterURL } from './types.ts'
 import util, { hashShort, MB, reHashJs, reHttp, reLocaleID, reMDExt, reModuleExt, reStyleModuleExt } from './util.ts'
+import { createHTMLDocument } from './vendor/deno-dom/document.ts'
 import less from './vendor/less/less.js'
 import { version } from './version.ts'
 
@@ -1450,6 +1451,30 @@ export class Project {
     }
 }
 
+Object.assign(globalThis, {
+    __createHTMLDocument: () => createHTMLDocument(),
+    document: createHTMLDocument(),
+    location: {
+        protocol: 'http:',
+        host: 'localhost',
+        hostname: 'localhost',
+        port: '',
+        href: 'https://localhost/',
+        origin: 'https://localhost',
+        pathname: '/',
+        search: '',
+        hash: '',
+        reload() { },
+        replace() { },
+        toString() { return this.href },
+    },
+    innerWidth: 1920,
+    innerHeight: 1080,
+    devicePixelRatio: 1,
+    $RefreshReg$: () => { },
+    $RefreshSig$: () => (type: any) => type,
+})
+
 /** inject HMR and React Fast Referesh helper code  */
 export function injectHmr({ id, sourceFilePath, jsContent }: Module): string {
     let hmrImportPath = getRelativePath(

renderer.ts

@@ -1,4 +1,3 @@
-import unescape from 'https://esm.sh/lodash/unescape?no-check'
 import React, { ComponentType, ReactElement } from 'https://esm.sh/react'
 import { renderToString } from 'https://esm.sh/react-dom/server'
 import { RendererContext, RouterContext } from './context.ts'
@@ -63,13 +62,15 @@ export async function renderPage(
         headElements: new Map(),
         scriptsElements: new Map()
     }
+    const { __createHTMLDocument } = (window as any)
     const { __buildMode, __buildTarget } = (window as any).ALEPH.ENV as AlephEnv
     const data: Record<string, any> = {}
     const useDenEvent = `useDeno://${url.pathname + '?' + url.query.toString()}`
     const useDenoAsyncCalls: Array<Promise<any>> = []
 
     Object.assign(window, {
         [`__asyncData_${useDenEvent}`]: {},
+        document: __createHTMLDocument(),
         location: {
             protocol: 'http:',
             host: 'localhost',
@@ -155,9 +156,9 @@ export async function renderPage(
         if (dangerouslySetInnerHTML && util.isNEString(dangerouslySetInnerHTML.__html)) {
             ret.scripts.push({ ...attrs, innerText: dangerouslySetInnerHTML.__html })
         } if (util.isNEString(children)) {
-            ret.scripts.push({ ...attrs, innerText: unescape(children) })
+            ret.scripts.push({ ...attrs, innerText: children })
         } else if (util.isNEArray(children)) {
-            ret.scripts.push({ ...attrs, innerText: unescape(children.join('')) })
+            ret.scripts.push({ ...attrs, innerText: children.join('') })
         } else {
             ret.scripts.push(props)
         }