@shopify/cli-hydrogen 0.31.0 → 0.33.2

package/dist/commands/hydrogen/preview.js

@@ -1,32 +1,18 @@
-import require$$0$5, { resolve } from 'path';
-import { C as Command, H as HelpfulError } from '../../Command-bded1434.js';
-import 'prettier';
 import { Request, MiniflareCore, CorePlugin } from '@miniflare/core';
-import { CachePlugin } from '@miniflare/cache';
-import { VMScriptRunner } from '@miniflare/runner-vm';
-import { Log, LogLevel } from '@miniflare/shared';
-import require$$3 from 'http';
-import require$$0$3 from 'fs';
-import require$$7, { URL } from 'url';
 import require$$0$1 from 'tty';
 import require$$0$2 from 'util';
+import require$$0$3 from 'fs';
 import require$$4 from 'net';
 import require$$0$4 from 'events';
+import require$$7 from 'url';
+import require$$3 from 'http';
+import { path, output, file, error } from '@shopify/cli-kit';
+import { URL } from 'node:url';
 import { MemoryStorage } from '@miniflare/storage-memory';
-import '@oclif/core';
-import 'constants';
-import 'stream';
-import 'assert';
-import 'os';
-import 'readline';
-import 'buffer';
-import 'child_process';
-import 'string_decoder';
-import 'crypto';
-import '@shopify/cli-kit';
-import 'module';
-import 'vm';
-import 'v8';
+import { CachePlugin } from '@miniflare/cache';
+import { VMScriptRunner } from '@miniflare/runner-vm';
+import { Log, LogLevel } from '@miniflare/shared';
+import { Flags, Command } from '@oclif/core';
 
 /**
  * @param typeMap [Object] Map of MIME type -> Array[extensions]
@@ -3230,7 +3216,7 @@ function getProtohost(url) {
 
 function createAssetMiddleware(assets) {
   return (req, res, next) => {
-    const filePath = require$$0$5.join(process.cwd(), "./dist/client", req.url);
+    const filePath = path.join(process.cwd(), "./dist/client", req.url);
     if (assets.includes(filePath)) {
       const rs = require$$0$3.createReadStream(filePath);
       const { size } = require$$0$3.statSync(filePath);
@@ -3238,7 +3224,7 @@ function createAssetMiddleware(assets) {
       res.setHeader("Content-Length", size);
       return rs.pipe(res);
     }
-    next();
+    return next();
   };
 }
 function createRequestMiddleware(mf) {
@@ -3261,9 +3247,9 @@ function createRequestMiddleware(mf) {
         }
       }
       res.end();
-    } catch (e) {
+    } catch (error) {
       res.writeHead(500, { "Content-Type": "text/plain; charset=UTF-8" });
-      res.end(e.stack, "utf8");
+      res.end(error.stack, "utf8");
     }
     return response;
   };
@@ -3318,41 +3304,52 @@ const PLUGINS = {
   CachePlugin
 };
 
-const port = 4e3;
-class Preview extends Command {
-  async run() {
-    const hasWorkerBuild = await this.fs.hasFile("dist/worker/worker.js");
-    if (!hasWorkerBuild) {
-      throw new HelpfulError({
-        title: "worker.js not found",
-        content: "A worker build is required for this command.",
-        suggestion: () => `Run \`yarn run build\` to generate a worker build and try again.`
-      });
-    }
-    const files = await this.fs.glob("dist/client/**/*");
-    files.forEach((file) => {
-      this.interface.say(file);
-    });
-    const mf = new MiniOxygen({
-      buildCommand: "yarn build",
-      globals: { Oxygen: {} },
-      scriptPath: resolve(this.root, "dist/worker/worker.js"),
-      sitePath: resolve(this.root, "dist/client")
-    });
-    const app = await mf.createServer({ assets: files });
-    app.listen(port, () => {
-      this.interface.say(`
+async function preview({ directory, port }) {
+  await runPreview({ directory, port });
+}
+async function runPreview({ directory, port }) {
+  const files = await path.glob("dist/client/**/*");
+  const mf = new MiniOxygen({
+    buildCommand: "yarn build",
+    globals: { Oxygen: {} },
+    scriptPath: path.resolve(directory, "dist/worker/index.js"),
+    sitePath: path.resolve(directory, "dist/client")
+  });
+  const app = await mf.createServer({ assets: files });
+  app.listen(port, () => {
+    output.info(`
 Started miniOxygen server. Listening at http://localhost:${port}
 `);
-    });
-  }
+  });
 }
-Preview.description = "Preview a hydrogen worker build in a worker environment.";
-Preview.examples = [`$ shopify hydrogen preview`];
+
+const _Preview = class extends Command {
+  async run() {
+    const { flags } = await this.parse(_Preview);
+    const directory = flags.path ? path.resolve(flags.path) : process.cwd();
+    const port = parseInt(flags.port, 10);
+    if (!await file.exists(path.resolve(directory, "dist/worker"))) {
+      throw new error.Abort(`Couldn't find worker build. Run "yarn build" in ${directory}, and try again.`);
+    }
+    await preview({ directory, port });
+  }
+};
+let Preview = _Preview;
+Preview.description = "Run a Hydrogen storefront locally in a worker environment";
 Preview.flags = {
-  ...Command.flags
+  path: Flags.string({
+    hidden: true,
+    description: "the path to your hydrogen storefront",
+    env: "SHOPIFY_FLAG_PATH"
+  }),
+  port: Flags.string({
+    char: "p",
+    hidden: true,
+    description: "the port to run the preview server on",
+    default: "3000",
+    env: "SHOPIFY_FLAG_PORT"
+  })
 };
-Preview.args = [];
 
 export { Preview as default };
 //# sourceMappingURL=preview.js.map