jsmdcui 0.10.1 → 0.11.1

package/tests/wui-responsive-images.test.js

@@ -1,8 +1,8 @@
 import { afterEach, expect, test } from "bun:test";
-import { mkdtempSync, rmSync } from "node:fs";
+import { mkdtempSync, readFileSync, rmSync } from "node:fs";
 import { tmpdir } from "node:os";
 import { join } from "node:path";
-import { createWui } from "../runmd.mjs";
+import { createWui, extractJs } from "../runmd.mjs";
 
 const temporaryDirectories = [];
 
@@ -33,3 +33,22 @@ test("createWui injects the image rule into an existing document head", async ()
   expect(html.indexOf("max-width: 100%")).toBeLessThan(html.indexOf("</head>"));
   expect(html.match(/document\.md\.front\.js/g)).toHaveLength(1);
 });
+
+test("bundling mode creates a browser-only front entry", async () => {
+  const directory = mkdtempSync(join(tmpdir(), "jsmdcui-wui-bundling-"));
+  temporaryDirectories.push(directory);
+  const markdownPath = join(directory, "bundle.md");
+  const source = "```js front\nexport function pav() { return rpc }\n```";
+  const markdown = await extractJs(source, markdownPath, { bundling: true });
+  const html = await createWui(markdown, markdownPath, { bundling: true });
+  const frontSource = readFileSync(`${markdownPath}.tmpfs.js`, "utf8");
+  const installerSource = readFileSync(`${markdownPath}.tmpfi.js`, "utf8");
+
+  expect(frontSource).toContain("const rpc = wuiRpcClient");
+  expect(frontSource).not.toContain("globalThis.process");
+  expect(frontSource).not.toContain('import("./bundle.md.front.js")');
+  expect(installerSource).toContain('import * as frontMod from "./bundle.md.tmpfs.js"');
+  expect(installerSource).toContain("Object.assign(window, frontMod)");
+  expect(html).toContain('src="./bundle.md.tmpfi.js"');
+  expect(html).not.toContain("bundle.md.front.js");
+});

package/tests/wui.test.js

@@ -4,6 +4,9 @@ import { tmpdir } from "node:os";
 import { join } from "node:path";
 import { readMarkdownInput, writeRuntimeFiles } from "../runmd.mjs";
 
+const indexEntry = join(import.meta.dir, "..", "src", "index.js");
+const bunBin = Bun.which("bun") || process.argv0;
+
 test("WUI writes the bundled testapp.md when it is missing", async () => {
   const dir = await mkdtemp(join(tmpdir(), "jsmdcui-wui-"));
   const mdpath = join(dir, "testapp.md");
@@ -43,3 +46,31 @@ test("generated WUI server falls back to a system port when 3000 is occupied", a
     await rm(dir, { recursive: true, force: true });
   }
 });
+
+test("WUI reports an external server before starting it", async () => {
+  const dir = await mkdtemp(join(tmpdir(), "jsmdcui-wui-source-report-"));
+  const mdpath = join(dir, "external.md");
+  const preloadPath = join(dir, "mock-serve.mjs");
+  try {
+    await writeFile(mdpath, "# External WUI\n");
+    await writeFile(
+      preloadPath,
+      `Bun.serve = () => ({ port: 34567, stop() {} });\n`,
+    );
+    const result = Bun.spawnSync(
+      [bunBin, "--preload", preloadPath, indexEntry, "--wui", mdpath],
+      {
+        cwd: dir,
+        stdout: "pipe",
+        stderr: "pipe",
+      },
+    );
+
+    expect(result.exitCode).toBe(0);
+    const stderr = Bun.stripANSI(result.stderr.toString());
+    expect(stderr).toContain("[mdcui] Starting external WUI server:");
+    expect(stderr).toContain(`${mdpath}-server.js`);
+  } finally {
+    await rm(dir, { recursive: true, force: true });
+  }
+});