refactor: cleanup

Author: Je

app.ts

@@ -191,14 +191,10 @@ export async function bootstrap({
     baseUrl,
     defaultLocale,
     locales,
-    dataModule,
-    appModule,
-    e404Module,
+    keyModules,
     pageModules
 }: AppManifest & {
-    dataModule: Module | null
-    appModule: Module | null
-    e404Module: Module | null
+    keyModules: Record<string, Module>
     pageModules: Record<string, Module>
 }) {
     const { document } = window as any
@@ -231,9 +227,9 @@ export async function bootstrap({
         { default: E404Component },
         { default: PageComponent }
     ] = await Promise.all([
-        dataModule ? import(getModuleImportUrl(baseUrl, dataModule)) : Promise.resolve({ default: {} }),
-        appModule ? import(getModuleImportUrl(baseUrl, appModule)) : Promise.resolve({}),
-        e404Module ? import(getModuleImportUrl(baseUrl, e404Module)) : Promise.resolve({}),
+        keyModules.data ? import(getModuleImportUrl(baseUrl, keyModules.data)) : Promise.resolve({ default: {} }),
+        keyModules.app ? import(getModuleImportUrl(baseUrl, keyModules.app)) : Promise.resolve({}),
+        keyModules['404'] ? import(getModuleImportUrl(baseUrl, keyModules['404'])) : Promise.resolve({}),
         pageModule ? import(getModuleImportUrl(baseUrl, pageModule)) : Promise.resolve({}),
     ])
     const el = React.createElement(

error.ts

@@ -5,15 +5,15 @@ const e501AppEl = React.createElement(
     ErrorPage,
     {
         status: 501,
-        text: 'app module should   default as a react component',
+        text: 'app module should export default as a react component',
         refreshButton: true
     }
 )
 const e501PageEl = React.createElement(
     ErrorPage,
     {
         status: 501,
-        text: 'page module should   default as a react component',
+        text: 'page module should export default as a react component',
         refreshButton: true
     }
 )

project.ts

@@ -567,9 +567,7 @@ export default class Project {
             baseUrl,
             defaultLocale,
             locales: {},
-            dataModule: null,
-            appModule: null,
-            e404Module: null,
+            keyModules: {},
             pageModules: {}
         }
         const module = this._parseUrl('./main.js')
@@ -583,23 +581,23 @@ export default class Project {
         }))
         if (this.#modules.has('./data.js') || this.#modules.has('./data/index.js')) {
             const { id, url, hash } = this.#modules.get('./data.js') || this.#modules.get('./data/index.js')!
-            config.dataModule = {
+            config.keyModules.data = {
                 moduleId: id,
                 hash
             }
             deps.push({ url, hash })
         }
         if (this.#modules.has('./app.js')) {
             const { url, hash } = this.#modules.get('./app.js')!
-            config.appModule = {
+            config.keyModules.app = {
                 moduleId: './app.js',
                 hash
             }
             deps.push({ url, hash })
         }
         if (this.#modules.has('./404.js')) {
             const { url, hash } = this.#modules.get('./404.js')!
-            config.e404Module = {
+            config.keyModules['404'] = {
                 moduleId: './404.js',
                 hash
             }