refactor: rename 'AlephRuntime' to 'AlephEnv'

Author: Je

cli.ts

@@ -123,10 +123,11 @@ async function main() {
             const match = String(imports['https://deno.land/x/aleph/']).match(/^http:\/\/(localhost|127.0.0.1):(\d+)\/$/)
             if (match) {
                 const port = parseInt(match[2])
+                const cwd = Deno.cwd()
                 listenAndServe({ port }, async (req: ServerRequest) => {
                     const url = new URL('http://localhost' + req.url)
                     const resp = new Request(req, { pathname: util.cleanPath(url.pathname), params: {}, query: url.searchParams })
-                    const filepath = path.join(Deno.cwd(), url.pathname)
+                    const filepath = path.join(cwd, url.pathname)
                     try {
                         const info = await Deno.lstat(filepath)
                         if (info.isDirectory) {

head.ts

@@ -1,5 +1,5 @@
 import React, { Children, createElement, isValidElement, PropsWithChildren, ReactElement, ReactNode, useEffect } from 'https://esm.sh/react'
-import type { AlephRuntime } from './types.ts'
+import type { AlephEnv } from './types.ts'
 import util, { hashShort } from './util.ts'
 
 export default function Head({ children }: PropsWithChildren<{}>) {
@@ -112,7 +112,7 @@ const serverHeadElements: Map<string, { type: string, props: Record<string, any>
 const serverStyles: Map<string, { css: string, asLink: boolean }> = new Map()
 
 export async function renderHead(styles?: { url: string, hash: string, async?: boolean }[]) {
-    const { __appRoot, __buildMode, __buildTarget } = (window as any).ALEPH as AlephRuntime
+    const { __buildMode, __buildTarget } = (window as any).ALEPH.ENV as AlephEnv
     const tags: string[] = []
     serverHeadElements.forEach(({ type, props }) => {
         if (type === 'title') {
@@ -136,7 +136,7 @@ export async function renderHead(styles?: { url: string, hash: string, async?: b
         }
     })
     await Promise.all(styles?.filter(({ async }) => !!async).map(({ url, hash }) => {
-        return import('file://' + util.cleanPath(`${__appRoot}/.aleph/${__buildMode}.${__buildTarget}/${url}.${hash.slice(0, hashShort)}.js`))
+        return import('file://' + util.cleanPath(`${Deno.cwd()}/.aleph/${__buildMode}.${__buildTarget}/${url}.${hash.slice(0, hashShort)}.js`))
     }) || [])
     styles?.forEach(({ url }) => {
         if (serverStyles.has(url)) {

project.ts

@@ -8,7 +8,7 @@ import log from './log.ts'
 import { getPagePath, RouteModule, Routing } from './routing.ts'
 import { colors, ensureDir, path, ServerRequest, Sha1, walk } from './std.ts'
 import { compile } from './tsc/compile.ts'
-import type { AlephRuntime, APIHandler, Config, RouterURL } from './types.ts'
+import type { AlephEnv, APIHandler, Config, RouterURL } from './types.ts'
 import util, { existsDirSync, existsFileSync, hashShort, MB, reHashJs, reHttp, reLocaleID, reMDExt, reModuleExt, reStyleModuleExt } from './util.ts'
 import { cleanCSS, Document, less } from './vendor/mod.ts'
 import { version } from './version.ts'
@@ -502,14 +502,16 @@ export class Project {
             await ensureDir(this.buildDir)
         }
 
+        Deno.chdir(this.appRoot)
         Object.assign(globalThis, {
             ALEPH: {
-                env: { ...this.config.env },
-                __version: version,
-                __appRoot: this.appRoot,
-                __buildMode: this.mode,
-                __buildTarget: this.config.buildTarget,
-            } as AlephRuntime,
+                ENV: {
+                    ...this.config.env,
+                    __version: version,
+                    __buildMode: this.mode,
+                    __buildTarget: this.config.buildTarget,
+                } as AlephEnv
+            },
             document: new Document(),
             innerWidth: 1920,
             innerHeight: 1080,
@@ -757,6 +759,7 @@ export class Project {
         module.jsContent = [
             this.isDev && 'import "./-/deno.land/x/aleph/hmr.js";',
             'import bootstrap from "./-/deno.land/x/aleph/bootstrap.js";',
+            `Object.assign(window, ${JSON.stringify({ ALEPH: (globalThis as any)['ALEPH'] }, undefined, this.isDev ? 4 : undefined)});`,
             `bootstrap(${JSON.stringify(config, undefined, this.isDev ? 4 : undefined)});`
         ].filter(Boolean).join(this.isDev ? '\n' : '')
         module.hash = getHash(module.jsContent)

types.ts

@@ -1,7 +1,6 @@
-export interface AlephRuntime {
-    readonly env: Record<string, string>
+export interface AlephEnv {
+    [key: string]: string
     readonly __version: string
-    readonly __appRoot: string
     readonly __buildMode: string
     readonly __buildTarget: string
 }
@@ -25,19 +24,16 @@ export interface Config {
     env: Record<string, string>
 }
 
+export interface APIHandler {
+    (req: APIRequest): void
+}
+
 export interface APIRequestURL {
     readonly pathname: string
     readonly params: Record<string, string>
     readonly query: URLSearchParams
 }
 
-export interface Response {
-    status?: number
-    headers?: Headers
-    trailers?: () => Promise<Headers> | Headers
-    body?: Uint8Array | Deno.Reader | string
-}
-
 export interface APIRequest {
     readonly method: string
     readonly proto: string
@@ -64,8 +60,11 @@ export interface APIRequest {
     end(code: number): Promise<void>
 }
 
-export interface APIHandler {
-    (req: APIRequest): void
+export interface Response {
+    status?: number
+    headers?: Headers
+    trailers?: () => Promise<Headers> | Headers
+    body?: Uint8Array | Deno.Reader | string
 }
 
 export interface RouterURL {