tycho-components 0.40.5 → 0.40.6

package/dist/functions/conllu/ConlluUtils.d.ts

@@ -15,5 +15,6 @@ declare const ConlluUtils: {
     isNotEmptyConllu: (conllu: Conllu) => boolean;
     deleteToken: (conllu: Conllu, tokenIndex: number) => Conllu;
     getConlluTranslationFromStruct: (struct: Struct | undefined, lang: string) => string;
+    generateImageFromSVG: (svgElement: SVGSVGElement) => void;
 };
 export default ConlluUtils;

package/dist/functions/conllu/ConlluUtils.js

@@ -1,3 +1,4 @@
+import { saveAs } from 'file-saver';
 const convertStructToConllu = (struct) => {
     return {
         uid: struct.uid,
@@ -224,6 +225,37 @@ const extractConlluTokens = (conllText) => {
 const getConlluTranslationFromStruct = (struct, lang) => {
     return struct?.attributes?.[lang] || '';
 };
+const generateImageFromSVG = (svgElement) => {
+    const canvas = document.createElement('canvas');
+    const context = canvas.getContext('2d');
+    if (!context) {
+        throw new Error('Unable to get canvas context');
+    }
+    const { width, height } = svgElement.getBBox();
+    canvas.width = width;
+    canvas.height = height;
+    // Convert SVG element to data URL
+    const svgData = new XMLSerializer().serializeToString(svgElement);
+    const svgBlob = new Blob([svgData], {
+        type: 'image/svg+xml;charset=utf-8',
+    });
+    const url = URL.createObjectURL(svgBlob);
+    const img = new Image();
+    img.crossOrigin = 'anonymous'; // handle cross-origin issues
+    img.onload = async () => {
+        context.fillStyle = 'white';
+        context.fillRect(0, 0, width, height);
+        context.drawImage(img, 0, 0, width, height);
+        URL.revokeObjectURL(url);
+        // Convert canvas to JPEG blob
+        canvas.toBlob((blob) => {
+            if (blob === null)
+                return;
+            saveAs(blob, 'conllu.jpg');
+        }, 'image/jpeg', 1.0);
+    };
+    img.src = url;
+};
 const ConlluUtils = {
     convertToSentence,
     convertToConllu,
@@ -234,5 +266,6 @@ const ConlluUtils = {
     isNotEmptyConllu,
     deleteToken,
     getConlluTranslationFromStruct,
+    generateImageFromSVG,
 };
 export default ConlluUtils;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.40.5",
+  "version": "0.40.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {