breaking: remove AlephEnv and useEnv Hook

Author: ije

hooks.ts

@@ -52,10 +52,3 @@ export function useDeno<T = any>(callback: () => (T | Promise<T>), browser?: boo
 
     return data
 }
-
-export function useEnv<T>(predicate: (env: AlephEnv) => T): T {
-    const env = useDeno<T>(() => {
-        return predicate((globalThis as any).ALEPH.ENV)
-    })
-    return env
-}

project.ts

@@ -11,7 +11,7 @@ import log from './log.ts'
 import { getPagePath, RouteModule, Routing } from './routing.ts'
 import { colors, ensureDir, fromStreamReader, path, ServerRequest, Sha1, walk } from './std.ts'
 import { compile } from './tsc/compile.ts'
-import type { AlephEnv, APIHandler, Config, RouterURL } from './types.ts'
+import type { 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'
@@ -593,18 +593,13 @@ export class Project {
             this.#postcssPlugins[name] = Plugin
         }))
 
-        // inject ALEPH global variable
-        Object.assign(globalThis, {
-            ALEPH: {
-                ENV: {
-                    ...Deno.env.toObject(),
-                    ...this.config.env,
-                    __version: version,
-                    __buildMode: this.mode,
-                    __buildTarget: this.config.buildTarget,
-                } as AlephEnv
-            }
-        })
+        // inject env variables
+        Object.entries({
+            ...this.config.env,
+            __version: version,
+            __buildMode: this.mode,
+            __buildTarget: this.config.buildTarget,
+        }).forEach(([key, value]) => Deno.env.set(key, value))
 
         // change current work dir to appDoot
         Deno.chdir(this.appRoot)

renderer.ts

@@ -5,7 +5,7 @@ import { AsyncUseDenoError, E400MissingDefaultExportAsComponent, E404Page } from
 import events from './events.ts'
 import { serverStyles } from './head.ts'
 import { createPageProps } from './routing.ts'
-import type { AlephEnv, RouterURL } from './types.ts'
+import type { RouterURL } from './types.ts'
 import util, { hashShort } from './util.ts'
 
 interface RenderResult {
@@ -63,7 +63,8 @@ export async function renderPage(
         scriptsElements: new Map()
     }
     const { __createHTMLDocument } = (window as any)
-    const { __buildMode, __buildTarget } = (window as any).ALEPH.ENV as AlephEnv
+    const buildMode = Deno.env.get('__buildMode')
+    const buildTarget = Deno.env.get('__buildTarget')
     const data: Record<string, any> = {}
     const useDenEvent = `useDeno://${url.pathname + '?' + url.query.toString()}`
     const useDenoAsyncCalls: Array<Promise<any>> = []
@@ -167,7 +168,7 @@ export async function renderPage(
     rendererCache.scriptsElements.clear()
 
     await Promise.all(styles?.map(({ url, hash }) => {
-        return import('file://' + util.cleanPath(`${Deno.cwd()}/.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)) {

types.ts

@@ -1,18 +1,5 @@
 import type { ServerRequest } from './std.ts';
 
-/**
- * The **ENV** of Aleph.js runtime, you can access it with `window.ALEPH.ENV[key]`.
- */
-export interface AlephEnv {
-    [key: string]: string
-    /** The version of **Aleph.js** */
-    readonly __version: string
-    /** The build mode of the appliaction (possible values: '**development**' | '**production**') */
-    readonly __buildMode: string
-    /** The build target of the appliaction (possible values: '**ES2015**' - '**ES2020**' | '**ESNext**') */
-    readonly __buildTarget: string
-}
-
 /**
  * A plugin for **Aleph.js** application.
  */
@@ -71,7 +58,7 @@ export interface Config {
     buildTarget?: string
     /** Enable sourceMap in **production** mode (default is **false**). */
     sourceMap?: boolean
-    /** `env` defines the `Window.ALEPH.ENV` object in the application. */
+    /** `env` appends env variables (use `Deno.env.get(key)` to get an env variable) */
     env?: Record<string, string>
 }