Inject values

packages/cli/source/compiler.ts

@@ -7,6 +7,7 @@
  */
 
 import type { Configuration, Compiler } from "webpack";
+import type { Manifest, Session } from "@hypertool/common";
 
 import webpack from "webpack";
 import crypto from "crypto";
@@ -30,6 +31,8 @@ const hash = (data: any) => {
 const IMAGE_INLINE_SIZE_LIMIT = 10000;
 
 export const prepare = (
+    manifest: Manifest,
+    session: Session,
     environment: "production" | "development" | "test",
 ): Configuration => {
     const production = environment === "production";
@@ -351,7 +354,7 @@ export const prepare = (
             ].filter(truthy) as any,
         },
         plugins: [
-            new DefineHypertoolPlugin(),
+            new DefineHypertoolPlugin(manifest, session),
             /* Generate an index file and inject a script loader. */
             new HtmlWebpackPlugin({
                 inject: true,
@@ -414,9 +417,11 @@ export const prepare = (
 };
 
 export const createCompiler = (
+    manifest: Manifest,
+    session: Session,
     environment: "production" | "development" | "test",
 ): Compiler => {
-    const configuration = prepare(environment);
+    const configuration = prepare(manifest, session, environment);
     try {
         const compiler = webpack(configuration);
         return compiler;

packages/cli/source/index.ts

@@ -1,3 +1,5 @@
+import type { Manifest } from "@hypertool/common";
+
 import chalk from "chalk";
 import { Command } from "commander";
 import TaskList from "listr";
@@ -56,7 +58,11 @@ const deploy = async (): Promise<void> => {
                  * Therefore, we hard code the value where the command is handled.
                  */
                 process.env.NODE_ENV = "production";
-                const compiler = createCompiler("production");
+                const compiler = createCompiler(
+                    context.manifest,
+                    context.session,
+                    "production",
+                );
                 compiler.run((error, stats) => {
                     compiler.close((error) => {
                         if (error) {
@@ -141,7 +147,13 @@ const start = async (configuration: any): Promise<void> => {
     process.env.NODE_ENV = "development";
     env.loadEnv();
 
-    const compiler = createCompiler("development");
+    const devManifest = await manifest.compile();
+    const devSession = await authUtils.loadSession();
+    const compiler = createCompiler(
+        <Manifest>devManifest,
+        devSession,
+        "development",
+    );
     const server = await createServer(
         configuration.port,
         configuration.autoPort,

packages/cli/source/plugins/DefineHypertoolPlugin.ts

@@ -1,10 +1,14 @@
+import type { Manifest, Session } from "@hypertool/common";
+
 import { Compiler } from "webpack";
 import path from "path";
 
+import type { Route } from "../types";
+
 import { paths, listFiles } from "../utils";
 import { DefinePlugin } from "webpack";
 
-export const findRoutes = async () => {
+export const findRoutes = async (): Promise<Route[]> => {
     const absolutePaths = await listFiles(
         `${paths.SCREENS_DIRECTORY}/**/*.{js,jsx,ts,tsx}`,
     );
@@ -24,9 +28,21 @@ export const findRoutes = async () => {
     return routes;
 };
 
-const prepareHypertool = (routes: any[]) => {
+const stripManifest = (manifest: Manifest) => {
+    // TODO: Inject manifest.values only.
+    return {};
+};
+
+const prepareHypertool = (
+    routes: Route[],
+    manifest: Manifest,
+    session: Session,
+) => {
+    const strippedManifest = stripManifest(manifest);
     const hypertool: any = {
         routes,
+        manifest: strippedManifest,
+        session,
     };
     const result = Object.keys(hypertool).reduce(
         (carryOver: any, key: string) => {
@@ -39,17 +55,30 @@ const prepareHypertool = (routes: any[]) => {
 };
 
 export default class DefineHypertoolPlugin {
+    manifest?: Manifest;
+    session?: Session;
+
+    constructor(manifest: Manifest, session: Session) {
+        this.manifest = manifest;
+        this.session = session;
+    }
+
     apply(compiler: Compiler) {
         compiler.hooks.beforeCompile.tapAsync(
             "DefineHypertoolPlugin",
             (_compilation: unknown, callback) => {
-                findRoutes().then((routes: any) => {
+                async () => {
+                    const routes = await findRoutes();
                     const definePlugin = new DefinePlugin({
-                        "window.hypertool": prepareHypertool(routes),
+                        "window.hypertool": prepareHypertool(
+                            routes,
+                            <Manifest>this.manifest,
+                            <Session>this.session,
+                        ),
                     });
                     definePlugin.apply(compiler);
                     callback();
-                });
+                };
             },
         );
     }

packages/cli/source/types/index.ts

@@ -0,0 +1,4 @@
+export interface Route {
+    path: string;
+    uri: string;
+}