chore: remove type module in scripts (#8240)

fix AF-1385

packages/backend/server/src/core/doc-renderer/controller.ts

@@ -154,8 +154,8 @@ export class DocRendererController {
     const summary = opts ? htmlSanitize(opts.summary) : assets.description;
     const image = opts?.avatar ?? 'https://affine.pro/og.jpeg';
 
-    return `
+    // TODO(@forehalo): parse assets/index.html
-      <!DOCTYPE html>
+    return `<!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8" />
@@ -163,12 +163,21 @@ export class DocRendererController {
       name="viewport"
       content="width=device-width, initial-scale=1, maximum-scale=1"
     />
+
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent"
+    />
+
     <title>${title}</title>
     <meta name="theme-color" content="#fafafa" />
     <link rel="preconnect" href="${assets.publicPath}">
     <link rel="manifest" href="/manifest.json" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" sizes="192x192" href="/favicon-192.png" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <meta name="emotion-insertion-point" content="" />
     ${!opts ? '<meta name="robots" content="noindex, nofollow" />' : ''}
     <meta
@@ -185,7 +194,7 @@ export class DocRendererController {
   </head>
   <body>
     <div id="app" data-version="${assets.gitHash}"></div>
-          ${assets.js.map(url => `<script type="module" src="${url}"></script>`).join('\n')}
+    ${assets.js.map(url => `<script src="${url}"></script>`).join('\n')}
   </body>
 </html>
     `;

tools/cli/src/webpack/template.html

@@ -20,6 +20,7 @@
     <link rel="manifest" href="/manifest.json" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" sizes="192x192" href="/favicon-192.png" />
+    <link rel="shortcut icon" href="/favicon.ico" />
     <meta name="emotion-insertion-point" content="" />
     <meta property="description" content="<%= DESCRIPTION %>" />
     <meta name="twitter:card" content="summary_large_image" />
@@ -39,7 +40,6 @@
     <meta property="og:description" content="<%= DESCRIPTION %>" />
     <meta property="og:url" content="https://app.affine.pro/" />
     <meta property="og:image" content="https://affine.pro/og.jpeg" />
-    <link data-react-helmet="true" rel="shortcut icon" href="/favicon.ico" />
   </head>
 
   <body>

tools/cli/src/webpack/webpack.config.ts

@@ -45,7 +45,6 @@ export function createWebpackConfig(cwd: string, flags: BuildFlags) {
     return new HTMLPlugin({
       template: join(rootPath, 'webpack', 'template.html'),
       inject: 'body',
-      scriptLoading: 'module',
       minify: false,
       chunks: [entryName],
       filename: `${entryName === 'app' ? 'index' : entryName}.html`, // main entry should take name index.html