@mochabug/adapt-builder 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -26,6 +26,16 @@ export interface PluginBuildOptions {
 }
 type OptionalPluginBuildOptions = DeepPartialExcept<PluginBuildOptions, BuildOptions>;
 export declare function build(opts?: OptionalPluginBuildOptions): Promise<void>;
+export interface DevOptions {
+    port?: number;
+    src?: string;
+    browser?: {
+        build?: {
+            define?: Record<string, string>;
+        };
+    };
+}
+export declare function dev(opts?: DevOptions): Promise<void>;
 export declare function validateLoadServiceDefinition(basePath: string, srv: ServiceDefinition): Promise<void>;
 export declare function buildServer(manifest: Manifest, vpathLookup: Record<string, string>, opts: PluginBuildOptions): Promise<void>;
 export { CDN_URL_DEFAULT };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAoB,MAAM,SAAS,CAAC;AAKzD,OAAO,EACL,eAAe,EAchB,MAAM,YAAY,CAAC;AAIpB,OAAO,EACL,QAAQ,EAET,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gEAAgE,CAAC;AAQnG,KAAK,iBAAiB,CAAC,CAAC,EAAE,QAAQ,IAAI,CAAC,SAAS,QAAQ,GACpD,CAAC,GACD,CAAC,SAAS,QAAQ,GAClB,CAAC,GACD,CAAC,SAAS,KAAK,CAAC,MAAM,CAAC,CAAC,GACxB,KAAK,CAAC,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GACrC,CAAC,SAAS,MAAM,GAChB;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;CAAE,GACtD,CAAC,CAAC;AAEN,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,mBAAmB,CAAC;IAC7B,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,OAAO,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,0BAA0B,GAAG,iBAAiB,CACjD,kBAAkB,EAClB,YAAY,CACb,CAAC;AAKF,wBAAsB,KAAK,CAAC,IAAI,CAAC,EAAE,0BAA0B,iBAwE5D;AAGD,wBAAsB,6BAA6B,CACjD,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,iBAAiB,iBAgEvB;AAED,wBAAsB,WAAW,CAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACnC,IAAI,EAAE,kBAAkB,iBAuGzB;AAkTD,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAA6B,MAAM,SAAS,CAAC;AAKlE,OAAO,EACL,eAAe,EAchB,MAAM,YAAY,CAAC;AAIpB,OAAO,EACL,QAAQ,EAET,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gEAAgE,CAAC;AAQnG,KAAK,iBAAiB,CAAC,CAAC,EAAE,QAAQ,IAAI,CAAC,SAAS,QAAQ,GACpD,CAAC,GACD,CAAC,SAAS,QAAQ,GAClB,CAAC,GACD,CAAC,SAAS,KAAK,CAAC,MAAM,CAAC,CAAC,GACxB,KAAK,CAAC,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GACrC,CAAC,SAAS,MAAM,GAChB;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;CAAE,GACtD,CAAC,CAAC;AAEN,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,mBAAmB,CAAC;IAC7B,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,OAAO,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,0BAA0B,GAAG,iBAAiB,CACjD,kBAAkB,EAClB,YAAY,CACb,CAAC;AAKF,wBAAsB,KAAK,CAAC,IAAI,CAAC,EAAE,0BAA0B,iBAwE5D;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE;YACN,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;SACjC,CAAC;KACH,CAAC;CACH;AAED,wBAAsB,GAAG,CAAC,IAAI,CAAC,EAAE,UAAU,iBAgN1C;AAGD,wBAAsB,6BAA6B,CACjD,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,iBAAiB,iBAgEvB;AAED,wBAAsB,WAAW,CAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACnC,IAAI,EAAE,kBAAkB,iBAuGzB;AAkTD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/index.js

@@ -7,7 +7,7 @@ import {
 } from "@craftamap/esbuild-plugin-html";
 import Ajv from "ajv/dist/jtd.js";
 import chalk from "chalk";
-import { build as esbuild } from "esbuild";
+import { context, build as esbuild } from "esbuild";
 import { sync as glob } from "glob";
 import fs4 from "node:fs";
 import path4 from "node:path";
@@ -517,6 +517,171 @@ async function build(opts) {
   await buildServer(manifest, pathLookup, initOpts);
   console.log(chalk.bold.green("\n\u2728 Build completed successfully!\n"));
 }
+async function dev(opts) {
+  const port = opts?.port || 3e3;
+  const src = opts?.src || DEFAULT_SRC;
+  console.log(chalk.bold.cyan("\n\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510"));
+  console.log(chalk.bold.cyan("\u2502   \u{1F525} Adapt Plugin Dev Server            \u2502"));
+  console.log(chalk.bold.cyan("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n"));
+  const manifest = fromJsonString(
+    ManifestSchema,
+    fs4.readFileSync(MANIFEST_PATH, "utf8")
+  );
+  console.log(
+    chalk.dim("\u2502 ") + `Plugin: ${chalk.bold(
+      `${manifest.organization}/${manifest.name}`
+    )} ${chalk.dim(`v${manifest.version}`)}`
+  );
+  const pathLookup = {};
+  manifest.vertices = glob(path4.join(src, "**/vertex.json")).map((file) => {
+    const res = fromJsonString(VertexSchema, fs4.readFileSync(file, "utf8"));
+    pathLookup[res.name] = path4.dirname(file);
+    return res;
+  });
+  if (manifest.vertices.length === 0) {
+    console.log(chalk.yellow("\n\u26A0 No vertices found. Nothing to serve.\n"));
+    return;
+  }
+  const hasUI = (v) => fs4.existsSync(path4.join(pathLookup[v.name], "ui"));
+  const configVertices = manifest.vertices.filter(
+    (v) => Boolean(v.capabilities.find((c) => c === 3 /* CONFIGURATOR */)) && hasUI(v)
+  );
+  const browserVertices = manifest.vertices.filter(
+    (v) => Boolean(v.capabilities.find((c) => c === 4 /* BROWSER */)) && hasUI(v)
+  );
+  const totalUI = configVertices.length + browserVertices.length;
+  if (totalUI === 0) {
+    console.log(
+      chalk.yellow("\n\u26A0 No UI components found. Nothing to serve.\n")
+    );
+    return;
+  }
+  console.log(
+    chalk.dim("\u2502 ") + `Found ${chalk.bold(totalUI)} UI component${totalUI === 1 ? "" : "s"}
+`
+  );
+  const configs = Object.fromEntries(
+    configVertices.map((v) => [v.name, pathLookup[v.name]])
+  );
+  const browsers = Object.fromEntries(
+    browserVertices.map((v) => [v.name, pathLookup[v.name]])
+  );
+  const configEntrypoints = findConfigEntrypoints(configs);
+  const browserEntrypoints = findBrowserEntrypoints(browsers);
+  const entrypointMap = {};
+  const ssgEntryPoints = [...configEntrypoints, ...browserEntrypoints].filter((ep) => ep.ssg !== void 0).map((ep) => {
+    entrypointMap[ep.ssg] = {
+      vertex: ep.name,
+      config: configEntrypoints.includes(ep)
+    };
+    return ep.ssg;
+  });
+  const execDefines = {};
+  const configDefines = {};
+  if (ssgEntryPoints.length > 0) {
+    const ssgSpinner = ora({
+      text: "Running SSG...",
+      prefixText: chalk.dim("\u2502")
+    }).start();
+    const ssgOutdir = path4.join("dist", "ssg-dev");
+    removeDirIfExists(ssgOutdir);
+    try {
+      const ssgResult = await esbuild({
+        ...DEFAULT_SSG_OPTIONS,
+        outdir: ssgOutdir,
+        entryPoints: ssgEntryPoints
+      });
+      for (const [outputPath, outputMeta] of Object.entries(
+        ssgResult.metafile.outputs
+      )) {
+        if (!outputMeta.entryPoint) continue;
+        const mapInfo = entrypointMap[outputMeta.entryPoint];
+        if (!mapInfo) continue;
+        const { default: render } = await import(`file://${path4.resolve(outputPath)}`);
+        if (mapInfo.config) {
+          configDefines[mapInfo.vertex] = render.default();
+        } else {
+          execDefines[mapInfo.vertex] = render.default();
+        }
+      }
+      ssgSpinner.succeed("SSG completed");
+    } catch (err) {
+      ssgSpinner.warn("SSG failed, continuing without static content");
+    }
+  }
+  const outdir = path4.join(DEFAULT_CDN, "browser");
+  removeDirIfExists(outdir);
+  const publicPath = `http://localhost:${port}/`;
+  const htmlFiles = [
+    ...browserEntrypoints.map((b) => ({
+      entryPoints: [b.browser],
+      filename: path4.join(b.name, EXECUTOR_HTML),
+      htmlTemplate: fs4.readFileSync(b.html, "utf8"),
+      scriptLoading: "module",
+      define: {
+        ...execDefines[b.name] ? { content: execDefines[b.name] } : {},
+        baseCdn: publicPath
+      }
+    })),
+    ...configEntrypoints.map((c) => ({
+      entryPoints: [c.browser],
+      filename: path4.join(c.name, CONFIGURATOR_HTML),
+      htmlTemplate: fs4.readFileSync(c.html, "utf8"),
+      scriptLoading: "module",
+      define: {
+        ...configDefines[c.name] ? { content: configDefines[c.name] } : {},
+        baseCdn: publicPath
+      }
+    }))
+  ];
+  const buildSpinner = ora({
+    text: "Starting dev server...",
+    prefixText: chalk.dim("\u2502")
+  }).start();
+  const ctx = await context({
+    ...DEFAULT_BROWSER_OPTIONS,
+    outdir,
+    publicPath,
+    minify: false,
+    sourcemap: true,
+    entryPoints: [
+      ...configEntrypoints.map((c) => c.browser),
+      ...browserEntrypoints.map((b) => b.browser)
+    ],
+    define: {
+      ...DEFAULT_BROWSER_OPTIONS.define,
+      ...opts?.browser?.build?.define
+    },
+    banner: {
+      js: `new EventSource('/esbuild').addEventListener('change', () => location.reload());`
+    },
+    plugins: [htmlPlugin({ files: htmlFiles })]
+  });
+  await ctx.watch();
+  const { port: servePort } = await ctx.serve({
+    servedir: outdir,
+    port
+  });
+  buildSpinner.succeed("Dev server started");
+  console.log(chalk.bold.green("\n\u2728 Dev server running!\n"));
+  console.log(
+    chalk.dim("\u2502 ") + `Server: ${chalk.cyan(`http://localhost:${servePort}/`)}`
+  );
+  console.log(chalk.dim("\u2502"));
+  console.log(chalk.dim("\u2502 ") + chalk.bold("Available pages:"));
+  for (const b of browserEntrypoints) {
+    console.log(
+      chalk.dim("\u2502   ") + `${chalk.cyan(b.name)}: http://localhost:${servePort}/${b.name}/${EXECUTOR_HTML}`
+    );
+  }
+  for (const c of configEntrypoints) {
+    console.log(
+      chalk.dim("\u2502   ") + `${chalk.magenta(c.name)} (config): http://localhost:${servePort}/${c.name}/${CONFIGURATOR_HTML}`
+    );
+  }
+  console.log(chalk.dim("\u2502"));
+  console.log(chalk.dim("\u2502 ") + chalk.gray("Press Ctrl+C to stop\n"));
+}
 async function validateLoadServiceDefinition(basePath, srv) {
   switch (srv.type.case) {
     case "variable": {
@@ -894,6 +1059,7 @@ export {
   CDN_URL_DEFAULT,
   build,
   buildServer,
+  dev,
   validateLoadServiceDefinition
 };
 //# sourceMappingURL=index.js.map