@edv4h/usketch-plugin-export 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 EdV4H
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/exporter.d.ts

@@ -0,0 +1,19 @@
+import type { ShapeData, ShapeRegistry } from "@edv4h/usketch-shared";
+export interface ExportOptions {
+    format: "png" | "svg";
+    pixelRatio?: number;
+    background?: string;
+}
+/**
+ * シェイプデータからSVG文字列を構築してエクスポートする。
+ * SVGシェイプ → renderToStaticMarkup、HTMLシェイプ → Satori(PNG) / foreignObject(SVG)
+ */
+export declare function exportCanvas(shapes: Map<string, ShapeData>, shapeRegistry: ShapeRegistry, options: ExportOptions): Promise<Blob>;
+/**
+ * ストアの全シェイプデータをJSON形式でエクスポートする。
+ * Yjsドキュメントの"shapes" Mapと同等のプレーンオブジェクト構造。
+ */
+export declare function exportJson(shapes: Map<string, ShapeData>): Blob;
+/** Blobをファイルとしてダウンロードする */
+export declare function downloadBlob(blob: Blob, filename: string): void;
+//# sourceMappingURL=exporter.d.ts.map

package/dist/exporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exporter.d.ts","sourceRoot":"","sources":["../src/exporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAgCtE,MAAM,WAAW,aAAa;IAC7B,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD;;;GAGG;AACH,wBAAsB,YAAY,CACjC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,aAAa,GACpB,OAAO,CAAC,IAAI,CAAC,CA+Ef;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAI,CAQ/D;AAED,2BAA2B;AAC3B,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAOxD"}

package/dist/exporter.js

@@ -0,0 +1,144 @@
+import { renderToStaticMarkup } from "react-dom/server";
+import satori from "satori";
+/** シェイプ全体のバウンディングボックスを計算 */
+function computeBounds(shapes) {
+    let minX = Number.POSITIVE_INFINITY;
+    let minY = Number.POSITIVE_INFINITY;
+    let maxX = Number.NEGATIVE_INFINITY;
+    let maxY = Number.NEGATIVE_INFINITY;
+    for (const shape of shapes.values()) {
+        minX = Math.min(minX, shape.x);
+        minY = Math.min(minY, shape.y);
+        maxX = Math.max(maxX, shape.x + shape.width);
+        maxY = Math.max(maxY, shape.y + shape.height);
+    }
+    if (!Number.isFinite(minX)) {
+        return { minX: 0, minY: 0, width: 100, height: 100 };
+    }
+    const padding = 20;
+    return {
+        minX: minX - padding,
+        minY: minY - padding,
+        width: maxX - minX + padding * 2,
+        height: maxY - minY + padding * 2,
+    };
+}
+let fontCache = null;
+async function loadFont() {
+    if (fontCache)
+        return fontCache;
+    const res = await fetch("https://cdn.jsdelivr.net/fontsource/fonts/inter@5.1.1/latin-400-normal.ttf");
+    if (!res.ok) {
+        throw new Error(`Failed to load font: ${res.status}`);
+    }
+    fontCache = await res.arrayBuffer();
+    return fontCache;
+}
+/** HTMLシェイプをSatoriでSVG文字列に変換（foreignObject不使用、taint安全） */
+async function htmlShapeToSvg(element, shape) {
+    const fontData = await loadFont();
+    const svg = await satori(element, {
+        width: shape.width,
+        height: shape.height,
+        fonts: [{ name: "Inter", data: fontData, weight: 400, style: "normal" }],
+    });
+    const inner = svg.replace(/<svg[^>]*>/, "").replace(/<\/svg>$/, "");
+    return `<g transform="translate(${shape.x}, ${shape.y})">${inner}</g>`;
+}
+/**
+ * シェイプデータからSVG文字列を構築してエクスポートする。
+ * SVGシェイプ → renderToStaticMarkup、HTMLシェイプ → Satori(PNG) / foreignObject(SVG)
+ */
+export async function exportCanvas(shapes, shapeRegistry, options) {
+    if (shapes.size === 0) {
+        throw new Error("No shapes to export");
+    }
+    const bounds = computeBounds(shapes);
+    const background = options.background ?? "#ffffff";
+    const useSatori = options.format === "png";
+    const shapeElements = [];
+    for (const shape of shapes.values()) {
+        const def = shapeRegistry.get(shape.type);
+        if (!def)
+            continue;
+        const element = def.render(shape);
+        if (def.renderTarget === "html") {
+            if (useSatori) {
+                const svgMarkup = await htmlShapeToSvg(element, shape);
+                shapeElements.push(svgMarkup);
+            }
+            else {
+                const markup = renderToStaticMarkup(element);
+                shapeElements.push(`<foreignObject x="${shape.x}" y="${shape.y}" width="${shape.width}" height="${shape.height}">
+<div xmlns="http://www.w3.org/1999/xhtml">${markup}</div>
+</foreignObject>`);
+            }
+        }
+        else {
+            const markup = renderToStaticMarkup(element);
+            shapeElements.push(markup);
+        }
+    }
+    const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" width="${bounds.width}" height="${bounds.height}" viewBox="${bounds.minX} ${bounds.minY} ${bounds.width} ${bounds.height}">
+<rect x="${bounds.minX}" y="${bounds.minY}" width="${bounds.width}" height="${bounds.height}" fill="${background}" />
+${shapeElements.join("\n")}
+</svg>`;
+    if (options.format === "svg") {
+        return new Blob([svgContent], { type: "image/svg+xml" });
+    }
+    // PNG: SVGをCanvasに描画してBlobに変換
+    const pixelRatio = options.pixelRatio ?? 2;
+    const img = new Image();
+    const svgBlob = new Blob([svgContent], { type: "image/svg+xml" });
+    const url = URL.createObjectURL(svgBlob);
+    return new Promise((resolve, reject) => {
+        img.onload = () => {
+            const canvas = document.createElement("canvas");
+            canvas.width = Math.ceil(bounds.width * pixelRatio);
+            canvas.height = Math.ceil(bounds.height * pixelRatio);
+            const ctx = canvas.getContext("2d");
+            if (!ctx) {
+                URL.revokeObjectURL(url);
+                reject(new Error("Failed to get canvas context"));
+                return;
+            }
+            ctx.scale(pixelRatio, pixelRatio);
+            ctx.drawImage(img, 0, 0, bounds.width, bounds.height);
+            URL.revokeObjectURL(url);
+            canvas.toBlob((blob) => {
+                if (blob)
+                    resolve(blob);
+                else
+                    reject(new Error("Failed to create PNG blob"));
+            }, "image/png", 1);
+        };
+        img.onerror = () => {
+            URL.revokeObjectURL(url);
+            reject(new Error("Failed to load SVG for PNG conversion"));
+        };
+        img.src = url;
+    });
+}
+/**
+ * ストアの全シェイプデータをJSON形式でエクスポートする。
+ * Yjsドキュメントの"shapes" Mapと同等のプレーンオブジェクト構造。
+ */
+export function exportJson(shapes) {
+    const data = {};
+    for (const [id, shape] of shapes) {
+        // ShapeDataをプレーンオブジェクトに変換（循環参照回避）
+        data[id] = JSON.parse(JSON.stringify(shape));
+    }
+    const json = JSON.stringify(data, null, 2);
+    return new Blob([json], { type: "application/json" });
+}
+/** Blobをファイルとしてダウンロードする */
+export function downloadBlob(blob, filename) {
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename;
+    a.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+//# sourceMappingURL=exporter.js.map

package/dist/exporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exporter.js","sourceRoot":"","sources":["../src/exporter.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { downloadBlob, type ExportOptions, exportCanvas, exportJson } from "./exporter.js";
+export { exportPlugin } from "./plugin.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { downloadBlob, exportCanvas, exportJson } from "./exporter.js";
+export { exportPlugin } from "./plugin.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { UsketchPlugin } from "@edv4h/usketch-shared";
+export declare const exportPlugin: UsketchPlugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG1E,eAAO,MAAM,YAAY,EAAE,aAsC1B,CAAC"}

package/dist/plugin.js

@@ -0,0 +1,34 @@
+import { downloadBlob, exportCanvas, exportJson } from "./exporter.js";
+export const exportPlugin = {
+    id: "usketch-plugin-export",
+    name: "エクスポート",
+    setup(ctx) {
+        const unsub1 = ctx.shortcuts.register("ctrl+shift+e", () => {
+            const shapes = new Map(ctx.store.getShapes());
+            exportCanvas(shapes, ctx.shapes, { format: "png" })
+                .then((blob) => downloadBlob(blob, "usketch-export.png"))
+                .catch((e) => console.error("PNG export failed:", e));
+        });
+        const unsub2 = ctx.shortcuts.register("ctrl+shift+alt+e", () => {
+            const shapes = new Map(ctx.store.getShapes());
+            exportCanvas(shapes, ctx.shapes, { format: "svg" })
+                .then((blob) => downloadBlob(blob, "usketch-export.svg"))
+                .catch((e) => console.error("SVG export failed:", e));
+        });
+        const unsub3 = ctx.shortcuts.register("ctrl+shift+j", () => {
+            const shapes = new Map(ctx.store.getShapes());
+            const blob = exportJson(shapes);
+            downloadBlob(blob, "usketch-export.json");
+        });
+        this._cleanup = () => {
+            unsub1();
+            unsub2();
+            unsub3();
+        };
+    },
+    teardown() {
+        const cleanup = this._cleanup;
+        cleanup?.();
+    },
+};
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,CAAC,MAAM,YAAY,GAAkB;IAC1C,EAAE,EAAE,uBAAuB;IAC3B,IAAI,EAAE,QAAQ;IAEd,KAAK,CAAC,GAAkB;QACvB,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9C,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;iBACjD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;iBACxD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;YAC9D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9C,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;iBACjD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;iBACxD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9C,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;YAChC,YAAY,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEF,IAA2C,CAAC,QAAQ,GAAG,GAAG,EAAE;YAC5D,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC;QACV,CAAC,CAAC;IACH,CAAC;IAED,QAAQ;QACP,MAAM,OAAO,GAAI,IAA2C,CAAC,QAEjD,CAAC;QACb,OAAO,EAAE,EAAE,CAAC;IACb,CAAC;CACD,CAAC"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@edv4h/usketch-plugin-export",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "satori": "0.26.0",
+    "@edv4h/usketch-core": "1.0.0",
+    "@edv4h/usketch-shared": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "typescript": "5.9.3",
+    "vitest": "3.2.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdV4H/usketch.git",
+    "directory": "plugins/usketch-plugin-export"
+  },
+  "homepage": "https://github.com/EdV4H/usketch#readme",
+  "bugs": {
+    "url": "https://github.com/EdV4H/usketch/issues"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "clean": "rm -rf dist"
+  }
+}