sketchmark 2.1.0 → 2.1.2

package/examples/storyboard.visual.json

@@ -1,312 +0,0 @@
-{
-  "version": 1,
-  "canvas": {
-    "width": 1100,
-    "height": 720,
-    "background": "#f1f5f9"
-  },
-  "elements": [
-    {
-      "id": "page-title",
-      "type": "text",
-      "x": 48,
-      "y": 40,
-      "text": "Product Launch Storyboard",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 28,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 700,
-      "fill": "#0f172a"
-    },
-    {
-      "id": "page-subtitle",
-      "type": "text",
-      "x": 48,
-      "y": 78,
-      "text": "Four key moments in the announcement video sequence.",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 14,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 400,
-      "fill": "#64748b"
-    },
-    {
-      "id": "panel-1-bg",
-      "type": "path",
-      "d": "M 58 122 L 528 122 Q 538 122 538 132 L 538 372 Q 538 382 528 382 L 58 382 Q 48 382 48 372 L 48 132 Q 48 122 58 122 Z",
-      "fill": "#ffffff",
-      "stroke": "#e2e8f0",
-      "strokeWidth": 1
-    },
-    {
-      "id": "panel-1-number",
-      "type": "text",
-      "x": 68,
-      "y": 142,
-      "text": "01",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 32,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 700,
-      "fill": "#cbd5e1"
-    },
-    {
-      "id": "panel-1-tag-bg",
-      "type": "path",
-      "d": "M 462 142 L 505 142 Q 518 142 518 155 L 518 155 Q 518 168 505 168 L 462 168 Q 449 168 449 155 L 449 155 Q 449 142 462 142 Z",
-      "fill": "#0f172a",
-      "stroke": "none"
-    },
-    {
-      "id": "panel-1-tag-text",
-      "type": "text",
-      "x": 483.5,
-      "y": 155,
-      "text": "Intro",
-      "align": "center",
-      "valign": "middle",
-      "fontSize": 11,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#ffffff"
-    },
-    {
-      "id": "panel-1-title",
-      "type": "text",
-      "x": 68,
-      "y": 194,
-      "text": "Brand Logo Reveal",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 18,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#1e293b"
-    },
-    {
-      "id": "panel-1-caption",
-      "type": "text",
-      "x": 68,
-      "y": 226,
-      "text": "Open on a dark screen. The logo fades in from\nthe center with a subtle glow effect. Hold for\ntwo seconds to establish brand presence.",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 13,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 400,
-      "lineHeight": 1.6,
-      "fill": "#475569",
-      "maxWidth": 450
-    },
-    {
-      "id": "panel-2-bg",
-      "type": "path",
-      "d": "M 572 122 L 1042 122 Q 1052 122 1052 132 L 1052 372 Q 1052 382 1042 382 L 572 382 Q 562 382 562 372 L 562 132 Q 562 122 572 122 Z",
-      "fill": "#ffffff",
-      "stroke": "#e2e8f0",
-      "strokeWidth": 1
-    },
-    {
-      "id": "panel-2-number",
-      "type": "text",
-      "x": 582,
-      "y": 142,
-      "text": "02",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 32,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 700,
-      "fill": "#cbd5e1"
-    },
-    {
-      "id": "panel-2-tag-bg",
-      "type": "path",
-      "d": "M 967 142 L 1019 142 Q 1032 142 1032 155 L 1032 155 Q 1032 168 1019 168 L 967 168 Q 954 168 954 155 L 954 155 Q 954 142 967 142 Z",
-      "fill": "#0f172a",
-      "stroke": "none"
-    },
-    {
-      "id": "panel-2-tag-text",
-      "type": "text",
-      "x": 993,
-      "y": 155,
-      "text": "Action",
-      "align": "center",
-      "valign": "middle",
-      "fontSize": 11,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#ffffff"
-    },
-    {
-      "id": "panel-2-title",
-      "type": "text",
-      "x": 582,
-      "y": 194,
-      "text": "Feature Demonstration",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 18,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#1e293b"
-    },
-    {
-      "id": "panel-2-caption",
-      "type": "text",
-      "x": 582,
-      "y": 226,
-      "text": "Quick cuts showing the product in use. Focus\non three key interactions: search, create, and\nshare. Each clip lasts 1.5 seconds.",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 13,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 400,
-      "lineHeight": 1.6,
-      "fill": "#475569",
-      "maxWidth": 450
-    },
-    {
-      "id": "panel-3-bg",
-      "type": "path",
-      "d": "M 58 406 L 528 406 Q 538 406 538 416 L 538 656 Q 538 666 528 666 L 58 666 Q 48 666 48 656 L 48 416 Q 48 406 58 406 Z",
-      "fill": "#ffffff",
-      "stroke": "#e2e8f0",
-      "strokeWidth": 1
-    },
-    {
-      "id": "panel-3-number",
-      "type": "text",
-      "x": 68,
-      "y": 426,
-      "text": "03",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 32,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 700,
-      "fill": "#cbd5e1"
-    },
-    {
-      "id": "panel-3-tag-bg",
-      "type": "path",
-      "d": "M 462 426 L 505 426 Q 518 426 518 439 L 518 439 Q 518 452 505 452 L 462 452 Q 449 452 449 439 L 449 439 Q 449 426 462 426 Z",
-      "fill": "#0f172a",
-      "stroke": "none"
-    },
-    {
-      "id": "panel-3-tag-text",
-      "type": "text",
-      "x": 483.5,
-      "y": 439,
-      "text": "Pause",
-      "align": "center",
-      "valign": "middle",
-      "fontSize": 11,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#ffffff"
-    },
-    {
-      "id": "panel-3-title",
-      "type": "text",
-      "x": 68,
-      "y": 478,
-      "text": "Customer Testimonial",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 18,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#1e293b"
-    },
-    {
-      "id": "panel-3-caption",
-      "type": "text",
-      "x": 68,
-      "y": 510,
-      "text": "A single customer speaks directly to camera.\nKeep framing tight on their face. Let the quote\nbreathe with natural pauses for emphasis.",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 13,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 400,
-      "lineHeight": 1.6,
-      "fill": "#475569",
-      "maxWidth": 450
-    },
-    {
-      "id": "panel-4-bg",
-      "type": "path",
-      "d": "M 572 406 L 1042 406 Q 1052 406 1052 416 L 1052 656 Q 1052 666 1042 666 L 572 666 Q 562 666 562 656 L 562 416 Q 562 406 572 406 Z",
-      "fill": "#ffffff",
-      "stroke": "#e2e8f0",
-      "strokeWidth": 1
-    },
-    {
-      "id": "panel-4-number",
-      "type": "text",
-      "x": 582,
-      "y": 426,
-      "text": "04",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 32,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 700,
-      "fill": "#cbd5e1"
-    },
-    {
-      "id": "panel-4-tag-bg",
-      "type": "path",
-      "d": "M 994 426 L 1019 426 Q 1032 426 1032 439 L 1032 439 Q 1032 452 1019 452 L 994 452 Q 981 452 981 439 L 981 439 Q 981 426 994 426 Z",
-      "fill": "#0f172a",
-      "stroke": "none"
-    },
-    {
-      "id": "panel-4-tag-text",
-      "type": "text",
-      "x": 1006.5,
-      "y": 439,
-      "text": "End",
-      "align": "center",
-      "valign": "middle",
-      "fontSize": 11,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#ffffff"
-    },
-    {
-      "id": "panel-4-title",
-      "type": "text",
-      "x": 582,
-      "y": 478,
-      "text": "Call to Action",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 18,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 600,
-      "fill": "#1e293b"
-    },
-    {
-      "id": "panel-4-caption",
-      "type": "text",
-      "x": 582,
-      "y": 510,
-      "text": "Product name and tagline animate in from\nthe left. URL and QR code appear below.\nEnd with logo lockup in the corner.",
-      "align": "left",
-      "valign": "top",
-      "fontSize": 13,
-      "fontFamily": "Inter, system-ui, sans-serif",
-      "weight": 400,
-      "lineHeight": 1.6,
-      "fill": "#475569",
-      "maxWidth": 450
-    }
-  ]
-}

package/examples/transcript.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="900" height="1140" viewBox="0 0 900 1140" role="img"><rect x="0" y="0" width="900" height="1140" fill="#ffffff"/><text id="title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="30" font-weight="700" fill="#0f172a"><tspan x="56" y="59">Meeting Transcript</tspan></text><text id="subtitle" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#64748b"><tspan x="56" y="92.5">Product Sync — May 27, 2026 · 10:00 AM · 4 participants</tspan></text><path id="divider-top" d="M 56 118 L 844 118" fill="none" stroke="#e2e8f0" stroke-width="1"/><text id="msg-0-speaker" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="600" fill="#1e293b"><tspan x="56" y="156.5">Sarah Chen</tspan></text><text id="msg-0-time" text-anchor="end" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#94a3b8"><tspan x="844" y="156">10:01</tspan></text><path id="msg-0-bg" d="M 64 174 L 836 174 Q 844 174 844 182 L 844 257 Q 844 265 836 265 L 64 265 Q 56 265 56 257 L 56 182 Q 56 174 64 174 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/><text id="msg-0-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#334155"><tspan x="70" y="194.5">Alright, let's get started. The main topic today is the timeline</tspan><tspan x="70" y="215.3">for the v2.4 release. We need to finalize which features ship</tspan><tspan x="70" y="236.1">and which get pushed to the next cycle.</tspan></text><text id="msg-1-speaker" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="600" fill="#1e293b"><tspan x="56" y="291.5">Marcus Taylor</tspan></text><text id="msg-1-time" text-anchor="end" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#94a3b8"><tspan x="844" y="291">10:02</tspan></text><path id="msg-1-bg" d="M 64 309 L 836 309 Q 844 309 844 317 L 844 392 Q 844 400 836 400 L 64 400 Q 56 400 56 392 L 56 317 Q 56 309 64 309 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/><text id="msg-1-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#334155"><tspan x="70" y="329.5">From the backend side, the API gateway migration is on track.</tspan><tspan x="70" y="350.3">We finished the schema federation layer last week and rate</tspan><tspan x="70" y="371.1">limiting is in review right now.</tspan></text><text id="msg-2-speaker" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="600" fill="#1e293b"><tspan x="56" y="426.5">Priya Nair</tspan></text><text id="msg-2-time" text-anchor="end" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#94a3b8"><tspan x="844" y="426">10:03</tspan></text><path id="msg-2-bg" d="M 64 444 L 836 444 Q 844 444 844 452 L 844 527 Q 844 535 836 535 L 64 535 Q 56 535 56 527 L 56 452 Q 56 444 64 444 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/><text id="msg-2-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#334155"><tspan x="70" y="464.5">Design system updates are about 80% done. The new tokens</tspan><tspan x="70" y="485.3">are merged but we still need to audit accessibility on the</tspan><tspan x="70" y="506.1">refactored form components before release.</tspan></text><text id="msg-3-speaker" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="600" fill="#1e293b"><tspan x="56" y="561.5">Sarah Chen</tspan></text><text id="msg-3-time" text-anchor="end" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#94a3b8"><tspan x="844" y="561">10:04</tspan></text><path id="msg-3-bg" d="M 64 579 L 836 579 Q 844 579 844 587 L 844 662 Q 844 670 836 670 L 64 670 Q 56 670 56 662 L 56 587 Q 56 579 64 579 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/><text id="msg-3-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#334155"><tspan x="70" y="599.5">Good. Let's set a hard cutoff for Friday on the a11y audit.</tspan><tspan x="70" y="620.3">If it's not passing by then we defer the form components</tspan><tspan x="70" y="641.1">and ship everything else on schedule.</tspan></text><text id="msg-4-speaker" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="600" fill="#1e293b"><tspan x="56" y="696.5">James Olsen</tspan></text><text id="msg-4-time" text-anchor="end" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#94a3b8"><tspan x="844" y="696">10:05</tspan></text><path id="msg-4-bg" d="M 64 714 L 836 714 Q 844 714 844 722 L 844 797 Q 844 805 836 805 L 64 805 Q 56 805 56 797 L 56 722 Q 56 714 64 714 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/><text id="msg-4-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#334155"><tspan x="70" y="734.5">I can help with the audit. I've been running automated scans</tspan><tspan x="70" y="755.3">on the onboarding flow already so I know the tooling well.</tspan><tspan x="70" y="776.1">Should have results by Thursday.</tspan></text><text id="msg-5-speaker" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="600" fill="#1e293b"><tspan x="56" y="831.5">Priya Nair</tspan></text><text id="msg-5-time" text-anchor="end" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#94a3b8"><tspan x="844" y="831">10:06</tspan></text><path id="msg-5-bg" d="M 64 849 L 836 849 Q 844 849 844 857 L 844 911 Q 844 919 836 919 L 64 919 Q 56 919 56 911 L 56 857 Q 56 849 64 849 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/><text id="msg-5-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#334155"><tspan x="70" y="869.5">That would be great. I'll share the component list and the</tspan><tspan x="70" y="890.3">test matrix with you after this call so we don't duplicate work.</tspan></text><text id="msg-6-speaker" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="600" fill="#1e293b"><tspan x="56" y="945.5">Sarah Chen</tspan></text><text id="msg-6-time" text-anchor="end" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#94a3b8"><tspan x="844" y="945">10:07</tspan></text><path id="msg-6-bg" d="M 64 963 L 836 963 Q 844 963 844 971 L 844 1046 Q 844 1054 836 1054 L 64 1054 Q 56 1054 56 1046 L 56 971 Q 56 963 64 963 Z" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1"/><text id="msg-6-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#334155"><tspan x="70" y="983.5">Perfect. Let's reconvene Thursday afternoon to review the</tspan><tspan x="70" y="1004.3">audit results and make the final call. I'll send a calendar</tspan><tspan x="70" y="1025.1">invite. Anything else before we wrap?</tspan></text><path id="btn-export-bg" d="M 388 1086 L 512 1086 Q 520 1086 520 1094 L 520 1120 Q 520 1128 512 1128 L 388 1128 Q 380 1128 380 1120 L 380 1094 Q 380 1086 388 1086 Z" fill="#1e293b" stroke="none" stroke-width="0"/><text id="btn-export-label" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="600" fill="#ffffff"><tspan x="450" y="1107">Export Transcript</tspan></text></svg>