@typecaast/capture 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/dist/chunk-2UORYZUZ.js +80 -0
- package/dist/chunk-2UORYZUZ.js.map +1 -0
- package/dist/chunk-MJRHEKPU.js +569 -0
- package/dist/chunk-MJRHEKPU.js.map +1 -0
- package/dist/distill-DviDU75P.d.ts +37 -0
- package/dist/distill-kGI5Nt9q.d.cts +37 -0
- package/dist/draft.cjs +85 -0
- package/dist/draft.cjs.map +1 -0
- package/dist/draft.d.cts +94 -0
- package/dist/draft.d.ts +94 -0
- package/dist/draft.js +3 -0
- package/dist/draft.js.map +1 -0
- package/dist/import-page.cjs +624 -0
- package/dist/import-page.cjs.map +1 -0
- package/dist/import-page.d.cts +26 -0
- package/dist/import-page.d.ts +26 -0
- package/dist/import-page.js +53 -0
- package/dist/import-page.js.map +1 -0
- package/dist/index.cjs +841 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +68 -0
- package/dist/index.d.ts +68 -0
- package/dist/index.js +193 -0
- package/dist/index.js.map +1 -0
- package/package.json +63 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/sanitize.ts","../src/draft.ts","../src/tokens.ts","../src/distill.ts","../src/template-skin.tsx","../src/merge.ts"],"names":["createDOMPurify","z","getWindow","useRef","useState","useLayoutEffect","createPortal","jsx","jsxs"],"mappings":"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","file":"index.cjs","sourcesContent":["import createDOMPurify from \"dompurify\";\n\n/**\n * Allowlist sanitizer for captured / imported HTML+CSS (PLAN §10). Captured\n * markup is **untrusted** — it can carry scripts, event handlers, hostile\n * `url(javascript:)` CSS, `data:text/html` payloads, and framed content. We do\n * not roll our own: the heavy lifting is a maintained, audited sanitizer\n * (DOMPurify), wrapped here with a strict allowlist and a CSS scrubber, and the\n * `TemplateSkinAdapter` *additionally* renders in a shadow root so a sanitizer\n * miss still can't reach the host page. Defense in depth, not a single gate.\n */\n\ninterface WindowLike {\n document: Document;\n}\n\n/** Tags we keep — pure presentational/structural HTML. No scripts, forms, media. */\nconst ALLOWED_TAGS = [\n \"div\",\n \"span\",\n \"p\",\n \"a\",\n \"b\",\n \"strong\",\n \"i\",\n \"em\",\n \"u\",\n \"s\",\n \"small\",\n \"sub\",\n \"sup\",\n \"br\",\n \"hr\",\n \"ul\",\n \"ol\",\n \"li\",\n \"img\",\n \"svg\",\n \"path\",\n \"g\",\n \"circle\",\n \"rect\",\n \"line\",\n \"polyline\",\n \"polygon\",\n \"ellipse\",\n \"defs\",\n \"use\",\n \"title\",\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"blockquote\",\n \"pre\",\n \"code\",\n \"time\",\n \"header\",\n \"footer\",\n \"section\",\n \"article\",\n \"aside\",\n \"nav\",\n \"figure\",\n \"figcaption\",\n \"table\",\n \"thead\",\n \"tbody\",\n \"tr\",\n \"td\",\n \"th\",\n];\n\n/**\n * Attributes we keep. `data-*` is dropped via `ALLOW_DATA_ATTR: false`, with the\n * single exception of our own `data-tc-slot` marker, which is re-allowed via\n * `ADD_ATTR` below so the slot contract survives a re-sanitize.\n */\nconst ALLOWED_ATTR = [\n \"class\",\n \"style\",\n \"role\",\n \"alt\",\n \"src\",\n \"srcset\",\n \"width\",\n \"height\",\n \"dir\",\n \"title\",\n \"viewbox\",\n \"fill\",\n \"stroke\",\n \"stroke-width\",\n \"d\",\n \"points\",\n \"cx\",\n \"cy\",\n \"r\",\n \"x\",\n \"y\",\n \"x1\",\n \"x2\",\n \"y1\",\n \"y2\",\n \"rx\",\n \"ry\",\n \"transform\",\n \"xmlns\",\n \"href\",\n];\n\n/**\n * Strip CSS-level code execution and exfiltration vectors from a style string\n * (inline `style=\"\"` or a stylesheet body). Inline styles survive sanitize, so\n * this is where `expression()`, `url(javascript:)`, `@import`, `behavior:`, and\n * non-image `data:` URLs are removed.\n */\nexport function scrubCss(css: string): string {\n let out = css;\n // Hostile functions / properties.\n out = out.replace(/expression\\s*\\(/gi, \"/*blocked*/(\");\n out = out.replace(/-moz-binding\\s*:/gi, \"/*blocked*/:\");\n out = out.replace(/behavior\\s*:/gi, \"/*blocked*/:\");\n out = out.replace(/@import[^;]*;?/gi, \"/*blocked-import*/\");\n // url(...) targets: block scripting protocols and non-image data URLs.\n out = out.replace(/url\\(\\s*(['\"]?)([^)'\"]*)\\1\\s*\\)/gi, (whole, _q, uri) => {\n const u = String(uri).trim().toLowerCase();\n const blocked =\n u.startsWith(\"javascript:\") ||\n u.startsWith(\"vbscript:\") ||\n (u.startsWith(\"data:\") && !u.startsWith(\"data:image/\"));\n return blocked ? \"none\" : whole;\n });\n // Bare scripting protocols anywhere in the declaration.\n out = out.replace(/javascript:/gi, \"blocked:\");\n out = out.replace(/vbscript:/gi, \"blocked:\");\n return out;\n}\n\nfunction getWindow(win?: WindowLike): WindowLike {\n if (win) return win;\n if (typeof window !== \"undefined\") return window as unknown as WindowLike;\n throw new Error(\n \"sanitizeHtml requires a DOM window — pass { window } in non-browser environments.\",\n );\n}\n\nlet hooked: unknown = null;\n\ntype PurifyWindow = Parameters<typeof createDOMPurify>[0];\n\nfunction purifierFor(win: WindowLike): ReturnType<typeof createDOMPurify> {\n const purify = createDOMPurify(win as unknown as PurifyWindow);\n // Install hooks once per purifier instance.\n if (hooked !== purify) {\n purify.addHook(\"afterSanitizeAttributes\", (node) => {\n const el = node as Element;\n // Scrub inline styles for CSS hazards.\n const style = el.getAttribute?.(\"style\");\n if (style) el.setAttribute(\"style\", scrubCss(style));\n // Enforce image-only data: URLs on src.\n const src = el.getAttribute?.(\"src\");\n if (src) {\n const u = src.trim().toLowerCase();\n if (u.startsWith(\"data:\") && !u.startsWith(\"data:image/\")) {\n el.removeAttribute(\"src\");\n }\n }\n // Force links inert and safe — no navigation out of a simulation.\n if (el.tagName === \"A\") {\n el.removeAttribute(\"href\");\n el.setAttribute(\"role\", \"link\");\n }\n // target=_blank/opener hygiene (belt-and-braces; href already removed).\n if (el.getAttribute?.(\"target\")) el.removeAttribute(\"target\");\n });\n hooked = purify;\n }\n return purify;\n}\n\nexport interface SanitizeOptions {\n /** DOM window to use (required in Node; defaults to global `window`). */\n window?: WindowLike;\n}\n\n/**\n * Sanitize an untrusted HTML string to the capture allowlist. Returns inert,\n * presentational HTML safe to parse and slot-ify. Always pair with shadow-DOM\n * isolation at render time (`TemplateSkinAdapter`).\n */\nexport function sanitizeHtml(html: string, opts: SanitizeOptions = {}): string {\n const win = getWindow(opts.window);\n const purify = purifierFor(win);\n return purify.sanitize(html, {\n ALLOWED_TAGS,\n ALLOWED_ATTR,\n // Keep our slot marker even though data-* is otherwise dropped.\n ADD_ATTR: [\"data-tc-slot\"],\n ALLOW_DATA_ATTR: false,\n ALLOW_ARIA_ATTR: true,\n FORBID_TAGS: [\n \"script\",\n \"style\",\n \"iframe\",\n \"object\",\n \"embed\",\n \"form\",\n \"input\",\n \"button\",\n \"textarea\",\n \"select\",\n \"link\",\n \"meta\",\n \"base\",\n \"video\",\n \"audio\",\n \"source\",\n ],\n FORBID_ATTR: [\"srcdoc\", \"formaction\", \"xlink:href\"],\n }) as string;\n}\n","import { z } from \"zod\";\n\n/**\n * A `SkinDraft` is what the distiller emits from a captured chat UI: sanitized,\n * slotted HTML templates (with inline styles), extracted design tokens, and a\n * detection report describing what was auto-identified vs. what still needs a\n * human pass (PLAN §10). A draft is *not* a finished skin — `scaffold-skin`\n * turns one into an editable template-skin package, and the capture quality bar\n * (§10) decides whether it ships as a skin or stays \"draft only\".\n *\n * Slot tokens are double-brace placeholders the `TemplateSkinAdapter` fills:\n * frame: `{{messages}}` — where the message list mounts\n * message: `{{author}}` `{{avatar}}` `{{body}}` `{{time}}`\n * composer: `{{composer}}`\n * typing: `{{author}}`\n */\n\nexport const SLOT_TOKENS = {\n messages: \"{{messages}}\",\n author: \"{{author}}\",\n avatar: \"{{avatar}}\",\n body: \"{{body}}\",\n time: \"{{time}}\",\n composer: \"{{composer}}\",\n} as const;\n\nexport type SlotName = \"frame\" | \"message\" | \"composer\" | \"typing\";\n\n/** Per-slot detection outcome — drives the quality-bar metric (§10). */\nexport const slotReportSchema = z.object({\n /** Whether this region was found at all. */\n found: z.boolean(),\n /** Which inner slots were auto-detected (e.g. `[\"author\",\"body\"]`). */\n detected: z.array(z.string()),\n /** Heuristic confidence 0..1 for the auto-detection. */\n confidence: z.number().min(0).max(1),\n});\nexport type SlotReport = z.infer<typeof slotReportSchema>;\n\nconst tokenSetSchema = z.object({\n colors: z.record(z.string(), z.string()),\n fonts: z.record(z.string(), z.string()).optional(),\n space: z.record(z.string(), z.string()).optional(),\n radius: z.record(z.string(), z.string()).optional(),\n});\n\nexport const skinDraftSchema = z.object({\n version: z.literal(1),\n meta: z.object({\n /** Human label, defaulted from the source title/host. */\n name: z.string(),\n /** Source page URL, when known (informational only). */\n sourceUrl: z.string().optional(),\n /** Theme the capture was taken under, when known. */\n theme: z.enum([\"light\", \"dark\"]).optional(),\n /** Suggested canvas from the captured element's box. */\n canvas: z\n .object({ width: z.number().int(), height: z.number().int() })\n .optional(),\n }),\n /**\n * Slotted, sanitized HTML per region. Elements carry inline `style`\n * attributes; `css` holds anything inline styles can't express.\n */\n slots: z.object({\n frame: z.string().optional(),\n message: z.string().optional(),\n composer: z.string().optional(),\n typing: z.string().optional(),\n }),\n /** Best-effort extra CSS (pseudo-elements, keyframes) — may be empty. */\n css: z.string(),\n /** Extracted design tokens (best effort) — the primary/captured theme. */\n tokens: tokenSetSchema,\n /**\n * Dark-theme tokens from a paired capture (M5.7 double-capture flow). When\n * present, the skin supports both themes and switches CSS vars by theme.\n */\n darkTokens: tokenSetSchema.optional(),\n /** Detection report per region. */\n detection: z.object({\n frame: slotReportSchema,\n message: slotReportSchema,\n composer: slotReportSchema,\n typing: slotReportSchema,\n }),\n /** Human-readable warnings (hidden content dropped, slots missing, …). */\n warnings: z.array(z.string()),\n});\n\nexport type SkinDraft = z.infer<typeof skinDraftSchema>;\n\n/** Overall slot-detection ratio used by the §10 quality bar (0..1). */\nexport function detectionScore(draft: SkinDraft): number {\n // The five core slots: message-row found, author, avatar, body, composer.\n const checks = [\n draft.detection.message.detected.includes(\"body\"),\n draft.detection.message.detected.includes(\"author\"),\n draft.detection.message.detected.includes(\"avatar\"),\n draft.detection.message.detected.includes(\"time\"),\n draft.detection.composer.found,\n ];\n return checks.filter(Boolean).length / checks.length;\n}\n","/**\n * Best-effort design-token extraction from the inline styles of a distilled\n * tree (PLAN §10). This is a starting palette for the skin author to rename and\n * curate — not an authoritative theme. We pull distinct colors (most-frequent\n * first), font families, border radii, and padding scales.\n */\n\ninterface Tokens {\n colors: Record<string, string>;\n fonts?: Record<string, string>;\n space?: Record<string, string>;\n radius?: Record<string, string>;\n}\n\nfunction parseStyle(style: string): Map<string, string> {\n const m = new Map<string, string>();\n for (const decl of style.split(\";\")) {\n const idx = decl.indexOf(\":\");\n if (idx === -1) continue;\n const prop = decl.slice(0, idx).trim().toLowerCase();\n const val = decl.slice(idx + 1).trim();\n if (prop && val) m.set(prop, val);\n }\n return m;\n}\n\nconst COLOR_RE = /(#[0-9a-f]{3,8}\\b|rgba?\\([^)]*\\)|hsla?\\([^)]*\\))/gi;\n\nexport function extractTokens(root: Element): Tokens {\n const colorFreq = new Map<string, number>();\n const fonts = new Set<string>();\n const radii = new Set<string>();\n const spaces = new Set<string>();\n\n const bump = (raw: string) => {\n const v = raw.trim();\n if (!v || v === \"transparent\" || v === \"inherit\" || v === \"currentcolor\")\n return;\n colorFreq.set(v, (colorFreq.get(v) ?? 0) + 1);\n };\n\n for (const el of [root, ...root.querySelectorAll(\"*\")]) {\n const style = el.getAttribute(\"style\");\n if (!style) continue;\n const decls = parseStyle(style);\n for (const [prop, val] of decls) {\n if (prop === \"color\" || prop.startsWith(\"background\")) {\n const matches = val.match(COLOR_RE);\n if (matches) for (const c of matches) bump(c);\n }\n if (prop === \"font-family\") fonts.add(val);\n if (prop === \"border-radius\") radii.add(val);\n if (prop === \"padding\" || prop === \"gap\") spaces.add(val);\n }\n }\n\n const colors: Record<string, string> = {};\n [...colorFreq.entries()]\n .sort((a, b) => b[1] - a[1])\n .slice(0, 12)\n .forEach(([c], i) => {\n colors[`color-${i + 1}`] = c;\n });\n\n const out: Tokens = { colors };\n if (fonts.size) {\n out.fonts = {};\n [...fonts].slice(0, 4).forEach((f, i) => {\n out.fonts![`font-${i + 1}`] = f;\n });\n }\n if (radii.size) {\n out.radius = {};\n [...radii].slice(0, 6).forEach((r, i) => {\n out.radius![`radius-${i + 1}`] = r;\n });\n }\n if (spaces.size) {\n out.space = {};\n [...spaces].slice(0, 8).forEach((s, i) => {\n out.space![`space-${i + 1}`] = s;\n });\n }\n return out;\n}\n","import { sanitizeHtml } from \"./sanitize.js\";\nimport { extractTokens } from \"./tokens.js\";\nimport type { SkinDraft, SlotReport } from \"./draft.js\";\n\n/**\n * The distiller (PLAN §10): given a chat-UI subtree, produce a sanitized,\n * slotted `SkinDraft`. The pipeline is\n *\n * clone → inline computed styles (live capture) → drop hidden/`data-*` →\n * sanitize (allowlist) → find the repeating message row → slot-ify\n * (author/avatar/body/time) → carve the frame chrome → find the composer →\n * extract tokens → report.\n *\n * Capture gets you ~80% of the way; the emitted `detection` report and\n * `warnings` tell the author exactly what to confirm by hand (the §10 quality\n * bar treats anything below the bar as \"draft only\", never a finished skin).\n * The function is DOM-agnostic — the extension passes a live element, the\n * saved-page importer passes a jsdom element.\n */\n\ninterface WindowLike {\n document: Document;\n getComputedStyle?: (el: Element) => CSSStyleDeclaration;\n}\n\nexport interface DistillOptions {\n /** DOM window (defaults to global `window`). Required in Node. */\n window?: WindowLike;\n /** Display name for the draft. */\n name?: string;\n sourceUrl?: string;\n theme?: \"light\" | \"dark\";\n /**\n * Inline computed styles from the live page so fidelity survives losing the\n * cascade. Off for saved-page import (the source CSS comes inline already).\n */\n inlineComputedStyles?: boolean;\n}\n\n/** The slot-marker attribute the `TemplateSkinAdapter` keys off. */\nexport const SLOT_ATTR = \"data-tc-slot\";\n\n/** Computed properties worth inlining — look, not frozen layout geometry. */\nconst INLINE_PROPS = [\n \"color\",\n \"background-color\",\n \"background\",\n \"font-family\",\n \"font-size\",\n \"font-weight\",\n \"font-style\",\n \"line-height\",\n \"letter-spacing\",\n \"text-align\",\n \"text-transform\",\n \"border\",\n \"border-radius\",\n \"padding\",\n \"margin\",\n \"gap\",\n \"display\",\n \"flex-direction\",\n \"align-items\",\n \"justify-content\",\n \"box-shadow\",\n \"opacity\",\n];\n\nconst HIDDEN_CLASS_RE = /\\b(sr-only|visually-hidden|hidden)\\b/;\n\nfunction getWindow(win?: WindowLike): WindowLike {\n if (win) return win;\n if (typeof window !== \"undefined\") return window as unknown as WindowLike;\n throw new Error(\"distill requires a DOM window — pass { window } in Node.\");\n}\n\nfunction isHidden(el: Element, win: WindowLike): boolean {\n if (el.getAttribute(\"aria-hidden\") === \"true\") return true;\n if (el.hasAttribute(\"hidden\")) return true;\n const cls = el.getAttribute(\"class\") ?? \"\";\n if (HIDDEN_CLASS_RE.test(cls)) return true;\n const inline = (el.getAttribute(\"style\") ?? \"\").toLowerCase();\n if (/display\\s*:\\s*none/.test(inline)) return true;\n if (/visibility\\s*:\\s*hidden/.test(inline)) return true;\n const cs = win.getComputedStyle?.(el);\n if (cs) {\n if (cs.display === \"none\") return true;\n if (cs.visibility === \"hidden\") return true;\n }\n return false;\n}\n\nfunction inlineStyles(orig: Element, clone: Element, win: WindowLike): void {\n const cs = win.getComputedStyle?.(orig);\n if (!cs) return;\n const decls: string[] = [];\n for (const prop of INLINE_PROPS) {\n const v = cs.getPropertyValue(prop);\n if (v && v !== \"none\" && v !== \"normal\" && v.trim() !== \"\")\n decls.push(`${prop}: ${v}`);\n }\n if (decls.length) clone.setAttribute(\"style\", decls.join(\"; \"));\n}\n\n/** Recursively inline styles + drop hidden nodes, walking orig/clone in step. */\nfunction pruneAndInline(\n orig: Element,\n clone: Element,\n win: WindowLike,\n inline: boolean,\n dropped: { count: number },\n): void {\n if (inline) inlineStyles(orig, clone, win);\n // Strip data-* (defense-in-depth; sanitize also does this later).\n for (const attr of [...clone.attributes]) {\n if (attr.name.startsWith(\"data-\")) clone.removeAttribute(attr.name);\n }\n const origKids = [...orig.children];\n const cloneKids = [...clone.children];\n const remove: Element[] = [];\n for (let i = 0; i < origKids.length; i++) {\n const o = origKids[i];\n const c = cloneKids[i];\n if (!o || !c) continue;\n if (isHidden(o, win)) {\n remove.push(c);\n dropped.count++;\n continue;\n }\n pruneAndInline(o, c, win, inline, dropped);\n }\n for (const c of remove) c.remove();\n}\n\n/** A structural signature for grouping repeated rows. */\nfunction signature(el: Element): string {\n const tag = el.tagName.toLowerCase();\n const classes = (el.getAttribute(\"class\") ?? \"\")\n .split(/\\s+/)\n .filter(Boolean)\n .sort()\n .join(\".\");\n const kidTags = [...el.children]\n .map((c) => c.tagName.toLowerCase())\n .join(\",\");\n return `${tag}|${classes}|${kidTags}`;\n}\n\ninterface RepeatPick {\n container: Element;\n rows: Element[];\n}\n\n/** Find the container whose children are the most-repeated similar rows. */\nfunction findRepeatingRows(root: Element): RepeatPick | null {\n let best: RepeatPick | null = null;\n let bestScore = 0;\n const visit = (el: Element) => {\n const groups = new Map<string, Element[]>();\n for (const child of el.children) {\n const sig = signature(child);\n const arr = groups.get(sig) ?? [];\n arr.push(child);\n groups.set(sig, arr);\n }\n for (const rows of groups.values()) {\n if (rows.length < 2) continue;\n // Score: repetition count weighted by how much text the rows carry, so\n // a list of message bubbles beats e.g. a repeated row of icon buttons.\n const textLen = rows.reduce(\n (n, r) => n + (r.textContent ?? \"\").trim().length,\n 0,\n );\n const score = rows.length * 10 + Math.min(textLen, 400);\n if (score > bestScore) {\n bestScore = score;\n best = { container: el, rows };\n }\n }\n for (const child of el.children) visit(child);\n };\n visit(root);\n return best;\n}\n\nconst AUTHOR_RE =\n /\\b(name|author|sender|user|handle|username|display-?name)\\b/i;\nconst AVATAR_RE = /\\b(avatar|photo|userpic|profile-?pic|pic|gravatar)\\b/i;\nconst TIME_RE = /\\b(time|timestamp|date|ago|sent-?at)\\b/i;\nconst BODY_RE = /\\b(body|text|content|message|bubble|markdown|prose)\\b/i;\nconst TIME_TEXT_RE =\n /^\\s*(\\d{1,2}:\\d{2}(\\s?[ap]\\.?m\\.?)?|\\d+\\s*(m|min|h|hr|d|days?|hours?|minutes?)( ago)?|yesterday|today)\\s*$/i;\n\nfunction classOf(el: Element): string {\n return el.getAttribute(\"class\") ?? \"\";\n}\n\nfunction markSlot(el: Element, slot: string, token: string): void {\n el.setAttribute(SLOT_ATTR, slot);\n el.textContent = token;\n}\n\n/** Identify and mark author/avatar/body/time inside a representative row. */\nfunction slotifyRow(row: Element): {\n html: string;\n detected: string[];\n} {\n const detected: string[] = [];\n const all = [...row.querySelectorAll(\"*\")];\n\n // Avatar: an <img> or an element whose class names it.\n let avatar =\n row.querySelector(\"img\") ??\n all.find((e) => AVATAR_RE.test(classOf(e))) ??\n null;\n if (avatar) {\n // Convert an <img> avatar into a styled container we can fill.\n if (avatar.tagName === \"IMG\") {\n const div = row.ownerDocument.createElement(\"div\");\n const cls = classOf(avatar);\n if (cls) div.setAttribute(\"class\", cls);\n const st = avatar.getAttribute(\"style\");\n if (st) div.setAttribute(\"style\", st);\n avatar.replaceWith(div);\n avatar = div;\n }\n markSlot(avatar, \"avatar\", \"{{avatar}}\");\n detected.push(\"avatar\");\n }\n\n // Author: a named element, else the first short bold-ish text run.\n let author = all.find(\n (e) =>\n e !== avatar &&\n AUTHOR_RE.test(classOf(e)) &&\n (e.textContent ?? \"\").trim(),\n );\n if (!author) {\n author = all.find((e) => {\n if (e === avatar || e.getAttribute(SLOT_ATTR)) return false;\n const t = (e.textContent ?? \"\").trim();\n const fw = (e.getAttribute(\"style\") ?? \"\").match(\n /font-weight:\\s*(\\d+|bold)/i,\n );\n const bold =\n e.tagName === \"B\" ||\n e.tagName === \"STRONG\" ||\n (fw ? fw[1] === \"bold\" || Number(fw[1]) >= 600 : false);\n return bold && t.length > 0 && t.length < 40;\n });\n }\n if (author && !author.getAttribute(SLOT_ATTR)) {\n markSlot(author, \"author\", \"{{author}}\");\n detected.push(\"author\");\n }\n\n // Time: a <time>, a named element, or an element whose text reads as a time.\n const time =\n row.querySelector(\"time\") ??\n all.find((e) => !e.getAttribute(SLOT_ATTR) && TIME_RE.test(classOf(e))) ??\n all.find(\n (e) =>\n !e.getAttribute(SLOT_ATTR) &&\n e.children.length === 0 &&\n TIME_TEXT_RE.test((e.textContent ?? \"\").trim()),\n );\n if (time && !time.getAttribute(SLOT_ATTR)) {\n markSlot(time, \"time\", \"{{time}}\");\n detected.push(\"time\");\n }\n\n // Body: the remaining element with the most text (or a named one). Never an\n // ancestor of an already-marked slot, or filling it would wipe author/time.\n const named = all.find(\n (e) =>\n !e.getAttribute(SLOT_ATTR) &&\n !e.querySelector(`[${SLOT_ATTR}]`) &&\n BODY_RE.test(classOf(e)),\n );\n let body = named ?? null;\n if (!body) {\n let bestLen = -1;\n for (const e of all) {\n if (e.getAttribute(SLOT_ATTR)) continue;\n if (e.querySelector(`[${SLOT_ATTR}]`)) continue; // don't pick an ancestor of a slot\n const t = (e.textContent ?? \"\").trim();\n if (t.length > bestLen) {\n bestLen = t.length;\n body = e;\n }\n }\n }\n if (body && !body.getAttribute(SLOT_ATTR)) {\n markSlot(body, \"body\", \"{{body}}\");\n detected.push(\"body\");\n } else if (!body) {\n // Fall back: slot the row itself.\n markSlot(row, \"body\", \"{{body}}\");\n detected.push(\"body\");\n }\n\n return { html: row.outerHTML, detected };\n}\n\nconst COMPOSER_RE =\n /\\b(composer|compose|reply|message-?box|message-?input|input-?box|textbox|editor|prompt)\\b/i;\n\nfunction findComposer(root: Element, exclude: Element): Element | null {\n const candidates = [...root.querySelectorAll(\"*\")].filter(\n (e) => !exclude.contains(e) && !e.contains(exclude),\n );\n return (\n candidates.find((e) => e.getAttribute(\"role\") === \"textbox\") ??\n candidates.find((e) => e.hasAttribute(\"contenteditable\")) ??\n candidates.find((e) => COMPOSER_RE.test(classOf(e))) ??\n null\n );\n}\n\nfunction emptyReport(): SlotReport {\n return { found: false, detected: [], confidence: 0 };\n}\n\nexport function distill(root: Element, opts: DistillOptions = {}): SkinDraft {\n const win = getWindow(opts.window);\n const doc = win.document;\n const warnings: string[] = [];\n\n // 1. Clone, inline styles, drop hidden + data-*.\n const clone = root.cloneNode(true) as Element;\n const dropped = { count: 0 };\n pruneAndInline(root, clone, win, opts.inlineComputedStyles ?? false, dropped);\n if (dropped.count > 0)\n warnings.push(\n `Dropped ${dropped.count} hidden element(s) from the capture.`,\n );\n\n // 2. Sanitize (allowlist) and re-parse.\n const safe = sanitizeHtml(clone.outerHTML, { window: win });\n const host = doc.createElement(\"div\");\n host.innerHTML = safe;\n const frameRoot = (host.firstElementChild as Element | null) ?? host;\n\n // 3. Find the repeating message row.\n const pick = findRepeatingRows(frameRoot);\n const detection = {\n frame: emptyReport(),\n message: emptyReport(),\n composer: emptyReport(),\n typing: emptyReport(),\n };\n\n let messageHtml: string | undefined;\n let frameHtml: string | undefined;\n let composerHtml: string | undefined;\n\n if (pick) {\n // 4. Slot-ify a representative row.\n const sample = (pick.rows[0] as Element).cloneNode(true) as Element;\n const slotted = slotifyRow(sample);\n messageHtml = slotted.html;\n detection.message = {\n found: true,\n detected: slotted.detected,\n confidence: Math.min(1, slotted.detected.length / 4),\n };\n\n // 5. Carve the frame: replace the message list with a {{messages}} slot.\n const slot = doc.createElement(\"div\");\n slot.setAttribute(SLOT_ATTR, \"messages\");\n slot.textContent = \"{{messages}}\";\n const listCls = classOf(pick.container);\n if (listCls) slot.setAttribute(\"class\", `${listCls} tc-messages`);\n const containerClone = pick.container.cloneNode(false) as Element;\n // Preserve the list container's own styling, but it now holds only the slot.\n if (containerClone.getAttribute(\"style\"))\n slot.setAttribute(\n \"style\",\n containerClone.getAttribute(\"style\") as string,\n );\n // Build the frame by replacing the container subtree with the slot.\n const frameClone = frameRoot.cloneNode(true) as Element;\n const path = pathTo(frameRoot, pick.container);\n const targetInClone = path ? nodeAtPath(frameClone, path) : null;\n if (targetInClone && targetInClone.parentElement) {\n targetInClone.replaceWith(slot);\n frameHtml = frameClone.outerHTML;\n detection.frame = { found: true, detected: [\"messages\"], confidence: 1 };\n } else {\n // The list *is* the root; frame is just the slot.\n frameHtml = slot.outerHTML;\n detection.frame = {\n found: true,\n detected: [\"messages\"],\n confidence: 0.5,\n };\n warnings.push(\n \"Message list is the captured root; no surrounding chrome was found.\",\n );\n }\n\n // 6. Composer (outside the message list).\n const composer = findComposer(frameRoot, pick.container);\n if (composer) {\n const c = composer.cloneNode(true) as Element;\n c.setAttribute(SLOT_ATTR, \"composer\");\n c.removeAttribute(\"contenteditable\");\n c.textContent = \"{{composer}}\";\n composerHtml = c.outerHTML;\n detection.composer = {\n found: true,\n detected: [\"composer\"],\n confidence: 1,\n };\n } else {\n warnings.push(\n \"No composer detected — add one by hand if the skin needs it.\",\n );\n }\n } else {\n warnings.push(\n \"No repeating message row found — capture a tighter subtree around the thread.\",\n );\n }\n\n // 7. Tokens.\n const tokens = extractTokens(frameRoot);\n\n // 8. Canvas suggestion from the captured box (best effort).\n let canvas: { width: number; height: number } | undefined;\n const rect = (\n root as Element & { getBoundingClientRect?: () => DOMRect }\n ).getBoundingClientRect?.();\n if (rect && rect.width > 0 && rect.height > 0) {\n canvas = { width: Math.round(rect.width), height: Math.round(rect.height) };\n }\n\n return {\n version: 1,\n meta: {\n name: opts.name ?? \"Captured skin\",\n ...(opts.sourceUrl ? { sourceUrl: opts.sourceUrl } : {}),\n ...(opts.theme ? { theme: opts.theme } : {}),\n ...(canvas ? { canvas } : {}),\n },\n slots: {\n ...(frameHtml ? { frame: frameHtml } : {}),\n ...(messageHtml ? { message: messageHtml } : {}),\n ...(composerHtml ? { composer: composerHtml } : {}),\n },\n css: \"\",\n tokens,\n detection,\n warnings,\n };\n}\n\n/** Index path from `root` down to `target` (list of child indices). */\nfunction pathTo(root: Element, target: Element): number[] | null {\n if (root === target) return [];\n for (let i = 0; i < root.children.length; i++) {\n const child = root.children[i];\n if (!child) continue;\n const sub = pathTo(child, target);\n if (sub) return [i, ...sub];\n }\n return null;\n}\n\nfunction nodeAtPath(root: Element, path: number[]): Element | null {\n let node: Element | null = root;\n for (const i of path) {\n if (!node) return null;\n node = node.children[i] ?? null;\n }\n return node;\n}\n","import {\n useLayoutEffect,\n useRef,\n useState,\n type CSSProperties,\n type FC,\n type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { ContentNode } from \"@typecaast/schema\";\nimport type { Participant } from \"@typecaast/schema\";\nimport type {\n Capabilities,\n ComposerProps,\n FrameProps,\n MessageProps,\n SystemProps,\n TypingProps,\n} from \"@typecaast/core\";\nimport type { Skin, SkinComponents, SkinTokens } from \"@typecaast/skin-kit\";\nimport { sanitizeHtml } from \"./sanitize.js\";\nimport { SLOT_ATTR } from \"./distill.js\";\nimport type { SkinDraft } from \"./draft.js\";\n\n/**\n * `TemplateSkinAdapter` — make a captured `SkinDraft` satisfy the `Skin`\n * contract by filling its slots at render time (PLAN §10). Template skins are\n * **untrusted regardless of source**, so the adapter (a) re-sanitizes every\n * template string and (b) renders inside an **open shadow root** at the Frame,\n * so even a sanitizer miss can't restyle or script the host page. Slot text is\n * written via `textContent` (never `innerHTML`), so authored content can't\n * inject markup either.\n *\n * This is a faithful *playback* of the capture, not the final hand-tuned skin —\n * `typecaast scaffold-skin` turns the same draft into an editable React skin.\n */\n\nexport interface TemplateSkinOptions {\n /** Override the skin id (defaults to a slug of the draft name). */\n id?: string;\n capabilities?: Capabilities;\n}\n\nfunction slug(s: string): string {\n return (\n s\n .toLowerCase()\n .replace(/[^a-z0-9]+/g, \"-\")\n .replace(/^-+|-+$/g, \"\") || \"captured\"\n );\n}\n\n/** Flatten a message body to plain text (the draft adapter renders text only). */\nfunction contentToText(content: ContentNode[]): string {\n const out: string[] = [];\n for (const node of content) {\n if (\n node.type === \"text\" &&\n Array.isArray((node as { spans?: unknown }).spans)\n ) {\n for (const span of (\n node as { spans: { value?: string; label?: string }[] }\n ).spans) {\n out.push(span.value ?? span.label ?? \"\");\n }\n } else if (node.type === \"image\") {\n out.push((node as { alt?: string }).alt ?? \"🖼\");\n }\n }\n return out.join(\"\");\n}\n\nfunction initials(name: string): string {\n return name\n .split(/\\s+/)\n .filter(Boolean)\n .slice(0, 2)\n .map((w) => w[0]?.toUpperCase() ?? \"\")\n .join(\"\");\n}\n\nfunction fmtTime(atMs: number): string {\n const total = Math.floor(atMs / 1000);\n const m = Math.floor(total / 60);\n const s = total % 60;\n return `${m}:${String(s).padStart(2, \"0\")}`;\n}\n\n/** Build the `<style>` text for the shadow root from draft tokens + extra CSS. */\nfunction styleText(tokens: SkinTokens, css: string): string {\n const vars = Object.entries(tokens.colors ?? {})\n .map(([k, v]) => `--${k}: ${v};`)\n .join(\" \");\n return `:host{all:initial; display:block; width:100%; height:100%; ${vars}}\n *{box-sizing:border-box;}\n ${css}`;\n}\n\n/** Fill a sanitized template's slots into `host` via safe textContent writes. */\nfunction fillInto(\n host: HTMLElement,\n templateHtml: string,\n values: Record<string, string>,\n): void {\n host.innerHTML = templateHtml; // templateHtml is pre-sanitized at skin build\n for (const node of host.querySelectorAll(`[${SLOT_ATTR}]`)) {\n const slot = node.getAttribute(SLOT_ATTR);\n if (slot && slot in values) node.textContent = values[slot] ?? \"\";\n }\n}\n\n/** progress-driven fade+slide (no CSS transitions — frame-parity, PLAN §8). */\nfunction revealStyle(progress: number): CSSProperties {\n const p = Math.max(0, Math.min(1, progress));\n return {\n opacity: p,\n transform: `translateY(${(1 - p) * 6}px)`,\n willChange: \"opacity, transform\",\n };\n}\n\nconst DEFAULT_CAPS: Capabilities = {\n events: {},\n content: {},\n reactions: false,\n threads: false,\n readReceipts: false,\n};\n\nexport function templateSkinFromDraft(\n draft: SkinDraft,\n opts: TemplateSkinOptions = {},\n): Skin {\n // Re-sanitize every template once, up front (untrusted regardless of source).\n const safe = {\n frame: draft.slots.frame ? sanitizeHtml(draft.slots.frame) : undefined,\n message: draft.slots.message\n ? sanitizeHtml(draft.slots.message)\n : undefined,\n composer: draft.slots.composer\n ? sanitizeHtml(draft.slots.composer)\n : undefined,\n };\n const lightTokens: SkinTokens = { colors: draft.tokens.colors ?? {} };\n const darkTokens: SkinTokens = draft.darkTokens\n ? { colors: draft.darkTokens.colors ?? {} }\n : lightTokens;\n const cssByTheme = {\n light: styleText(lightTokens, draft.css ?? \"\"),\n dark: styleText(darkTokens, draft.css ?? \"\"),\n };\n const supportsThemes: (\"light\" | \"dark\")[] = draft.darkTokens\n ? [\"light\", \"dark\"]\n : [draft.meta.theme ?? \"light\"];\n\n const Frame: FC<FrameProps & { children?: ReactNode }> = ({\n theme,\n children,\n }) => {\n const hostRef = useRef<HTMLDivElement>(null);\n const [mount, setMount] = useState<HTMLElement | null>(null);\n useLayoutEffect(() => {\n const host = hostRef.current;\n if (!host) return;\n const shadow = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n shadow.innerHTML = \"\";\n const style = host.ownerDocument.createElement(\"style\");\n style.textContent = theme === \"dark\" ? cssByTheme.dark : cssByTheme.light;\n shadow.appendChild(style);\n const wrapper = host.ownerDocument.createElement(\"div\");\n wrapper.style.width = \"100%\";\n wrapper.style.height = \"100%\";\n wrapper.innerHTML = safe.frame ?? `<div ${SLOT_ATTR}=\"messages\"></div>`;\n shadow.appendChild(wrapper);\n const slot =\n wrapper.querySelector<HTMLElement>(`[${SLOT_ATTR}=\"messages\"]`) ??\n wrapper;\n slot.textContent = \"\";\n setMount(slot);\n }, [theme]);\n return (\n <div ref={hostRef} style={{ width: \"100%\", height: \"100%\" }}>\n {mount ? createPortal(children, mount) : null}\n </div>\n );\n };\n\n const Message: FC<MessageProps> = ({ message, author }) => {\n const ref = useRef<HTMLDivElement>(null);\n useLayoutEffect(() => {\n const el = ref.current;\n if (!el || !safe.message) return;\n fillInto(el, safe.message, {\n author: author.name,\n avatar: initials(author.name),\n body: contentToText(message.content),\n time: fmtTime(message.atMs),\n });\n }, [message, author]);\n return <div ref={ref} style={revealStyle(message.revealProgress)} />;\n };\n\n const SystemMessage: FC<SystemProps> = ({ message }) => (\n <div\n style={{ ...revealStyle(message.revealProgress), textAlign: \"center\" }}\n >\n {contentToText(message.content)}\n </div>\n );\n\n const TypingIndicator: FC<TypingProps> = ({ author }) => (\n <div style={{ opacity: 0.7, fontStyle: \"italic\" }}>\n {author.name} is typing…\n </div>\n );\n\n const Composer: FC<ComposerProps> = ({ composer }) => {\n const ref = useRef<HTMLDivElement>(null);\n useLayoutEffect(() => {\n const el = ref.current;\n if (!el) return;\n if (safe.composer) {\n fillInto(el, safe.composer, { composer: composer.text });\n } else {\n el.textContent = composer.text;\n }\n }, [composer]);\n return <div ref={ref} />;\n };\n\n const Avatar: FC<{ participant: Participant; size?: number }> = ({\n participant,\n size = 36,\n }) => (\n <div\n style={{\n width: size,\n height: size,\n borderRadius: \"50%\",\n display: \"grid\",\n placeItems: \"center\",\n background: \"var(--color-1, #ccc)\",\n fontSize: size * 0.4,\n }}\n >\n {initials(participant.name)}\n </div>\n );\n\n const components: SkinComponents = {\n Frame,\n Message,\n SystemMessage,\n TypingIndicator,\n Reaction: () => null,\n Composer,\n Avatar,\n };\n\n return {\n id: opts.id ?? slug(draft.meta.name),\n meta: {\n name: draft.meta.name,\n defaultCanvas: draft.meta.canvas ?? { width: 420, height: 720 },\n supportsThemes,\n capabilities: opts.capabilities ?? DEFAULT_CAPS,\n },\n components,\n tokens: { light: lightTokens, dark: darkTokens },\n };\n}\n","import type { SkinDraft } from \"./draft.js\";\n\n/**\n * Light/dark double-capture (PLAN §10, M5.7). Capture the *same* UI twice — once\n * per theme — then merge: keep the light capture's slot templates (structure is\n * identical) and attach the dark capture's tokens as `darkTokens`, so the\n * resulting skin supports both themes and switches CSS vars at render time.\n *\n * Structure is taken from `light`; only the dark *colors* differ between a\n * well-built light/dark UI, which is exactly what we want to vary.\n */\nexport function mergeThemeDrafts(light: SkinDraft, dark: SkinDraft): SkinDraft {\n return {\n ...light,\n meta: { ...light.meta, theme: undefined },\n tokens: light.tokens,\n darkTokens: dark.tokens,\n warnings: [\n ...light.warnings,\n ...(dark.detection.message.found\n ? []\n : [\"Dark capture found no message row; reusing light structure.\"]),\n ],\n };\n}\n"]}
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { SkinDraft } from './draft.cjs';
|
|
2
|
+
export { SLOT_TOKENS, SlotName, SlotReport, detectionScore, skinDraftSchema } from './draft.cjs';
|
|
3
|
+
export { D as DistillOptions, d as distill } from './distill-kGI5Nt9q.cjs';
|
|
4
|
+
import { Capabilities } from '@typecaast/core';
|
|
5
|
+
import { Skin } from '@typecaast/skin-kit';
|
|
6
|
+
import 'zod';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Allowlist sanitizer for captured / imported HTML+CSS (PLAN §10). Captured
|
|
10
|
+
* markup is **untrusted** — it can carry scripts, event handlers, hostile
|
|
11
|
+
* `url(javascript:)` CSS, `data:text/html` payloads, and framed content. We do
|
|
12
|
+
* not roll our own: the heavy lifting is a maintained, audited sanitizer
|
|
13
|
+
* (DOMPurify), wrapped here with a strict allowlist and a CSS scrubber, and the
|
|
14
|
+
* `TemplateSkinAdapter` *additionally* renders in a shadow root so a sanitizer
|
|
15
|
+
* miss still can't reach the host page. Defense in depth, not a single gate.
|
|
16
|
+
*/
|
|
17
|
+
interface WindowLike {
|
|
18
|
+
document: Document;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Strip CSS-level code execution and exfiltration vectors from a style string
|
|
22
|
+
* (inline `style=""` or a stylesheet body). Inline styles survive sanitize, so
|
|
23
|
+
* this is where `expression()`, `url(javascript:)`, `@import`, `behavior:`, and
|
|
24
|
+
* non-image `data:` URLs are removed.
|
|
25
|
+
*/
|
|
26
|
+
declare function scrubCss(css: string): string;
|
|
27
|
+
interface SanitizeOptions {
|
|
28
|
+
/** DOM window to use (required in Node; defaults to global `window`). */
|
|
29
|
+
window?: WindowLike;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Sanitize an untrusted HTML string to the capture allowlist. Returns inert,
|
|
33
|
+
* presentational HTML safe to parse and slot-ify. Always pair with shadow-DOM
|
|
34
|
+
* isolation at render time (`TemplateSkinAdapter`).
|
|
35
|
+
*/
|
|
36
|
+
declare function sanitizeHtml(html: string, opts?: SanitizeOptions): string;
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* `TemplateSkinAdapter` — make a captured `SkinDraft` satisfy the `Skin`
|
|
40
|
+
* contract by filling its slots at render time (PLAN §10). Template skins are
|
|
41
|
+
* **untrusted regardless of source**, so the adapter (a) re-sanitizes every
|
|
42
|
+
* template string and (b) renders inside an **open shadow root** at the Frame,
|
|
43
|
+
* so even a sanitizer miss can't restyle or script the host page. Slot text is
|
|
44
|
+
* written via `textContent` (never `innerHTML`), so authored content can't
|
|
45
|
+
* inject markup either.
|
|
46
|
+
*
|
|
47
|
+
* This is a faithful *playback* of the capture, not the final hand-tuned skin —
|
|
48
|
+
* `typecaast scaffold-skin` turns the same draft into an editable React skin.
|
|
49
|
+
*/
|
|
50
|
+
interface TemplateSkinOptions {
|
|
51
|
+
/** Override the skin id (defaults to a slug of the draft name). */
|
|
52
|
+
id?: string;
|
|
53
|
+
capabilities?: Capabilities;
|
|
54
|
+
}
|
|
55
|
+
declare function templateSkinFromDraft(draft: SkinDraft, opts?: TemplateSkinOptions): Skin;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Light/dark double-capture (PLAN §10, M5.7). Capture the *same* UI twice — once
|
|
59
|
+
* per theme — then merge: keep the light capture's slot templates (structure is
|
|
60
|
+
* identical) and attach the dark capture's tokens as `darkTokens`, so the
|
|
61
|
+
* resulting skin supports both themes and switches CSS vars at render time.
|
|
62
|
+
*
|
|
63
|
+
* Structure is taken from `light`; only the dark *colors* differ between a
|
|
64
|
+
* well-built light/dark UI, which is exactly what we want to vary.
|
|
65
|
+
*/
|
|
66
|
+
declare function mergeThemeDrafts(light: SkinDraft, dark: SkinDraft): SkinDraft;
|
|
67
|
+
|
|
68
|
+
export { type SanitizeOptions, SkinDraft, type TemplateSkinOptions, mergeThemeDrafts, sanitizeHtml, scrubCss, templateSkinFromDraft };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { SkinDraft } from './draft.js';
|
|
2
|
+
export { SLOT_TOKENS, SlotName, SlotReport, detectionScore, skinDraftSchema } from './draft.js';
|
|
3
|
+
export { D as DistillOptions, d as distill } from './distill-DviDU75P.js';
|
|
4
|
+
import { Capabilities } from '@typecaast/core';
|
|
5
|
+
import { Skin } from '@typecaast/skin-kit';
|
|
6
|
+
import 'zod';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Allowlist sanitizer for captured / imported HTML+CSS (PLAN §10). Captured
|
|
10
|
+
* markup is **untrusted** — it can carry scripts, event handlers, hostile
|
|
11
|
+
* `url(javascript:)` CSS, `data:text/html` payloads, and framed content. We do
|
|
12
|
+
* not roll our own: the heavy lifting is a maintained, audited sanitizer
|
|
13
|
+
* (DOMPurify), wrapped here with a strict allowlist and a CSS scrubber, and the
|
|
14
|
+
* `TemplateSkinAdapter` *additionally* renders in a shadow root so a sanitizer
|
|
15
|
+
* miss still can't reach the host page. Defense in depth, not a single gate.
|
|
16
|
+
*/
|
|
17
|
+
interface WindowLike {
|
|
18
|
+
document: Document;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Strip CSS-level code execution and exfiltration vectors from a style string
|
|
22
|
+
* (inline `style=""` or a stylesheet body). Inline styles survive sanitize, so
|
|
23
|
+
* this is where `expression()`, `url(javascript:)`, `@import`, `behavior:`, and
|
|
24
|
+
* non-image `data:` URLs are removed.
|
|
25
|
+
*/
|
|
26
|
+
declare function scrubCss(css: string): string;
|
|
27
|
+
interface SanitizeOptions {
|
|
28
|
+
/** DOM window to use (required in Node; defaults to global `window`). */
|
|
29
|
+
window?: WindowLike;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Sanitize an untrusted HTML string to the capture allowlist. Returns inert,
|
|
33
|
+
* presentational HTML safe to parse and slot-ify. Always pair with shadow-DOM
|
|
34
|
+
* isolation at render time (`TemplateSkinAdapter`).
|
|
35
|
+
*/
|
|
36
|
+
declare function sanitizeHtml(html: string, opts?: SanitizeOptions): string;
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* `TemplateSkinAdapter` — make a captured `SkinDraft` satisfy the `Skin`
|
|
40
|
+
* contract by filling its slots at render time (PLAN §10). Template skins are
|
|
41
|
+
* **untrusted regardless of source**, so the adapter (a) re-sanitizes every
|
|
42
|
+
* template string and (b) renders inside an **open shadow root** at the Frame,
|
|
43
|
+
* so even a sanitizer miss can't restyle or script the host page. Slot text is
|
|
44
|
+
* written via `textContent` (never `innerHTML`), so authored content can't
|
|
45
|
+
* inject markup either.
|
|
46
|
+
*
|
|
47
|
+
* This is a faithful *playback* of the capture, not the final hand-tuned skin —
|
|
48
|
+
* `typecaast scaffold-skin` turns the same draft into an editable React skin.
|
|
49
|
+
*/
|
|
50
|
+
interface TemplateSkinOptions {
|
|
51
|
+
/** Override the skin id (defaults to a slug of the draft name). */
|
|
52
|
+
id?: string;
|
|
53
|
+
capabilities?: Capabilities;
|
|
54
|
+
}
|
|
55
|
+
declare function templateSkinFromDraft(draft: SkinDraft, opts?: TemplateSkinOptions): Skin;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Light/dark double-capture (PLAN §10, M5.7). Capture the *same* UI twice — once
|
|
59
|
+
* per theme — then merge: keep the light capture's slot templates (structure is
|
|
60
|
+
* identical) and attach the dark capture's tokens as `darkTokens`, so the
|
|
61
|
+
* resulting skin supports both themes and switches CSS vars at render time.
|
|
62
|
+
*
|
|
63
|
+
* Structure is taken from `light`; only the dark *colors* differ between a
|
|
64
|
+
* well-built light/dark UI, which is exactly what we want to vary.
|
|
65
|
+
*/
|
|
66
|
+
declare function mergeThemeDrafts(light: SkinDraft, dark: SkinDraft): SkinDraft;
|
|
67
|
+
|
|
68
|
+
export { type SanitizeOptions, SkinDraft, type TemplateSkinOptions, mergeThemeDrafts, sanitizeHtml, scrubCss, templateSkinFromDraft };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
export { SLOT_TOKENS, detectionScore, skinDraftSchema } from './chunk-2UORYZUZ.js';
|
|
2
|
+
import { sanitizeHtml, SLOT_ATTR } from './chunk-MJRHEKPU.js';
|
|
3
|
+
export { distill, sanitizeHtml, scrubCss } from './chunk-MJRHEKPU.js';
|
|
4
|
+
import { useRef, useState, useLayoutEffect } from 'react';
|
|
5
|
+
import { createPortal } from 'react-dom';
|
|
6
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
function slug(s) {
|
|
9
|
+
return s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "captured";
|
|
10
|
+
}
|
|
11
|
+
function contentToText(content) {
|
|
12
|
+
const out = [];
|
|
13
|
+
for (const node of content) {
|
|
14
|
+
if (node.type === "text" && Array.isArray(node.spans)) {
|
|
15
|
+
for (const span of node.spans) {
|
|
16
|
+
out.push(span.value ?? span.label ?? "");
|
|
17
|
+
}
|
|
18
|
+
} else if (node.type === "image") {
|
|
19
|
+
out.push(node.alt ?? "\u{1F5BC}");
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return out.join("");
|
|
23
|
+
}
|
|
24
|
+
function initials(name) {
|
|
25
|
+
return name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("");
|
|
26
|
+
}
|
|
27
|
+
function fmtTime(atMs) {
|
|
28
|
+
const total = Math.floor(atMs / 1e3);
|
|
29
|
+
const m = Math.floor(total / 60);
|
|
30
|
+
const s = total % 60;
|
|
31
|
+
return `${m}:${String(s).padStart(2, "0")}`;
|
|
32
|
+
}
|
|
33
|
+
function styleText(tokens, css) {
|
|
34
|
+
const vars = Object.entries(tokens.colors ?? {}).map(([k, v]) => `--${k}: ${v};`).join(" ");
|
|
35
|
+
return `:host{all:initial; display:block; width:100%; height:100%; ${vars}}
|
|
36
|
+
*{box-sizing:border-box;}
|
|
37
|
+
${css}`;
|
|
38
|
+
}
|
|
39
|
+
function fillInto(host, templateHtml, values) {
|
|
40
|
+
host.innerHTML = templateHtml;
|
|
41
|
+
for (const node of host.querySelectorAll(`[${SLOT_ATTR}]`)) {
|
|
42
|
+
const slot = node.getAttribute(SLOT_ATTR);
|
|
43
|
+
if (slot && slot in values) node.textContent = values[slot] ?? "";
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
function revealStyle(progress) {
|
|
47
|
+
const p = Math.max(0, Math.min(1, progress));
|
|
48
|
+
return {
|
|
49
|
+
opacity: p,
|
|
50
|
+
transform: `translateY(${(1 - p) * 6}px)`,
|
|
51
|
+
willChange: "opacity, transform"
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
var DEFAULT_CAPS = {
|
|
55
|
+
events: {},
|
|
56
|
+
content: {},
|
|
57
|
+
reactions: false,
|
|
58
|
+
threads: false,
|
|
59
|
+
readReceipts: false
|
|
60
|
+
};
|
|
61
|
+
function templateSkinFromDraft(draft, opts = {}) {
|
|
62
|
+
const safe = {
|
|
63
|
+
frame: draft.slots.frame ? sanitizeHtml(draft.slots.frame) : void 0,
|
|
64
|
+
message: draft.slots.message ? sanitizeHtml(draft.slots.message) : void 0,
|
|
65
|
+
composer: draft.slots.composer ? sanitizeHtml(draft.slots.composer) : void 0
|
|
66
|
+
};
|
|
67
|
+
const lightTokens = { colors: draft.tokens.colors ?? {} };
|
|
68
|
+
const darkTokens = draft.darkTokens ? { colors: draft.darkTokens.colors ?? {} } : lightTokens;
|
|
69
|
+
const cssByTheme = {
|
|
70
|
+
light: styleText(lightTokens, draft.css ?? ""),
|
|
71
|
+
dark: styleText(darkTokens, draft.css ?? "")
|
|
72
|
+
};
|
|
73
|
+
const supportsThemes = draft.darkTokens ? ["light", "dark"] : [draft.meta.theme ?? "light"];
|
|
74
|
+
const Frame = ({
|
|
75
|
+
theme,
|
|
76
|
+
children
|
|
77
|
+
}) => {
|
|
78
|
+
const hostRef = useRef(null);
|
|
79
|
+
const [mount, setMount] = useState(null);
|
|
80
|
+
useLayoutEffect(() => {
|
|
81
|
+
const host = hostRef.current;
|
|
82
|
+
if (!host) return;
|
|
83
|
+
const shadow = host.shadowRoot ?? host.attachShadow({ mode: "open" });
|
|
84
|
+
shadow.innerHTML = "";
|
|
85
|
+
const style = host.ownerDocument.createElement("style");
|
|
86
|
+
style.textContent = theme === "dark" ? cssByTheme.dark : cssByTheme.light;
|
|
87
|
+
shadow.appendChild(style);
|
|
88
|
+
const wrapper = host.ownerDocument.createElement("div");
|
|
89
|
+
wrapper.style.width = "100%";
|
|
90
|
+
wrapper.style.height = "100%";
|
|
91
|
+
wrapper.innerHTML = safe.frame ?? `<div ${SLOT_ATTR}="messages"></div>`;
|
|
92
|
+
shadow.appendChild(wrapper);
|
|
93
|
+
const slot = wrapper.querySelector(`[${SLOT_ATTR}="messages"]`) ?? wrapper;
|
|
94
|
+
slot.textContent = "";
|
|
95
|
+
setMount(slot);
|
|
96
|
+
}, [theme]);
|
|
97
|
+
return /* @__PURE__ */ jsx("div", { ref: hostRef, style: { width: "100%", height: "100%" }, children: mount ? createPortal(children, mount) : null });
|
|
98
|
+
};
|
|
99
|
+
const Message = ({ message, author }) => {
|
|
100
|
+
const ref = useRef(null);
|
|
101
|
+
useLayoutEffect(() => {
|
|
102
|
+
const el = ref.current;
|
|
103
|
+
if (!el || !safe.message) return;
|
|
104
|
+
fillInto(el, safe.message, {
|
|
105
|
+
author: author.name,
|
|
106
|
+
avatar: initials(author.name),
|
|
107
|
+
body: contentToText(message.content),
|
|
108
|
+
time: fmtTime(message.atMs)
|
|
109
|
+
});
|
|
110
|
+
}, [message, author]);
|
|
111
|
+
return /* @__PURE__ */ jsx("div", { ref, style: revealStyle(message.revealProgress) });
|
|
112
|
+
};
|
|
113
|
+
const SystemMessage = ({ message }) => /* @__PURE__ */ jsx(
|
|
114
|
+
"div",
|
|
115
|
+
{
|
|
116
|
+
style: { ...revealStyle(message.revealProgress), textAlign: "center" },
|
|
117
|
+
children: contentToText(message.content)
|
|
118
|
+
}
|
|
119
|
+
);
|
|
120
|
+
const TypingIndicator = ({ author }) => /* @__PURE__ */ jsxs("div", { style: { opacity: 0.7, fontStyle: "italic" }, children: [
|
|
121
|
+
author.name,
|
|
122
|
+
" is typing\u2026"
|
|
123
|
+
] });
|
|
124
|
+
const Composer = ({ composer }) => {
|
|
125
|
+
const ref = useRef(null);
|
|
126
|
+
useLayoutEffect(() => {
|
|
127
|
+
const el = ref.current;
|
|
128
|
+
if (!el) return;
|
|
129
|
+
if (safe.composer) {
|
|
130
|
+
fillInto(el, safe.composer, { composer: composer.text });
|
|
131
|
+
} else {
|
|
132
|
+
el.textContent = composer.text;
|
|
133
|
+
}
|
|
134
|
+
}, [composer]);
|
|
135
|
+
return /* @__PURE__ */ jsx("div", { ref });
|
|
136
|
+
};
|
|
137
|
+
const Avatar = ({
|
|
138
|
+
participant,
|
|
139
|
+
size = 36
|
|
140
|
+
}) => /* @__PURE__ */ jsx(
|
|
141
|
+
"div",
|
|
142
|
+
{
|
|
143
|
+
style: {
|
|
144
|
+
width: size,
|
|
145
|
+
height: size,
|
|
146
|
+
borderRadius: "50%",
|
|
147
|
+
display: "grid",
|
|
148
|
+
placeItems: "center",
|
|
149
|
+
background: "var(--color-1, #ccc)",
|
|
150
|
+
fontSize: size * 0.4
|
|
151
|
+
},
|
|
152
|
+
children: initials(participant.name)
|
|
153
|
+
}
|
|
154
|
+
);
|
|
155
|
+
const components = {
|
|
156
|
+
Frame,
|
|
157
|
+
Message,
|
|
158
|
+
SystemMessage,
|
|
159
|
+
TypingIndicator,
|
|
160
|
+
Reaction: () => null,
|
|
161
|
+
Composer,
|
|
162
|
+
Avatar
|
|
163
|
+
};
|
|
164
|
+
return {
|
|
165
|
+
id: opts.id ?? slug(draft.meta.name),
|
|
166
|
+
meta: {
|
|
167
|
+
name: draft.meta.name,
|
|
168
|
+
defaultCanvas: draft.meta.canvas ?? { width: 420, height: 720 },
|
|
169
|
+
supportsThemes,
|
|
170
|
+
capabilities: opts.capabilities ?? DEFAULT_CAPS
|
|
171
|
+
},
|
|
172
|
+
components,
|
|
173
|
+
tokens: { light: lightTokens, dark: darkTokens }
|
|
174
|
+
};
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
// src/merge.ts
|
|
178
|
+
function mergeThemeDrafts(light, dark) {
|
|
179
|
+
return {
|
|
180
|
+
...light,
|
|
181
|
+
meta: { ...light.meta, theme: void 0 },
|
|
182
|
+
tokens: light.tokens,
|
|
183
|
+
darkTokens: dark.tokens,
|
|
184
|
+
warnings: [
|
|
185
|
+
...light.warnings,
|
|
186
|
+
...dark.detection.message.found ? [] : ["Dark capture found no message row; reusing light structure."]
|
|
187
|
+
]
|
|
188
|
+
};
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
export { mergeThemeDrafts, templateSkinFromDraft };
|
|
192
|
+
//# sourceMappingURL=index.js.map
|
|
193
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/template-skin.tsx","../src/merge.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import {\n useLayoutEffect,\n useRef,\n useState,\n type CSSProperties,\n type FC,\n type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { ContentNode } from \"@typecaast/schema\";\nimport type { Participant } from \"@typecaast/schema\";\nimport type {\n Capabilities,\n ComposerProps,\n FrameProps,\n MessageProps,\n SystemProps,\n TypingProps,\n} from \"@typecaast/core\";\nimport type { Skin, SkinComponents, SkinTokens } from \"@typecaast/skin-kit\";\nimport { sanitizeHtml } from \"./sanitize.js\";\nimport { SLOT_ATTR } from \"./distill.js\";\nimport type { SkinDraft } from \"./draft.js\";\n\n/**\n * `TemplateSkinAdapter` — make a captured `SkinDraft` satisfy the `Skin`\n * contract by filling its slots at render time (PLAN §10). Template skins are\n * **untrusted regardless of source**, so the adapter (a) re-sanitizes every\n * template string and (b) renders inside an **open shadow root** at the Frame,\n * so even a sanitizer miss can't restyle or script the host page. Slot text is\n * written via `textContent` (never `innerHTML`), so authored content can't\n * inject markup either.\n *\n * This is a faithful *playback* of the capture, not the final hand-tuned skin —\n * `typecaast scaffold-skin` turns the same draft into an editable React skin.\n */\n\nexport interface TemplateSkinOptions {\n /** Override the skin id (defaults to a slug of the draft name). */\n id?: string;\n capabilities?: Capabilities;\n}\n\nfunction slug(s: string): string {\n return (\n s\n .toLowerCase()\n .replace(/[^a-z0-9]+/g, \"-\")\n .replace(/^-+|-+$/g, \"\") || \"captured\"\n );\n}\n\n/** Flatten a message body to plain text (the draft adapter renders text only). */\nfunction contentToText(content: ContentNode[]): string {\n const out: string[] = [];\n for (const node of content) {\n if (\n node.type === \"text\" &&\n Array.isArray((node as { spans?: unknown }).spans)\n ) {\n for (const span of (\n node as { spans: { value?: string; label?: string }[] }\n ).spans) {\n out.push(span.value ?? span.label ?? \"\");\n }\n } else if (node.type === \"image\") {\n out.push((node as { alt?: string }).alt ?? \"🖼\");\n }\n }\n return out.join(\"\");\n}\n\nfunction initials(name: string): string {\n return name\n .split(/\\s+/)\n .filter(Boolean)\n .slice(0, 2)\n .map((w) => w[0]?.toUpperCase() ?? \"\")\n .join(\"\");\n}\n\nfunction fmtTime(atMs: number): string {\n const total = Math.floor(atMs / 1000);\n const m = Math.floor(total / 60);\n const s = total % 60;\n return `${m}:${String(s).padStart(2, \"0\")}`;\n}\n\n/** Build the `<style>` text for the shadow root from draft tokens + extra CSS. */\nfunction styleText(tokens: SkinTokens, css: string): string {\n const vars = Object.entries(tokens.colors ?? {})\n .map(([k, v]) => `--${k}: ${v};`)\n .join(\" \");\n return `:host{all:initial; display:block; width:100%; height:100%; ${vars}}\n *{box-sizing:border-box;}\n ${css}`;\n}\n\n/** Fill a sanitized template's slots into `host` via safe textContent writes. */\nfunction fillInto(\n host: HTMLElement,\n templateHtml: string,\n values: Record<string, string>,\n): void {\n host.innerHTML = templateHtml; // templateHtml is pre-sanitized at skin build\n for (const node of host.querySelectorAll(`[${SLOT_ATTR}]`)) {\n const slot = node.getAttribute(SLOT_ATTR);\n if (slot && slot in values) node.textContent = values[slot] ?? \"\";\n }\n}\n\n/** progress-driven fade+slide (no CSS transitions — frame-parity, PLAN §8). */\nfunction revealStyle(progress: number): CSSProperties {\n const p = Math.max(0, Math.min(1, progress));\n return {\n opacity: p,\n transform: `translateY(${(1 - p) * 6}px)`,\n willChange: \"opacity, transform\",\n };\n}\n\nconst DEFAULT_CAPS: Capabilities = {\n events: {},\n content: {},\n reactions: false,\n threads: false,\n readReceipts: false,\n};\n\nexport function templateSkinFromDraft(\n draft: SkinDraft,\n opts: TemplateSkinOptions = {},\n): Skin {\n // Re-sanitize every template once, up front (untrusted regardless of source).\n const safe = {\n frame: draft.slots.frame ? sanitizeHtml(draft.slots.frame) : undefined,\n message: draft.slots.message\n ? sanitizeHtml(draft.slots.message)\n : undefined,\n composer: draft.slots.composer\n ? sanitizeHtml(draft.slots.composer)\n : undefined,\n };\n const lightTokens: SkinTokens = { colors: draft.tokens.colors ?? {} };\n const darkTokens: SkinTokens = draft.darkTokens\n ? { colors: draft.darkTokens.colors ?? {} }\n : lightTokens;\n const cssByTheme = {\n light: styleText(lightTokens, draft.css ?? \"\"),\n dark: styleText(darkTokens, draft.css ?? \"\"),\n };\n const supportsThemes: (\"light\" | \"dark\")[] = draft.darkTokens\n ? [\"light\", \"dark\"]\n : [draft.meta.theme ?? \"light\"];\n\n const Frame: FC<FrameProps & { children?: ReactNode }> = ({\n theme,\n children,\n }) => {\n const hostRef = useRef<HTMLDivElement>(null);\n const [mount, setMount] = useState<HTMLElement | null>(null);\n useLayoutEffect(() => {\n const host = hostRef.current;\n if (!host) return;\n const shadow = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n shadow.innerHTML = \"\";\n const style = host.ownerDocument.createElement(\"style\");\n style.textContent = theme === \"dark\" ? cssByTheme.dark : cssByTheme.light;\n shadow.appendChild(style);\n const wrapper = host.ownerDocument.createElement(\"div\");\n wrapper.style.width = \"100%\";\n wrapper.style.height = \"100%\";\n wrapper.innerHTML = safe.frame ?? `<div ${SLOT_ATTR}=\"messages\"></div>`;\n shadow.appendChild(wrapper);\n const slot =\n wrapper.querySelector<HTMLElement>(`[${SLOT_ATTR}=\"messages\"]`) ??\n wrapper;\n slot.textContent = \"\";\n setMount(slot);\n }, [theme]);\n return (\n <div ref={hostRef} style={{ width: \"100%\", height: \"100%\" }}>\n {mount ? createPortal(children, mount) : null}\n </div>\n );\n };\n\n const Message: FC<MessageProps> = ({ message, author }) => {\n const ref = useRef<HTMLDivElement>(null);\n useLayoutEffect(() => {\n const el = ref.current;\n if (!el || !safe.message) return;\n fillInto(el, safe.message, {\n author: author.name,\n avatar: initials(author.name),\n body: contentToText(message.content),\n time: fmtTime(message.atMs),\n });\n }, [message, author]);\n return <div ref={ref} style={revealStyle(message.revealProgress)} />;\n };\n\n const SystemMessage: FC<SystemProps> = ({ message }) => (\n <div\n style={{ ...revealStyle(message.revealProgress), textAlign: \"center\" }}\n >\n {contentToText(message.content)}\n </div>\n );\n\n const TypingIndicator: FC<TypingProps> = ({ author }) => (\n <div style={{ opacity: 0.7, fontStyle: \"italic\" }}>\n {author.name} is typing…\n </div>\n );\n\n const Composer: FC<ComposerProps> = ({ composer }) => {\n const ref = useRef<HTMLDivElement>(null);\n useLayoutEffect(() => {\n const el = ref.current;\n if (!el) return;\n if (safe.composer) {\n fillInto(el, safe.composer, { composer: composer.text });\n } else {\n el.textContent = composer.text;\n }\n }, [composer]);\n return <div ref={ref} />;\n };\n\n const Avatar: FC<{ participant: Participant; size?: number }> = ({\n participant,\n size = 36,\n }) => (\n <div\n style={{\n width: size,\n height: size,\n borderRadius: \"50%\",\n display: \"grid\",\n placeItems: \"center\",\n background: \"var(--color-1, #ccc)\",\n fontSize: size * 0.4,\n }}\n >\n {initials(participant.name)}\n </div>\n );\n\n const components: SkinComponents = {\n Frame,\n Message,\n SystemMessage,\n TypingIndicator,\n Reaction: () => null,\n Composer,\n Avatar,\n };\n\n return {\n id: opts.id ?? slug(draft.meta.name),\n meta: {\n name: draft.meta.name,\n defaultCanvas: draft.meta.canvas ?? { width: 420, height: 720 },\n supportsThemes,\n capabilities: opts.capabilities ?? DEFAULT_CAPS,\n },\n components,\n tokens: { light: lightTokens, dark: darkTokens },\n };\n}\n","import type { SkinDraft } from \"./draft.js\";\n\n/**\n * Light/dark double-capture (PLAN §10, M5.7). Capture the *same* UI twice — once\n * per theme — then merge: keep the light capture's slot templates (structure is\n * identical) and attach the dark capture's tokens as `darkTokens`, so the\n * resulting skin supports both themes and switches CSS vars at render time.\n *\n * Structure is taken from `light`; only the dark *colors* differ between a\n * well-built light/dark UI, which is exactly what we want to vary.\n */\nexport function mergeThemeDrafts(light: SkinDraft, dark: SkinDraft): SkinDraft {\n return {\n ...light,\n meta: { ...light.meta, theme: undefined },\n tokens: light.tokens,\n darkTokens: dark.tokens,\n warnings: [\n ...light.warnings,\n ...(dark.detection.message.found\n ? []\n : [\"Dark capture found no message row; reusing light structure.\"]),\n ],\n };\n}\n"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@typecaast/capture",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Capture tooling: distill a chat UI subtree into a sanitized, slotted SkinDraft + TemplateSkinAdapter (Apache-2.0).",
|
|
5
|
+
"license": "Apache-2.0",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"sideEffects": false,
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"main": "./dist/index.cjs",
|
|
12
|
+
"module": "./dist/index.js",
|
|
13
|
+
"types": "./dist/index.d.ts",
|
|
14
|
+
"exports": {
|
|
15
|
+
".": {
|
|
16
|
+
"types": "./dist/index.d.ts",
|
|
17
|
+
"import": "./dist/index.js",
|
|
18
|
+
"require": "./dist/index.cjs"
|
|
19
|
+
},
|
|
20
|
+
"./import": {
|
|
21
|
+
"types": "./dist/import-page.d.ts",
|
|
22
|
+
"import": "./dist/import-page.js",
|
|
23
|
+
"require": "./dist/import-page.cjs"
|
|
24
|
+
},
|
|
25
|
+
"./draft": {
|
|
26
|
+
"types": "./dist/draft.d.ts",
|
|
27
|
+
"import": "./dist/draft.js",
|
|
28
|
+
"require": "./dist/draft.cjs"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
"dependencies": {
|
|
32
|
+
"dompurify": "^3.2.4",
|
|
33
|
+
"@typecaast/core": "0.1.0",
|
|
34
|
+
"@typecaast/schema": "0.1.0",
|
|
35
|
+
"@typecaast/skin-kit": "0.1.0"
|
|
36
|
+
},
|
|
37
|
+
"peerDependencies": {
|
|
38
|
+
"react": ">=18",
|
|
39
|
+
"react-dom": ">=18",
|
|
40
|
+
"zod": "^4"
|
|
41
|
+
},
|
|
42
|
+
"devDependencies": {
|
|
43
|
+
"@playwright/test": "^1.49.1",
|
|
44
|
+
"@testing-library/react": "^16.1.0",
|
|
45
|
+
"@types/jsdom": "^21.1.7",
|
|
46
|
+
"@types/react": "^19.0.0",
|
|
47
|
+
"@types/react-dom": "^19.0.0",
|
|
48
|
+
"jsdom": "^25.0.1",
|
|
49
|
+
"react": "^19.0.0",
|
|
50
|
+
"react-dom": "^19.0.0",
|
|
51
|
+
"zod": "^4.0.0",
|
|
52
|
+
"@typecaast/react": "0.1.0"
|
|
53
|
+
},
|
|
54
|
+
"scripts": {
|
|
55
|
+
"build": "tsup",
|
|
56
|
+
"dev": "tsup --watch",
|
|
57
|
+
"typecheck": "tsc --noEmit",
|
|
58
|
+
"lint": "eslint src",
|
|
59
|
+
"test": "vitest run",
|
|
60
|
+
"test:scoping": "playwright test",
|
|
61
|
+
"clean": "rm -rf dist .turbo"
|
|
62
|
+
}
|
|
63
|
+
}
|