+ >();
+
+ functionLUT.set("png", domToPng);
+ functionLUT.set("jpeg", domToJpeg);
+ functionLUT.set("webp", domToWebp);
+ functionLUT.set("svg", domToSvg);
+
+ let renderOptions: Options = {
+ scale: 4,
+ };
async function exportAsImage() {
- const canvas = document.createElement("canvas");
- canvas.width = document.querySelector(".ProseMirror")!.clientWidth;
- canvas.height = document.querySelector(".ProseMirror")!.clientHeight;
- await html2canvas(document.querySelector(".ProseMirror")!, {
- backgroundColor: null,
- scale: 2,
- canvas: canvas,
- });
- const dataUrl = canvas.toDataURL("image/png");
+ const func = functionLUT.get(extension);
+ if (func) {
+ await func(document.querySelector(".ProseMirror")!, renderOptions).then(
+ downloadImage,
+ );
+ }
+ }
+
+ async function downloadImage(dataUrl: string) {
const link = document.createElement("a");
- link.download = "tellraw-output.png";
+ link.download = `tellraw-output.${extension}`;
link.href = dataUrl;
link.click();
}
@@ -51,7 +72,7 @@
class="rounded-md p-1 text-lg font-medium hover:bg-zinc-900 active:bg-white/10"
onclick={() => {
navigator.clipboard.writeText(
- convert(editor.getJSON(), "standard", shouldOptimise, exportAsJSON),
+ convert(editor.getJSON(), shouldOptimise, "standard", exportAsJSON),
);
recentlyCopied = true;
setTimeout(() => (recentlyCopied = false), 2000);
@@ -62,8 +83,8 @@
{editor
? convert(
editor.getJSON(),
- "standard",
shouldOptimise,
+ "standard",
exportAsJSON,
)
: "Loading..."}
@@ -76,7 +97,7 @@
class="rounded-md p-1 text-lg font-medium hover:bg-zinc-900 active:bg-white/10"
onclick={() => {
navigator.clipboard.writeText(
- `[lore=${convert(editor.getJSON(), "item_lore", shouldOptimise, exportAsJSON)}]`,
+ `[lore=${convert(editor.getJSON(), shouldOptimise, "item_lore", exportAsJSON)}]`,
);
recentlyCopied = true;
setTimeout(() => (recentlyCopied = false), 2000);
@@ -88,8 +109,8 @@
{editor
? convert(
editor.getJSON(),
- "item_lore",
shouldOptimise,
+ "item_lore",
exportAsJSON,
)
: "Loading..."}
@@ -120,10 +141,26 @@
Accuracy may not be great! You have been warned!
-
+
+
+
+
+
+
+