@shopify/cli-hydrogen 8.0.4 → 8.1.1

package/dist/commands/hydrogen/dev.js

@@ -1,23 +1,28 @@
-import { fileURLToPath } from 'node:url';
-import { setH2OVerbose, isH2Verbose, muteDevLogs, enhanceH2Logs } from '../../lib/log.js';
-import { commonFlags, overrideFlag, deprecated, flagsToCamelObject, DEFAULT_INSPECTOR_PORT, DEFAULT_APP_PORT } from '../../lib/flags.js';
+import { Flags } from '@oclif/core';
 import Command from '@shopify/cli-kit/node/base-command';
 import colors from '@shopify/cli-kit/node/colors';
-import { resolvePath } from '@shopify/cli-kit/node/path';
+import { resolvePath, joinPath } from '@shopify/cli-kit/node/path';
 import { collectLog } from '@shopify/cli-kit/node/output';
-import { renderSuccess } from '@shopify/cli-kit/node/ui';
+import { renderSuccess, renderInfo } from '@shopify/cli-kit/node/ui';
 import { AbortError } from '@shopify/cli-kit/node/error';
-import { Flags } from '@oclif/core';
+import { removeFile } from '@shopify/cli-kit/node/fs';
+import { setH2OVerbose, isH2Verbose, muteDevLogs, enhanceH2Logs } from '../../lib/log.js';
+import { commonFlags, overrideFlag, deprecated, flagsToCamelObject, DEFAULT_INSPECTOR_PORT, DEFAULT_APP_PORT } from '../../lib/flags.js';
 import { spawnCodegenProcess } from '../../lib/codegen.js';
 import { getAllEnvironmentVariables } from '../../lib/environment-variables.js';
 import { displayDevUpgradeNotice } from './upgrade.js';
-import { prepareDiffDirectory, copyShopifyConfig } from '../../lib/template-diff.js';
-import { getDevConfigInBackground, TUNNEL_DOMAIN, startTunnelAndPushConfig, getUtilityBannerlines, getDebugBannerLine, isMockShop, notifyIssueWithTunnelAndMockShop } from '../../lib/dev-shared.js';
+import { prepareDiffDirectory } from '../../lib/template-diff.js';
+import { getDevConfigInBackground, TUNNEL_DOMAIN, startTunnelAndPushConfig, isMockShop, notifyIssueWithTunnelAndMockShop, getUtilityBannerlines, getDebugBannerLine } from '../../lib/dev-shared.js';
 import { getCliCommand } from '../../lib/shell.js';
 import { findPort } from '../../lib/find-port.js';
 import { logRequestLine } from '../../lib/mini-oxygen/common.js';
 import { hasViteConfig, findHydrogenPlugin, findOxygenPlugin } from '../../lib/vite-config.js';
 import { runClassicCompilerDev } from '../../lib/classic-compiler/dev.js';
+import { importVite } from '../../lib/import-utils.js';
+import { createEntryPointErrorHandler } from '../../lib/deps-optimizer.js';
+import { getCodeFormatOptions } from '../../lib/format-code.js';
+import { setupResourceCleanup } from '../../lib/resource-cleanup.js';
+import { hydrogenPackagesPath } from '../../lib/build.js';
 
 class Dev extends Command {
   static descriptionWithMarkdown = `Runs a Hydrogen storefront in a local runtime that emulates an Oxygen worker for development.
@@ -53,6 +58,11 @@ class Dev extends Command {
       default: false,
       required: false
     }),
+    "disable-deps-optimizer": Flags.boolean({
+      description: "Disable adding dependencies to Vite's `ssr.optimizeDeps.include` automatically",
+      env: "SHOPIFY_HYDROGEN_FLAG_DISABLE_DEPS_OPTIMIZER",
+      default: false
+    }),
     // For the classic compiler:
     worker: deprecated("--worker", { isBoolean: true }),
     ...overrideFlag(commonFlags.legacyRuntime, {
@@ -69,10 +79,8 @@ class Dev extends Command {
   async run() {
     const { flags } = await this.parse(Dev);
     const originalDirectory = flags.path ? resolvePath(flags.path) : process.cwd();
-    let directory = originalDirectory;
-    if (flags.diff) {
-      directory = await prepareDiffDirectory(directory, true);
-    }
+    const diff = flags.diff ? await prepareDiffDirectory(originalDirectory, true) : void 0;
+    const directory = diff?.targetDirectory ?? originalDirectory;
     const devParams = {
       ...flagsToCamelObject(flags),
       customerAccountPush: flags["customer-account-push__unstable"],
@@ -80,16 +88,13 @@ class Dev extends Command {
       cliConfig: this.config
     };
     const { close } = await hasViteConfig(directory) ? await runDev(devParams) : await runClassicCompilerDev(devParams);
-    let closingPromise;
-    const processExit = process.exit;
-    process.exit = async (code) => {
-      closingPromise ??= close();
-      await closingPromise;
-      return processExit(code);
-    };
-    if (flags.diff) {
-      await copyShopifyConfig(directory, originalDirectory);
-    }
+    setupResourceCleanup(async () => {
+      await close();
+      if (diff) {
+        await diff.copyShopifyConfig();
+        await diff.cleanup();
+      }
+    });
   }
 }
 async function runDev({
@@ -100,12 +105,12 @@ async function runDev({
   codegen: useCodegen = false,
   codegenConfigPath,
   disableVirtualRoutes,
+  disableDepsOptimizer = false,
   envBranch,
   env: envHandle,
   debug = false,
   disableVersionCheck = false,
   inspectorPort,
-  isLocalDev = false,
   customerAccountPush: customerAccountPushFlag = false,
   cliConfig,
   verbose
@@ -134,19 +139,28 @@ async function runDev({
   if (debug && !inspectorPort) {
     inspectorPort = await findPort(DEFAULT_INSPECTOR_PORT);
   }
-  const vite = await import('vite');
-  const fs = isLocalDev ? { allow: [root, fileURLToPath(new URL("../../../../", import.meta.url))] } : void 0;
+  const vite = await importVite(root);
+  if (hydrogenPackagesPath) {
+    await removeFile(joinPath(root, "node_modules/.vite"));
+  }
   const customLogger = vite.createLogger();
   if (process.env.SHOPIFY_UNIT_TEST) {
     customLogger.info = (msg) => collectLog("info", msg);
     customLogger.warn = (msg) => collectLog("warn", msg);
     customLogger.error = (msg) => collectLog("error", msg);
   }
+  const formatOptionsPromise = Promise.resolve().then(
+    () => getCodeFormatOptions(root)
+  );
   const viteServer = await vite.createServer({
     root,
     customLogger,
     clearScreen: false,
-    server: { fs, host: host ? true : void 0 },
+    server: {
+      host: host ? true : void 0,
+      // Allow Vite to read files from the Hydrogen packages in local development.
+      fs: hydrogenPackagesPath ? { allow: [root, hydrogenPackagesPath] } : void 0
+    },
     plugins: [
       {
         name: "hydrogen:cli",
@@ -159,7 +173,19 @@ async function runDev({
             entry: ssrEntry,
             envPromise: envPromise.then(({ allVariables: allVariables2 }) => allVariables2),
             inspectorPort,
-            logRequestLine
+            logRequestLine,
+            entryPointErrorHandler: createEntryPointErrorHandler({
+              disableDepsOptimizer,
+              configFile: config.configFile,
+              formatOptionsPromise,
+              showSuccessBanner: () => showSuccessBanner({
+                disableVirtualRoutes,
+                debug,
+                inspectorPort,
+                finalHost,
+                storefrontTitle
+              })
+            })
           });
         },
         configureServer: (viteDevServer) => {
@@ -188,14 +214,19 @@ async function runDev({
     );
   }
   const h2PluginOptions = h2Plugin.api?.getPluginOptions?.();
-  const codegenProcess = useCodegen ? spawnCodegenProcess({
-    rootDirectory: root,
-    configFilePath: codegenConfigPath,
-    appDirectory: h2PluginOptions?.remixConfig?.appDirectory
-  }) : void 0;
-  process.on("unhandledRejection", (err) => {
-    console.log("Unhandled Rejection: ", err);
-  });
+  let codegenProcess;
+  const setupCodegen = useCodegen ? () => {
+    codegenProcess?.kill(0);
+    codegenProcess = spawnCodegenProcess({
+      rootDirectory: root,
+      configFilePath: codegenConfigPath,
+      appDirectory: h2PluginOptions?.remixConfig?.appDirectory
+    });
+  } : void 0;
+  setupCodegen?.();
+  if (hydrogenPackagesPath) {
+    setupMonorepoReload(viteServer, hydrogenPackagesPath, setupCodegen);
+  }
   const publicPort = appPort ?? viteServer.config.server.port ?? DEFAULT_APP_PORT;
   const [tunnel, cliCommand] = await Promise.all([
     backgroundPromise.then(
@@ -219,22 +250,13 @@ async function runDev({
   viteServer.printUrls();
   viteServer.bindCLIShortcuts({ print: true });
   console.log("\n");
-  const customSections = [];
-  if (!h2PluginOptions?.disableVirtualRoutes) {
-    customSections.push({ body: getUtilityBannerlines(finalHost) });
-  }
-  if (debug && inspectorPort) {
-    customSections.push({
-      body: { warn: getDebugBannerLine(inspectorPort) }
-    });
-  }
-  const { storefrontTitle } = await backgroundPromise;
-  renderSuccess({
-    body: [
-      `View ${storefrontTitle ? colors.cyan(storefrontTitle) : "Hydrogen"} app:`,
-      { link: { url: finalHost } }
-    ],
-    customSections
+  const storefrontTitle = (await backgroundPromise).storefrontTitle;
+  showSuccessBanner({
+    disableVirtualRoutes,
+    debug,
+    inspectorPort,
+    finalHost,
+    storefrontTitle
   });
   if (!disableVersionCheck) {
     displayDevUpgradeNotice({ targetPath: root });
@@ -251,5 +273,65 @@ async function runDev({
     }
   };
 }
+function showSuccessBanner({
+  disableVirtualRoutes,
+  debug,
+  inspectorPort,
+  finalHost,
+  storefrontTitle
+}) {
+  const customSections = [];
+  if (!disableVirtualRoutes) {
+    customSections.push({ body: getUtilityBannerlines(finalHost) });
+  }
+  if (debug && inspectorPort) {
+    customSections.push({
+      body: { warn: getDebugBannerLine(inspectorPort) }
+    });
+  }
+  renderSuccess({
+    body: [
+      `View ${storefrontTitle ? colors.cyan(storefrontTitle) : "Hydrogen"} app:`,
+      { link: { url: finalHost } }
+    ],
+    customSections
+  });
+}
+function setupMonorepoReload(viteServer, monorepoPackagesPath, setupCodegen) {
+  viteServer.httpServer?.once("listening", () => {
+    viteServer.watcher.add(
+      monorepoPackagesPath + "hydrogen/dist/vite/plugin.js"
+    );
+    viteServer.watcher.add(
+      monorepoPackagesPath + "mini-oxygen/dist/vite/plugin.js"
+    );
+    viteServer.watcher.add(
+      monorepoPackagesPath + "mini-oxygen/dist/vite/worker-entry.js"
+    );
+    viteServer.watcher.add(
+      monorepoPackagesPath + "hydrogen-codegen/dist/esm/index.js"
+    );
+    viteServer.watcher.on("change", async (file) => {
+      if (file.includes(monorepoPackagesPath)) {
+        if (file.includes("/packages/hydrogen-codegen/")) {
+          if (setupCodegen) {
+            setupCodegen();
+            renderInfo({
+              headline: "The Hydrogen Codegen source has been modified.",
+              body: "The codegen process has been restarted."
+            });
+          }
+        } else {
+          await viteServer.restart(true);
+          console.log("");
+          renderInfo({
+            headline: "The H2O Vite plugins have been modified.",
+            body: "The Vite server has been restarted to reflect the changes."
+          });
+        }
+      }
+    });
+  });
+}
 
 export { Dev as default, runDev };

package/dist/{init.d.ts → commands/hydrogen/init.d.ts}

@@ -2,10 +2,10 @@ import * as _oclif_core_lib_interfaces_parser_js from '@oclif/core/lib/interface
 import Command from '@shopify/cli-kit/node/base-command';
 import { PackageManager } from '@shopify/cli-kit/node/node-package-manager';
 
-declare const GENERATOR_SETUP_ASSETS_SUB_DIRS: readonly ["tailwind", "css-modules", "vanilla-extract", "postcss", "vite"];
-type AssetDir = (typeof GENERATOR_SETUP_ASSETS_SUB_DIRS)[number];
+declare const ASSETS_STARTER_DIR = "starter";
+type AssetsDir = 'tailwind' | 'css-modules' | 'vanilla-extract' | 'postcss' | 'vite' | 'i18n' | 'routes' | 'bundle' | 'virtual-routes' | 'internal-templates' | 'external-templates' | typeof ASSETS_STARTER_DIR;
 
-type CssStrategy = Exclude<AssetDir, 'vite'>;
+type CssStrategy = Extract<AssetsDir, 'tailwind' | 'css-modules' | 'vanilla-extract' | 'postcss'>;
 
 declare const I18N_CHOICES: readonly ["subfolders", "domains", "subdomains", "none"];
 type I18nChoice = (typeof I18N_CHOICES)[number];
@@ -57,8 +57,8 @@ declare class Init extends Command {
 declare function runInit({ markets, ...options }?: InitOptions & {
     markets?: InitOptions['i18n'];
 }): Promise<{
-    language?: "js" | "ts" | undefined;
-    packageManager: "npm" | "yarn" | "pnpm" | "unknown" | "bun";
+    language?: "ts" | "js" | undefined;
+    packageManager: "unknown" | "yarn" | "npm" | "pnpm" | "bun";
     cssStrategy?: CssStrategy | undefined;
     cliCommand: "h2" | "yarn shopify hydrogen" | "pnpm shopify hydrogen" | "bun shopify hydrogen" | "npx shopify hydrogen";
     depsInstalled: boolean;

package/dist/commands/hydrogen/init.js

@@ -1,14 +1,15 @@
 import Command from '@shopify/cli-kit/node/base-command';
-import { fileURLToPath } from 'node:url';
 import { packageManagerFromUserAgent } from '@shopify/cli-kit/node/node-package-manager';
 import { Flags } from '@oclif/core';
 import { AbortError } from '@shopify/cli-kit/node/error';
 import { commonFlags, flagsToCamelObject, parseProcessFlags } from '../../lib/flags.js';
 import { checkHydrogenVersion } from '../../lib/check-version.js';
 import { I18N_CHOICES } from '../../lib/setups/i18n/index.js';
-import { supressNodeExperimentalWarnings } from '../../lib/process.js';
+import { supressNodeExperimentalWarnings, execAsync } from '../../lib/process.js';
 import { setupTemplate } from '../../lib/onboarding/index.js';
 import { LANGUAGES } from '../../lib/onboarding/common.js';
+import { currentProcessIsGlobal, inferPackageManagerForGlobalCLI } from '@shopify/cli-kit/node/is-global';
+import { getPkgJsonPath } from '../../lib/build.js';
 
 const FLAG_MAP = { f: "force" };
 class Init extends Command {
@@ -89,18 +90,26 @@ async function runInit({
     options.routes ??= true;
     options.shortcut ??= true;
   }
+  const npmPrefix = (await execAsync("npm prefix -s")).stdout.trim();
+  const isH2 = process.argv[1]?.startsWith(npmPrefix);
+  const isGlobal = currentProcessIsGlobal() && !isH2;
   const showUpgrade = await checkHydrogenVersion(
     // Resolving the CLI package from a local directory might fail because
     // this code could be run from a global dependency (e.g. on `npm create`).
     // Therefore, pass the known path to the package.json directly from here:
-    fileURLToPath(new URL("../../../package.json", import.meta.url)),
-    "cli"
+    await getPkgJsonPath(),
+    isGlobal ? "cli" : "cliHydrogen"
   );
   if (showUpgrade) {
-    const packageManager = options.packageManager ?? packageManagerFromUserAgent();
-    showUpgrade(
-      packageManager === "unknown" ? "" : `Please use the latest version with \`${packageManager} create @shopify/hydrogen@latest\``
-    );
+    let packageManager2 = options.packageManager ?? packageManagerFromUserAgent();
+    if (packageManager2 === "unknown" || !packageManager2) {
+      packageManager2 = inferPackageManagerForGlobalCLI();
+    }
+    const globalInstallCommand = packageManager2 === "yarn" ? `yarn global add @shopify/cli` : `${packageManager2} install -g @shopify/cli`;
+    const globalMessage = `Please install the latest Shopify CLI version with \`${globalInstallCommand}\` and try again.`;
+    const localMessage = `Please use the latest version with \`${packageManager2} create @shopify/hydrogen@latest\``;
+    const message = isGlobal ? globalMessage : localMessage;
+    showUpgrade(message);
   }
   return setupTemplate(options);
 }

package/dist/commands/hydrogen/preview.js

@@ -1,13 +1,21 @@
+import { Flags } from '@oclif/core';
 import Command from '@shopify/cli-kit/node/base-command';
+import { AbortError } from '@shopify/cli-kit/node/error';
+import { outputInfo } from '@shopify/cli-kit/node/output';
+import { resolvePath, joinPath } from '@shopify/cli-kit/node/path';
 import { setH2OVerbose, isH2Verbose, muteDevLogs } from '../../lib/log.js';
 import { getProjectPaths, hasRemixConfigFile } from '../../lib/remix-config.js';
-import { commonFlags, deprecated, flagsToCamelObject, DEFAULT_APP_PORT } from '../../lib/flags.js';
+import { commonFlags, deprecated, overrideFlag, flagsToCamelObject, DEFAULT_APP_PORT } from '../../lib/flags.js';
 import { startMiniOxygen } from '../../lib/mini-oxygen/index.js';
 import { getAllEnvironmentVariables } from '../../lib/environment-variables.js';
 import { getConfig } from '../../lib/shopify-config.js';
 import { findPort } from '../../lib/find-port.js';
-import { joinPath } from '@shopify/cli-kit/node/path';
 import { getViteConfig } from '../../lib/vite-config.js';
+import { runBuild } from './build.js';
+import { runClassicCompilerBuild } from '../../lib/classic-compiler/build.js';
+import { setupResourceCleanup } from '../../lib/resource-cleanup.js';
+import { deferPromise } from '../../lib/defer.js';
+import { prepareDiffDirectory } from '../../lib/template-diff.js';
 
 class Preview extends Command {
   static descriptionWithMarkdown = "Runs a server in your local development environment that serves your Hydrogen app's production build. Requires running the [build](https://shopify.dev/docs/api/shopify-cli/hydrogen/hydrogen-build) command first.";
@@ -21,33 +29,103 @@ class Preview extends Command {
     ...commonFlags.envBranch,
     ...commonFlags.inspectorPort,
     ...commonFlags.debug,
-    ...commonFlags.verbose
+    ...commonFlags.verbose,
+    // For building the app:
+    build: Flags.boolean({
+      description: "Builds the app before starting the preview server."
+    }),
+    watch: Flags.boolean({
+      description: "Watches for changes and rebuilds the project.",
+      dependsOn: ["build"]
+    }),
+    ...overrideFlag(commonFlags.entry, {
+      entry: { dependsOn: ["build"] }
+    }),
+    ...overrideFlag(commonFlags.codegen, {
+      codegen: { dependsOn: ["build"] }
+    }),
+    // Diff in preview only makes sense when combined with --build.
+    // Without the build flag, preview only needs access to the existing
+    // `dist` directory in the project, so there's no need to merge the
+    // project with the skeleton template in a temporary directory.
+    ...overrideFlag(commonFlags.diff, {
+      diff: { dependsOn: ["build"] }
+    })
   };
   async run() {
     const { flags } = await this.parse(Preview);
-    await runPreview({
-      ...flagsToCamelObject(flags)
+    const originalDirectory = flags.path ? resolvePath(flags.path) : process.cwd();
+    const diff = flags.build && flags.diff ? await prepareDiffDirectory(originalDirectory, flags.watch) : void 0;
+    const directory = diff?.targetDirectory ?? originalDirectory;
+    const { close } = await runPreview({
+      ...flagsToCamelObject(flags),
+      directory
+    });
+    setupResourceCleanup(async () => {
+      await close();
+      if (diff) {
+        await diff.copyDiffBuild();
+        await diff.cleanup();
+      }
     });
   }
 }
 async function runPreview({
   port: appPort,
-  path: appPath,
+  directory,
   legacyRuntime = false,
   env: envHandle,
   envBranch,
   inspectorPort,
   debug,
-  verbose
+  verbose,
+  build: shouldBuild = false,
+  watch = false,
+  codegen: useCodegen = false,
+  codegenConfigPath,
+  entry
 }) {
   if (!process.env.NODE_ENV)
-    process.env.NODE_ENV = "production";
+    process.env.NODE_ENV = watch ? "development" : "production";
   if (verbose)
     setH2OVerbose();
   if (!isH2Verbose())
     muteDevLogs();
-  let { root, buildPath, buildPathWorkerFile, buildPathClient } = getProjectPaths(appPath);
-  if (!await hasRemixConfigFile(root)) {
+  let { root, buildPath, buildPathWorkerFile, buildPathClient } = getProjectPaths(directory);
+  const isClassicProject = await hasRemixConfigFile(root);
+  if (watch && isClassicProject) {
+    throw new AbortError(
+      "Preview in watch mode is not supported for classic Remix projects.",
+      "Please use the dev command instead, which is the equivalent for classic projects."
+    );
+  }
+  let miniOxygen;
+  const projectBuild = deferPromise();
+  const buildOptions = {
+    directory: root,
+    entry,
+    disableRouteWarning: false,
+    lockfileCheck: false,
+    sourcemap: true,
+    useCodegen,
+    codegenConfigPath
+  };
+  const buildProcess = shouldBuild ? isClassicProject ? await runClassicCompilerBuild({
+    ...buildOptions,
+    bundleStats: false
+  }).then(projectBuild.resolve) : await runBuild({
+    ...buildOptions,
+    watch,
+    async onServerBuildFinish() {
+      if (projectBuild.state === "pending") {
+        projectBuild.resolve();
+      } else {
+        outputInfo("\u{1F3D7}\uFE0F  Project rebuilt. Reloading server...");
+      }
+      await miniOxygen?.reload();
+    }
+  }) : projectBuild.resolve();
+  if (!isClassicProject) {
     const maybeResult = await getViteConfig(root).catch(() => null);
     buildPathWorkerFile = maybeResult?.serverOutFile ?? joinPath(buildPath, "server", "index.js");
   }
@@ -65,8 +143,9 @@ async function runPreview({
     appPort = await findPort(DEFAULT_APP_PORT);
   }
   const assetsPort = legacyRuntime ? 0 : await findPort(appPort + 100);
+  await projectBuild.promise;
   logInjectedVariables();
-  const miniOxygen = await startMiniOxygen(
+  miniOxygen = await startMiniOxygen(
     {
       root,
       appPort,
@@ -75,11 +154,20 @@ async function runPreview({
       buildPathClient,
       buildPathWorkerFile,
       inspectorPort,
-      debug
+      debug,
+      watch
     },
     legacyRuntime
   );
-  miniOxygen.showBanner({ mode: "preview" });
+  miniOxygen.showBanner({
+    mode: "preview",
+    headlinePrefix: watch ? "Watching for changes. " : ""
+  });
+  return {
+    async close() {
+      await Promise.allSettled([miniOxygen.close(), buildProcess?.close()]);
+    }
+  };
 }
 
 export { Preview as default, runPreview };

package/dist/commands/hydrogen/setup/vite.js

@@ -7,7 +7,7 @@ import { commonFlags, flagsToCamelObject } from '../../../lib/flags.js';
 import { getRawRemixConfig } from '../../../lib/remix-config.js';
 import { replaceFileContent, mergePackageJson } from '../../../lib/file.js';
 import { importLangAstGrep } from '../../../lib/ast.js';
-import { getAssetDir } from '../../../lib/build.js';
+import { getAssetsDir } from '../../../lib/build.js';
 import { getCodeFormatOptions, formatCode } from '../../../lib/format-code.js';
 import { hasViteConfig } from '../../../lib/vite-config.js';
 import { AbortError } from '@shopify/cli-kit/node/error';
@@ -47,7 +47,7 @@ async function runSetupVite({ directory }) {
   const serverEntry = rawRemixConfig.server || "server.js";
   const isTS = serverEntry.endsWith(".ts");
   const fileExt = isTS ? "tsx" : "jsx";
-  const viteAssets = getAssetDir("vite");
+  const viteAssets = await getAssetsDir("vite");
   const usesTailwind = !!rawRemixConfig.tailwind;
   const postCssConfigPath = resolvePath(directory, "postcss.config.js");
   const handlePartialIssue = () => {

package/dist/commands/hydrogen/setup.js

@@ -56,7 +56,7 @@ async function runSetup(options) {
   );
   let routes;
   if (needsRouteGeneration) {
-    const templateRoot = getTemplateAppFile("..");
+    const templateRoot = await getTemplateAppFile("..");
     const [typescript, dtsFiles] = await Promise.all([
       fileExists(joinPath(rootDirectory, "tsconfig.json")),
       glob("*.d.ts", { cwd: templateRoot })