@getv.design/embed 0.1.4 → 0.2.0

package/dist/index.js

@@ -1,2 +1,2 @@
-/*! @getv.design/embed v0.1.4. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
-import{a as y}from"./chunks/chunk-QFKGWML4.js";import"./chunks/chunk-E3UBMQLG.js";var d=["view","edit","play"];async function l(a,i,e){let o=e?.mode;if(!d.includes(o))throw new TypeError(`mount: mode must be one of ${d.join(", ")}; got ${String(o)}.`);if(o==="edit"){let{edit:t}=await import("./edit.js");return t(a,i,e)}let{view:s}=await import("./view.js"),n=await s(a,i,e);if(o==="view")return n;let r;try{r=await n.play(e.page===void 0?{}:{page:e.page})}catch(t){throw n.destroy(),t}return{goTo:t=>r.goTo(t),destroy(){r.destroy(),n.destroy()}}}export{l as mount,y as version};
+/*! @getv.design/embed v0.2.0. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
+import{a as y}from"./chunks/chunk-T6H6KLK6.js";import"./chunks/chunk-BESL4IJP.js";var d=["view","edit","play"];async function l(a,i,e){let o=e?.mode;if(!d.includes(o))throw new TypeError(`mount: mode must be one of ${d.join(", ")}; got ${String(o)}.`);if(o==="edit"){let{edit:t}=await import("./edit.js");return t(a,i,e)}let{view:s}=await import("./view.js"),n=await s(a,i,e);if(o==="view")return n;let r;try{r=await n.play(e.page===void 0?{}:{page:e.page})}catch(t){throw n.destroy(),t}return{goTo:t=>r.goTo(t),destroy(){r.destroy(),n.destroy()}}}export{l as mount,y as version};

package/dist/markdown-it.d.ts

@@ -0,0 +1,16 @@
+import type { MarkdownItOptions } from './types.js';
+export type { FenceOptions, FenceRenderOptions, MarkdownItOptions, Problem, Renderer, } from './types.js';
+export { createRenderer } from './static.js';
+/**
+ * The slice of markdown-it this plugin touches, typed loosely on purpose: any
+ * markdown-it instance, whatever its version and whichever `@types` describe
+ * it, is accepted by `md.use(vdesignMarkdownIt)`.
+ */
+interface MarkdownItLike {
+    renderer: {
+        rules: object;
+    };
+}
+/** `md.use(vdesignMarkdownIt, options)`. */
+export declare function vdesignMarkdownIt(md: MarkdownItLike, options?: MarkdownItOptions): void;
+export default vdesignMarkdownIt;

package/dist/markdown-it.js

@@ -0,0 +1,2 @@
+/*! @getv.design/embed v0.2.0. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
+import{a as f,b as p,d as u}from"./chunks/chunk-62FKKJ5M.js";import{e as F}from"./chunks/chunk-R6OULTHF.js";import"./chunks/chunk-DSFLLPRE.js";import"./chunks/chunk-OMODSFXU.js";import"./chunks/chunk-T6H6KLK6.js";import"./chunks/chunk-BESL4IJP.js";function I(l,t={}){let o=l.renderer.rules,s=o.fence,i=new WeakMap;o.fence=(n,c,k,d,g)=>{let e=n[c];if(!e||!p(e.info))return s?s(n,c,k,d,g):"";let r=t.idPrefix;r||(r=i.get(n)??f(),i.set(n,r));let{resolveSrc:a,...w}=t;return u(e.content,e.info,{...w,idPrefix:r,...e.attrs?{attributes:e.attrs}:{},...a?{resolveSrc:m=>a(m,d)}:{}})}}var b=I;export{F as createRenderer,b as default,I as vdesignMarkdownIt};

package/dist/markdown.d.ts

@@ -0,0 +1,19 @@
+import type { FenceOptions, FenceRenderOptions } from './types.js';
+export type { FenceOptions, FenceRenderOptions, Problem, Renderer } from './types.js';
+export { createRenderer } from './static.js';
+/** Ids for one page of HTML: each fence on it gets its own prefix. */
+export declare function createFenceIds(prefix?: string): () => string;
+/** The language a fence must name. `vdesign` is accepted too, for hosts that know `vd` as something else. */
+export declare function isVdFence(info: string | undefined | null): boolean;
+/**
+ * The attributes after the language: `key=value`, `key="quoted value"`, or a
+ * bare `key` for a flag. Unknown keys are ignored, so adding one later breaks
+ * no fence written today.
+ */
+export declare function parseInfo(info: string): FenceOptions;
+/**
+ * A fence to HTML. `info` is the whole info string (`vd page=1`) or options
+ * already parsed. Never throws: a fence that cannot be drawn comes back as
+ * its code block, with what was wrong.
+ */
+export declare function renderFence(body: string, info: string | FenceOptions, options?: FenceRenderOptions): string;

package/dist/markdown.js

@@ -0,0 +1,2 @@
+/*! @getv.design/embed v0.2.0. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
+import{a as b,b as c,c as d,d as e}from"./chunks/chunk-62FKKJ5M.js";import{e as a}from"./chunks/chunk-R6OULTHF.js";import"./chunks/chunk-DSFLLPRE.js";import"./chunks/chunk-OMODSFXU.js";import"./chunks/chunk-T6H6KLK6.js";import"./chunks/chunk-BESL4IJP.js";export{b as createFenceIds,a as createRenderer,c as isVdFence,d as parseInfo,e as renderFence};

package/dist/marked.d.ts

@@ -0,0 +1,14 @@
+import type { FenceRenderOptions } from './types.js';
+export type { FenceOptions, FenceRenderOptions, Problem, Renderer } from './types.js';
+export { createRenderer } from './static.js';
+interface CodeToken {
+    text: string;
+    lang?: string;
+}
+/** A marked extension. Returning `false` hands the block back to marked's own renderer. */
+export declare function vdesignMarked(options?: FenceRenderOptions): {
+    renderer: {
+        code(this: unknown, token: CodeToken | string, info?: string): string | false;
+    };
+};
+export default vdesignMarked;

package/dist/marked.js

@@ -0,0 +1,2 @@
+/*! @getv.design/embed v0.2.0. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
+import{a as t,b as i,d as o}from"./chunks/chunk-62FKKJ5M.js";import{e as f}from"./chunks/chunk-R6OULTHF.js";import"./chunks/chunk-DSFLLPRE.js";import"./chunks/chunk-OMODSFXU.js";import"./chunks/chunk-T6H6KLK6.js";import"./chunks/chunk-BESL4IJP.js";function p(r={}){let s=r.idPrefix??t();return{renderer:{code(e,d){let c=typeof e=="string"?e:e.text,n=typeof e=="string"?d:e.lang;return i(n)?o(c,n??"vd",{...r,idPrefix:s}):!1}}}}var a=p;export{f as createRenderer,a as default,p as vdesignMarked};

package/dist/rehype.d.ts

@@ -0,0 +1,19 @@
+import type { RehypeOptions } from './types.js';
+export type { FenceOptions, FenceRenderOptions, Problem, RehypeOptions, Renderer, } from './types.js';
+interface HastNode {
+    type: string;
+    tagName?: string;
+    value?: string;
+    properties?: Record<string, unknown>;
+    data?: {
+        meta?: unknown;
+    };
+    children?: HastNode[];
+}
+interface VFileLike {
+    path?: string;
+    history?: string[];
+}
+/** `.use(rehypeVdesign, options)`. */
+export declare function rehypeVdesign(options?: RehypeOptions): (tree: HastNode, file?: VFileLike) => Promise<void>;
+export default rehypeVdesign;

package/dist/rehype.js

@@ -0,0 +1,2 @@
+/*! @getv.design/embed v0.2.0. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
+import{a as h,d as m}from"./chunks/chunk-62FKKJ5M.js";import{e as g}from"./chunks/chunk-R6OULTHF.js";import"./chunks/chunk-DSFLLPRE.js";import"./chunks/chunk-OMODSFXU.js";import"./chunks/chunk-T6H6KLK6.js";import"./chunks/chunk-BESL4IJP.js";function x(e={}){let n,i=()=>e.renderer?Promise.resolve(e.renderer):n??=g({fonts:e.fonts??"exact",...e.fontBase===void 0?{}:{fontBase:e.fontBase}});return async(t,r)=>{let s=r?.path??r?.history?.at(-1);if(e.include&&!e.include(s))return;let o=[];if(v(t,(d,l,a)=>{if(d.type!=="element"||d.tagName!=="pre"||!l)return;let c=d.children?.find(p=>p.type==="element");c?.tagName!=="code"||!F(c)||o.push({parent:l,index:a,code:c})}),o.length===0)return;let u=await i(),f={...e};for(let d of["resolveSrc","fonts","fontBase","include"])delete f[d];let N=e.idPrefix??h(),R=e.resolveSrc??k;for(let{parent:d,index:l,code:a}of o){let c=typeof a.data?.meta=="string"?a.data.meta:"",p=m(y(a),`vd ${c}`,{...f,renderer:u,idPrefix:N,resolveSrc:H=>R(H,s)});d.children[l]={type:"raw",value:p}}}}var B=x;function F(e){let n=e.properties?.className;return(Array.isArray(n)?n:typeof n=="string"?n.split(/\s+/):[]).some(t=>t==="language-vd"||t==="language-vdesign")}function y(e){return e.type==="text"?e.value??"":(e.children??[]).map(y).join("")}function v(e,n,i,t=0){n(e,i,t),e.children?.forEach((r,s)=>v(r,n,e,s))}function k(e,n){let i=globalThis,t=i.process?.getBuiltinModule?.("node:fs"),r=i.process?.getBuiltinModule?.("node:path"),s=i.process?.cwd?.();if(!t||!r||s===void 0||/^[a-z][a-z0-9+.-]*:/i.test(e)||e.includes("\\")||!/\.vd(\.svg)?$/i.test(e))return;let o=n===void 0?s:r.dirname(r.resolve(s,n));try{let u=t.realpathSync(r.resolve(o,e)),f=t.realpathSync(s);return u.startsWith(f+r.sep)?t.readFileSync(u,"utf8"):void 0}catch{return}}export{B as default,x as rehypeVdesign};

package/dist/static.d.ts

@@ -1,7 +1,34 @@
-import type { ParseResult, RenderSvgOptions, Source } from './types.js';
-export type { ParseResult, Problem, RenderSvgOptions, Source, VdDocument } from './types.js';
+import type { Outline, ParseResult, Renderer, RendererOptions, RenderSvgOptions, Source } from './types.js';
+export type { Outline, OutlinePage, ParseResult, Problem, Renderer, RendererOptions, RendererRenderOptions, RenderSvgOptions, Source, VdDocument, } from './types.js';
 export { version } from './version.js';
 /** Read `.vd` text. Never throws: what is wrong comes back as `problems`. */
 export declare function parse(text: string): ParseResult;
 /** Draw a document, or one of its pages, as a standalone SVG. */
 export declare function renderSvg(source: Source, options?: RenderSvgOptions): Promise<string>;
+/**
+ * The `.vd` text in `text`: itself for a `.vd`, the design it carries for a
+ * `.vd.svg`, `undefined` for an SVG that carries none. For copying a design
+ * out of an SVG as text.
+ */
+export declare function designOf(text: string): string | undefined;
+/**
+ * A document's title and pages, each with the line its `frame` is written on:
+ * what an editor needs for an outline, breadcrumbs, and keeping a preview on
+ * the page the cursor is in. Never throws.
+ *
+ * The line is found by reading the text for the page's top-level `frame`
+ * line, never by evaluating anything, so it is as cheap as parsing.
+ */
+export declare function outline(text: string): Outline;
+/**
+ * A renderer that draws synchronously once it exists. Exact fonts are fetched
+ * here, all of them, because which ones a later document needs is not known
+ * yet and the render cannot wait to find out.
+ */
+export declare function createRenderer(options?: RendererOptions): Promise<Renderer>;
+/**
+ * The renderer with no font files, made synchronously: what the Markdown
+ * adapters use when a host does not hand them one, because a markdown-it
+ * plugin is installed in a synchronous call.
+ */
+export declare function approximateRenderer(): Renderer;

package/dist/static.js

@@ -1,2 +1,2 @@
-/*! @getv.design/embed v0.1.4. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
-import{a as g,c as h,e as b,f as v,g as f}from"./chunks/chunk-WT7EGVYI.js";import{a as P,b as l}from"./chunks/chunk-QFKGWML4.js";import{j as d,y as m}from"./chunks/chunk-5NSMF3ZC.js";import"./chunks/chunk-E3UBMQLG.js";function A(e){return g(e)}async function F(e,t={}){let o=t.fonts??"approximate";if(!S.includes(o))throw new TypeError(`renderSvg: fonts must be one of ${S.join(", ")}; got ${String(o)}.`);let n=o==="exact"?v(t.fontBase,w()):void 0,{document:c,blocks:x,problems:y}=await h(e),u=t.page===void 0?c:O(c,t.page),p=s=>{let r=x.get(s.hash);return r===void 0?void 0:d(s.type,r)},i=[...y],a;if(o==="exact")if(n===void 0)i.push(f([],"no fontBase was given and this build has no default"));else{let{exactSvg:s}=await import("./chunks/fonts.js"),r=await s(u,{base:n,resolveAsset:p});"svg"in r?a=r.svg:i.push(f(r.failures))}return a??=m(u,{ids:!1,resolveAsset:p}),t.onProblems?.(i),a}var S=["approximate","exact"];function w(){let e=import.meta.url,o=typeof globalThis.process?.getBuiltinModule=="function";return e.startsWith("file:")&&o?new URL("../fonts/",e).href:l}function O(e,t){let o=b(e,t);return{...e,root:{...e.root,children:e.root.children.map(n=>n===o?n:{...n,hidden:!0})}}}export{A as parse,F as renderSvg,P as version};
+/*! @getv.design/embed v0.2.0. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
+import{a as b,b as c,c as d,d as e,e as f,f as g}from"./chunks/chunk-R6OULTHF.js";import"./chunks/chunk-DSFLLPRE.js";import"./chunks/chunk-OMODSFXU.js";import{a}from"./chunks/chunk-T6H6KLK6.js";import"./chunks/chunk-BESL4IJP.js";export{g as approximateRenderer,f as createRenderer,d as designOf,e as outline,b as parse,c as renderSvg,a as version};

package/dist/types.d.ts

@@ -59,6 +59,57 @@ export interface RenderSvgOptions {
      * load. Empty when nothing is.
      */
     onProblems?: (problems: Problem[]) => void;
+    /**
+     * Put in front of every id the SVG defines for itself (clips, shadows,
+     * gradients) and of every reference to one. Two SVGs inline in one page
+     * otherwise share those names, and the second one's shapes clip to the
+     * first one's rectangles. The `/markdown` entries give each fence its own.
+     */
+    idPrefix?: string;
+}
+/** A page in `outline()`: what `view()` calls a page, and where it starts in the text. */
+export interface OutlinePage {
+    id: string;
+    name?: string;
+    /**
+     * The 1-based line of the page's `frame` line in the text given, which for
+     * a `.vd.svg` counts the SVG's own lines. Undefined only if the frame could
+     * not be found, which a document `parse` accepted does not do.
+     */
+    line?: number;
+}
+export interface Outline {
+    title?: string;
+    /** In play order: top-level frames that are not hidden. */
+    pages: OutlinePage[];
+    problems: Problem[];
+}
+export interface RendererOptions {
+    /**
+     * `'approximate'` (the default) needs no font files. `'exact'` fetches every
+     * bundled face once, before `createRenderer` resolves, so each later render
+     * can lay text out from them without waiting. That is all 18 faces, about
+     * 2.6 MB: meant for a build step or an editor's preview, not a web page.
+     */
+    fonts?: 'exact' | 'approximate';
+    /** As for `renderSvg`. */
+    fontBase?: string | URL;
+}
+export interface RendererRenderOptions {
+    page?: string | number;
+    idPrefix?: string;
+    onProblems?: (problems: Problem[]) => void;
+}
+/**
+ * Renders synchronously, for a caller that cannot wait: a markdown-it rule
+ * returns a string. Under `fonts: 'exact'` a document that needs a face that
+ * did not load draws approximately and `onProblems` hears `fonts-unavailable`.
+ */
+export interface Renderer {
+    /** `.vd` or `.vd.svg` text, or a parsed document, to an SVG string. Throws a `RangeError` for a missing page. */
+    renderSvg(source: string | VdDocument, options?: RendererRenderOptions): string;
+    /** What `createRenderer` was asked for, and what it got: `'approximate'` if the faces would not load. */
+    readonly fonts: 'exact' | 'approximate';
 }
 export interface ViewOptions {
     /**
@@ -220,4 +271,80 @@ export type MountMode = 'view' | 'edit' | 'play';
 export type MountOptions = {
     mode: MountMode;
 } & EditOptions;
+/** What a fence's info string asks for: ` ```vd page=pricing mode=view source `. */
+export interface FenceOptions {
+    /** One page, by id or 0-based index (a number written as digits). Default: the whole document. */
+    page?: string | number;
+    /** A file to draw instead of the body, resolved by `resolveSrc`. */
+    src?: string;
+    /** The live view's height in CSS pixels. Default: the drawing's own aspect ratio. */
+    height?: number;
+    /** `'view'` hydrates into a live view; `'static'` stays an SVG. Default: the adapter's `mode`. */
+    mode?: 'static' | 'view';
+    /** Also show the `.vd` text, folded, under the drawing. */
+    source?: boolean;
+    /** The drawing's accessible name. Default: the document's title. */
+    alt?: string;
+}
+export interface FenceRenderOptions {
+    /** Default: a renderer with no font files (`approximateRenderer()`). `createRenderer` makes an exact one. */
+    renderer?: Renderer;
+    /** Read a fence's `src=`. Without it, or when it returns `undefined`, the fence shows a problem. */
+    resolveSrc?: (src: string) => string | undefined;
+    /** For fences that do not say. Default `'static'`. */
+    mode?: 'static' | 'view';
+    /**
+     * `'inline'` (the default) puts the SVG in the page: its text can be selected
+     * and searched. `'img'` wraps it in `<img src="data:…">`: isolated from the
+     * page's CSS, and what a mail client or a CMS that strips `<svg>` accepts.
+     */
+    output?: 'inline' | 'img';
+    /**
+     * `false` for a page whose content security policy refuses `style=""`. A
+     * drawing that needs one (a blend mode) is then wrapped as an `<img>`,
+     * which the policy does not reach into. Default `true`.
+     */
+    inlineStyles?: boolean;
+    /** The most text and nodes one fence may hold. Past either it stays a code block. */
+    limits?: {
+        bytes?: number;
+        nodes?: number;
+    };
+    /** A fresh prefix for each drawing's ids. Default: `vd1-`, `vd2-`, … per call of `createFenceIds`. */
+    idPrefix?: () => string;
+    /**
+     * Extra attributes for the `<figure>`, as the host's own code block would
+     * have carried them: VS Code's preview marks blocks `class="code-line"
+     * data-line="12"` to keep its scroll in step with the editor.
+     */
+    attributes?: readonly (readonly [string, string])[];
+}
+export interface MarkdownItOptions extends Omit<FenceRenderOptions, 'resolveSrc'> {
+    /** Read a fence's `src=`. `env` is what the host passed to `md.render(text, env)`. */
+    resolveSrc?: (src: string, env: unknown) => string | undefined;
+}
+export interface RehypeOptions extends Omit<FenceRenderOptions, 'resolveSrc' | 'renderer'> {
+    /** Default `'exact'`. Ignored when `renderer` is given. */
+    fonts?: RendererOptions['fonts'];
+    fontBase?: RendererOptions['fontBase'];
+    renderer?: Renderer;
+    /**
+     * Read a fence's `src=`. `path` is the Markdown file's own path when the
+     * pipeline knows it. Default, in Node: the file, relative to the Markdown.
+     */
+    resolveSrc?: (src: string, path: string | undefined) => string | undefined;
+    /**
+     * Which Markdown files to draw fences in, by path. Default: all of them. For
+     * a site whose reference pages quote DSL to teach it, where the reader came
+     * for the code, not the picture.
+     */
+    include?: (path: string | undefined) => boolean;
+}
+export interface HydrateOptions {
+    /** Passed to each view. Default `'exact'`, from `fontBase`. */
+    fonts?: ViewOptions['fonts'];
+    fontBase?: ViewOptions['fontBase'];
+    surface?: ViewOptions['surface'];
+    onLink?: ViewOptions['onLink'];
+}
 export {};

package/dist/view.js

@@ -1,5 +1,5 @@
-/*! @getv.design/embed v0.1.4. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
-import{b as ut,c as ze,d as ce,e as Ee,f as pt,g as Le}from"./chunks/chunk-WT7EGVYI.js";import{a as qt,b as qe}from"./chunks/chunk-QFKGWML4.js";import{a as Xe,b as Je,c as Te,d as Fe,e as Qe,f as et,g as tt,h as nt,j as rt,k as it,m as Ie,n as _e,o as ot,p as Ne,s as st,t as at,u as ct,v as dt,w as ft,x as lt}from"./chunks/chunk-5NSMF3ZC.js";import"./chunks/chunk-E3UBMQLG.js";var Xt=.8,Jt=.2;function Ve(e,t){let i=e.createElement("canvas").getContext("2d"),n=ot(),u=new Map,s=new Map,m=new Set;function f(l){return`${l.italic?"italic ":""}${l.weight} ${l.size}px ${l.family}`}function g(){u.clear(),s.clear()}return{advance(l,p){if(!i)return n.advance(l,p);let M=f(p),S=`${M}\0${p.letterSpacing}\0${l}`,O=u.get(S);if(O!==void 0)return O;i.font=M;let w=i.measureText(l).width+p.letterSpacing*[...l].length;return u.set(S,w),w},metrics(l){if(!i)return n.metrics(l);let p=f(l),M=s.get(p);if(M)return M;i.font=p;let S=i.measureText("Hxg"),O=S.fontBoundingBoxAscent??l.size*Xt,w=S.fontBoundingBoxDescent??l.size*Jt,N={ascent:O,descent:w,lineGap:0};return s.set(p,N),N},load(l,p){let M=e.fonts;if(!M||typeof FontFace!="function")return!1;let S=!1;for(let O of Object.values(l.fonts))for(let w of Qt(O)){let N=`${O.family}\0${w.src}\0${w.weight??400}\0${w.style??"normal"}`;if(m.has(N))continue;m.add(N);let _=w.src.startsWith("data:")?void 0:p?.(w.src),x={weight:String(w.weight??400),style:w.style??"normal"},R=X=>{let z=new FontFace(O.family,typeof X=="string"?`url(${X})`:en(X),x);M.add(z),z.load().then(()=>{g(),t?.()},()=>{M.delete(z)})};_===void 0?R(w.src):(S=!0,_.then(R,()=>{}))}return S},invalidate:g,destroy(){g(),m.clear()}}}function Qt(e){return e.faces??[]}function en(e){return e instanceof Uint8Array?e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength):e}var Pe={x:0,y:0,zoom:1},ht=.02,mt=64;function Se(e){return Number.isFinite(e)?Math.min(Math.max(e,ht),mt):1}function Ce(e,t){return{x:(t.x-e.x)/e.zoom,y:(t.y-e.y)/e.zoom}}function Re(e,t){return{x:t.x*e.zoom+e.x,y:t.y*e.zoom+e.y}}function De(e,t,r){let i=Se(e.zoom*r),n=Ce(e,t);return{zoom:i,x:t.x-n.x*i,y:t.y-n.y*i}}function ke(e,t,r){return{...e,x:e.x+t,y:e.y+r}}function $e(e){return`translate(${e.x} ${e.y}) scale(${e.zoom})`}function de(e,t,r){let i={width:Math.max(1,t.width-r*2),height:Math.max(1,t.height-r*2)};if(e.width<=0||e.height<=0)return Pe;let n=Se(Math.min(i.width/e.width,i.height/e.height));return{zoom:n,x:(t.width-e.width*n)/2-(e.x??0)*n,y:(t.height-e.height*n)/2-(e.y??0)*n}}var J="http://www.w3.org/2000/svg",gt="vd-viewer-styles",yt=`
+/*! @getv.design/embed v0.2.0. Free to use under the vDesign Embed Licence. © 2026 Sagar Saini. https://getv.design/docs/licence/ */
+import{c as ut,e as ze,f as ce,g as Ee,h as pt,i as Le}from"./chunks/chunk-DSFLLPRE.js";import{A as lt,a as Xe,b as Je,c as Te,d as Fe,e as Qe,f as et,g as tt,h as nt,j as rt,l as it,p as Ie,q as _e,r as ot,s as Ne,v as st,w as at,x as ct,y as dt,z as ft}from"./chunks/chunk-OMODSFXU.js";import{a as qt,b as qe}from"./chunks/chunk-T6H6KLK6.js";import"./chunks/chunk-BESL4IJP.js";var Xt=.8,Jt=.2;function Ve(e,t){let i=e.createElement("canvas").getContext("2d"),n=ot(),u=new Map,s=new Map,m=new Set;function f(l){return`${l.italic?"italic ":""}${l.weight} ${l.size}px ${l.family}`}function g(){u.clear(),s.clear()}return{advance(l,p){if(!i)return n.advance(l,p);let M=f(p),S=`${M}\0${p.letterSpacing}\0${l}`,O=u.get(S);if(O!==void 0)return O;i.font=M;let w=i.measureText(l).width+p.letterSpacing*[...l].length;return u.set(S,w),w},metrics(l){if(!i)return n.metrics(l);let p=f(l),M=s.get(p);if(M)return M;i.font=p;let S=i.measureText("Hxg"),O=S.fontBoundingBoxAscent??l.size*Xt,w=S.fontBoundingBoxDescent??l.size*Jt,N={ascent:O,descent:w,lineGap:0};return s.set(p,N),N},load(l,p){let M=e.fonts;if(!M||typeof FontFace!="function")return!1;let S=!1;for(let O of Object.values(l.fonts))for(let w of Qt(O)){let N=`${O.family}\0${w.src}\0${w.weight??400}\0${w.style??"normal"}`;if(m.has(N))continue;m.add(N);let _=w.src.startsWith("data:")?void 0:p?.(w.src),x={weight:String(w.weight??400),style:w.style??"normal"},R=X=>{let z=new FontFace(O.family,typeof X=="string"?`url(${X})`:en(X),x);M.add(z),z.load().then(()=>{g(),t?.()},()=>{M.delete(z)})};_===void 0?R(w.src):(S=!0,_.then(R,()=>{}))}return S},invalidate:g,destroy(){g(),m.clear()}}}function Qt(e){return e.faces??[]}function en(e){return e instanceof Uint8Array?e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength):e}var Pe={x:0,y:0,zoom:1},ht=.02,mt=64;function Se(e){return Number.isFinite(e)?Math.min(Math.max(e,ht),mt):1}function Ce(e,t){return{x:(t.x-e.x)/e.zoom,y:(t.y-e.y)/e.zoom}}function Re(e,t){return{x:t.x*e.zoom+e.x,y:t.y*e.zoom+e.y}}function De(e,t,r){let i=Se(e.zoom*r),n=Ce(e,t);return{zoom:i,x:t.x-n.x*i,y:t.y-n.y*i}}function ke(e,t,r){return{...e,x:e.x+t,y:e.y+r}}function $e(e){return`translate(${e.x} ${e.y}) scale(${e.zoom})`}function de(e,t,r){let i={width:Math.max(1,t.width-r*2),height:Math.max(1,t.height-r*2)};if(e.width<=0||e.height<=0)return Pe;let n=Se(Math.min(i.width/e.width,i.height/e.height));return{zoom:n,x:(t.width-e.width*n)/2-(e.x??0)*n,y:(t.height-e.height*n)/2-(e.y??0)*n}}var J="http://www.w3.org/2000/svg",gt="vd-viewer-styles",yt=`
 .vd-viewer {
   position: relative;
   overflow: hidden;

package/fonts.css

@@ -0,0 +1,127 @@
+/* Inter, for the drawings the Markdown entries write. SIL Open Font License: fonts/OFL.txt. */
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url('fonts/Inter-Black.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url('fonts/Inter-BlackItalic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('fonts/Inter-Bold.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url('fonts/Inter-BoldItalic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('fonts/Inter-ExtraBold.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url('fonts/Inter-ExtraBoldItalic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('fonts/Inter-ExtraLight.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url('fonts/Inter-ExtraLightItalic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('fonts/Inter-Italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('fonts/Inter-Light.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url('fonts/Inter-LightItalic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('fonts/Inter-Medium.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url('fonts/Inter-MediumItalic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('fonts/Inter-Regular.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('fonts/Inter-SemiBold.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url('fonts/Inter-SemiBoldItalic.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url('fonts/Inter-Thin.woff2') format('woff2');
+}
+@font-face {
+  font-family: Inter;
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url('fonts/Inter-ThinItalic.woff2') format('woff2');
+}

package/markdown.css

@@ -0,0 +1,72 @@
+/*
+ * The figures the Markdown entries write (/markdown, /markdown-it, /rehype,
+ * /marked). Classes only: no element selector reaches outside .vd-figure, and
+ * nothing needs a style="" attribute, so a page with a strict content security
+ * policy can link this file as it is. Text in the drawings names the family
+ * "Inter"; link fonts.css too if the page does not already have it.
+ */
+.vd-figure {
+  margin: 1.5em 0;
+  max-width: 100%;
+}
+.vd-figure-art {
+  display: block;
+  max-width: 100%;
+  line-height: 0;
+}
+.vd-figure-art svg,
+img.vd-figure-art {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.vd-figure-art[hidden] {
+  display: none;
+}
+.vd-figure-live {
+  width: 100%;
+  border-radius: var(--vd-figure-radius, 8px);
+  overflow: hidden;
+}
+.vd-figure-source {
+  margin-top: 0.75em;
+}
+.vd-figure-source > summary {
+  cursor: pointer;
+  font-size: 0.875em;
+  opacity: 0.75;
+}
+.vd-problems {
+  margin: 0.5em 0 0;
+  padding: 0.5em 0.75em 0.5em 2em;
+  border-left: 3px solid var(--vd-problem, #d64545);
+  font-size: 0.875em;
+}
+.vd-problems > li[data-severity='warning'] {
+  opacity: 0.8;
+}
+.vd-figure-pager {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  margin-top: 0.5em;
+  font-size: 0.875em;
+}
+.vd-figure-pager__label {
+  min-width: 8em;
+  text-align: center;
+  opacity: 0.8;
+}
+.vd-figure-pager__button {
+  font: inherit;
+  color: inherit;
+  background: transparent;
+  border: 1px solid currentColor;
+  border-radius: 6px;
+  padding: 0.15em 0.75em;
+  cursor: pointer;
+  opacity: 0.85;
+}
+.vd-figure-pager__button:hover {
+  opacity: 1;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getv.design/embed",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Render, present and edit vDesign (.vd) documents in any web page. Free to use.",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
@@ -14,7 +14,8 @@
     "prepublishOnly": "node ./scripts/gate.mjs"
   },
   "sideEffects": [
-    "*.css"
+    "*.css",
+    "./dist/chunks/*.js"
   ],
   "exports": {
     ".": {
@@ -33,15 +34,42 @@
       "types": "./dist/edit.d.ts",
       "default": "./dist/edit.js"
     },
+    "./markdown": {
+      "types": "./dist/markdown.d.ts",
+      "default": "./dist/markdown.js"
+    },
+    "./markdown-it": {
+      "types": "./dist/markdown-it.d.ts",
+      "default": "./dist/markdown-it.js"
+    },
+    "./rehype": {
+      "types": "./dist/rehype.d.ts",
+      "default": "./dist/rehype.js"
+    },
+    "./marked": {
+      "types": "./dist/marked.d.ts",
+      "default": "./dist/marked.js"
+    },
+    "./auto": {
+      "types": "./dist/auto.d.ts",
+      "default": "./dist/auto.js"
+    },
     "./view.css": "./view.css",
     "./edit.css": "./edit.css",
+    "./markdown.css": "./markdown.css",
+    "./fonts.css": "./fonts.css",
     "./fonts/*": "./fonts/*"
   },
+  "bin": {
+    "vd-render": "./dist/cli.js"
+  },
   "files": [
     "dist/**/*.js",
     "dist/**/*.d.ts",
     "view.css",
     "edit.css",
+    "markdown.css",
+    "fonts.css",
     "fonts/Inter-*.woff2",
     "fonts/OFL.txt",
     "THIRD_PARTY_NOTICES.txt",