@shopify/cli-hydrogen 5.1.2 → 5.2.1

package/dist/lib/mini-oxygen.js

@@ -1,27 +1,28 @@
 import { outputToken, outputInfo, outputContent } from '@shopify/cli-kit/node/output';
 import { resolvePath } from '@shopify/cli-kit/node/path';
-import { fileExists } from '@shopify/cli-kit/node/fs';
+import { readFile, fileExists } from '@shopify/cli-kit/node/fs';
 import colors from '@shopify/cli-kit/node/colors';
 import { renderSuccess } from '@shopify/cli-kit/node/ui';
+import { startServer } from '@shopify/mini-oxygen';
+import { DEFAULT_PORT } from './flags.js';
 
 async function startMiniOxygen({
   root,
-  port = 3e3,
+  port = DEFAULT_PORT,
   watch = false,
+  autoReload = watch,
   buildPathWorkerFile,
   buildPathClient,
   env
 }) {
-  const { default: miniOxygenImport } = await import('@shopify/mini-oxygen');
-  const miniOxygenPreview = miniOxygenImport.default ?? miniOxygenImport;
   const dotenvPath = resolvePath(root, ".env");
-  const miniOxygen = await miniOxygenPreview({
-    workerFile: buildPathWorkerFile,
+  const miniOxygen = await startServer({
+    script: await readFile(buildPathWorkerFile),
     assetsDir: buildPathClient,
     publicPath: "",
     port,
     watch,
-    autoReload: watch,
+    autoReload,
     modules: true,
     env: {
       ...env,
@@ -30,23 +31,31 @@ async function startMiniOxygen({
     envPath: !env && await fileExists(dotenvPath) ? dotenvPath : void 0,
     log: () => {
     },
-    buildWatchPaths: watch ? [resolvePath(root, buildPathWorkerFile)] : void 0,
-    onResponse: (request, response) => logResponse(
-      request,
-      response
+    onResponse: (request, response) => (
+      // 'Request' and 'Response' types in MiniOxygen comes from
+      // Miniflare and are slightly different from standard types.
+      logResponse(
+        request,
+        response
+      )
     )
   });
   const listeningAt = `http://localhost:${miniOxygen.port}`;
   return {
     listeningAt,
     port: miniOxygen.port,
-    reload(nextOptions) {
-      return miniOxygen.reload({
-        env: {
-          ...nextOptions?.env ?? env,
+    async reload(options = {}) {
+      const nextOptions = {};
+      if (options.env) {
+        nextOptions.env = {
+          ...options.env,
           ...process.env
-        }
-      });
+        };
+      }
+      if (options.worker) {
+        nextOptions.script = await readFile(buildPathWorkerFile);
+      }
+      return miniOxygen.reload(nextOptions);
     },
     showBanner(options) {
       console.log("");
@@ -64,8 +73,9 @@ async function startMiniOxygen({
 function logResponse(request, response) {
   try {
     const url = new URL(request.url);
-    if (["/graphiql"].includes(url.pathname))
+    if (["/graphiql"].includes(url.pathname)) {
       return;
+    }
     const isProxy = !!response.url && response.url !== request.url;
     const isDataRequest = !isProxy && url.searchParams.has("_data");
     let route = request.url.replace(url.origin, "");

package/dist/lib/missing-routes.js

@@ -3,20 +3,34 @@ import { renderWarning, renderSuccess } from '@shopify/cli-kit/node/ui';
 const REQUIRED_ROUTES = [
   "",
   "cart",
+  // 'products',
   "products/:productHandle",
   "collections",
+  //   'collections/all',
   "collections/:collectionHandle",
+  //   'collections/:collectionHandle/:constraint',
+  //   'collections/:collectionHandle/products/:productHandle',
   "sitemap.xml",
   "robots.txt",
   "pages/:pageHandle",
+  //   'blogs/:blogHandle/tagged/:tagHandle',
+  //   'blogs/:blogHandle/:articleHandle',
+  //   'blogs/:blogHandle/:articleHandle/comments',
   "policies/:policyHandle",
+  //   'variants/:variantId',
   "search",
+  //   'gift_cards/:storeId/:cardId',
+  // 'discount/:discountCode', => Handled in storefrontRedirect
   "account",
   "account/login",
   "account/register",
+  // 'account/addresses',
+  // 'account/orders',
   "account/orders/:orderId",
   "account/reset/:id/:token",
   "account/activate/:id/:token"
+  //   'password',
+  //   'opening_soon',
 ];
 function findMissingRoutes(config, requiredRoutes = REQUIRED_ROUTES) {
   const userRoutes = Object.values(config.routes);
@@ -40,7 +54,9 @@ function findMissingRoutes(config, requiredRoutes = REQUIRED_ROUTES) {
           currentRoute.parentId = parentRoute.parentId;
         }
         const optionalSegment = ":?[^\\/\\?]+\\?";
-        const reString = `^(${optionalSegment}\\/)?` + requiredRoute.replaceAll(".", "\\.").replace(/\//g, `\\/(${optionalSegment}\\/)?`).replace(/:[^/)?]+/g, ":[^\\/]+") + `(\\/${optionalSegment})?$`;
+        const reString = `^(${optionalSegment}\\/)?` + // Starts with an optional segment
+        requiredRoute.replaceAll(".", "\\.").replace(/\//g, `\\/(${optionalSegment}\\/)?`).replace(/:[^/)?]+/g, ":[^\\/]+") + // Replace params with regex
+        `(\\/${optionalSegment})?$`;
         if (new RegExp(reString).test(currentRoute.path)) {
           missingRoutes.delete(requiredRoute);
         }

package/dist/lib/onboarding/common.js

@@ -163,7 +163,9 @@ async function handleProjectLocation({
   return {
     name: basename(location),
     location,
+    // User input. E.g. "./hydrogen-storefront"
     directory,
+    // Absolute path to location
     storefrontTitle: storefrontInfo?.title
   };
 }
@@ -201,6 +203,7 @@ async function handleCssStrategy(projectDir, controller, flagStyling) {
           {
             rootDirectory: projectDir,
             appDirectory: joinPath(projectDir, "app")
+            // Default value in new projects
           },
           true
         );
@@ -344,6 +347,8 @@ async function renderProjectReady(project, {
     body: bodyLines.map(
       ([label, value]) => `  ${(label + ":").padEnd(padMin, " ")}  ${colors.dim(value)}`
     ).join("\n") + routeSummary,
+    // Use `customSections` instead of `nextSteps` and `references`
+    // here to enforce a newline between title and items.
     customSections: [
       hasErrors && {
         title: "Warnings\n",

package/dist/lib/onboarding/local.js

@@ -18,7 +18,7 @@ async function setupLocalStarterTemplate(options, controller) {
     message: "Connect to Shopify",
     choices: [
       {
-        label: "Use sample data from Mock.shop (no login required)",
+        label: "Use sample data from mock.shop (You can connect a Shopify account later)",
         value: "mock"
       },
       { label: "Link your Shopify account", value: "link" }
@@ -46,17 +46,22 @@ async function setupLocalStarterTemplate(options, controller) {
   let backgroundWorkPromise = copy(
     templateDir,
     project.directory,
+    // Filter out the `app` directory, which will be generated later
     {
       filter: (filepath) => !/^(app|dist|node_modules)\//i.test(
         relativePath(templateDir, filepath)
       )
     }
   ).then(
-    () => generateProjectEntries({
-      rootDirectory: project.directory,
-      appDirectory: joinPath(project.directory, "app"),
-      typescript: true
-    })
+    () => (
+      // Generate project entries and their file dependencies
+      generateProjectEntries({
+        rootDirectory: project.directory,
+        appDirectory: joinPath(project.directory, "app"),
+        typescript: true
+        // Will be transpiled later
+      })
+    )
   ).catch(abort);
   const tasks = [
     {
@@ -74,6 +79,7 @@ async function setupLocalStarterTemplate(options, controller) {
   ];
   backgroundWorkPromise = backgroundWorkPromise.then(() => {
     const promises = [
+      // Add project name to package.json
       replaceFileContent(
         joinPath(project.directory, "package.json"),
         false,
@@ -83,17 +89,23 @@ async function setupLocalStarterTemplate(options, controller) {
         )
       )
     ];
-    const envLeadingComment = "# The variables added in this file are only available locally in MiniOxygen\n";
+    const envLeadingComment = "# The variables added in this file are only available locally in MiniOxygen.\n# Run `h2 link` to also inject environment variables from your storefront,\n# or `h2 env pull` to populate this file.";
     if (storefrontInfo && createStorefrontPromise) {
       promises.push(
+        // Save linked storefront in project
         setUserAccount(project.directory, storefrontInfo),
         createStorefrontPromise.then(
-          (storefront) => setStorefront(project.directory, storefront)
+          (storefront) => (
+            // Save linked storefront in project
+            setStorefront(project.directory, storefront)
+          )
         ),
+        // Write empty dotenv file to fallback to remote Oxygen variables
         writeFile(joinPath(project.directory, ".env"), envLeadingComment)
       );
     } else if (templateAction === "mock") {
       promises.push(
+        // Set required env vars
         writeFile(
           joinPath(project.directory, ".env"),
           envLeadingComment + "\n" + [
@@ -188,6 +200,7 @@ async function setupLocalStarterTemplate(options, controller) {
     const { setupRoutes } = await handleRouteGeneration(
       controller,
       options.routes || true
+      // TODO: Remove default value when multi-select UI component is available
     );
     setupSummary.i18n = i18nStrategy;
     backgroundWorkPromise = backgroundWorkPromise.then(async () => {

package/dist/lib/remix-config.js

@@ -5,6 +5,7 @@ import { readdir } from 'node:fs/promises';
 import { AbortError } from '@shopify/cli-kit/node/error';
 import { outputWarn } from '@shopify/cli-kit/node/output';
 import { fileExists } from '@shopify/cli-kit/node/fs';
+import { muteRemixLogs } from './log.js';
 
 const BUILD_DIR = "dist";
 const CLIENT_SUBDIR = "client";
@@ -25,6 +26,7 @@ function getProjectPaths(appPath, entry) {
   };
 }
 async function getRemixConfig(root, mode = process.env.NODE_ENV) {
+  await muteRemixLogs();
   const { readConfig } = await import('@remix-run/dev/dist/config.js');
   const config = await readConfig(root, mode);
   if (process.env.LOCAL_DEV) {

package/dist/lib/remix-version-check.test.js

@@ -26,6 +26,7 @@ describe("remix-version-check", () => {
   it("warns when versions are out of sync", () => {
     const expectedVersion = "42.0.0-test";
     vi.mocked(requireMock).mockReturnValueOnce({
+      // Hydrogen expected version
       dependencies: { "@remix-run/dev": expectedVersion }
     });
     const outputMock = mockAndCaptureOutput();

package/dist/lib/setups/css/index.js

@@ -1,10 +1,12 @@
 import { renderSelectPrompt } from '@shopify/cli-kit/node/ui';
+import { SETUP_CSS_STRATEGIES } from './assets.js';
+export { SETUP_CSS_STRATEGIES } from './assets.js';
 import { setupTailwind } from './tailwind.js';
 import { setupPostCss } from './postcss.js';
 import { setupCssModules } from './css-modules.js';
 import { setupVanillaExtract } from './vanilla-extract.js';
-export { SETUP_CSS_STRATEGIES } from './assets.js';
 
+const STYLING_CHOICES = [...SETUP_CSS_STRATEGIES, "none"];
 const CSS_STRATEGY_NAME_MAP = {
   tailwind: "Tailwind",
   "css-modules": "CSS Modules",
@@ -41,4 +43,4 @@ async function renderCssPrompt(options) {
   });
 }
 
-export { CSS_STRATEGY_NAME_MAP, renderCssPrompt, setupCssStrategy };
+export { CSS_STRATEGY_NAME_MAP, STYLING_CHOICES, renderCssPrompt, setupCssStrategy };

package/dist/lib/setups/css/replacers.js

@@ -1,8 +1,7 @@
 import { AbortError } from '@shopify/cli-kit/node/error';
-import { ts, tsx, js, jsx } from '@ast-grep/napi';
 import { findFileWithExtension, replaceFileContent } from '../../file.js';
+import { importLangAstGrep } from '../../ast.js';
 
-const astGrep = { ts, tsx, js, jsx };
 async function replaceRemixConfig(rootDirectory, formatConfig, newProperties) {
   const { filepath, astType } = await findFileWithExtension(
     rootDirectory,
@@ -14,7 +13,8 @@ async function replaceRemixConfig(rootDirectory, formatConfig, newProperties) {
     );
   }
   await replaceFileContent(filepath, formatConfig, async (content) => {
-    const root = astGrep[astType].parse(content).root();
+    const astGrep = await importLangAstGrep(astType);
+    const root = astGrep.parse(content).root();
     const remixConfigNode = root.find({
       rule: {
         kind: "object",
@@ -22,9 +22,11 @@ async function replaceRemixConfig(rootDirectory, formatConfig, newProperties) {
           any: [
             {
               kind: "export_statement"
+              // ESM
             },
             {
               kind: "assignment_expression",
+              // CJS
               has: {
                 kind: "member_expression",
                 field: "left",
@@ -77,7 +79,8 @@ async function replaceRootLinks(appDirectory, formatConfig, importer) {
     if (content.includes(importStatement.split("from")[0])) {
       return;
     }
-    const root = astGrep[astType].parse(content).root();
+    const astGrep = await importLangAstGrep(astType);
+    const root = astGrep.parse(content).root();
     const lastImportNode = root.findAll({ rule: { kind: "import_statement" } }).pop();
     const linksReturnNode = root.find({
       utils: {

package/dist/lib/setups/i18n/replacers.js

@@ -1,17 +1,17 @@
 import { AbortError } from '@shopify/cli-kit/node/error';
 import { joinPath, relativePath } from '@shopify/cli-kit/node/path';
 import { fileExists } from '@shopify/cli-kit/node/fs';
-import { ts, tsx, js, jsx } from '@ast-grep/napi';
 import { replaceFileContent, findFileWithExtension } from '../../file.js';
+import { importLangAstGrep } from '../../ast.js';
 
-const astGrep = { ts, tsx, js, jsx };
 async function replaceServerI18n({ rootDirectory, serverEntryPoint = "server" }, formatConfig, localeExtractImplementation) {
   const { filepath, astType } = await findEntryFile({
     rootDirectory,
     serverEntryPoint
   });
   await replaceFileContent(filepath, formatConfig, async (content) => {
-    const root = astGrep[astType].parse(content).root();
+    const astGrep = await importLangAstGrep(astType);
+    const root = astGrep.parse(content).root();
     const requestIdentifier = root.find({
       rule: {
         kind: "identifier",
@@ -58,6 +58,7 @@ async function replaceServerI18n({ rootDirectory, serverEntryPoint = "server" },
         has: {
           kind: "identifier",
           regex: `^${hydrogenImportName}`
+          // could be appended with " as ..."
         }
       }
     });
@@ -154,10 +155,11 @@ async function replaceRemixEnv({ rootDirectory, serverEntryPoint }, formatConfig
     rootDirectory,
     entryFilepath
   ).replace(/.[tj]sx?$/, "");
-  await replaceFileContent(remixEnvPath, formatConfig, (content) => {
+  await replaceFileContent(remixEnvPath, formatConfig, async (content) => {
     if (content.includes(`Storefront<`))
       return;
-    const root = astGrep.ts.parse(content).root();
+    const astGrep = await importLangAstGrep("ts");
+    const root = astGrep.parse(content).root();
     const storefrontTypeNode = root.find({
       rule: {
         kind: "property_signature",

package/dist/lib/setups/routes/generate.js

@@ -64,8 +64,7 @@ async function generateRoutes(options) {
     options,
     v2Flags.isV2RouteConvention
   );
-  const typescript = options.typescript ?? !!tsconfigPath;
-  const transpilerOptions = typescript ? void 0 : await getJsTranspilerOptions(rootDirectory);
+  const typescript = !!(options.typescript ?? tsconfigPath?.endsWith("tsconfig.json"));
   const routes = [];
   for (const route of routesArray) {
     routes.push(
@@ -76,7 +75,6 @@ async function generateRoutes(options) {
         rootDirectory,
         appDirectory,
         formatOptions,
-        transpilerOptions,
         v2Flags
       })
     );
@@ -85,7 +83,6 @@ async function generateRoutes(options) {
     routes,
     routeGroups,
     isTypescript: typescript,
-    transpilerOptions,
     v2Flags,
     formatOptions
   };
@@ -98,12 +95,12 @@ async function getLocalePrefix(appDirectory, { localePrefix, routeName }, isV2Ro
   const existingFiles = await readdir(joinPath(appDirectory, "routes")).catch(
     () => []
   );
-  const homeRouteWithLocaleRE = isV2RouteConvention ? /^\(\$(\w+)\)\._index.[jt]sx?$/ : /^\(\$(\w+)\)$/;
-  const homeRouteWithLocale = existingFiles.find(
-    (file) => homeRouteWithLocaleRE.test(file)
+  const coreRouteWithLocaleRE = isV2RouteConvention ? /^\(\$(\w+)\)\.(_index|\$|cart).[jt]sx?$/ : /^\(\$(\w+)\)$/;
+  const coreRouteWithLocale = existingFiles.find(
+    (file) => coreRouteWithLocaleRE.test(file)
   );
-  if (homeRouteWithLocale) {
-    return homeRouteWithLocale.match(homeRouteWithLocaleRE)?.[1];
+  if (coreRouteWithLocale) {
+    return coreRouteWithLocale.match(coreRouteWithLocaleRE)?.[1];
   }
 }
 async function generateProjectFile(routeFrom, {
@@ -113,7 +110,6 @@ async function generateProjectFile(routeFrom, {
   force,
   adapter,
   templatesRoot = getStarterDir(),
-  transpilerOptions,
   formatOptions,
   localePrefix,
   v2Flags = {},
@@ -159,19 +155,17 @@ async function generateProjectFile(routeFrom, {
     if (!await fileExists(dirname(destinationPath))) {
       await mkdir(dirname(destinationPath));
     }
+    const templateAppFilePath = getTemplateAppFile(filePath, templatesRoot);
     if (!/\.[jt]sx?$/.test(filePath)) {
-      await copyFile(
-        getTemplateAppFile(filePath, templatesRoot),
-        destinationPath
-      );
+      await copyFile(templateAppFilePath, destinationPath);
       continue;
     }
     let templateContent = convertTemplateToRemixVersion(
-      await readFile(getTemplateAppFile(filePath, templatesRoot)),
+      await readFile(templateAppFilePath),
       v2Flags
     );
     if (!typescript) {
-      templateContent = transpileFile(templateContent, transpilerOptions);
+      templateContent = await transpileFile(templateContent);
     }
     if (adapter) {
       templateContent = templateContent.replace(
@@ -179,7 +173,7 @@ async function generateProjectFile(routeFrom, {
         adapter
       );
     }
-    templateContent = formatCode(
+    templateContent = await formatCode(
       templateContent,
       formatOptions,
       destinationPath
@@ -191,7 +185,9 @@ async function generateProjectFile(routeFrom, {
 function getDestinationRoute(routeFrom, localePrefix, v2Flags) {
   const routePath = routeFrom.replace(GENERATOR_ROUTE_DIR + "/", "");
   const filePrefix = localePrefix && !NO_LOCALE_PATTERNS.some((pattern) => pattern.test(routePath)) ? `($${localePrefix})` + (v2Flags.isV2RouteConvention ? "." : "/") : "";
-  return GENERATOR_ROUTE_DIR + "/" + filePrefix + (v2Flags.isV2RouteConvention ? routePath : convertRouteToV1(routePath));
+  return GENERATOR_ROUTE_DIR + "/" + filePrefix + // The template file uses the v2 route convention, so we need to convert
+  // it to v1 if the user is not using v2.
+  (v2Flags.isV2RouteConvention ? routePath : convertRouteToV1(routePath));
 }
 async function findRouteDependencies(routeFilePath, appDirectory) {
   const filesToCheck = /* @__PURE__ */ new Set([routeFilePath]);
@@ -203,6 +199,7 @@ async function findRouteDependencies(routeFilePath, appDirectory) {
         continue;
       match = match.replace(
         "~",
+        // import from '~/components/...'
         relativePath(dirname(filePath), appDirectory) || "."
       );
       const resolvedMatchPath = resolvePath(dirname(filePath), match);
@@ -220,17 +217,6 @@ async function findRouteDependencies(routeFilePath, appDirectory) {
   }
   return [...fileDependencies];
 }
-async function getJsTranspilerOptions(rootDirectory) {
-  const jsConfigPath = joinPath(rootDirectory, "jsconfig.json");
-  if (!await fileExists(jsConfigPath))
-    return;
-  return JSON.parse(
-    (await readFile(jsConfigPath, { encoding: "utf8" })).replace(
-      /^\s*\/\/.*$/gm,
-      ""
-    )
-  )?.compilerOptions;
-}
 async function renderRoutePrompt(options) {
   const generateAll = await renderConfirmationPrompt({
     message: "Scaffold all standard route files? " + Object.keys(ROUTE_MAP).join(", "),

package/dist/lib/setups/routes/generate.test.js

@@ -39,7 +39,6 @@ describe("generate/route", () => {
         expect(result).toMatchObject(
           expect.objectContaining({
             isTypescript: false,
-            transpilerOptions: { test: "js" },
             formatOptions: { singleQuote: false },
             routes: expect.any(Array)
           })
@@ -61,7 +60,7 @@ describe("generate/route", () => {
         });
         vi.mocked(getRemixConfig).mockResolvedValue({
           ...directories,
-          tsconfigPath: "somewhere",
+          tsconfigPath: "somewhere/tsconfig.json",
           future: {
             v2_routeConvention: true
           }
@@ -74,7 +73,6 @@ describe("generate/route", () => {
         expect(result).toMatchObject(
           expect.objectContaining({
             isTypescript: true,
-            transpilerOptions: void 0,
             routes: expect.any(Array),
             formatOptions: expect.any(Object)
           })

package/dist/lib/template-downloader.js

@@ -19,6 +19,7 @@ async function getLatestReleaseDownloadUrl(signal) {
   }
   const release = await response.json();
   return {
+    // @shopify/package-name@version => package-name@version
     version: release.name.split("/").pop() ?? release.name,
     url: release.tarball_url
   };
@@ -32,8 +33,11 @@ async function downloadTarball(url, storageDir, signal) {
     );
   }
   await pipeline(
+    // Download
     response.body,
+    // Decompress
     gunzipMaybe(),
+    // Unpack
     extract(storageDir, {
       strip: 1,
       filter: (name) => {

package/dist/lib/transpile-ts.js

@@ -1,6 +1,5 @@
 import path from 'path';
 import fs from 'fs/promises';
-import ts from 'typescript';
 import glob from 'fast-glob';
 import { outputDebug } from '@shopify/cli-kit/node/output';
 import { getCodeFormatOptions, formatCode } from './format-code.js';
@@ -18,12 +17,15 @@ const DEFAULT_TS_CONFIG = {
   forceConsistentCasingInFileNames: true,
   skipLibCheck: true
 };
-function transpileFile(code, config = DEFAULT_TS_CONFIG) {
+async function transpileFile(code, config = DEFAULT_TS_CONFIG) {
+  const tsImport = await import('typescript');
+  const ts = tsImport.default ?? tsImport;
   const withArtificialNewLines = escapeNewLines(code);
   const compiled = ts.transpileModule(withArtificialNewLines, {
     reportDiagnostics: false,
     compilerOptions: {
       ...config,
+      // '1' tells TypeScript to preserve the JSX syntax.
       jsx: 1,
       removeComments: false
     }
@@ -81,7 +83,7 @@ async function transpileProject(projectDir) {
       continue;
     }
     const tsx = await fs.readFile(entry, "utf8");
-    const mjs = formatCode(transpileFile(tsx), formatConfig);
+    const mjs = await formatCode(await transpileFile(tsx), formatConfig);
     await fs.rm(entry);
     await fs.writeFile(entry.replace(/\.ts(x?)$/, ".js$1"), mjs, "utf8");
   }

package/dist/lib/virtual-routes.js

@@ -12,7 +12,10 @@ async function addVirtualRoutes(config) {
     const relativeFilePath = path.relative(virtualRoutesPath, absoluteFilePath);
     const routePath = relativeFilePath.replace(/\.[jt]sx?$/, "").replaceAll("\\", "/");
     const isIndex = /(^|\/)index$/.test(routePath);
-    const normalizedVirtualRoutePath = isIndex ? routePath.slice(0, -"index".length).replace(/\/$/, "") || void 0 : routePath.replace(/\$/g, ":").replace(/[\[\]]/g, "");
+    const normalizedVirtualRoutePath = isIndex ? routePath.slice(0, -"index".length).replace(/\/$/, "") || void 0 : (
+      // TODO: support v2 flat routes?
+      routePath.replace(/\$/g, ":").replace(/[\[\]]/g, "")
+    );
     const hasUserRoute = userRouteList.some(
       (r) => r.parentId === "root" && r.path === normalizedVirtualRoutePath
     );

package/dist/virtual-routes/components/HydrogenLogoBaseBW.jsx

@@ -1,7 +1,32 @@
-const HydrogenLogoBaseBW = (props) => <svg width={81} height={82} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-  <path d="M39.955 81.28 2.138 61.19l12.933-6.818 14.562 7.733 12.218-6.441L27.29 47.93l12.933-6.833L78.04 61.189l-12.934 6.817L51.35 60.7l-12.236 6.457 13.774 7.308-12.933 6.817Z" fill="#000" />
-  <path fillRule="evenodd" clipRule="evenodd" d="m40.225 0 39.953 21.227-15.073 7.945-13.756-7.308-10.096 5.328 13.775 7.309-15.075 7.945L0 21.22l15.073-7.945 14.562 7.732 10.078-5.313-14.56-7.731L40.225 0ZM29.426 7.967l14.564 7.734L29.63 23.27 15.07 15.537l-10.794 5.69 35.68 18.956 10.793-5.688-13.773-7.307L51.352 19.6l13.757 7.308 10.794-5.69-35.68-18.956-10.797 5.704Z" fill="#000" />
-</svg>;
+import { jsx, jsxs } from "react/jsx-runtime";
+const HydrogenLogoBaseBW = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: 81,
+    height: 82,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M39.955 81.28 2.138 61.19l12.933-6.818 14.562 7.733 12.218-6.441L27.29 47.93l12.933-6.833L78.04 61.189l-12.934 6.817L51.35 60.7l-12.236 6.457 13.774 7.308-12.933 6.817Z",
+          fill: "#000"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "m40.225 0 39.953 21.227-15.073 7.945-13.756-7.308-10.096 5.328 13.775 7.309-15.075 7.945L0 21.22l15.073-7.945 14.562 7.732 10.078-5.313-14.56-7.731L40.225 0ZM29.426 7.967l14.564 7.734L29.63 23.27 15.07 15.537l-10.794 5.69 35.68 18.956 10.793-5.688-13.773-7.307L51.352 19.6l13.757 7.308 10.794-5.69-35.68-18.956-10.797 5.704Z",
+          fill: "#000"
+        }
+      )
+    ]
+  }
+);
 export {
   HydrogenLogoBaseBW
 };