@edv4h/usketch-plugin-export 2.1.9 → 2.2.0
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/dist/exporter.d.ts +5 -0
- package/dist/exporter.d.ts.map +1 -1
- package/dist/exporter.js +6 -4
- package/dist/exporter.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/region.d.ts +29 -0
- package/dist/region.d.ts.map +1 -0
- package/dist/region.js +79 -0
- package/dist/region.js.map +1 -0
- package/package.json +3 -3
package/dist/exporter.d.ts
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import type { ShapeData, ShapeRegistry } from "@edv4h/usketch-shared";
|
|
2
|
+
import type { ReactNode } from "react";
|
|
3
|
+
import { type SatoriOptions } from "satori";
|
|
2
4
|
export interface ExportOptions {
|
|
3
5
|
format: "png" | "svg";
|
|
4
6
|
pixelRatio?: number;
|
|
5
7
|
background?: string;
|
|
6
8
|
}
|
|
9
|
+
/** HTMLシェイプをSatoriでSVG文字列に変換（foreignObject不使用、taint安全） */
|
|
10
|
+
export declare function htmlShapeToSvg(element: ReactNode, shape: ShapeData, fonts?: SatoriFont[]): Promise<string>;
|
|
11
|
+
export type SatoriFont = SatoriOptions["fonts"][number];
|
|
7
12
|
/**
|
|
8
13
|
* シェイプデータからSVG文字列を構築してエクスポートする。
|
|
9
14
|
* SVGシェイプ → renderToStaticMarkup、HTMLシェイプ → Satori(PNG) / foreignObject(SVG)
|
package/dist/exporter.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AACtE,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAe,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AA6BpD,MAAM,WAAW,aAAa;IAC7B,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,0DAA0D;AAC1D,wBAAsB,cAAc,CACnC,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,SAAS,EAChB,KAAK,CAAC,EAAE,UAAU,EAAE,GAClB,OAAO,CAAC,MAAM,CAAC,CAWjB;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD;;;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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { renderToStaticMarkup } from "react-dom/server";
|
|
2
|
-
import satori from "satori";
|
|
2
|
+
import satori, {} from "satori";
|
|
3
3
|
/** シェイプ全体のバウンディングボックスを計算 */
|
|
4
4
|
function computeBounds(shapes) {
|
|
5
5
|
let minX = Number.POSITIVE_INFINITY;
|
|
@@ -35,12 +35,14 @@ async function loadFont() {
|
|
|
35
35
|
return fontCache;
|
|
36
36
|
}
|
|
37
37
|
/** HTMLシェイプをSatoriでSVG文字列に変換（foreignObject不使用、taint安全） */
|
|
38
|
-
async function htmlShapeToSvg(element, shape) {
|
|
39
|
-
const
|
|
38
|
+
export async function htmlShapeToSvg(element, shape, fonts) {
|
|
39
|
+
const resolvedFonts = fonts ?? [
|
|
40
|
+
{ name: "Inter", data: await loadFont(), weight: 400, style: "normal" },
|
|
41
|
+
];
|
|
40
42
|
const svg = await satori(element, {
|
|
41
43
|
width: shape.width,
|
|
42
44
|
height: shape.height,
|
|
43
|
-
fonts:
|
|
45
|
+
fonts: resolvedFonts,
|
|
44
46
|
});
|
|
45
47
|
const inner = svg.replace(/<svg[^>]*>/, "").replace(/<\/svg>$/, "");
|
|
46
48
|
return `<g transform="translate(${shape.x}, ${shape.y})">${inner}</g>`;
|
package/dist/exporter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"exporter.js","sourceRoot":"","sources":["../src/exporter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,MAAM,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"exporter.js","sourceRoot":"","sources":["../src/exporter.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export { downloadBlob, type ExportOptions, exportCanvas, exportJson } from "./exporter.js";
|
|
1
|
+
export { downloadBlob, type ExportOptions, exportCanvas, exportJson, type SatoriFont, } from "./exporter.js";
|
|
2
2
|
export { createExportPlugin } from "./plugin.js";
|
|
3
|
+
export { buildRegionSvg, type ExportRegionOptions, exportRegion, type RegionRect, } from "./region.js";
|
|
3
4
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,KAAK,aAAa,EAClB,YAAY,EACZ,UAAU,EACV,KAAK,UAAU,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACN,cAAc,EACd,KAAK,mBAAmB,EACxB,YAAY,EACZ,KAAK,UAAU,GACf,MAAM,aAAa,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export { downloadBlob, exportCanvas, exportJson } from "./exporter.js";
|
|
1
|
+
export { downloadBlob, exportCanvas, exportJson, } from "./exporter.js";
|
|
2
2
|
export { createExportPlugin } from "./plugin.js";
|
|
3
|
+
export { buildRegionSvg, exportRegion, } from "./region.js";
|
|
3
4
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EAEZ,YAAY,EACZ,UAAU,GAEV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACN,cAAc,EAEd,YAAY,GAEZ,MAAM,aAAa,CAAC"}
|
package/dist/region.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type ShapeData, type ShapeRegistry } from "@edv4h/usketch-shared";
|
|
2
|
+
import { type SatoriFont } from "./exporter.js";
|
|
3
|
+
export interface RegionRect {
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
}
|
|
9
|
+
export interface ExportRegionOptions {
|
|
10
|
+
/** ボード座標の矩形 */
|
|
11
|
+
rect: RegionRect;
|
|
12
|
+
pixelRatio?: number;
|
|
13
|
+
/** 省略時は透明 */
|
|
14
|
+
background?: string;
|
|
15
|
+
/** false を返したシェイプは描画しない */
|
|
16
|
+
filter?: (shape: ShapeData) => boolean;
|
|
17
|
+
/** HTML シェイプ描画用フォント（日本語フォントなどをホストが渡す）。省略時は Inter(latin) */
|
|
18
|
+
fonts?: SatoriFont[];
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* ボード座標の矩形を、画面と同じ z-order・回転で SVG 文字列にする（矩形外はクリップ）。
|
|
22
|
+
* HTML シェイプは Satori で SVG 化する（foreignObject 不使用、taint 安全）。
|
|
23
|
+
*/
|
|
24
|
+
export declare function buildRegionSvg(shapes: Map<string, ShapeData>, shapeRegistry: ShapeRegistry, options: ExportRegionOptions): Promise<string>;
|
|
25
|
+
/**
|
|
26
|
+
* ボード座標の矩形を PNG にする。canvas が taint された場合は空白にせずエラーにする。
|
|
27
|
+
*/
|
|
28
|
+
export declare function exportRegion(shapes: Map<string, ShapeData>, shapeRegistry: ShapeRegistry, options: ExportRegionOptions): Promise<Blob>;
|
|
29
|
+
//# sourceMappingURL=region.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"region.d.ts","sourceRoot":"","sources":["../src/region.ts"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,UAAU;IAC1B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IACnC,eAAe;IACf,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;IACvC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAsB,cAAc,CACnC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,mBAAmB,GAC1B,OAAO,CAAC,MAAM,CAAC,CAuCjB;AAED;;GAEG;AACH,wBAAsB,YAAY,CACjC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,mBAAmB,GAC1B,OAAO,CAAC,IAAI,CAAC,CA4Cf"}
|
package/dist/region.js
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { compareZIndex, getShapeAABB, rectsIntersect, } from "@edv4h/usketch-shared";
|
|
2
|
+
import { renderToStaticMarkup } from "react-dom/server";
|
|
3
|
+
import { htmlShapeToSvg } from "./exporter.js";
|
|
4
|
+
/**
|
|
5
|
+
* ボード座標の矩形を、画面と同じ z-order・回転で SVG 文字列にする（矩形外はクリップ）。
|
|
6
|
+
* HTML シェイプは Satori で SVG 化する（foreignObject 不使用、taint 安全）。
|
|
7
|
+
*/
|
|
8
|
+
export async function buildRegionSvg(shapes, shapeRegistry, options) {
|
|
9
|
+
const { rect, background, filter, fonts } = options;
|
|
10
|
+
if (!(rect.width > 0) || !(rect.height > 0)) {
|
|
11
|
+
throw new Error("exportRegion: rect must have positive width and height");
|
|
12
|
+
}
|
|
13
|
+
const targets = [...shapes.values()]
|
|
14
|
+
.filter((s) => !s.hidden && rectsIntersect(getShapeAABB(s), rect) && (filter ? filter(s) : true))
|
|
15
|
+
.sort((a, b) => compareZIndex(a.zIndex, b.zIndex));
|
|
16
|
+
const elements = [];
|
|
17
|
+
for (const shape of targets) {
|
|
18
|
+
const def = shapeRegistry.get(shape.type);
|
|
19
|
+
if (!def)
|
|
20
|
+
continue;
|
|
21
|
+
const element = def.render(shape);
|
|
22
|
+
const markup = def.renderTarget === "html"
|
|
23
|
+
? await htmlShapeToSvg(element, shape, fonts)
|
|
24
|
+
: renderToStaticMarkup(element);
|
|
25
|
+
const rotation = shape.rotation ?? 0;
|
|
26
|
+
elements.push(rotation
|
|
27
|
+
? `<g transform="rotate(${rotation} ${shape.x + shape.width / 2} ${shape.y + shape.height / 2})">${markup}</g>`
|
|
28
|
+
: markup);
|
|
29
|
+
}
|
|
30
|
+
const bg = background
|
|
31
|
+
? `<rect x="${rect.x}" y="${rect.y}" width="${rect.width}" height="${rect.height}" fill="${background}" />`
|
|
32
|
+
: "";
|
|
33
|
+
return `<svg xmlns="http://www.w3.org/2000/svg" width="${rect.width}" height="${rect.height}" viewBox="${rect.x} ${rect.y} ${rect.width} ${rect.height}">
|
|
34
|
+
<defs><clipPath id="usketch-region"><rect x="${rect.x}" y="${rect.y}" width="${rect.width}" height="${rect.height}" /></clipPath></defs>
|
|
35
|
+
${bg}
|
|
36
|
+
<g clip-path="url(#usketch-region)">
|
|
37
|
+
${elements.join("\n")}
|
|
38
|
+
</g>
|
|
39
|
+
</svg>`;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* ボード座標の矩形を PNG にする。canvas が taint された場合は空白にせずエラーにする。
|
|
43
|
+
*/
|
|
44
|
+
export async function exportRegion(shapes, shapeRegistry, options) {
|
|
45
|
+
const svg = await buildRegionSvg(shapes, shapeRegistry, options);
|
|
46
|
+
const { width, height } = options.rect;
|
|
47
|
+
const pixelRatio = options.pixelRatio ?? 2;
|
|
48
|
+
const url = URL.createObjectURL(new Blob([svg], { type: "image/svg+xml" }));
|
|
49
|
+
try {
|
|
50
|
+
const img = new Image();
|
|
51
|
+
img.crossOrigin = "anonymous";
|
|
52
|
+
await new Promise((resolve, reject) => {
|
|
53
|
+
img.onload = () => resolve();
|
|
54
|
+
img.onerror = () => reject(new Error("exportRegion: failed to load SVG"));
|
|
55
|
+
img.src = url;
|
|
56
|
+
});
|
|
57
|
+
const canvas = document.createElement("canvas");
|
|
58
|
+
canvas.width = Math.ceil(width * pixelRatio);
|
|
59
|
+
canvas.height = Math.ceil(height * pixelRatio);
|
|
60
|
+
const ctx = canvas.getContext("2d");
|
|
61
|
+
if (!ctx)
|
|
62
|
+
throw new Error("exportRegion: failed to get canvas context");
|
|
63
|
+
ctx.scale(pixelRatio, pixelRatio);
|
|
64
|
+
ctx.drawImage(img, 0, 0, width, height);
|
|
65
|
+
return await new Promise((resolve, reject) => {
|
|
66
|
+
try {
|
|
67
|
+
canvas.toBlob((blob) => blob ? resolve(blob) : reject(new Error("exportRegion: failed to create PNG blob")), "image/png");
|
|
68
|
+
}
|
|
69
|
+
catch (e) {
|
|
70
|
+
// taint 時は SecurityError
|
|
71
|
+
reject(new Error(`exportRegion: canvas is tainted (cross-origin image without CORS?): ${e instanceof Error ? e.message : String(e)}`));
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
finally {
|
|
76
|
+
URL.revokeObjectURL(url);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=region.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"region.js","sourceRoot":"","sources":["../src/region.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edv4h/usketch-plugin-export",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"satori": "0.33.4",
|
|
15
14
|
"@edv4h/usketch-core": "2.4.4",
|
|
16
|
-
"@edv4h/usketch-shared": "4.14.0"
|
|
15
|
+
"@edv4h/usketch-shared": "4.14.0",
|
|
16
|
+
"satori": "0.33.4"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": ">=19",
|