Create apphosting-local-build command. (#383)

Author: annajowang

package-lock.json

@@ -1,14 +1,15 @@
 {
     "name": "@apphosting/build",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "main": "dist/index.js",
     "description": "Experimental addon to the Firebase CLI to add web framework support",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/FirebaseExtended/firebase-framework-tools.git"
     },
     "bin": {
-        "build": "dist/bin/build.js"
+      "build": "dist/bin/build.js",
+      "apphosting-local-build": "dist/bin/localbuild.js"
     },
     "author": {
         "name": "Firebase",
@@ -20,7 +21,7 @@
     "type": "module",
     "sideEffects": false,
     "scripts": {
-        "build": "rm -rf dist && tsc && chmod +x ./dist/bin/*"
+      "build": "rm -rf dist && tsc && chmod +x ./dist/bin/*"
     },
     "exports": {
         ".": {
@@ -40,6 +41,6 @@
         "ts-node": "^10.9.1"
     },
     "devDependencies": {
-        "@types/commander": "*"
+      "@types/commander": "*"
     }
 }

packages/@apphosting/build/package.json

@@ -0,0 +1,46 @@
+#! /usr/bin/env node
+import { spawn } from "child_process";
+import { program } from "commander";
+import { yellow, bgRed, bold } from "colorette";
+
+// TODO(#382): add framework option later or incorporate micro-discovery.
+// TODO(#382): parse apphosting.yaml for environment variables / secrets.
+// TODO(#382): parse apphosting.yaml for runConfig and include in buildSchema
+// TODO(#382): Support custom build and run commands (parse and pass run command to build schema).
+program
+  .argument("<projectRoot>", "path to the project's root directory")
+  .action(async (projectRoot: string) => {
+    const framework = "nextjs";
+    // TODO(#382): We are using the latest framework adapter versions, but in the future
+    // we should parse the framework version and use the matching adapter version.
+    const adapterName = `@apphosting/adapter-nextjs`;
+    const packumentResponse = await fetch(`https://registry.npmjs.org/${adapterName}`);
+    if (!packumentResponse.ok) throw new Error(`Something went wrong fetching ${adapterName}`);
+    const packument = await packumentResponse.json();
+    const adapterVersion = packument?.["dist-tags"]?.["latest"];
+    if (!adapterVersion) {
+      throw new Error(`Could not find 'latest' dist-tag for ${adapterName}`);
+    }
+    // TODO(#382): should check for existence of adapter in app's package.json and use that version instead.
+
+    console.log(" 🔥", bgRed(` ${adapterName}@${yellow(bold(adapterVersion))} `), "\n");
+
+    const buildCommand = `apphosting-adapter-${framework}-build`;
+    await new Promise<void>((resolve, reject) => {
+      const child = spawn("npx", ["-y", "-p", `${adapterName}@${adapterVersion}`, buildCommand], {
+        cwd: projectRoot,
+        shell: true,
+        stdio: "inherit",
+      });
+
+      child.on("exit", (code) => {
+        if (code !== 0) {
+          reject(new Error(`framework adapter build failed with error code ${code}.`));
+        }
+        resolve();
+      });
+    });
+    //  TODO(#382): parse bundle.yaml and apphosting.yaml and output a buildschema somewhere.
+  });
+
+program.parse();

packages/@apphosting/build/src/bin/localbuild.ts

@@ -2,10 +2,15 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "noEmit": false,
-    "outDir": "dist"
+    "outDir": "dist",
+    "rootDir": "src"
+
   },
   "include": [
     "src/index.ts",
     "src/bin/*.ts",
-  ]
+  ],
+  "exclude": [
+    "src/*.spec.ts"
+    ]
 }