canvasdown 0.1.0

package/dist/tokens.d.ts

@@ -0,0 +1,66 @@
+export type SpanStyle = {
+    color?: string | undefined;
+    background?: string | undefined;
+    backgroundRadius?: number | undefined;
+    underline?: boolean | undefined;
+    strikethrough?: boolean | undefined;
+    href?: string | undefined;
+};
+export type InlineSpan = {
+    text: string;
+    font: string;
+    style?: SpanStyle | undefined;
+};
+export type HeadingToken = {
+    type: 'heading';
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    spans: InlineSpan[];
+    plainText: string;
+};
+export type ParagraphToken = {
+    type: 'paragraph';
+    spans: InlineSpan[];
+    plainText: string;
+};
+export type CodeBlockToken = {
+    type: 'code_block';
+    lang: string;
+    code: string;
+};
+export type BlockquoteToken = {
+    type: 'blockquote';
+    spans: InlineSpan[];
+    plainText: string;
+};
+export type ListToken = {
+    type: 'list';
+    ordered: boolean;
+    start: number;
+    items: ListItemToken[];
+};
+export type ListItemToken = {
+    spans: InlineSpan[];
+    plainText: string;
+    checked?: boolean | undefined;
+    children?: ListToken[] | undefined;
+};
+export type TableToken = {
+    type: 'table';
+    headers: InlineSpan[][];
+    rows: InlineSpan[][][];
+    align: Array<'left' | 'center' | 'right' | null>;
+};
+export type ImageToken = {
+    type: 'image';
+    src: string;
+    alt: string;
+    title?: string | undefined;
+};
+export type HrToken = {
+    type: 'hr';
+};
+export type SpaceToken = {
+    type: 'space';
+};
+export type RenderToken = HeadingToken | ParagraphToken | CodeBlockToken | BlockquoteToken | ListToken | TableToken | ImageToken | HrToken | SpaceToken;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC5B,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,aAAa,EAAE,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,UAAU,EAAE,EAAE,CAAA;IACvB,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,CAAA;IACtB,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GACnB,YAAY,GACZ,cAAc,GACd,cAAc,GACd,eAAe,GACf,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,UAAU,CAAA"}

package/dist/tokens.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":""}

package/dist/worker-bridge.d.ts

@@ -0,0 +1,26 @@
+export type WorkerMessage = {
+    type: 'render';
+    markdown: string;
+    width: number;
+    theme: 'dark' | 'light';
+    dpr: number;
+} | {
+    type: 'measure';
+    markdown: string;
+    width: number;
+    theme: 'dark' | 'light';
+};
+export type WorkerResponse = {
+    type: 'rendered';
+    height: number;
+    totalHeight: number;
+} | {
+    type: 'measured';
+    totalHeight: number;
+    blockCount: number;
+} | {
+    type: 'error';
+    message: string;
+};
+export declare function handleWorkerMessage(msg: WorkerMessage, offscreen: OffscreenCanvas): WorkerResponse;
+//# sourceMappingURL=worker-bridge.d.ts.map

package/dist/worker-bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-bridge.d.ts","sourceRoot":"","sources":["../src/worker-bridge.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GACzF;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAA;AAEjF,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtC,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,eAAe,GACzB,cAAc,CA8BhB"}

package/dist/worker-bridge.js

@@ -0,0 +1,31 @@
+import { parseMarkdown } from './parser.js';
+import { computeLayout } from './layout.js';
+import { renderToCanvas } from './renderer.js';
+import { darkTheme, lightTheme } from './theme.js';
+export function handleWorkerMessage(msg, offscreen) {
+    try {
+        const theme = msg.theme === 'light' ? lightTheme : darkTheme;
+        if (msg.type === 'render') {
+            const tokens = parseMarkdown(msg.markdown, theme);
+            const docLayout = computeLayout(tokens, msg.width, theme);
+            offscreen.width = msg.width * msg.dpr;
+            offscreen.height = docLayout.totalHeight * msg.dpr;
+            const ctx = offscreen.getContext('2d');
+            if (!ctx)
+                return { type: 'error', message: 'No 2D context' };
+            ctx.scale(msg.dpr, msg.dpr);
+            renderToCanvas(ctx, docLayout, theme);
+            return { type: 'rendered', height: docLayout.totalHeight, totalHeight: docLayout.totalHeight };
+        }
+        if (msg.type === 'measure') {
+            const tokens = parseMarkdown(msg.markdown, theme);
+            const docLayout = computeLayout(tokens, msg.width, theme);
+            return { type: 'measured', totalHeight: docLayout.totalHeight, blockCount: docLayout.blocks.length };
+        }
+        return { type: 'error', message: 'Unknown message type' };
+    }
+    catch (e) {
+        return { type: 'error', message: e instanceof Error ? e.message : String(e) };
+    }
+}
+//# sourceMappingURL=worker-bridge.js.map

package/dist/worker-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-bridge.js","sourceRoot":"","sources":["../src/worker-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAc,MAAM,YAAY,CAAA;AAY9D,MAAM,UAAU,mBAAmB,CACjC,GAAkB,EAClB,SAA0B;IAE1B,IAAI,CAAC;QACH,MAAM,KAAK,GAAU,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAA;QAEnE,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC1B,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;YACjD,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YAEzD,SAAS,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAA;YACrC,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,CAAA;YAElD,MAAM,GAAG,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,CAAwC,CAAA;YAC7E,IAAI,CAAC,GAAG;gBAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;YAE5D,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;YAC3B,cAAc,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;YAErC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC,WAAW,EAAE,CAAA;QAChG,CAAC;QAED,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;YACjD,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YACzD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAA;QACtG,CAAC;QAED,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAA;IAC3D,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/E,CAAC;AACH,CAAC"}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "canvasdown",
+  "version": "0.1.0",
+  "description": "Markdown renderer for Canvas. No DOM. No reflow. Runs anywhere.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./stream": {
+      "import": "./dist/stream.js",
+      "types": "./dist/stream.d.ts"
+    },
+    "./advanced": {
+      "import": "./dist/advanced.js",
+      "types": "./dist/advanced.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react.js",
+      "types": "./dist/react.d.ts"
+    },
+    "./worker": {
+      "import": "./dist/worker-bridge.js",
+      "types": "./dist/worker-bridge.d.ts"
+    }
+  },
+  "files": ["dist", "README.md", "LICENSE"],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "node serve.cjs",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "markdown", "canvas", "renderer", "pretext", "text-layout",
+    "no-dom", "og-image", "streaming", "ai-chat", "webgl",
+    "node", "typescript", "animation", "virtual-list"
+  ],
+  "author": "canvasdown contributors",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nhoxtvt/canvasdown.git"
+  },
+  "homepage": "https://github.com/nhoxtvt/canvasdown#readme",
+  "bugs": { "url": "https://github.com/nhoxtvt/canvasdown/issues" },
+  "dependencies": {
+    "@chenglou/pretext": "^0.0.4",
+    "marked": "^17.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.8.0",
+    "@types/node": "^22.0.0"
+  },
+  "peerDependencies": {
+    "@napi-rs/canvas": ">=0.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@napi-rs/canvas": { "optional": true }
+  },
+  "engines": { "node": ">=18.0.0" }
+}