tycho-components 0.40.5 → 0.40.7

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

@@ -1,5 +1,6 @@
 import { EdgeDefinition, NodeDefinition, Position } from 'cytoscape';
 import { Conllu, ConlluToken, Struct } from '../../configs';
+import { ConlluViewerDependency, ConlluViewerGraph, ConlluViewerItem } from './ConlluViewerGraph';
 export type CytoscapeTree = {
     nodes: NodeDefinition[];
     edges: EdgeDefinition[];
@@ -15,5 +16,10 @@ declare const ConlluUtils: {
     isNotEmptyConllu: (conllu: Conllu) => boolean;
     deleteToken: (conllu: Conllu, tokenIndex: number) => Conllu;
     getConlluTranslationFromStruct: (struct: Struct | undefined, lang: string) => string;
+    generateImageFromSVG: (svgElement: SVGSVGElement) => void;
+    isActiveDependency: (dep: ConlluViewerDependency, activeItem: ConlluViewerItem | undefined) => boolean;
+    isActiveItem: (item: ConlluViewerItem, activeItem: ConlluViewerItem | undefined) => boolean;
+    calculateAnchor: (graph: ConlluViewerGraph, i1: number, i2: number, lvl: number) => number;
+    escapeHTML: (str: string) => string;
 };
 export default ConlluUtils;

package/dist/functions/conllu/ConlluUtils.js

@@ -1,3 +1,49 @@
+import { saveAs } from 'file-saver';
+const escapeHTML = (str) => {
+    return str || '';
+    // return str.replace(/[&<>"'`]/g, (match) => {
+    //   const escapeMap: Record<string, string> = {
+    //     '&': '&amp;',
+    //     '<': '&lt;',
+    //     '>': '&gt;',
+    //     '"': '&quot;',
+    //     "'": '&#39;',
+    //     '`': '&#96;',
+    //   };
+    //   return escapeMap[match];
+    // });
+};
+const calculateAnchor = (graph, i1, i2, lvl) => {
+    const a = graph.anchors[i1];
+    if (a.length === 1) {
+        if (i1 < i2) {
+            return 0.75;
+        }
+        return 0.25;
+    }
+    let n = 0;
+    for (let i = 0; i < a.length; i++) {
+        const v = a[i];
+        if (v.dist === i2 - i1 && v.level === lvl) {
+            n = i;
+            break;
+        }
+    }
+    return (n + 0.5) / a.length;
+};
+const isActiveDependency = (dep, activeItem) => {
+    if (!activeItem)
+        return false;
+    return (dep.headpos === Number(activeItem.here) ||
+        dep.end === Number(activeItem.here));
+};
+const isActiveItem = (item, activeItem) => {
+    if (!activeItem)
+        return false;
+    return (activeItem.here === item.there ||
+        activeItem.there === item.here ||
+        activeItem.lineno === item.lineno);
+};
 const convertStructToConllu = (struct) => {
     return {
         uid: struct.uid,
@@ -224,6 +270,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 +311,10 @@ const ConlluUtils = {
     isNotEmptyConllu,
     deleteToken,
     getConlluTranslationFromStruct,
+    generateImageFromSVG,
+    isActiveDependency,
+    isActiveItem,
+    calculateAnchor,
+    escapeHTML,
 };
 export default ConlluUtils;

package/package.json

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