seemore 1.12.12 → 1.12.14

package/dist/cli/index.js

@@ -78,7 +78,7 @@ import pc5 from "picocolors";
 import { mkdirSync as mkdirSync3, mkdtempSync, readFileSync as readFileSync7, rmSync, writeFileSync as writeFileSync7 } from "fs";
 import { createRequire as createRequire4 } from "module";
 import { tmpdir as tmpdir3 } from "os";
-import { isAbsolute as isAbsolute2, join as join12, relative as relative3, resolve as resolve5 } from "path";
+import { isAbsolute as isAbsolute2, join as join12, relative as relative4, resolve as resolve6 } from "path";
 import pc2 from "picocolors";
 import { build as viteBuild } from "vite";
 
@@ -425,7 +425,7 @@ function styles(colours) {
     "[hidden]{display:none!important}",
     "html,body{min-height:100%}",
     'body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--background);color:var(--foreground);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}',
-    ".lock{width:100%;max-width:360px;padding:32px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);border-radius:14px;background:color-mix(in srgb,var(--background) 94%,var(--foreground));box-shadow:0 12px 32px color-mix(in srgb,var(--foreground) 8%,transparent);text-align:center;animation:lock-in .24s ease-out both}",
+    ".lock{width:100%;max-width:360px;padding:32px;border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);border-radius:8px;background:color-mix(in srgb,var(--background) 94%,var(--foreground));box-shadow:0 12px 32px color-mix(in srgb,var(--foreground) 8%,transparent);text-align:center;animation:lock-in .24s ease-out both}",
     ":root:not(.dark) .lock{background:color-mix(in srgb,var(--background) 92%,white)}",
     ".lock-icon{width:40px;height:40px;margin-bottom:20px}",
     "h1{margin:0;font-size:22px;line-height:1.2;font-weight:650;letter-spacing:-.015em}",
@@ -961,9 +961,9 @@ function splitHash(value) {
   if (index === -1) return [value, void 0];
   return [value.slice(0, index), value.slice(index + 1)];
 }
-function joinPosix(fromDir, relative5) {
+function joinPosix(fromDir, relative6) {
   const segments = [...fromDir];
-  for (const part of toPosix(relative5).split("/")) {
+  for (const part of toPosix(relative6).split("/")) {
     if (part === "" || part === ".") continue;
     if (part === "..") segments.pop();
     else segments.push(part);
@@ -1469,6 +1469,164 @@ function rehypeSeemoreRawHtml() {
   };
 }
 
+// src/node/vite/media.ts
+import { existsSync as existsSync4 } from "fs";
+import { dirname as dirname7, relative as relative2, resolve as resolve5 } from "path";
+import { visit as visit3 } from "unist-util-visit";
+var MEDIA = {
+  video: ["src", "poster"],
+  audio: ["src"],
+  source: ["src"],
+  track: ["src"]
+};
+function rehypeSeemoreMedia(options) {
+  return (tree, file) => {
+    const path = file.path ?? "";
+    if (path === "") return;
+    const dir = dirname7(path.split("?")[0] ?? path);
+    const from = toPosix(relative2(options.contentRoot, path.split("?")[0] ?? path));
+    const imports = /* @__PURE__ */ new Map();
+    const importFor = (url) => {
+      if (/^(?:[a-z][a-z0-9+.-]*:|\/\/|\/|#)/i.test(url) || url === "") return void 0;
+      const raw = url.split(/[?#]/)[0] ?? "";
+      let decoded;
+      try {
+        decoded = decodeURIComponent(raw);
+      } catch {
+        decoded = raw;
+      }
+      if (!existsSync4(resolve5(dir, decoded))) {
+        options.onWarning(`Missing asset ${url} referenced by ${from}.`);
+        return void 0;
+      }
+      const specifier = /^\.{1,2}\//.test(decoded) ? decoded : `./${decoded}`;
+      let name = imports.get(specifier);
+      if (name === void 0) {
+        name = `__seemoreMedia${imports.size}`;
+        imports.set(specifier, name);
+      }
+      return name;
+    };
+    visit3(tree, (node, index, parent) => {
+      if (parent === void 0 || index === void 0) return;
+      if (node.type === "element") {
+        const fields = MEDIA[node.tagName];
+        if (fields === void 0) return;
+        const bound = /* @__PURE__ */ new Map();
+        for (const field of fields) {
+          const value = node.properties[field];
+          if (typeof value !== "string") continue;
+          const name = importFor(value);
+          if (name !== void 0) bound.set(field, name);
+        }
+        if (bound.size === 0) return;
+        parent.children[index] = toJsx(node, bound);
+        return;
+      }
+      if (node.type === "mdxJsxFlowElement" || node.type === "mdxJsxTextElement") {
+        const element = node;
+        const fields = element.name === null ? void 0 : MEDIA[element.name];
+        if (fields === void 0) return;
+        for (const attribute of element.attributes) {
+          if (attribute.type !== "mdxJsxAttribute" || !fields.includes(attribute.name)) continue;
+          if (typeof attribute.value !== "string") continue;
+          const name = importFor(attribute.value);
+          if (name !== void 0) attribute.value = identifierValue(name);
+        }
+      }
+    });
+    if (imports.size === 0) return;
+    tree.children.unshift(
+      ...[...imports].map(([specifier, name]) => importNode(specifier, name))
+    );
+  };
+}
+function toJsx(node, bound) {
+  const attributes = [];
+  for (const [key, value] of Object.entries(node.properties)) {
+    if (value === void 0 || value === null || value === false) continue;
+    const name = attributeName(key);
+    const imported = bound.get(key);
+    if (imported !== void 0) {
+      attributes.push({ type: "mdxJsxAttribute", name, value: identifierValue(imported) });
+    } else if (key === "style" && typeof value === "string") {
+      attributes.push({ type: "mdxJsxAttribute", name, value: styleValue(value) });
+    } else if (value === true) {
+      attributes.push({ type: "mdxJsxAttribute", name, value: null });
+    } else {
+      attributes.push({ type: "mdxJsxAttribute", name, value: Array.isArray(value) ? value.join(" ") : String(value) });
+    }
+  }
+  return {
+    type: node.children.some((child) => child.type === "element" && child.tagName === "p") ? "mdxJsxFlowElement" : "mdxJsxTextElement",
+    name: node.tagName,
+    attributes,
+    children: node.children
+  };
+}
+function attributeName(key) {
+  const match = /^(data|aria)([A-Z].*)$/.exec(key);
+  if (match === null) return key;
+  return `${match[1]}${(match[2] ?? "").replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`)}`;
+}
+function identifierValue(name) {
+  return expressionValue(name, { type: "Identifier", name });
+}
+function styleValue(css) {
+  const properties = [];
+  for (const declaration of css.split(";")) {
+    const colon = declaration.indexOf(":");
+    if (colon === -1) continue;
+    const property = declaration.slice(0, colon).trim();
+    const value = declaration.slice(colon + 1).trim();
+    if (property === "" || value === "") continue;
+    const key = property.startsWith("--") ? property : property.replace(/^-ms-/, "ms-").replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+    properties.push({
+      type: "Property",
+      kind: "init",
+      method: false,
+      shorthand: false,
+      computed: false,
+      key: { type: "Literal", value: key },
+      value: { type: "Literal", value }
+    });
+  }
+  return expressionValue(JSON.stringify(css), { type: "ObjectExpression", properties });
+}
+function expressionValue(source, expression) {
+  return {
+    type: "mdxJsxAttributeValueExpression",
+    value: source,
+    data: {
+      estree: {
+        type: "Program",
+        sourceType: "module",
+        body: [{ type: "ExpressionStatement", expression }]
+      }
+    }
+  };
+}
+function importNode(specifier, name) {
+  return {
+    type: "mdxjsEsm",
+    value: "",
+    data: {
+      estree: {
+        type: "Program",
+        sourceType: "module",
+        body: [
+          {
+            type: "ImportDeclaration",
+            attributes: [],
+            specifiers: [{ type: "ImportDefaultSpecifier", local: { type: "Identifier", name } }],
+            source: { type: "Literal", value: specifier }
+          }
+        ]
+      }
+    }
+  };
+}
+
 // src/node/vite/mdx.ts
 var MARKDOWN_EXPORT = "_markdown";
 function createRemarkPlugins(options) {
@@ -1510,7 +1668,7 @@ function createRemarkPlugins(options) {
     () => remarkSeemoreLinks(options)
   ];
 }
-function createRehypePlugins(options = {}) {
+function createRehypePlugins(options) {
   return [
     // A fence in a language Shiki has no grammar for (anything an AI dreamt up) is plain code
     // on the page, not a dead one: `plaintext` is special-cased by Shiki and never needs
@@ -1525,14 +1683,17 @@ function createRehypePlugins(options = {}) {
     // `rehype-code` reads `noCopy` from. Running it here means each plugin above has already
     // taken what it needs, and the elements it creates are not stamped as editable, which is
     // right: they have no source range a text editor could be handed.
-    rehypeSeemoreRawHtml
+    rehypeSeemoreRawHtml,
+    // After `rehype-raw`, the first point where a `.md` file's hand-written `<video>` is an
+    // element rather than a string.
+    () => rehypeSeemoreMedia(options)
   ];
 }
 
 // src/node/vite/plugin.ts
 import { readFileSync as readFileSync6, writeFileSync as writeFileSync5 } from "fs";
 import { createRequire as createRequire2 } from "module";
-import { dirname as dirname7 } from "path";
+import { dirname as dirname8 } from "path";
 
 // src/node/search/build.ts
 import { readFileSync as readFileSync5 } from "fs";
@@ -1628,7 +1789,7 @@ var require_2 = createRequire2(import.meta.url);
 function styleImports(ctx) {
   const lines = [`@import 'fumadocs-ui/css/${ctx.config.theme}.css';`];
   try {
-    lines.push(`@source '${dirname7(require_2.resolve("fumadocs-ui/package.json"))}/dist';`);
+    lines.push(`@source '${dirname8(require_2.resolve("fumadocs-ui/package.json"))}/dist';`);
   } catch {
   }
   return lines.join("\n");
@@ -1875,7 +2036,7 @@ function readIfExists(path) {
 }
 
 // src/node/vite/watcher.ts
-import { relative as relative2 } from "path";
+import { relative as relative3 } from "path";
 import chokidar from "chokidar";
 var CONTENT_FILE = /\.(?:mdx?|json)$/i;
 var EXCLUDED_DIR = /(?:^|\/)(?:node_modules|dist|build|out|vendor|target|venv|deps|Pods|bower_components|\.[^/]+)(?:$|\/)/;
@@ -1906,7 +2067,7 @@ function seemoreWatcherPlugin(ctx) {
         ignoreInitial: true,
         ignored: (path, stats) => {
           if (path === ctx.config.configFile) return false;
-          return isWatchIgnored(relative2(ctx.contentRoot, path), stats?.isFile() === true, ctx.config.include);
+          return isWatchIgnored(relative3(ctx.contentRoot, path), stats?.isFile() === true, ctx.config.include);
         }
       });
       const onEvent = (event, path) => {
@@ -1987,7 +2148,11 @@ function createViteConfig({ ctx, mode, outDir, ssrOutDir, auth = false }) {
       getResolver: () => ctx.resolver(),
       onWarning: (message) => ctx.warnings.add(message)
     }),
-    rehypePlugins: createRehypePlugins({ positions: mode === "dev" && ctx.config.features["content.edit"] }),
+    rehypePlugins: createRehypePlugins({
+      contentRoot: ctx.contentRoot,
+      onWarning: (message) => ctx.warnings.add(message),
+      positions: mode === "dev" && ctx.config.features["content.edit"]
+    }),
     // MDX compiles its own JSX. Vite's builtin transform infers a file's language from its
     // extension and does not know `.md`/`.mdx`, so leaving JSX in the output would fail to
     // parse. The output is plain JS against the automatic runtime, so nothing downstream has
@@ -2131,7 +2296,7 @@ async function loadPrerenderModule(ctx, ssrOutDir) {
 
 // src/node/social/cards.ts
 import { mkdirSync as mkdirSync2, writeFileSync as writeFileSync6 } from "fs";
-import { dirname as dirname8, join as join11 } from "path";
+import { dirname as dirname9, join as join11 } from "path";
 
 // src/shared/og.ts
 function ogImagePath(url) {
@@ -2155,7 +2320,7 @@ async function generateSocialCards(ctx, outDir) {
     const png = await renderCard(takumi, ctx.config.title, page.data.title, page.data.description);
     if (png === void 0) continue;
     const target = join11(outDir, ogImagePath(page.url));
-    mkdirSync2(dirname8(target), { recursive: true });
+    mkdirSync2(dirname9(target), { recursive: true });
     writeFileSync6(target, png);
     written++;
   }
@@ -2196,7 +2361,7 @@ async function runBuild(options) {
   const config = { ...loaded.config, base: options.base === void 0 ? loaded.config.base : normaliseBase(options.base) };
   warnAboutMissingBase(config.base, loaded.file);
   const ctx = createContext({ config, contentRoot });
-  const outDir = resolve5(options.cwd, options.outDir ?? "dist");
+  const outDir = resolve6(options.cwd, options.outDir ?? "dist");
   assertSafeOutDir(outDir, options.cwd, contentRoot);
   const password = config.auth === void 0 ? void 0 : readPassword("npx seemore build");
   const scan2 = ctx.source.current();
@@ -2205,7 +2370,7 @@ async function runBuild(options) {
     throw new Error(`No Markdown files found under ${contentRoot}. Point seemore at a folder that has some, or check \`exclude\`.`);
   }
   for (const warning of scan2.warnings) ctx.warnings.add(warning);
-  console.log(pc2.dim(`seemore  ${scan2.pages.length} pages from ${relative3(options.cwd, contentRoot) || "."}`));
+  console.log(pc2.dim(`seemore  ${scan2.pages.length} pages from ${relative4(options.cwd, contentRoot) || "."}`));
   await viteBuild(createViteConfig({ ctx, mode: "build", outDir, auth: password !== void 0 }));
   const template = readFileSync7(join12(outDir, "index.html"), "utf8");
   const routes = password === void 0 ? await prerenderPages(ctx, outDir, template) : countRoutes(ctx);
@@ -2224,7 +2389,7 @@ async function runBuild(options) {
     console.log(pc2.dim(`seemore  ${encrypted} files encrypted; visitors unlock them with the password`));
   }
   ctx.warnings.flush();
-  console.log(pc2.green(`seemore  ${routes} pages written to ${relative3(options.cwd, outDir) || outDir}`));
+  console.log(pc2.green(`seemore  ${routes} pages written to ${relative4(options.cwd, outDir) || outDir}`));
   return { outDir, routes };
 }
 async function prerenderPages(ctx, outDir, template) {
@@ -2253,7 +2418,7 @@ function countRoutes(ctx) {
 }
 function assertSafeOutDir(outDir, cwd, contentRoot) {
   const contains = (parent, child) => {
-    const rel = relative3(parent, child);
+    const rel = relative4(parent, child);
     return rel === "" || !rel.startsWith("..") && !isAbsolute2(rel);
   };
   for (const [name, dir] of [
@@ -2353,8 +2518,8 @@ async function runDev(options) {
 }
 
 // src/cli/export.ts
-import { existsSync as existsSync4, mkdtempSync as mkdtempSync2, readFileSync as readFileSync8, readdirSync as readdirSync2, rmSync as rmSync2, statSync, writeFileSync as writeFileSync8, mkdirSync as mkdirSync4 } from "fs";
-import { basename as basename2, dirname as dirname9, extname, join as join13, relative as relative4, resolve as resolve6 } from "path";
+import { existsSync as existsSync5, mkdtempSync as mkdtempSync2, readFileSync as readFileSync8, readdirSync as readdirSync2, rmSync as rmSync2, statSync, writeFileSync as writeFileSync8, mkdirSync as mkdirSync4 } from "fs";
+import { basename as basename2, dirname as dirname10, extname, join as join13, relative as relative5, resolve as resolve7 } from "path";
 import { tmpdir as tmpdir4 } from "os";
 import pc4 from "picocolors";
 import { build as viteBuild2 } from "vite";
@@ -2389,11 +2554,11 @@ var THEME_INIT = `<script>(function () {
 
 // src/cli/export.ts
 async function runExport(options) {
-  const target = resolve6(options.cwd, options.file);
-  if (!existsSync4(target) || !statSync(target).isFile()) {
+  const target = resolve7(options.cwd, options.file);
+  if (!existsSync5(target) || !statSync(target).isFile()) {
     throw new Error(`No such file: ${options.file}`);
   }
-  const contentRoot = resolveContentRoot(options.cwd, dirname9(target));
+  const contentRoot = resolveContentRoot(options.cwd, dirname10(target));
   const loaded = await loadConfig({ root: contentRoot, configPath: resolveConfigPath(options) });
   const config = {
     ...loaded.config,
@@ -2413,7 +2578,7 @@ ${errors.join("\n\n")}`);
   }
   const page = ctx.pages().find((candidate) => candidate.absPath === canonicalise(target));
   if (page === void 0) {
-    throw new Error(`${options.file} is not part of this site \u2014 excluded in the config, or outside ${relative4(options.cwd, contentRoot) || "."}.`);
+    throw new Error(`${options.file} is not part of this site \u2014 excluded in the config, or outside ${relative5(options.cwd, contentRoot) || "."}.`);
   }
   const outDir = mkdtempSync2(join13(tmpdir4(), "seemore-export-"));
   const ssrOutDir = mkdtempSync2(join13(tmpdir4(), "seemore-export-ssr-"));
@@ -2426,14 +2591,14 @@ ${errors.join("\n\n")}`);
     const runtime = await bundleRuntime();
     const html = assemble({ article, css, runtime, config, outDir, contentRoot, template });
     const filename = `${basename2(target).replace(/\.(?:md|mdx)$/i, "")}.html`;
-    const targetPath = options.out === void 0 ? join13(dirname9(target), filename) : join13(resolve6(options.cwd, options.out), filename);
-    if (existsSync4(targetPath)) {
-      console.log(pc4.yellow(`seemore  replacing existing ${relative4(options.cwd, targetPath) || targetPath}`));
+    const targetPath = options.out === void 0 ? join13(dirname10(target), filename) : join13(resolve7(options.cwd, options.out), filename);
+    if (existsSync5(targetPath)) {
+      console.log(pc4.yellow(`seemore  replacing existing ${relative5(options.cwd, targetPath) || targetPath}`));
     }
-    mkdirSync4(dirname9(targetPath), { recursive: true });
+    mkdirSync4(dirname10(targetPath), { recursive: true });
     writeFileSync8(targetPath, html, "utf8");
     ctx.warnings.flush();
-    console.log(pc4.green(`seemore  wrote ${relative4(options.cwd, targetPath) || targetPath} (${formatBytes2(html.length)})`));
+    console.log(pc4.green(`seemore  wrote ${relative5(options.cwd, targetPath) || targetPath} (${formatBytes2(html.length)})`));
   } finally {
     rmSync2(outDir, { recursive: true, force: true });
     rmSync2(ssrOutDir, { recursive: true, force: true });
@@ -2441,7 +2606,7 @@ ${errors.join("\n\n")}`);
 }
 function readBuiltCss(outDir) {
   const assets = join13(outDir, "assets");
-  const files = existsSync4(assets) ? readdirSync2(assets).filter((file) => file.endsWith(".css")) : [];
+  const files = existsSync5(assets) ? readdirSync2(assets).filter((file) => file.endsWith(".css")) : [];
   if (files.length === 0) throw new Error("The build produced no stylesheet \u2014 the export would be unstyled.");
   return files.map((file) => readFileSync8(join13(assets, file), "utf8")).join("\n");
 }
@@ -2532,7 +2697,7 @@ function resolveAsset(src, base, outDir, contentRoot) {
   const suffix = path.replace(/^\/+/, "");
   for (const root of [outDir, contentRoot]) {
     const candidate = join13(root, suffix);
-    if (existsSync4(candidate) && statSync(candidate).isFile()) return candidate;
+    if (existsSync5(candidate) && statSync(candidate).isFile()) return candidate;
   }
   return void 0;
 }
@@ -2560,7 +2725,7 @@ function dataUriFor(file) {
 function faviconLink(config, contentRoot, template) {
   if (config.favicon !== void 0) {
     const file = join13(contentRoot, config.favicon);
-    if (existsSync4(file)) {
+    if (existsSync5(file)) {
       try {
         return `<link rel="icon" href="${dataUriFor(file)}" />`;
       } catch {