npm - @flowgram.ai/export-plugin - Versions diffs - 0.1.0-alpha.26 - Mend

@flowgram.ai/export-plugin 0.1.0-alpha.26

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.

Files changed (7) hide show

package/dist/esm/index.js ADDED Viewed

@@ -0,0 +1,501 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+// src/create-plugin.ts
+import { definePluginCreator } from "@flowgram.ai/core";
+// src/export-image-service/service.ts
+import { inject, injectable } from "inversify";
+import { FlowDocument } from "@flowgram.ai/document";
+// src/export-image-service/utils.ts
+import { TransformData } from "@flowgram.ai/core";
+var getNodesRect = (nodes) => {
+  const rects = nodes.map((node) => node.getData(TransformData)?.bounds).filter(Boolean);
+  const x1 = Math.min(...rects.map((rect) => rect.x));
+  const x2 = Math.max(...rects.map((rect) => rect.x + rect.width));
+  const y1 = Math.min(...rects.map((rect) => rect.y));
+  const y2 = Math.max(...rects.map((rect) => rect.y + rect.height));
+  const width = x2 - x1;
+  const height = y2 - y1;
+  return {
+    width,
+    height,
+    x: x1,
+    y: y1
+  };
+};
+var getWorkflowRect = (document2) => getNodesRect(document2.getAllNodes());
+// src/export-image-service/constant.ts
+var USER_AGENT = navigator?.userAgent ?? "";
+var IN_CHROME = USER_AGENT.includes("Chrome");
+var IN_SAFARI = USER_AGENT.includes("AppleWebKit") && !IN_CHROME;
+var IN_FIREFOX = USER_AGENT.includes("Firefox");
+var EXPORT_IMAGE_WATERMARK_SVG = `
+<svg width="201" height="133" viewBox="0 0 201 133" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <image id="-" x="0" y="0" width="200" height="133" xlink:href="data:image/png;base64, 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"/>
+</svg>
+`;
+var EXPORT_IMAGE_STYLE_PROPERTIES = [
+  "width",
+  "height",
+  "box-sizing",
+  "display",
+  "align-items",
+  "justify-content",
+  "font-size",
+  "gap",
+  "color",
+  "background",
+  "background-color",
+  "font",
+  "font-family",
+  "fill",
+  "stroke",
+  "stroke-width",
+  "margin",
+  "padding",
+  "padding-left",
+  "padding-top",
+  "padding-bottom",
+  "padding-right",
+  "flex-direction",
+  "filter",
+  "position",
+  "top",
+  "left",
+  "bottom",
+  "right",
+  "content",
+  "line-height",
+  "text-decoration",
+  "border-radius",
+  "opacity",
+  "border-right",
+  "border-left",
+  "border-width",
+  "border-style",
+  "border-color",
+  "margin-right",
+  "margin-left",
+  "margin-top",
+  "margin-bottom",
+  "white-space",
+  "overflow",
+  "text-overflow",
+  "font-weight",
+  "min-width",
+  "min-height",
+  "transform",
+  "z-index",
+  "flex",
+  "border-width",
+  "text-wrap",
+  "word-break",
+  "vertical-align",
+  "aspect-ratio",
+  "object-fit",
+  "align-content",
+  "align-self",
+  "background-attachment",
+  "background-clip",
+  "background-image",
+  "background-origin",
+  "background-repeat",
+  "background-size",
+  "block-size",
+  "border-block-end-color",
+  "border-block-end-style",
+  "border-block-end-width",
+  "border-block-start-color",
+  "border-block-start-style",
+  "border-block-start-width",
+  "border-bottom-color",
+  "border-bottom-style",
+  "border-bottom-width",
+  "border-bottom-left-radius",
+  "border-bottom-right-radius",
+  "border-end-end-radius",
+  "border-end-start-radius",
+  "border-inline-end-color",
+  "border-inline-end-style",
+  "border-inline-end-width",
+  "border-inline-start-color",
+  "border-inline-start-style",
+  "border-inline-start-width",
+  "border-right-color",
+  "border-right-style",
+  "border-right-width",
+  "border-start-end-radius",
+  "border-start-start-radius",
+  "border-top-color",
+  "border-top-style",
+  "border-top-width",
+  "border-top-left-radius",
+  "border-top-right-radius",
+  "flex-basis",
+  "flex-grow",
+  "flex-shrink",
+  "flex-wrap",
+  "font-kerning",
+  "font-palette",
+  "font-stretch",
+  "font-style",
+  "inline-size",
+  "inset-block-end",
+  "inset-block-start",
+  "inset-inline-end",
+  "inset-inline-start",
+  "justify-items",
+  "justify-self",
+  "line-break",
+  "margin-trim",
+  "margin-inline-end",
+  "margin-inline-start",
+  "min-block-size",
+  "min-inline-size",
+  "overflow-wrap",
+  "overflow-x",
+  "overflow-y",
+  "perspective-origin",
+  "transform-box",
+  "transform-origin",
+  "transform-style",
+  "grid-template",
+  "grid-template-rows",
+  "grid-template-columns",
+  "grid-template-areas"
+];
+// src/constant.ts
+var FlowDownloadFormat = /* @__PURE__ */ ((FlowDownloadFormat2) => {
+  FlowDownloadFormat2["JSON"] = "json";
+  FlowDownloadFormat2["YAML"] = "yaml";
+  FlowDownloadFormat2["PNG"] = "png";
+  FlowDownloadFormat2["JPEG"] = "jpeg";
+  FlowDownloadFormat2["SVG"] = "svg";
+  return FlowDownloadFormat2;
+})(FlowDownloadFormat || {});
+var FlowImageFormats = [
+  "png" /* PNG */,
+  "jpeg" /* JPEG */,
+  "svg" /* SVG */
+];
+var FlowDataFormats = ["json" /* JSON */, "yaml" /* YAML */];
+// src/export-image-service/service.ts
+var PADDING_X = 58;
+var PADDING_Y = 138;
+var FlowExportImageService = class {
+  async export(options) {
+    try {
+      const imgUrl = await this.doExport(options);
+      return imgUrl;
+    } catch (e) {
+      console.error("Export image failed:", e);
+      return;
+    }
+  }
+  async loadModernScreenshot() {
+    if (this.modernScreenshot) {
+      return this.modernScreenshot;
+    }
+    const modernScreenshot = await import("modern-screenshot");
+    this.modernScreenshot = modernScreenshot;
+  }
+  async doExport(exportOptions) {
+    if (this.document.layout.name.includes("fixed-layout")) {
+      return await this.doFixedExport(exportOptions);
+    }
+    return await this.doFreeExport(exportOptions);
+  }
+  async doFreeExport(exportOptions) {
+    const { format } = exportOptions;
+    const renderLayer = window.document.querySelector(".gedit-flow-render-layer");
+    if (!renderLayer) {
+      return;
+    }
+    const { width, height, x, y } = getWorkflowRect(this.document);
+    await this.loadModernScreenshot();
+    const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;
+    let imgUrl;
+    const options = {
+      scale: 2,
+      includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : void 0,
+      width: width + PADDING_X * 2,
+      height: height + PADDING_Y * 2,
+      onCloneEachNode: (cloned) => {
+        this.handleFreeClone(cloned, { width, height, x, y, options: exportOptions });
+      }
+    };
+    switch (format) {
+      case "png" /* PNG */:
+        imgUrl = await domToPng(renderLayer, options);
+        break;
+      case "svg" /* SVG */: {
+        const svg = await domToForeignObjectSvg(renderLayer, options);
+        imgUrl = await this.svgToDataURL(svg);
+        break;
+      }
+      case "jpeg" /* JPEG */:
+        imgUrl = await domToJpeg(renderLayer, options);
+        break;
+      default:
+        imgUrl = await domToPng(renderLayer, options);
+    }
+    return imgUrl;
+  }
+  async doFixedExport(exportOptions) {
+    const { format } = exportOptions;
+    const el = window.document.querySelector(".gedit-flow-nodes-layer");
+    if (!el) {
+      return;
+    }
+    const { width, height, x, y } = getWorkflowRect(this.document);
+    await this.loadModernScreenshot();
+    const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;
+    let imgUrl;
+    const options = {
+      scale: 2,
+      includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : void 0,
+      width: width + PADDING_X * 2,
+      height: height + PADDING_Y * 2,
+      onCloneEachNode: (cloned) => {
+        this.handleFixedClone(cloned, { width, height, x, y, options: exportOptions });
+      }
+    };
+    switch (format) {
+      case "png" /* PNG */:
+        imgUrl = await domToPng(el, options);
+        break;
+      case "svg" /* SVG */: {
+        const svg = await domToForeignObjectSvg(el, options);
+        imgUrl = await this.svgToDataURL(svg);
+        break;
+      }
+      case "jpeg" /* JPEG */:
+        imgUrl = await domToJpeg(el, options);
+        break;
+      default:
+        imgUrl = await domToPng(el, options);
+    }
+    return imgUrl;
+  }
+  async svgToDataURL(svg) {
+    return Promise.resolve().then(() => new XMLSerializer().serializeToString(svg)).then(encodeURIComponent).then((html) => `data:image/svg+xml;charset=utf-8,${html}`);
+  }
+  // 处理克隆节点
+  handleFreeClone(cloned, {
+    width,
+    height,
+    x,
+    y,
+    options
+  }) {
+    if (cloned?.classList?.contains("gedit-flow-activity-node") || cloned?.classList?.contains("gedit-flow-activity-line")) {
+      this.handlePosition(cloned, x, y);
+    }
+    if (cloned?.classList?.contains("gedit-flow-render-layer")) {
+      this.handleCanvas(cloned, width, height, options);
+    }
+  }
+  // 处理克隆节点
+  handleFixedClone(cloned, {
+    width,
+    height,
+    x,
+    y,
+    options
+  }) {
+    if (cloned?.classList?.contains("gedit-flow-activity-node") || cloned?.classList?.contains("gedit-flow-activity-line")) {
+      this.handlePosition(cloned, x, y);
+    }
+    if (cloned?.classList?.contains("gedit-flow-nodes-layer")) {
+      const linesLayer = window.document.querySelector(".gedit-flow-lines-layer")?.cloneNode(true);
+      this.handleLines(linesLayer, width, height);
+      cloned.appendChild(linesLayer);
+      this.handleCanvas(cloned, width, height, options);
+    }
+  }
+  // 处理节点位置
+  handlePosition(cloned, x, y) {
+    cloned.style.transform = `translate(${-x + PADDING_X}px, ${-y + PADDING_Y}px)`;
+  }
+  // 处理画布
+  handleLines(cloned, width, height) {
+    cloned.style.position = "absolute";
+    cloned.style.width = `${width}px`;
+    cloned.style.height = `${height}px`;
+    cloned.style.left = `${width / 2 - PADDING_X}px`;
+    cloned.style.top = `${PADDING_Y}px`;
+    cloned.style.transform = "none";
+    cloned.style.backgroundColor = "transparent";
+    cloned.querySelector(".flow-lines-container").setAttribute("viewBox", `0 0 1000 1000`);
+  }
+  // 处理画布
+  handleCanvas(cloned, width, height, options) {
+    cloned.style.width = `${width + PADDING_X * 2}px`;
+    cloned.style.height = `${height + PADDING_Y * 2}px`;
+    cloned.style.transform = "none";
+    cloned.style.backgroundColor = "#ECECEE";
+    this.handleWaterMark(cloned, options);
+  }
+  // 添加水印节点
+  handleWaterMark(element, options) {
+    const watermarkNode = document.createElement("div");
+    watermarkNode.innerHTML = options?.watermarkSVG ?? EXPORT_IMAGE_WATERMARK_SVG;
+    watermarkNode.style.position = "absolute";
+    watermarkNode.style.bottom = "32px";
+    watermarkNode.style.right = "32px";
+    watermarkNode.style.zIndex = "999999";
+    element.appendChild(watermarkNode);
+  }
+};
+__decorateClass([
+  inject(FlowDocument)
+], FlowExportImageService.prototype, "document", 2);
+FlowExportImageService = __decorateClass([
+  injectable()
+], FlowExportImageService);
+// src/download-service/service.ts
+import { nanoid } from "nanoid";
+import { inject as inject2, injectable as injectable2 } from "inversify";
+import { DisposableCollection, Emitter } from "@flowgram.ai/utils";
+import { FlowDocument as FlowDocument2 } from "@flowgram.ai/document";
+var FlowDownloadService = class {
+  constructor() {
+    this.toDispose = new DisposableCollection();
+    this.downloading = false;
+    this.onDownloadingChangeEmitter = new Emitter();
+    this.options = {};
+    this.onDownloadingChange = this.onDownloadingChangeEmitter.event;
+  }
+  init(options) {
+    this.options = options ?? {};
+    this.toDispose.push(this.onDownloadingChangeEmitter);
+  }
+  dispose() {
+    this.toDispose.dispose();
+  }
+  async download(params) {
+    if (this.downloading) {
+      return;
+    }
+    const { format } = params;
+    if (FlowImageFormats.includes(format)) {
+      await this.handleImageDownload(format);
+    } else if (FlowDataFormats.includes(format)) {
+      await this.handleDataDownload(format);
+    }
+  }
+  setDownloading(value) {
+    this.downloading = value;
+    this.onDownloadingChangeEmitter.fire(value);
+  }
+  async handleImageDownload(format) {
+    this.setDownloading(true);
+    try {
+      await this.downloadImage(format);
+    } finally {
+      this.setDownloading(false);
+    }
+  }
+  async handleDataDownload(format) {
+    this.setDownloading(true);
+    try {
+      await this.downloadData(format);
+    } finally {
+      this.setDownloading(false);
+    }
+  }
+  async downloadData(format) {
+    const json = this.document.toJSON();
+    const { content, mimeType } = await this.formatDataContent(json, format);
+    const blob = new Blob([content], { type: mimeType });
+    const url = URL.createObjectURL(blob);
+    const filename = this.getFileName(format);
+    this.downloadFile(url, filename);
+    URL.revokeObjectURL(url);
+  }
+  async formatDataContent(json, format) {
+    if (format === "yaml" /* YAML */) {
+      const yaml = await import("js-yaml");
+      return {
+        content: yaml.dump(json, {
+          indent: 2,
+          lineWidth: -1,
+          noRefs: true
+        }),
+        mimeType: "application/x-yaml"
+      };
+    }
+    return {
+      content: JSON.stringify(json, null, 2),
+      mimeType: "application/json"
+    };
+  }
+  async downloadImage(format) {
+    const imageUrl = await this.exportImageService.export({
+      format,
+      watermarkSVG: this.options.watermarkSVG
+    });
+    if (!imageUrl) {
+      return;
+    }
+    const filename = this.getFileName(format);
+    this.downloadFile(imageUrl, filename);
+  }
+  getFileName(format) {
+    if (this.options.getFilename) {
+      return this.options.getFilename(format);
+    }
+    return `flowgram-${nanoid(5)}.${format}`;
+  }
+  downloadFile(href, filename) {
+    const link = document.createElement("a");
+    link.href = href;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }
+};
+__decorateClass([
+  inject2(FlowDocument2)
+], FlowDownloadService.prototype, "document", 2);
+__decorateClass([
+  inject2(FlowExportImageService)
+], FlowDownloadService.prototype, "exportImageService", 2);
+FlowDownloadService = __decorateClass([
+  injectable2()
+], FlowDownloadService);
+// src/create-plugin.ts
+var createDownloadPlugin = definePluginCreator({
+  onBind: ({ bind }) => {
+    bind(FlowExportImageService).toSelf().inSingletonScope();
+    bind(FlowDownloadService).toSelf().inSingletonScope();
+  },
+  onInit: (ctx, opts) => {
+    ctx.get(FlowDownloadService).init(opts);
+  },
+  onDispose: (ctx) => {
+    ctx.get(FlowDownloadService).dispose();
+  }
+});
+export {
+  FlowDownloadFormat,
+  FlowDownloadService,
+  createDownloadPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/create-plugin.ts","../../src/export-image-service/service.ts","../../src/export-image-service/utils.ts","../../src/export-image-service/constant.ts","../../src/constant.ts","../../src/download-service/service.ts"],"sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator, PluginContext } from '@flowgram.ai/core';\n\nimport { CreateDownloadPluginOptions } from './type';\nimport { WorkflowExportImageService } from './export-image-service';\nimport { FlowDownloadService } from './download-service';\n\nexport const createDownloadPlugin = definePluginCreator<CreateDownloadPluginOptions>({\n onBind: ({ bind }) => {\n bind(WorkflowExportImageService).toSelf().inSingletonScope();\n bind(FlowDownloadService).toSelf().inSingletonScope();\n },\n onInit: (ctx: PluginContext, opts: CreateDownloadPluginOptions) => {\n ctx.get(FlowDownloadService).init(opts);\n },\n onDispose: (ctx: PluginContext) => {\n ctx.get(FlowDownloadService).dispose();\n },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { inject, injectable } from 'inversify';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport { getWorkflowRect } from './utils';\nimport { type IFlowExportImageService, type ExportImageOptions } from './type';\nimport {\n IN_SAFARI,\n IN_FIREFOX,\n EXPORT_IMAGE_WATERMARK_SVG,\n EXPORT_IMAGE_STYLE_PROPERTIES,\n} from './constant';\nimport { FlowDownloadFormat } from '../constant';\n\nconst PADDING_X = 58;\nconst PADDING_Y = 138;\n\n@injectable()\nexport class FlowExportImageService implements IFlowExportImageService {\n private modernScreenshot: any;\n\n @inject(FlowDocument)\n private document: FlowDocument;\n\n public async export(options: ExportImageOptions): Promise<string | undefined> {\n try {\n const imgUrl = await this.doExport(options);\n return imgUrl;\n } catch (e) {\n console.error('Export image failed:', e);\n return;\n }\n }\n\n private async loadModernScreenshot() {\n if (this.modernScreenshot) {\n return this.modernScreenshot;\n }\n\n const modernScreenshot = await import('modern-screenshot');\n this.modernScreenshot = modernScreenshot;\n }\n\n private async doExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n if (this.document.layout.name.includes('fixed-layout')) {\n return await this.doFixedExport(exportOptions);\n }\n return await this.doFreeExport(exportOptions);\n }\n\n private async doFreeExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n // const el = this.stackingContextManager.node as HTMLElement;\n const renderLayer = window.document.querySelector('.gedit-flow-render-layer') as HTMLElement;\n\n if (!renderLayer) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFreeClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(renderLayer, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(renderLayer, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(renderLayer, options);\n break;\n default:\n imgUrl = await domToPng(renderLayer, options);\n }\n return imgUrl;\n }\n\n private async doFixedExport(exportOptions: ExportImageOptions): Promise<string | undefined> {\n const { format } = exportOptions;\n\n const el = window.document.querySelector('.gedit-flow-nodes-layer') as HTMLElement;\n\n if (!el) {\n return;\n }\n\n const { width, height, x, y } = getWorkflowRect(this.document);\n await this.loadModernScreenshot();\n const { domToPng, domToForeignObjectSvg, domToJpeg } = this.modernScreenshot;\n let imgUrl: string;\n const options = {\n scale: 2,\n includeStyleProperties: IN_SAFARI || IN_FIREFOX ? EXPORT_IMAGE_STYLE_PROPERTIES : undefined,\n width: width + PADDING_X * 2,\n height: height + PADDING_Y * 2,\n onCloneEachNode: (cloned: HTMLElement) => {\n this.handleFixedClone(cloned, { width, height, x, y, options: exportOptions });\n },\n };\n switch (format) {\n case FlowDownloadFormat.PNG:\n imgUrl = await domToPng(el, options);\n break;\n case FlowDownloadFormat.SVG: {\n const svg = await domToForeignObjectSvg(el, options);\n imgUrl = await this.svgToDataURL(svg);\n break;\n }\n case FlowDownloadFormat.JPEG:\n imgUrl = await domToJpeg(el, options);\n break;\n default:\n imgUrl = await domToPng(el, options);\n }\n return imgUrl;\n }\n\n private async svgToDataURL(svg: SVGElement): Promise<string> {\n return Promise.resolve()\n .then(() => new XMLSerializer().serializeToString(svg))\n .then(encodeURIComponent)\n .then((html) => `data:image/svg+xml;charset=utf-8,${html}`);\n }\n\n // 处理克隆节点\n private handleFreeClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-render-layer')) {\n this.handleCanvas(cloned, width, height, options);\n }\n }\n\n // 处理克隆节点\n private handleFixedClone(\n cloned: HTMLElement,\n {\n width,\n height,\n x,\n y,\n options,\n }: { width: number; height: number; x: number; y: number; options: ExportImageOptions }\n ) {\n if (\n cloned?.classList?.contains('gedit-flow-activity-node') ||\n cloned?.classList?.contains('gedit-flow-activity-line')\n ) {\n this.handlePosition(cloned, x, y);\n }\n\n if (cloned?.classList?.contains('gedit-flow-nodes-layer')) {\n const linesLayer = window.document\n .querySelector('.gedit-flow-lines-layer')\n ?.cloneNode(true) as HTMLElement;\n this.handleLines(linesLayer, width, height);\n cloned.appendChild(linesLayer);\n this.handleCanvas(cloned, width, height, options);\n }\n }\n\n // 处理节点位置\n private handlePosition(cloned: HTMLElement, x: number, y: number) {\n cloned.style.transform = `translate(${-x + PADDING_X}px, ${-y + PADDING_Y}px)`;\n }\n\n // 处理画布\n private handleLines(cloned: HTMLElement, width: number, height: number) {\n cloned.style.position = 'absolute';\n cloned.style.width = `${width}px`;\n cloned.style.height = `${height}px`;\n cloned.style.left = `${width / 2 - PADDING_X}px`;\n cloned.style.top = `${PADDING_Y}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = 'transparent';\n cloned.querySelector('.flow-lines-container')!.setAttribute('viewBox', `0 0 1000 1000`);\n }\n\n // 处理画布\n private handleCanvas(\n cloned: HTMLElement,\n width: number,\n height: number,\n options: ExportImageOptions\n ) {\n cloned.style.width = `${width + PADDING_X * 2}px`;\n cloned.style.height = `${height + PADDING_Y * 2}px`;\n cloned.style.transform = 'none';\n cloned.style.backgroundColor = '#ECECEE';\n this.handleWaterMark(cloned, options);\n }\n\n // 添加水印节点\n private handleWaterMark(element: HTMLElement, options: ExportImageOptions) {\n const watermarkNode = document.createElement('div');\n // 水印svg\n watermarkNode.innerHTML = options?.watermarkSVG ?? EXPORT_IMAGE_WATERMARK_SVG;\n watermarkNode.style.position = 'absolute';\n watermarkNode.style.bottom = '32px';\n watermarkNode.style.right = '32px';\n watermarkNode.style.zIndex = '999999';\n element.appendChild(watermarkNode);\n }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FlowDocument, FlowNodeEntity } from '@flowgram.ai/document';\nimport { TransformData } from '@flowgram.ai/core';\n\nconst getNodesRect = (nodes: FlowNodeEntity[]) => {\n const rects = nodes\n .map((node) => node.getData<TransformData>(TransformData)?.bounds)\n .filter(Boolean);\n const x1 = Math.min(...rects.map((rect) => rect.x));\n const x2 = Math.max(...rects.map((rect) => rect.x + rect.width));\n const y1 = Math.min(...rects.map((rect) => rect.y));\n const y2 = Math.max(...rects.map((rect) => rect.y + rect.height));\n\n const width = x2 - x1;\n const height = y2 - y1;\n\n return {\n width,\n height,\n x: x1,\n y: y1,\n };\n};\n\n/**\n * 获取流程所有节点矩形坐标\n */\nexport const getWorkflowRect = (document: FlowDocument) => getNodesRect(document.getAllNodes());\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nconst USER_AGENT = navigator?.userAgent ?? '';\nexport const IN_CHROME = USER_AGENT.includes('Chrome');\nexport const IN_SAFARI = USER_AGENT.includes('AppleWebKit') && !IN_CHROME;\nexport const IN_FIREFOX = USER_AGENT.includes('Firefox');\n\nexport const EXPORT_IMAGE_WATERMARK_SVG = `\n<svg width=\"201\" height=\"133\" viewBox=\"0 0 201 133\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <image id=\"-\" x=\"0\" y=\"0\" width=\"200\" height=\"133\" xlink:href=\"data:image/png;base64, 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\"/>\n</svg>\n`;\n\n/**\n * safari/firefox 中指定样式表\n * 1. 样式计算会导致所有css变量被生成到dom元素中，导致svg过大无法正常序列化\n * 2. boxShadow 渲染效果有问题排除掉\n */\nexport const EXPORT_IMAGE_STYLE_PROPERTIES = [\n 'width',\n 'height',\n 'box-sizing',\n 'display',\n 'align-items',\n 'justify-content',\n 'font-size',\n 'gap',\n 'color',\n 'background',\n 'background-color',\n 'font',\n 'font-family',\n 'fill',\n 'stroke',\n 'stroke-width',\n 'margin',\n 'padding',\n 'padding-left',\n 'padding-top',\n 'padding-bottom',\n 'padding-right',\n 'flex-direction',\n 'filter',\n 'position',\n 'top',\n 'left',\n 'bottom',\n 'right',\n 'content',\n 'line-height',\n 'text-decoration',\n 'border-radius',\n 'opacity',\n 'border-right',\n 'border-left',\n 'border-width',\n 'border-style',\n 'border-color',\n 'margin-right',\n 'margin-left',\n 'margin-top',\n 'margin-bottom',\n 'white-space',\n 'overflow',\n 'text-overflow',\n 'font-weight',\n 'min-width',\n 'min-height',\n 'transform',\n 'z-index',\n 'flex',\n 'border-width',\n 'text-wrap',\n 'word-break',\n 'vertical-align',\n 'aspect-ratio',\n 'object-fit',\n 'align-content',\n 'align-self',\n 'background-attachment',\n 'background-clip',\n 'background-image',\n 'background-origin',\n 'background-repeat',\n 'background-size',\n 'block-size',\n 'border-block-end-color',\n 'border-block-end-style',\n 'border-block-end-width',\n 'border-block-start-color',\n 'border-block-start-style',\n 'border-block-start-width',\n 'border-bottom-color',\n 'border-bottom-style',\n 'border-bottom-width',\n 'border-bottom-left-radius',\n 'border-bottom-right-radius',\n 'border-end-end-radius',\n 'border-end-start-radius',\n 'border-inline-end-color',\n 'border-inline-end-style',\n 'border-inline-end-width',\n 'border-inline-start-color',\n 'border-inline-start-style',\n 'border-inline-start-width',\n 'border-right-color',\n 'border-right-style',\n 'border-right-width',\n 'border-start-end-radius',\n 'border-start-start-radius',\n 'border-top-color',\n 'border-top-style',\n 'border-top-width',\n 'border-top-left-radius',\n 'border-top-right-radius',\n 'flex-basis',\n 'flex-grow',\n 'flex-shrink',\n 'flex-wrap',\n 'font-kerning',\n 'font-palette',\n 'font-stretch',\n 'font-style',\n 'inline-size',\n 'inset-block-end',\n 'inset-block-start',\n 'inset-inline-end',\n 'inset-inline-start',\n 'justify-items',\n 'justify-self',\n 'line-break',\n 'margin-trim',\n 'margin-inline-end',\n 'margin-inline-start',\n 'min-block-size',\n 'min-inline-size',\n 'overflow-wrap',\n 'overflow-x',\n 'overflow-y',\n 'perspective-origin',\n 'transform-box',\n 'transform-origin',\n 'transform-style',\n 'grid-template',\n 'grid-template-rows',\n 'grid-template-columns',\n 'grid-template-areas',\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport enum FlowDownloadFormat {\n JSON = 'json',\n YAML = 'yaml',\n PNG = 'png',\n JPEG = 'jpeg',\n SVG = 'svg',\n}\n\nexport const FlowImageFormats = [\n FlowDownloadFormat.PNG,\n FlowDownloadFormat.JPEG,\n FlowDownloadFormat.SVG,\n];\n\nexport const FlowDataFormats = [FlowDownloadFormat.JSON, FlowDownloadFormat.YAML];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { nanoid } from 'nanoid';\nimport { inject, injectable } from 'inversify';\nimport { DisposableCollection, Emitter } from '@flowgram.ai/utils';\nimport { FlowDocument } from '@flowgram.ai/document';\n\nimport type { DownloadServiceOptions, WorkflowDownloadParams } from './type';\nimport { WorkflowExportImageService } from '../export-image-service';\nimport { FlowDataFormats, FlowDownloadFormat, FlowImageFormats } from '../constant';\n\n@injectable()\nexport class FlowDownloadService {\n @inject(FlowDocument) private readonly document: FlowDocument;\n\n @inject(WorkflowExportImageService)\n private readonly exportImageService: WorkflowExportImageService;\n\n private toDispose: DisposableCollection = new DisposableCollection();\n\n public downloading = false;\n\n private onDownloadingChangeEmitter = new Emitter<boolean>();\n\n private options: DownloadServiceOptions = {};\n\n public onDownloadingChange = this.onDownloadingChangeEmitter.event;\n\n public init(options?: Partial<DownloadServiceOptions>) {\n this.options = options ?? {};\n this.toDispose.push(this.onDownloadingChangeEmitter);\n }\n\n public dispose(): void {\n this.toDispose.dispose();\n }\n\n public async download(params: WorkflowDownloadParams): Promise<void> {\n if (this.downloading) {\n return;\n }\n\n const { format } = params;\n\n if (FlowImageFormats.includes(format)) {\n await this.handleImageDownload(format);\n } else if (FlowDataFormats.includes(format)) {\n await this.handleDataDownload(format);\n }\n }\n\n public setDownloading(value: boolean) {\n this.downloading = value;\n this.onDownloadingChangeEmitter.fire(value);\n }\n\n private async handleImageDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadImage(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async handleDataDownload(format: FlowDownloadFormat): Promise<void> {\n this.setDownloading(true);\n try {\n await this.downloadData(format);\n } finally {\n this.setDownloading(false);\n }\n }\n\n private async downloadData(format: FlowDownloadFormat): Promise<void> {\n const json = this.document.toJSON();\n const { content, mimeType } = await this.formatDataContent(json, format);\n\n const blob = new Blob([content], { type: mimeType });\n const url = URL.createObjectURL(blob);\n const filename = this.getFileName(format);\n\n this.downloadFile(url, filename);\n URL.revokeObjectURL(url);\n }\n\n private async formatDataContent(\n json: unknown,\n format: FlowDownloadFormat\n ): Promise<{ content: string; mimeType: string }> {\n if (format === FlowDownloadFormat.YAML) {\n const yaml = await import('js-yaml');\n return {\n content: yaml.dump(json, {\n indent: 2,\n lineWidth: -1,\n noRefs: true,\n }),\n mimeType: 'application/x-yaml',\n };\n }\n\n return {\n content: JSON.stringify(json, null, 2),\n mimeType: 'application/json',\n };\n }\n\n private async downloadImage(format: FlowDownloadFormat): Promise<void> {\n const imageUrl = await this.exportImageService.export({\n format,\n watermarkSVG: this.options.watermarkSVG,\n });\n if (!imageUrl) {\n return;\n }\n\n const filename = this.getFileName(format);\n this.downloadFile(imageUrl, filename);\n }\n\n private getFileName(format: FlowDownloadFormat): string {\n if (this.options.getFilename) {\n return this.options.getFilename(format);\n }\n return `flowgram-${nanoid(5)}.${format}`;\n }\n\n private downloadFile(href: string, filename: string): void {\n const link = document.createElement('a');\n link.href = href;\n link.download = filename;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n}\n"],"mappings":"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","names":["document","FlowDownloadFormat","inject","injectable","FlowDocument","inject","FlowDocument","injectable"]}

package/dist/index.d.mts ADDED Viewed

@@ -0,0 +1,60 @@
+import * as _flowgram_ai_core from '@flowgram.ai/core';
+import * as _flowgram_ai_utils from '@flowgram.ai/utils';
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+declare enum FlowDownloadFormat {
+    JSON = "json",
+    YAML = "yaml",
+    PNG = "png",
+    JPEG = "jpeg",
+    SVG = "svg"
+}
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+interface WorkflowDownloadParams {
+    format: FlowDownloadFormat;
+}
+interface DownloadServiceOptions {
+    getFilename?: (format: FlowDownloadFormat) => string;
+    watermarkSVG?: string;
+}
+declare class FlowDownloadService {
+    private readonly document;
+    private readonly exportImageService;
+    private toDispose;
+    downloading: boolean;
+    private onDownloadingChangeEmitter;
+    private options;
+    onDownloadingChange: _flowgram_ai_utils.Event<boolean>;
+    init(options?: Partial<DownloadServiceOptions>): void;
+    dispose(): void;
+    download(params: WorkflowDownloadParams): Promise<void>;
+    setDownloading(value: boolean): void;
+    private handleImageDownload;
+    private handleDataDownload;
+    private downloadData;
+    private formatDataContent;
+    private downloadImage;
+    private getFileName;
+    private downloadFile;
+}
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+interface CreateDownloadPluginOptions extends Partial<DownloadServiceOptions> {
+}
+declare const createDownloadPlugin: _flowgram_ai_core.PluginCreator<CreateDownloadPluginOptions>;
+export { type CreateDownloadPluginOptions, type DownloadServiceOptions, FlowDownloadFormat, FlowDownloadService, createDownloadPlugin };