cloudcommerce 2.5.0 → 2.6.0

package/packages/storefront/src/web-ide/webcontainer.ts

@@ -0,0 +1,104 @@
+import { WebContainer } from '@webcontainer/api';
+
+export const genContainerFiles = ({ repo, ghToken, repoDir }: {
+  repo: string,
+  ghToken?: string,
+  repoDir: string,
+}) => ({
+  'git.js': {
+    file: {
+      contents: `
+import fs from 'node:fs';
+import { join as joinPath } from 'node:path';
+import { clone, pull } from 'isomorphic-git';
+import * as http from 'isomorphic-git/http/node/index.cjs';
+const dir = joinPath(process.cwd(), '${repoDir}');
+const isClone = process.argv.find((val) => val === '--clone');
+const options = {
+  fs,
+  http,
+  dir,
+  singleBranch: true,
+  ref: 'c59d5884ab86899da1c7fd154bf4009cac0a60e9',
+};
+${(ghToken
+    ? `
+options.oauth2format = 'github';
+options.token = '${ghToken}';`
+    : '')}
+if (isClone) {
+  options.url = 'https://github.com/${repo}.git';
+  options.depth = 1;
+  clone(options);
+} else {
+  pull(options);
+}
+`,
+    },
+  },
+  'package.json': {
+    file: {
+      contents: `
+{
+  "name": "git-app",
+  "version": "1.0.0",
+  "type": "module",
+  "private": true,
+  "description": "",
+  "author": "",
+  "license": "ISC",
+  "scripts": {
+    "git:clone": "node git.js --clone",
+    "git:pull": "node git.js --pull"
+  },
+  "dependencies": {
+    "isomorphic-git": "^1.25.3"
+  }
+}`,
+    },
+  },
+});
+
+export const initVM = async ({ repo, ghToken, cliTextarea }: {
+  repo: string,
+  ghToken?: string,
+  cliTextarea: HTMLTextAreaElement,
+}) => {
+  const vm = await WebContainer.boot();
+  const repoDir = 'store';
+  const files = genContainerFiles({ repo, ghToken, repoDir });
+  await vm.mount(files);
+  const exec = async (command: string, args: string[]) => {
+    const cliArgs = args.reduce((acc, opt) => `${acc} ${opt}`, '');
+    const cli = `$ ${command}${cliArgs}\n`;
+    cliTextarea.value += cli;
+    const proc = await vm.spawn(command, args);
+    if (import.meta.env.DEV || (window as any).DEBUG) {
+      proc.output.pipeTo(new WritableStream({
+        write(stdout) {
+          console.debug?.('webcontainer', { stdout });
+        },
+      }));
+    }
+    if (await proc.exit !== 0) {
+      throw new Error(`${command} failed`);
+    }
+  };
+  await exec('npm', ['install']);
+  await exec('npm', ['run', 'git:clone']);
+  await exec('npm', ['--prefix', repoDir, 'ci', '--omit=dev', '--ignore-scripts']);
+  const ssrDir = `${repoDir}/functions/ssr`;
+  await exec('npm', ['--prefix', ssrDir, 'ci']);
+  await vm.fs.writeFile(
+    `${ssrDir}/.env`,
+    `ECOM_STORE_ID=${window.ECOM_STORE_ID}\n`,
+  );
+  const startDevServer = async () => {
+    await exec('npm', ['--prefix', repoDir, 'run', 'dev']);
+  };
+  return {
+    vm,
+    vmExec: exec,
+    startDevServer,
+  };
+};

package/packages/test-base/package.json

@@ -2,7 +2,7 @@
   "name": "@cloudcommerce/test-base",
   "private": true,
   "type": "module",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "E-Com Plus Cloud Commerce basic setup for testing",
   "main": "lib/index.js",
   "repository": {

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {