@compact-design/html 0.1.0

package/dist/render.d.ts

@@ -0,0 +1,16 @@
+import { type InternalDocument, type RepairIssue } from "@compact-design/core";
+export interface RenderOptions {
+    title?: string;
+    background?: string;
+}
+export interface RenderResult {
+    html: string;
+    body: string;
+    css: string;
+}
+export declare class RenderError extends Error {
+    readonly issues: RepairIssue[];
+    constructor(message: string, issues?: RepairIssue[]);
+}
+export declare function render(input: unknown, options?: RenderOptions): RenderResult;
+export declare function renderDocument(document: InternalDocument, options?: RenderOptions): RenderResult;

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@compact-design/html",
+  "version": "0.1.0",
+  "description": "HTML and CSS renderer for Compact Design JSON.",
+  "license": "MPL-2.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "compact-design-html": "./scripts/render.mjs"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "scripts/render.mjs"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Elliot727/compact-design.git",
+    "directory": "packages/html"
+  },
+  "homepage": "https://github.com/Elliot727/compact-design/tree/main/packages/html#readme",
+  "bugs": {
+    "url": "https://github.com/Elliot727/compact-design/issues"
+  },
+  "keywords": [
+    "compact-design",
+    "html",
+    "css",
+    "renderer"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "prepack": "npm run build",
+    "test": "node scripts/test.mjs",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "node scripts/lint.mjs",
+    "render": "node scripts/render.mjs"
+  },
+  "dependencies": {
+    "@compact-design/core": "0.1.0"
+  }
+}

package/scripts/render.mjs

@@ -0,0 +1,67 @@
+#!/usr/bin/env node
+import { existsSync } from "node:fs";
+import { mkdir, readFile, writeFile } from "node:fs/promises";
+import { dirname, isAbsolute, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { parseArgs } from "node:util";
+
+const { values, positionals } = parseArgs({
+  allowPositionals: true,
+  options: {
+    out: { type: "string", short: "o" },
+    title: { type: "string" },
+    help: { type: "boolean", short: "h" }
+  }
+});
+
+if (values.help || positionals.length !== 1) {
+  console.error("Usage: compact-design-html <document.json> [-o out.html] [--title Title]");
+  process.exit(values.help ? 0 : 1);
+}
+
+const packageRoot = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+const repoRoot = resolve(packageRoot, "../..");
+
+function resolveExistingPath(input) {
+  if (isAbsolute(input)) return input;
+  const candidates = [
+    resolve(process.cwd(), input),
+    process.env.INIT_CWD ? resolve(process.env.INIT_CWD, input) : "",
+    resolve(repoRoot, input)
+  ].filter(Boolean);
+  return candidates.find((path) => existsSync(path)) || candidates[0];
+}
+
+function resolveOutputPath(input) {
+  if (isAbsolute(input)) return input;
+  return resolve(process.env.INIT_CWD || process.cwd(), input);
+}
+
+const { render, RenderError } = await import("../dist/index.js");
+const input = resolveExistingPath(positionals[0]);
+const source = await readFile(input, "utf8");
+let document;
+try {
+  document = JSON.parse(source);
+} catch (error) {
+  console.error(error instanceof Error ? error.message : error);
+  process.exit(1);
+}
+
+try {
+  const result = render(document, { title: values.title });
+  if (values.out) {
+    const out = resolveOutputPath(values.out);
+    await mkdir(dirname(out), { recursive: true });
+    await writeFile(out, result.html);
+  } else {
+    process.stdout.write(result.html);
+  }
+} catch (error) {
+  if (error instanceof RenderError) {
+    console.error(error.message);
+    for (const issue of error.issues) console.error(`  ${issue.path}: ${issue.message}`);
+    process.exit(1);
+  }
+  throw error;
+}