@shopify/cli-hydrogen 2.0.9 → 2.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,23 @@
|
|
|
1
|
-
import { error, file,
|
|
1
|
+
import { error, path, file, output, system, cli } from '@shopify/cli-kit';
|
|
2
2
|
import { fileURLToPath } from 'url';
|
|
3
3
|
import { Flags, Command } from '@oclif/core';
|
|
4
4
|
|
|
5
|
-
async function
|
|
5
|
+
async function previewInNode({ directory, port }) {
|
|
6
|
+
const buildOutputPath = await path.resolve(directory, "dist/node");
|
|
7
|
+
if (!await file.exists(buildOutputPath)) {
|
|
8
|
+
output.info(output.content`Couldn’t find a Node.js server build for this project. Running ${output.token.command("yarn shopify hydrogen build --target=node")} to create one.`);
|
|
9
|
+
await system.exec("yarn", ["shopify", "hydrogen", "build", "--target=node"], {
|
|
10
|
+
cwd: directory,
|
|
11
|
+
stdout: process.stdout
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
await system.exec("node", ["--enable-source-maps", buildOutputPath], {
|
|
15
|
+
env: { PORT: port },
|
|
16
|
+
cwd: directory,
|
|
17
|
+
stdout: process.stdout
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
async function previewInWorker({ directory, port }) {
|
|
6
21
|
const config = {
|
|
7
22
|
port,
|
|
8
23
|
workerFile: "dist/worker/index.js",
|
|
@@ -42,7 +57,11 @@ const _Preview = class extends Command {
|
|
|
42
57
|
const { flags } = await this.parse(_Preview);
|
|
43
58
|
const directory = flags.path ? path.resolve(flags.path) : process.cwd();
|
|
44
59
|
const port = parseInt(flags.port, 10);
|
|
45
|
-
|
|
60
|
+
if (flags.target === "worker") {
|
|
61
|
+
await previewInWorker({ directory, port });
|
|
62
|
+
} else if (flags.target === "node") {
|
|
63
|
+
await previewInNode({ directory, port });
|
|
64
|
+
}
|
|
46
65
|
}
|
|
47
66
|
};
|
|
48
67
|
let Preview = _Preview;
|
|
@@ -60,6 +79,13 @@ Preview.flags = {
|
|
|
60
79
|
description: "the port to run the preview server on",
|
|
61
80
|
default: "3000",
|
|
62
81
|
env: "SHOPIFY_FLAG_PORT"
|
|
82
|
+
}),
|
|
83
|
+
target: Flags.string({
|
|
84
|
+
char: "t",
|
|
85
|
+
description: "the target environment (worker or node)",
|
|
86
|
+
options: ["node", "worker"],
|
|
87
|
+
default: "worker",
|
|
88
|
+
env: "SHOPIFY_FLAG_PREVIEW_TARGET"
|
|
63
89
|
})
|
|
64
90
|
};
|
|
65
91
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview.js","sources":["../../../src/cli/services/preview.ts","../../../src/cli/commands/hydrogen/preview.ts"],"sourcesContent":["import {path, error, system, file} from '@shopify/cli-kit'\nimport {fileURLToPath} from 'url'\n\ninterface PreviewOptions {\n directory: string\n port: number\n}\n\
|
|
1
|
+
{"version":3,"file":"preview.js","sources":["../../../src/cli/services/preview.ts","../../../src/cli/commands/hydrogen/preview.ts"],"sourcesContent":["import {path, error, system, file, output} from '@shopify/cli-kit'\nimport {fileURLToPath} from 'url'\n\ninterface PreviewOptions {\n directory: string\n port: number\n}\n\nexport async function previewInNode({directory, port}: PreviewOptions) {\n const buildOutputPath = await path.resolve(directory, 'dist/node')\n\n if (!(await file.exists(buildOutputPath))) {\n output.info(\n output.content`Couldn’t find a Node.js server build for this project. Running ${output.token.command(\n 'yarn shopify hydrogen build --target=node',\n )} to create one.`,\n )\n\n await system.exec('yarn', ['shopify', 'hydrogen', 'build', '--target=node'], {\n cwd: directory,\n stdout: process.stdout,\n })\n }\n\n await system.exec('node', ['--enable-source-maps', buildOutputPath], {\n env: {PORT: port},\n cwd: directory,\n stdout: process.stdout,\n })\n}\n\nexport async function previewInWorker({directory, port}: PreviewOptions) {\n const config = {\n port,\n workerFile: 'dist/worker/index.js',\n assetsDir: 'dist/client',\n buildCommand: 'yarn build',\n modules: true,\n watch: true,\n buildWatchPaths: ['./src'],\n autoReload: true,\n }\n\n await file.write(path.resolve(directory, 'mini-oxygen.config.json'), JSON.stringify(config, null, 2))\n\n function cleanUp(options: {exit: boolean}) {\n if (options.exit) {\n file.remove(path.resolve(directory, 'mini-oxygen.config.json'))\n }\n }\n\n process.on('SIGINT', cleanUp.bind(null, {exit: true}))\n\n const executable = await oxygenPreviewExecutable()\n\n await system.exec(executable, [], {\n env: {NODE_OPTIONS: '--experimental-vm-modules'},\n cwd: directory,\n stdout: process.stdout,\n })\n}\n\nexport const OxygenPreviewExecutableNotFound = new error.Abort(\n 'Could not locate the executable file to run Oxygen locally.',\n)\n\nasync function oxygenPreviewExecutable(): Promise<string> {\n const cwd = path.dirname(fileURLToPath(import.meta.url))\n const executablePath = await path.findUp('node_modules/.bin/oxygen-preview', {type: 'file', cwd})\n if (!executablePath) {\n throw OxygenPreviewExecutableNotFound\n }\n return executablePath\n}\n","import {previewInWorker, previewInNode} from '../../services/preview'\nimport {path, cli} from '@shopify/cli-kit'\nimport {Command, Flags} from '@oclif/core'\n\nexport default class Preview extends Command {\n static description = 'Run a Hydrogen storefront locally in a worker environment'\n static flags = {\n ...cli.globalFlags,\n path: Flags.string({\n hidden: true,\n description: 'the path to your hydrogen storefront',\n env: 'SHOPIFY_FLAG_PATH',\n }),\n port: Flags.string({\n char: 'p',\n hidden: true,\n description: 'the port to run the preview server on',\n default: '3000',\n env: 'SHOPIFY_FLAG_PORT',\n }),\n target: Flags.string({\n char: 't',\n description: 'the target environment (worker or node)',\n options: ['node', 'worker'],\n default: 'worker',\n env: 'SHOPIFY_FLAG_PREVIEW_TARGET',\n }),\n }\n\n async run(): Promise<void> {\n const {flags} = await this.parse(Preview)\n const directory = flags.path ? path.resolve(flags.path) : process.cwd()\n const port = parseInt(flags.port, 10)\n\n if (flags.target === 'worker') {\n await previewInWorker({directory, port})\n } else if (flags.target === 'node') {\n await previewInNode({directory, port})\n }\n }\n}\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shopify/cli-hydrogen",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.10",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Commands for building Hydrogen storefronts",
|
|
6
6
|
"type": "module",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"vite": "^2.9.6"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@shopify/cli-kit": "2.0.
|
|
43
|
+
"@shopify/cli-kit": "2.0.10"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@babel/core": "^7.17.10",
|