fix(docs-site): use .js extensions on relative imports (Node ESM compat)

The package was ported with extensionless relative imports (from "./site"),
which Bun tolerates but Node's ESM resolver rejects (ERR_MODULE_NOT_FOUND) —
so `meta docs --site`/`--scaffold-site` crashed from a real Node install even
though every in-workspace bun test passed. Add the .js extension to all 46
relative imports, matching the convention every sibling package already uses.
Verified: bun tests 40/0, typecheck clean, and `node import()` of the built
dist now resolves.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: dmealing

server/typescript/packages/docs-site/src/builders/extras.ts

@@ -1,6 +1,6 @@
 import { existsSync } from "node:fs";
 import { join } from "node:path";
-import { LinkGraph, fqnOf } from "../link-graph";
+import { LinkGraph, fqnOf } from "../link-graph.js";
 
 export interface EnumRow { owner: string; ownerHref: string; field: string; values: string[]; deflt: string; }
 export function buildEnumsPage(g: LinkGraph): EnumRow[] {

server/typescript/packages/docs-site/src/builders/index-data.ts

@@ -1,8 +1,8 @@
-import { LinkGraph, fqnOf } from "../link-graph";
-import type { CoverageTracker } from "../coverage";
-import { flowchartDomain, packageFlowchart } from "../mermaid";
-import { harvestPackageDocs } from "../package-docs";
-import { esc } from "../badges";
+import { LinkGraph, fqnOf } from "../link-graph.js";
+import type { CoverageTracker } from "../coverage.js";
+import { flowchartDomain, packageFlowchart } from "../mermaid.js";
+import { harvestPackageDocs } from "../package-docs.js";
+import { esc } from "../badges.js";
 
 export interface PkgCard { pkg: string; href: string; objectCount: number; promptCount: number; contractCount: number; purpose: string; }
 export interface CoreConfig { pin?: string[]; exclude?: string[]; n?: number; }

server/typescript/packages/docs-site/src/builders/object-data.ts

@@ -1,8 +1,8 @@
 import type { MetaData } from "@metaobjectsdev/metadata";
-import { LinkGraph, fqnOf, type Ref } from "../link-graph";
-import type { CoverageTracker } from "../coverage";
-import { esc, badge } from "../badges";
-import { inheritanceTree, erDiagramRich, flowchartDomain, RICH_MAX, type ErEdge, type ErNode, type ErAttr } from "../mermaid";
+import { LinkGraph, fqnOf, type Ref } from "../link-graph.js";
+import type { CoverageTracker } from "../coverage.js";
+import { esc, badge } from "../badges.js";
+import { inheritanceTree, erDiagramRich, flowchartDomain, RICH_MAX, type ErEdge, type ErNode, type ErAttr } from "../mermaid.js";
 
 // capped box attributes for the rich neighborhood ERD: PK → FKs(target) → enums → required, ≤6 + overflow count
 function neighborAttrs(o: MetaData): { attrs: ErAttr[]; more: number } {

server/typescript/packages/docs-site/src/builders/output-data.ts

@@ -1,9 +1,9 @@
 import { existsSync } from "node:fs";
 import { join } from "node:path";
-import { LinkGraph } from "../link-graph";
-import type { CoverageTracker } from "../coverage";
-import type { CommentDocs } from "../yaml-comments";
-import { esc } from "../badges";
+import { LinkGraph } from "../link-graph.js";
+import type { CoverageTracker } from "../coverage.js";
+import type { CommentDocs } from "../yaml-comments.js";
+import { esc } from "../badges.js";
 
 export interface OutputPageData { name: string; pkg: string; href: string; breadcrumbHtml: string; format: string; kind: string; textRef: string; textRefResolves: boolean; payloadName: string; payloadHref: string; desc: string; fields: { name: string; type: string; isArray: boolean; wire: string; note: string; refHtml: string }[]; }
 

server/typescript/packages/docs-site/src/builders/package-data.ts

@@ -1,9 +1,9 @@
 import type { MetaData } from "@metaobjectsdev/metadata";
-import { LinkGraph, fqnOf } from "../link-graph";
-import type { CoverageTracker } from "../coverage";
-import { esc } from "../badges";
-import { erDiagramRich, flowchartDomain, domainColor, RICH_MAX, type ErEdge, type ErAttr, type ErNode } from "../mermaid";
-import { harvestPackageDocs, keyEntities } from "../package-docs";
+import { LinkGraph, fqnOf } from "../link-graph.js";
+import type { CoverageTracker } from "../coverage.js";
+import { esc } from "../badges.js";
+import { erDiagramRich, flowchartDomain, domainColor, RICH_MAX, type ErEdge, type ErAttr, type ErNode } from "../mermaid.js";
+import { harvestPackageDocs, keyEntities } from "../package-docs.js";
 
 // capped box attributes for the rich package ERD: PK → FKs(target) → enums → required, ≤6 + overflow count
 // (mirrors neighborAttrs in object-data.ts — kept local to avoid cross-builder coupling)

server/typescript/packages/docs-site/src/builders/prompt-data.ts

@@ -1,9 +1,9 @@
 import { existsSync, readFileSync, readdirSync } from "node:fs";
 import { join, dirname } from "node:path";
-import { LinkGraph } from "../link-graph";
-import type { CoverageTracker } from "../coverage";
-import { highlightMustache } from "../mustache-highlight";
-import { esc } from "../badges";
+import { LinkGraph } from "../link-graph.js";
+import type { CoverageTracker } from "../coverage.js";
+import { highlightMustache } from "../mustache-highlight.js";
+import { esc } from "../badges.js";
 
 export interface PayloadTreeRow { indent: number; name: string; type: string; isArray: boolean; anchor: string; desc: string; refHtml: string; }
 export interface PromptPageData { name: string; pkg: string; href: string; breadcrumbHtml: string; attrsHtml: string; desc: string; payloadName: string; payloadHref: string; payloadTree: PayloadTreeRow[]; sourceHtml?: string | undefined; sourceMissingNote?: string | undefined; tocHtml?: string | undefined; packageFiles: { file: string; html: string }[]; }

server/typescript/packages/docs-site/src/index.ts

@@ -1,3 +1,3 @@
-export { generateSite } from "./site";
-export type { SiteOptions, SiteResult } from "./site";
-export { SITE_TEMPLATE_NAMES, SITE_ASSET_NAMES, readSiteFile } from "./scaffold";
+export { generateSite } from "./site.js";
+export type { SiteOptions, SiteResult } from "./site.js";
+export { SITE_TEMPLATE_NAMES, SITE_ASSET_NAMES, readSiteFile } from "./scaffold.js";

server/typescript/packages/docs-site/src/link-graph.ts

@@ -1,6 +1,6 @@
 import type { MetaData, MetaObject, MetaRelationship } from "@metaobjectsdev/metadata";
 import { deriveM2MFields, stripPackage } from "@metaobjectsdev/metadata";
-import { type LoadedModel, treeOf } from "./load";
+import { type LoadedModel, treeOf } from "./load.js";
 
 export interface DocNode { kind: "object" | "prompt" | "output"; name: string; pkg: string; pkgPath: string; href: string; node: MetaData; tree: string; }
 export interface Ref {

server/typescript/packages/docs-site/src/package-docs.ts

@@ -1,7 +1,7 @@
 import { readdirSync, readFileSync, statSync } from "node:fs";
 import { join } from "node:path";
 import { parse } from "yaml";
-import { LinkGraph, fqnOf } from "./link-graph";
+import { LinkGraph, fqnOf } from "./link-graph.js";
 
 export interface PackageDoc { title: string; description: string; }
 

server/typescript/packages/docs-site/src/site.ts

@@ -2,24 +2,24 @@ import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
 import { dirname, join, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { render, InMemoryProvider } from "@metaobjectsdev/render";
-import { loadModel } from "./load";
-import { LinkGraph, fqnOf } from "./link-graph";
-import { CoverageTracker } from "./coverage";
-import type { CoverageReport } from "./coverage";
-import { harvestComments } from "./yaml-comments";
-import { buildIndexPage } from "./builders/index-data";
-import type { CoreConfig } from "./builders/index-data";
-import { buildPackagePage } from "./builders/package-data";
-import { buildObjectPage } from "./builders/object-data";
-import { buildPromptPage } from "./builders/prompt-data";
-import { buildOutputPage } from "./builders/output-data";
-import { buildEnumsPage, findAnomalies, buildSearchIndex } from "./builders/extras";
-import type { Anomaly } from "./builders/extras";
-import { checkLinks } from "./link-check";
-import { legendHtml, esc as escBadge } from "./badges";
-import type { ObjectPageData } from "./builders/object-data";
-import type { PromptPageData } from "./builders/prompt-data";
-import type { OutputPageData } from "./builders/output-data";
+import { loadModel } from "./load.js";
+import { LinkGraph, fqnOf } from "./link-graph.js";
+import { CoverageTracker } from "./coverage.js";
+import type { CoverageReport } from "./coverage.js";
+import { harvestComments } from "./yaml-comments.js";
+import { buildIndexPage } from "./builders/index-data.js";
+import type { CoreConfig } from "./builders/index-data.js";
+import { buildPackagePage } from "./builders/package-data.js";
+import { buildObjectPage } from "./builders/object-data.js";
+import { buildPromptPage } from "./builders/prompt-data.js";
+import { buildOutputPage } from "./builders/output-data.js";
+import { buildEnumsPage, findAnomalies, buildSearchIndex } from "./builders/extras.js";
+import type { Anomaly } from "./builders/extras.js";
+import { checkLinks } from "./link-check.js";
+import { legendHtml, esc as escBadge } from "./badges.js";
+import type { ObjectPageData } from "./builders/object-data.js";
+import type { PromptPageData } from "./builders/prompt-data.js";
+import type { OutputPageData } from "./builders/output-data.js";
 
 // ─── Public API ────────────────────────────────────────────────────────────────