@3rtools/tyts-mcp 0.1.0

package/editor/fonts/road-ui/road-ui.css

@@ -0,0 +1,113 @@
+/* Road UI — local web fonts (woff2 + woff) */
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-Thin.woff2') format('woff2'), url('RoadUI-Thin.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-ThinOblique.woff2') format('woff2'), url('RoadUI-ThinOblique.woff') format('woff');
+  font-weight: 100;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-ExtraLight.woff2') format('woff2'), url('RoadUI-ExtraLight.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-ExtraLightOblique.woff2') format('woff2'), url('RoadUI-ExtraLightOblique.woff') format('woff');
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-Light.woff2') format('woff2'), url('RoadUI-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-LightOblique.woff2') format('woff2'), url('RoadUI-LightOblique.woff') format('woff');
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-Regular.woff2') format('woff2'), url('RoadUI-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-Oblique.woff2') format('woff2'), url('RoadUI-Oblique.woff') format('woff');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-Medium.woff2') format('woff2'), url('RoadUI-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-MediumOblique.woff2') format('woff2'), url('RoadUI-MediumOblique.woff') format('woff');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-SemiBold.woff2') format('woff2'), url('RoadUI-SemiBold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-SemiBoldOblique.woff2') format('woff2'), url('RoadUI-SemiBoldOblique.woff') format('woff');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-Bold.woff2') format('woff2'), url('RoadUI-Bold.woff') format('woff');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-BoldOblique.woff2') format('woff2'), url('RoadUI-BoldOblique.woff') format('woff');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-ExtraBold.woff2') format('woff2'), url('RoadUI-ExtraBold.woff') format('woff');
+  font-weight: 800;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'Road UI';
+  src: url('RoadUI-ExtraBoldOblique.woff2') format('woff2'), url('RoadUI-ExtraBoldOblique.woff') format('woff');
+  font-weight: 800;
+  font-style: italic;
+  font-display: swap;
+}

package/editor/images/crypto/btc.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
+<path fill="#F39321" d="M43.43,125.143c7.71-10.766,14.875-21.901,23.562-31.986c15.8-18.343,33.692-34.063,54.18-47.075
+	c18.379-11.672,37.761-20.872,58.501-27.305c32.294-10.018,65.26-12.997,98.838-9.165c24.544,2.801,48.191,9.067,70.713,19.215
+	c13.633,6.142,26.456,13.731,39.025,21.927c25.328,16.515,45.618,38.014,62.58,62.577c18.116,26.236,29.889,55.421,36.346,86.725
+	c4.535,21.983,6.449,44.171,4.503,66.504c-2.399,27.536-8.514,54.086-19.938,79.604c-9.662,21.583-21.589,41.401-36.861,59.301
+	c-14.94,17.511-31.788,32.831-51.149,45.461c-13.184,8.6-26.926,16.276-41.434,21.975c-24.274,9.537-49.447,15.986-75.787,17.115
+	c-18.545,0.795-36.985,0.483-55.279-2.763c-15.713-2.788-31.049-6.858-46.063-12.496c-14.566-5.47-28.693-11.95-41.709-20.143
+	c-18.766-11.812-35.683-26.147-50.737-42.663c-16.773-18.403-30.373-38.808-40.779-61.344
+	c-14.7-31.835-21.929-65.401-22.359-100.425c-0.162-13.173,1.349-26.244,3.105-39.283c0.126-0.933-0.002-1.899-0.012-2.851
+	c1.536-0.952,1.4-2.618,1.677-4.071c3.906-20.483,10.494-40.059,19.418-58.906C36.933,138.397,41.296,132.307,43.43,125.143z
+	 M325.157,254.513c6.537-3.474,12.749-5.465,17.658-9.85c18.918-16.899,23.96-56.673-6.747-75.833
+	c-9.566-5.969-19.77-10.393-30.77-14.907c1.819-14.731,7.709-28.516,9.622-43.603c-9.076-2.249-17.578-5.234-26.425-6.193
+	c-3.617,14.177-7.085,27.769-10.674,41.837c-6.78-2.076-13.761-1.879-20.142-5.473c2.302-14.39,7.773-27.872,9.268-42.314
+	c-9.322-1.464-17.216-5.094-26.265-5.485c-3.563,14.209-7.011,27.958-10.586,42.215c-17.944-2.75-34.419-8.921-52.52-12.239
+	c-3.977,8.91-5.738,18.311-7.334,28.313c5.896,1.392,11.022,2.623,16.158,3.811c12.965,2.998,16.517,10.086,13.439,21.424
+	c-2.19,8.065-4.166,16.189-6.182,24.301c-7.245,29.16-14.432,58.333-21.72,87.482c-1.642,6.567-5.734,8.706-12.398,7.731
+	c-6.563-0.96-12.757-3.907-19.99-3.693c-3.136,10.032-9.378,18.871-11.588,29.946c17.236,4.391,33.911,8.639,51.344,13.08
+	c-1.312,15.208-7.614,29.125-9.476,44.441c8.739,2.095,16.965,4.066,25.544,6.123c5.653-14.044,6.957-28.803,12.226-43.33
+	c6.351,3.265,13.397,2.317,19.612,6.427c-3.387,14.003-6.762,27.952-10.178,42.077c8.986,3.216,17.753,4.528,26.758,6.77
+	c3.645-14.604,7.169-28.728,10.578-42.386c2.123-1.091,3.676-0.888,5.143-0.574c14.113,3.021,28.39,3.726,42.676,2.14
+	c12.368-1.373,23.343-6.088,32.148-15.372c9.791-10.323,14.71-22.952,17.078-36.535c1.93-11.065,1.436-22.277-5.06-32.071
+	C341.263,265.099,334.27,259.243,325.157,254.513z M223.128,312.17c17.411,4.325,34.803,8.95,53.02,5.624
+	c9.715-1.774,17.037-6.73,19.985-16.503c2.78-9.218,1.164-17.593-5.673-24.879c-7.11-7.576-16.254-11.514-25.682-14.807
+	c-11.264-3.934-22.683-7.508-34.99-8.48c-4.716,19.168-9.293,37.773-13.972,56.788C218.797,310.842,220.933,311.625,223.128,312.17z
+	 M284.628,231.846c9.628-1.368,17.612-7.738,19.958-16.393c2.869-10.583-0.337-19.865-8.902-26.178
+	c-9.718-7.163-20.908-10.807-32.47-13.337c-4.307-0.943-8.544-3.454-13.756-1.759c-4.143,16.837-8.303,33.747-12.599,51.209
+	C253.316,229.543,268.47,234.141,284.628,231.846z"/>
+</svg>

package/editor/images/crypto/eth.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
+<polygon fill="#2F3030" points="249.982,6.554 397.98,251.112 250.53,188.092 "/>
+<polygon fill="#828384" points="102.39,251.112 249.982,6.554 250.53,188.092 "/>
+<polygon fill="#343535" points="249.982,341.285 102.39,251.112 250.53,188.092 "/>
+<polygon fill="#131313" points="397.98,251.112 250.53,188.092 249.982,341.285 "/>
+<polygon fill="#2F3030" points="249.982,372.329 397.98,284.597 249.982,493.13 "/>
+<polygon fill="#828384" points="249.982,372.329 102.39,284.597 249.982,493.13 "/>
+</svg>

package/editor/images/crypto/trx.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="trx" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EB0029;}
+</style>
+<path class="st0" d="M389.2,70.2L13.2,1l197.9,498l275.8-336L389.2,70.2z M383.2,100.7l57.5,54.7l-157.3,28.5L383.2,100.7z
+	 M249.2,178.2L83.4,40.6l271.1,49.9L249.2,178.2z M237.4,202.5l-27,223.6L64.5,59.1L237.4,202.5z M262.4,214.4l174.2-31.6
+	L236.8,426.3L262.4,214.4z"/>
+</svg>

package/editor/images/crypto/usdt.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+<path fill="#50AF95" fill-rule="evenodd" d="M281.6,245.8L281.6,245.8c-1.8,0.1-10.9,0.7-31.3,0.7c-16.2,0-27.7-0.5-31.7-0.7l0,0
+	c-62.6-2.8-109.4-13.7-109.4-26.7c0-13.1,46.7-23.9,109.4-26.7V235c4.1,0.3,15.8,1,32,1c19.4,0,29.2-0.8,30.9-1v-42.6
+	c62.5,2.8,109.1,13.7,109.1,26.7S344.1,243,281.6,245.8L281.6,245.8L281.6,245.8z M281.6,188v-38.1h87.2V91.8H131.4v58.1h87.2V188
+	c-70.9,3.3-124.2,17.3-124.2,34.1s53.3,30.8,124.2,34.1v122.1h63V256.2c70.7-3.3,123.9-17.3,123.9-34.1S352.4,191.3,281.6,188
+	L281.6,188L281.6,188z M281.6,188L281.6,188z"/>
+</svg>

package/editor/index.html

@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="uk">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Tyts Editor (Embed)</title>
+    <link rel="stylesheet" href="./fonts/road-ui/road-ui.css" />
+    <style>
+      html, body, #root {
+        margin: 0;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        background: #0a0a10;
+      }
+    </style>
+    <script type="module" crossorigin src="./assets/index-Bnr_82GS.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DkXpHR6W.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/editor/tyts-embed.js

@@ -0,0 +1,242 @@
+/* @3rtools/tyts-embed 0.1.0 — Host SDK для вбудовування редактора ТИЦЬ (Tyts) в iframe через postMessage */
+(function () {
+'use strict';
+/**
+ * Tyts embed host SDK — load the editor in an iframe and control it via postMessage.
+ *
+ * Every request resolves when the editor answers (`tyts:initialized`, `tyts:done`,
+ * `tyts:document`, `tyts:exportResult`) or rejects with `{ code, message }`.
+ * Security (allowed origins, token) is configured when the editor bundle is built,
+ * not by the host page.
+ *
+ * This file is the single source: `build.mjs` emits it as ESM (`tyts-embed.mjs`)
+ * and as a classic script that sets `window.TytsEmbed` (`tyts-embed.js`).
+ *
+ * @example
+ * const editor = TytsEmbed.create({ container: '#host', src: '/tyts/embed/', onChange(doc, meta) { ... } });
+ * await editor.init({ token: 'secret' });
+ * await editor.loadImage(await TytsEmbed.fileToDataUrl(file));
+ * const png = await editor.export('png');
+ * await editor.markSaved();
+ */
+
+var PROTOCOL = 1;
+var VERSION = '0.1.0';
+var DEFAULT_TIMEOUT_MS = 60000;
+
+function createRequestId() {
+  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID();
+  return 'req-' + Date.now() + '-' + Math.random().toString(16).slice(2);
+}
+
+function resolveOrigin(src) {
+  try {
+    return new URL(src, window.location.href).origin;
+  } catch {
+    return window.location.origin;
+  }
+}
+
+function TytsEmbedInstance(options) {
+  this._options = options;
+  this._iframe = null;
+  this._targetOrigin = '*';
+  this._ready = false;
+  this._initialized = false;
+  this._queuedUntilReady = [];
+  this._requests = new Map();
+  this._onChange = options.onChange || null;
+  this._onReady = options.onReady || null;
+  this._onError = options.onError || null;
+  this._messageHandler = this._handleMessage.bind(this);
+}
+
+TytsEmbedInstance.prototype._handleMessage = function (event) {
+  if (!this._iframe || event.source !== this._iframe.contentWindow) return;
+  if (this._targetOrigin !== '*' && event.origin !== this._targetOrigin) return;
+
+  var data = event.data;
+  if (!data || typeof data.type !== 'string' || data.type.indexOf('tyts:') !== 0) return;
+
+  if (data.type === 'tyts:ready') {
+    if (this._ready) return;
+    this._ready = true;
+    var queued = this._queuedUntilReady;
+    this._queuedUntilReady = [];
+    for (var i = 0; i < queued.length; i++) this._post(queued[i]);
+    if (this._onReady) this._onReady();
+    return;
+  }
+
+  if (data.type === 'tyts:change') {
+    if (this._onChange) this._onChange(data.document, { dirty: !!data.dirty });
+    return;
+  }
+
+  var pending = data.requestId ? this._requests.get(data.requestId) : null;
+
+  if (data.type === 'tyts:error') {
+    var error = { code: data.error.code, message: data.error.message };
+    if (pending) {
+      this._requests.delete(data.requestId);
+      pending.reject(error);
+    } else if (this._onError) {
+      this._onError(error);
+    }
+    return;
+  }
+
+  if (!pending) return;
+  this._requests.delete(data.requestId);
+
+  if (data.type === 'tyts:initialized') {
+    this._initialized = true;
+    pending.resolve();
+  } else if (data.type === 'tyts:done') {
+    pending.resolve();
+  } else if (data.type === 'tyts:document') {
+    pending.resolve(data.document);
+  } else if (data.type === 'tyts:exportResult') {
+    pending.resolve({ format: data.format, mime: data.mime, dataUrl: data.dataUrl });
+  }
+};
+
+TytsEmbedInstance.prototype._post = function (message) {
+  if (!this._iframe || !this._iframe.contentWindow) return;
+  this._iframe.contentWindow.postMessage(message, this._targetOrigin);
+};
+
+/** Send a message with a fresh requestId and resolve on the matching reply. */
+TytsEmbedInstance.prototype._request = function (message, timeoutMs) {
+  var self = this;
+  var requestId = createRequestId();
+  var payload = Object.assign({}, message, { requestId: requestId });
+  return new Promise(function (resolve, reject) {
+    var timer = setTimeout(function () {
+      self._requests.delete(requestId);
+      reject({ code: 'timeout', message: 'Request timed out: ' + message.type });
+    }, timeoutMs || DEFAULT_TIMEOUT_MS);
+    self._requests.set(requestId, {
+      resolve: function (value) {
+        clearTimeout(timer);
+        resolve(value);
+      },
+      reject: function (err) {
+        clearTimeout(timer);
+        reject(err);
+      },
+    });
+    if (self._ready) self._post(payload);
+    else self._queuedUntilReady.push(payload);
+  });
+};
+
+TytsEmbedInstance.prototype.mount = function () {
+  var container = this._options.container;
+  var el = typeof container === 'string' ? window.document.querySelector(container) : container;
+  if (!el) throw new Error('TytsEmbed: container not found');
+
+  var src = this._options.src || './';
+  this._targetOrigin = this._options.origin || resolveOrigin(src);
+
+  var iframe = window.document.createElement('iframe');
+  iframe.src = src;
+  iframe.title = this._options.title || 'Tyts Editor';
+  iframe.style.border = '0';
+  iframe.style.width = '100%';
+  iframe.style.height = '100%';
+  iframe.style.display = 'block';
+  iframe.setAttribute('allow', 'clipboard-read; clipboard-write');
+  el.innerHTML = '';
+  el.appendChild(iframe);
+  this._iframe = iframe;
+
+  window.addEventListener('message', this._messageHandler);
+  return this;
+};
+
+/**
+ * Open the session. Resolves once the editor confirms (`tyts:initialized`);
+ * the optional `document` is loaded before that.
+ * @param {{ token?: string, document?: object, timeoutMs?: number }} [config]
+ */
+TytsEmbedInstance.prototype.init = function (config) {
+  config = config || {};
+  return this._request({
+    type: 'tyts:init',
+    protocol: PROTOCOL,
+    token: config.token,
+    document: config.document,
+  }, config.timeoutMs);
+};
+
+TytsEmbedInstance.prototype.loadDocument = function (document) {
+  return this._request({ type: 'tyts:loadDocument', document: document });
+};
+
+TytsEmbedInstance.prototype.loadImage = function (dataUrl) {
+  return this._request({ type: 'tyts:loadImage', dataUrl: dataUrl });
+};
+
+TytsEmbedInstance.prototype.getDocument = function () {
+  return this._request({ type: 'tyts:getDocument' }, 30000);
+};
+
+TytsEmbedInstance.prototype.export = function (format, scale) {
+  return this._request({
+    type: 'tyts:export',
+    format: format || 'png',
+    scale: scale == null ? 1 : scale,
+  }, 120000);
+};
+
+/** Tell the editor the current state is persisted: the next `onChange` reports `dirty: false`. */
+TytsEmbedInstance.prototype.markSaved = function () {
+  return this._request({ type: 'tyts:markSaved' });
+};
+
+TytsEmbedInstance.prototype.reset = function () {
+  return this._request({ type: 'tyts:reset' });
+};
+
+TytsEmbedInstance.prototype.destroy = function () {
+  window.removeEventListener('message', this._messageHandler);
+  this._requests.forEach(function (pending) {
+    pending.reject({ code: 'destroyed', message: 'Embed instance destroyed' });
+  });
+  this._requests.clear();
+  this._queuedUntilReady = [];
+  if (this._iframe && this._iframe.parentNode) {
+    this._iframe.parentNode.removeChild(this._iframe);
+  }
+  this._iframe = null;
+  this._ready = false;
+  this._initialized = false;
+};
+
+function create(options) {
+  var instance = new TytsEmbedInstance(options || {});
+  return instance.mount();
+}
+
+function fileToDataUrl(file) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    reader.onload = function () {
+      resolve(typeof reader.result === 'string' ? reader.result : '');
+    };
+    reader.onerror = function () { reject(new Error('Failed to read file')); };
+    reader.readAsDataURL(file);
+  });
+}
+
+var TytsEmbed = {
+  create: create,
+  fileToDataUrl: fileToDataUrl,
+  PROTOCOL: PROTOCOL,
+  VERSION: VERSION,
+};
+
+
+window.TytsEmbed = TytsEmbed;
+})();

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@3rtools/tyts-mcp",
+  "version": "0.1.0",
+  "description": "MCP-сервер редактора ТИЦЬ (Tyts): агент дає картинку й анотації, отримує готовий PNG/JPEG/PDF",
+  "keywords": ["tyts", "mcp", "model-context-protocol", "annotation", "collage", "agent"],
+  "homepage": "https://github.com/alexkolodko/tyts#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/alexkolodko/tyts.git",
+    "directory": "packages/mcp"
+  },
+  "type": "module",
+  "bin": {
+    "tyts-mcp": "./dist/cli.js"
+  },
+  "main": "./dist/server.js",
+  "types": "./dist/server.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": ["dist", "static", "editor", "README.md"],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "sync-editor": "node scripts/sync-editor.mjs",
+    "prepack": "npm run build && npm run sync-editor",
+    "start": "node dist/cli.js"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.30.0",
+    "puppeteer-core": "^25.10.0",
+    "zod": "^4.5.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/static/harness.html

@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="uk">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Tyts MCP harness</title>
+    <style>
+      html, body { margin: 0; background: #0a0a10; }
+      /* Розмір контейнера впливає лише на UI редактора; рендер експорту йде від imageSize. */
+      #host { width: 1200px; height: 800px; }
+    </style>
+  </head>
+  <body>
+    <div id="host"></div>
+    <script src="./tyts-embed.js"></script>
+    <script>
+      // Міст для MCP-сервера: усі виклики повертають { ok, value } або { ok:false, error },
+      // бо puppeteer не переносить обʼєкти з rejected-промісів.
+      const editor = TytsEmbed.create({ container: '#host', src: './index.html', origin: location.origin });
+      const wrap = (fn) => async (...args) => {
+        try { return { ok: true, value: await fn(...args) }; }
+        catch (e) { return { ok: false, error: e && e.code ? { code: e.code, message: e.message } : { code: 'harness_error', message: String(e && e.message || e) } }; }
+      };
+      const decode = (dataUrl) => new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => resolve({ width: img.naturalWidth, height: img.naturalHeight });
+        img.onerror = () => reject(new Error('Image decode failed'));
+        img.src = dataUrl;
+      });
+      window.__tyts = {
+        ready: wrap(() => editor.init())(),
+        loadImage: wrap((dataUrl) => editor.loadImage(dataUrl)),
+        loadDocument: wrap((doc) => editor.loadDocument(doc)),
+        getDocument: wrap(() => editor.getDocument()),
+        export: wrap(async (format, scale) => {
+          const result = await editor.export(format, scale);
+          const size = format === 'pdf' ? null : await decode(result.dataUrl);
+          return { dataUrl: result.dataUrl, mime: result.mime, width: size && size.width, height: size && size.height };
+        }),
+        reset: wrap(() => editor.reset()),
+        imageInfo: wrap(decode),
+        protocol: TytsEmbed.PROTOCOL,
+      };
+    </script>
+  </body>
+</html>