Zimeng Xiong
79 lines
1.9 KiB
TypeScript
79 lines
1.9 KiB
TypeScript
import type { Drawing } from "../types";
|
|
|
|
export interface ExportData {
|
|
type: "excalidraw";
|
|
version: 2;
|
|
source: string;
|
|
elements: any[];
|
|
appState: any;
|
|
files: Record<string, any>;
|
|
}
|
|
|
|
/**
|
|
* Export a drawing to a .excalidraw file and trigger download
|
|
*/
|
|
export const exportDrawingToFile = (
|
|
drawing: Drawing,
|
|
filename?: string
|
|
): void => {
|
|
const exportData: ExportData = {
|
|
type: "excalidraw",
|
|
version: 2,
|
|
source: window.location.origin,
|
|
elements: drawing.elements || [],
|
|
appState: {
|
|
gridSize: drawing.appState?.gridSize ?? null,
|
|
viewBackgroundColor: drawing.appState?.viewBackgroundColor ?? "#ffffff",
|
|
},
|
|
files: drawing.files || {},
|
|
};
|
|
|
|
const blob = new Blob([JSON.stringify(exportData, null, 2)], {
|
|
type: "application/json",
|
|
});
|
|
|
|
const url = URL.createObjectURL(blob);
|
|
const link = document.createElement("a");
|
|
link.href = url;
|
|
link.download = filename || `${drawing.name}.excalidraw`;
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
URL.revokeObjectURL(url);
|
|
};
|
|
|
|
/**
|
|
* Export drawing from Editor with current state
|
|
*/
|
|
export const exportFromEditor = (
|
|
name: string,
|
|
elements: readonly any[],
|
|
appState: any,
|
|
files: Record<string, any>
|
|
): void => {
|
|
const exportData: ExportData = {
|
|
type: "excalidraw",
|
|
version: 2,
|
|
source: window.location.origin,
|
|
elements: Array.from(elements),
|
|
appState: {
|
|
gridSize: appState?.gridSize ?? null,
|
|
viewBackgroundColor: appState?.viewBackgroundColor ?? "#ffffff",
|
|
},
|
|
files: files || {},
|
|
};
|
|
|
|
const blob = new Blob([JSON.stringify(exportData, null, 2)], {
|
|
type: "application/json",
|
|
});
|
|
|
|
const url = URL.createObjectURL(blob);
|
|
const link = document.createElement("a");
|
|
link.href = url;
|
|
link.download = `${name}.excalidraw`;
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
URL.revokeObjectURL(url);
|
|
};
|