react-msaview 4.4.4 → 4.4.5

package/dist/components/MSACanvas.js

@@ -1,141 +0,0 @@
-import React, { useEffect, useState, useCallback, useRef, useMemo } from 'react';
-import { Typography, CircularProgress, useTheme } from '@material-ui/core';
-import { observer } from 'mobx-react';
-import normalizeWheel from 'normalize-wheel';
-import { colorContrast } from '../util';
-import { getClustalXColor, getPercentIdentityColor } from '../colorSchemes';
-import * as PIXI from 'pixi.js';
-import { Stage, Graphics } from '@inlet/react-pixi';
-function Rectangle(props) {
-    const draw = useCallback(g => {
-        g.clear();
-        g.beginFill(props.color);
-        g.drawRect(props.x, props.y, props.width, props.height);
-        g.endFill();
-    }, [props]);
-    return React.createElement(Graphics, { draw: draw });
-}
-const MSABlock = observer(({ model }) => {
-    const { msaAreaWidth, height, colWidth, bgColor, columns, rowHeight, hierarchy, colorScheme, colorSchemeName, colStats, scrollX, } = model;
-    const theme = useTheme();
-    const contrastScheme = useMemo(() => colorContrast(colorScheme, theme), [colorScheme, theme]);
-    console.log({ scrollX });
-    return (React.createElement(Stage, { width: msaAreaWidth, height: height }, hierarchy.leaves().map(node => {
-        const { 
-        //@ts-ignore
-        x: y, 
-        //@ts-ignore
-        data: { name }, } = node;
-        return columns[name].split('').map((letter, i) => {
-            const color = colorSchemeName === 'clustalx_protein_dynamic'
-                ? getClustalXColor(colStats[i], model, name, i)
-                : colorSchemeName === 'percent_identity_dynamic'
-                    ? getPercentIdentityColor(colStats[i], model, name, i)
-                    : colorScheme[letter.toUpperCase()];
-            if (bgColor) {
-                const x = i * colWidth;
-                const hex = PIXI.utils.string2hex(color || '');
-                return (React.createElement(Rectangle, { key: y + '_' + x, color: hex, x: x + scrollX, y: y - rowHeight, width: colWidth, height: rowHeight }));
-            }
-        });
-    })));
-});
-const MSACanvas = observer(({ model }) => {
-    const { MSA, msaFilehandle } = model;
-    const ref = useRef(null);
-    // wheel
-    const scheduled = useRef(false);
-    const deltaX = useRef(0);
-    const deltaY = useRef(0);
-    // mouse click-and-drag scrolling
-    const prevX = useRef(0);
-    const prevY = useRef(0);
-    const [mouseDragging, setMouseDragging] = useState(false);
-    useEffect(() => {
-        const curr = ref.current;
-        if (!curr) {
-            return;
-        }
-        function onWheel(origEvent) {
-            const event = normalizeWheel(origEvent);
-            deltaX.current += event.pixelX;
-            deltaY.current += event.pixelY;
-            if (!scheduled.current) {
-                scheduled.current = true;
-                requestAnimationFrame(() => {
-                    model.doScrollX(-deltaX.current);
-                    model.doScrollY(-deltaY.current);
-                    deltaX.current = 0;
-                    deltaY.current = 0;
-                    scheduled.current = false;
-                });
-            }
-            origEvent.preventDefault();
-        }
-        curr.addEventListener('wheel', onWheel);
-        return () => {
-            curr.removeEventListener('wheel', onWheel);
-        };
-    }, [model]);
-    useEffect(() => {
-        let cleanup = () => { };
-        function globalMouseMove(event) {
-            event.preventDefault();
-            const currX = event.clientX;
-            const currY = event.clientY;
-            const distanceX = currX - prevX.current;
-            const distanceY = currY - prevY.current;
-            if (distanceX || distanceY) {
-                // use rAF to make it so multiple event handlers aren't fired per-frame
-                // see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
-                if (!scheduled.current) {
-                    scheduled.current = true;
-                    window.requestAnimationFrame(() => {
-                        model.doScrollX(distanceX);
-                        model.doScrollY(distanceY);
-                        scheduled.current = false;
-                        prevX.current = event.clientX;
-                        prevY.current = event.clientY;
-                    });
-                }
-            }
-        }
-        function globalMouseUp() {
-            prevX.current = 0;
-            if (mouseDragging) {
-                setMouseDragging(false);
-            }
-        }
-        if (mouseDragging) {
-            window.addEventListener('mousemove', globalMouseMove, true);
-            window.addEventListener('mouseup', globalMouseUp, true);
-            cleanup = () => {
-                window.removeEventListener('mousemove', globalMouseMove, true);
-                window.removeEventListener('mouseup', globalMouseUp, true);
-            };
-        }
-        return cleanup;
-    }, [model, mouseDragging]);
-    return (React.createElement("div", { ref: ref, onMouseDown: event => {
-            // check if clicking a draggable element or a resize handle
-            const target = event.target;
-            if (target.draggable || target.dataset.resizer) {
-                return;
-            }
-            // otherwise do click and drag scroll
-            if (event.button === 0) {
-                prevX.current = event.clientX;
-                prevY.current = event.clientY;
-                setMouseDragging(true);
-            }
-        }, onMouseUp: event => {
-            event.preventDefault();
-            setMouseDragging(false);
-        }, onMouseLeave: event => {
-            event.preventDefault();
-        } }, !MSA && !msaFilehandle ? null : !MSA ? (React.createElement("div", { style: { position: 'absolute', left: '50%', top: '50%' } },
-        React.createElement(CircularProgress, null),
-        React.createElement(Typography, null, "Loading..."))) : (React.createElement(MSABlock, { model: model }))));
-});
-export default MSACanvas;
-//# sourceMappingURL=MSACanvas.js.map

package/dist/components/MSACanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MSACanvas.js","sourceRoot":"","sources":["../../src/components/MSACanvas.tsx"],"names":[],"mappings":"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"}

package/dist/components/MSAPanel/Loading.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export default function Loading(): React.JSX.Element;

package/dist/components/MSAPanel/Loading.js

@@ -1,12 +0,0 @@
-import { CircularProgress, Typography } from '@mui/material';
-import React from 'react';
-export default function Loading() {
-    return (React.createElement("div", { style: {
-            position: 'absolute',
-            left: '50%',
-            top: '50%',
-        } },
-        React.createElement(CircularProgress, null),
-        React.createElement(Typography, null, "Loading...")));
-}
-//# sourceMappingURL=Loading.js.map

package/dist/components/MSAPanel/Loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,KAAK;YACX,GAAG,EAAE,KAAK;SACX;QAED,oBAAC,gBAAgB,OAAG;QACpB,oBAAC,UAAU,qBAAwB,CAC/B,CACP,CAAA;AACH,CAAC"}

package/dist/components/MSAPanel/MSABlock.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { MsaViewModel } from '../../model';
-declare const MSABlock: ({ model, offsetX, offsetY, }: {
-    model: MsaViewModel;
-    offsetX: number;
-    offsetY: number;
-}) => React.JSX.Element;
-export default MSABlock;

package/dist/components/MSAPanel/MSABlock.js

@@ -1,62 +0,0 @@
-import React, { useEffect, useRef, useMemo } from 'react';
-import { useTheme } from '@mui/material';
-import { autorun } from 'mobx';
-import { observer } from 'mobx-react';
-// locals
-import { renderMSABlock } from './renderMSABlock';
-import { colorContrast } from '../../util';
-const MSABlock = observer(function ({ model, offsetX, offsetY, }) {
-    const { colWidth, rowHeight, scrollY, scrollX, colorScheme, blockSize, mouseClickCol, mouseClickRow, highResScaleFactor, } = model;
-    const theme = useTheme();
-    const contrastScheme = useMemo(() => colorContrast(colorScheme, theme), [colorScheme, theme]);
-    const ref = useRef(null);
-    useEffect(() => {
-        const ctx = ref.current?.getContext('2d');
-        return ctx
-            ? autorun(() => {
-                renderMSABlock({
-                    ctx,
-                    theme,
-                    offsetX,
-                    offsetY,
-                    contrastScheme,
-                    model,
-                });
-            })
-            : undefined;
-    }, [model, offsetX, offsetY, theme, contrastScheme]);
-    return (React.createElement("canvas", { ref: ref, onMouseMove: event => {
-            if (!ref.current) {
-                return;
-            }
-            const { left, top } = ref.current.getBoundingClientRect();
-            const mouseX = event.clientX - left + offsetX;
-            const mouseY = event.clientY - top + offsetY;
-            const x = Math.floor(mouseX / colWidth) + 1;
-            const y = Math.floor(mouseY / rowHeight);
-            model.setMousePos(x, y);
-        }, onClick: event => {
-            if (!ref.current) {
-                return;
-            }
-            const { left, top } = ref.current.getBoundingClientRect();
-            const mouseX = event.clientX - left + offsetX;
-            const mouseY = event.clientY - top + offsetY;
-            const x = Math.floor(mouseX / colWidth) + 1;
-            const y = Math.floor(mouseY / rowHeight);
-            if (x === mouseClickCol && y === mouseClickRow) {
-                model.setMouseClickPos(undefined, undefined);
-            }
-            else {
-                model.setMouseClickPos(x, y);
-            }
-        }, onMouseLeave: () => model.setMousePos(), width: blockSize * highResScaleFactor, height: blockSize * highResScaleFactor, style: {
-            position: 'absolute',
-            top: scrollY + offsetY,
-            left: scrollX + offsetX,
-            width: blockSize,
-            height: blockSize,
-        } }));
-});
-export default MSABlock;
-//# sourceMappingURL=MSABlock.js.map

package/dist/components/MSAPanel/MSABlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MSABlock.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/MSABlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,SAAS;AACT,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAClC,KAAK,EACL,OAAO,EACP,OAAO,GAKR;IACC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAAa,EACb,kBAAkB,GACnB,GAAG,KAAK,CAAA;IACT,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,EACvC,CAAC,WAAW,EAAE,KAAK,CAAC,CACrB,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;QACzC,OAAO,GAAG;YACR,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACX,cAAc,CAAC;oBACb,GAAG;oBACH,KAAK;oBACL,OAAO;oBACP,OAAO;oBACP,cAAc;oBACd,KAAK;iBACN,CAAC,CAAA;YACJ,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAM;YACR,CAAC;YACD,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;YACzD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,GAAG,OAAO,CAAA;YAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,GAAG,GAAG,OAAO,CAAA;YAC5C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA;YAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;YACxC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACzB,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAM;YACR,CAAC;YACD,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;YACzD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,GAAG,OAAO,CAAA;YAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,GAAG,GAAG,OAAO,CAAA;YAC5C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAA;YAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;YACxC,IAAI,CAAC,KAAK,aAAa,IAAI,CAAC,KAAK,aAAa,EAAE,CAAC;gBAC/C,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;YAC9C,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,EACvC,KAAK,EAAE,SAAS,GAAG,kBAAkB,EACrC,MAAM,EAAE,SAAS,GAAG,kBAAkB,EACtC,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,OAAO,GAAG,OAAO;YACtB,IAAI,EAAE,OAAO,GAAG,OAAO;YACvB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB,GACD,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/components/MSAPanel/MSACanvas.d.ts

@@ -1,7 +0,0 @@
-import 'pixi.js/text-bitmap';
-import React from 'react';
-import { MsaViewModel } from '../../model';
-declare const MSACanvas: ({ model, }: {
-    model: MsaViewModel;
-}) => React.JSX.Element;
-export default MSACanvas;

package/dist/components/MSAPanel/MSACanvas.js

@@ -1,69 +0,0 @@
-import 'pixi.js/text-bitmap';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { observer } from 'mobx-react';
-import { ErrorMessage } from '@jbrowse/core/ui';
-import { useTheme } from '@mui/material';
-import { Application } from 'pixi.js';
-import { renderMSABlock } from './renderMSABlock';
-import { colorContrast } from '../../util';
-// Helper Component to ensure assets are loaded for docusaurus live examples
-const MSACanvas = observer(function MSACanvas2({ model, }) {
-    const { colorScheme, msaAreaWidth, height } = model;
-    const ref = useRef(null);
-    const [error, setError] = useState();
-    const theme = useTheme();
-    const contrastScheme = useMemo(() => colorContrast(colorScheme, theme), [colorScheme, theme]);
-    useEffect(() => {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        ;
-        (async () => {
-            try {
-                if (!ref.current) {
-                    return;
-                }
-                const app = new Application();
-                await app.init({
-                    width: msaAreaWidth,
-                    height,
-                    canvas: ref.current,
-                    resizeTo: ref.current,
-                });
-                const letters = [];
-                // for (const letter of 'ABCDEFGHIJKLMNOPQRSTUVWXYZ') {
-                //   const x = new BitmapText({
-                //     text: letter,
-                //     x: msaAreaWidth * Math.random(),
-                //     y: height * Math.random(),
-                //     style: {
-                //       fontFamily: 'Arial',
-                //       fontSize: 20,
-                //     },
-                //   })
-                //   letters.push(x)
-                //   app.stage.addChild(x)
-                // }
-                // Add a ticker callback to move the sprite back and forth
-                // app.ticker.add(ticker => {
-                //   for (const elt of letters) {
-                //     elt.updateTransform({
-                //       x: elt.x + (Math.random() - 0.5) * 1,
-                //       y: elt.y + (Math.random() - 0.5) * 1,
-                //     })
-                //   }
-                // })
-                renderMSABlock({ app, contrastScheme, theme, model });
-            }
-            catch (e) {
-                setError(e);
-                console.error(e);
-            }
-        })();
-    }, [height, model, theme, contrastScheme, msaAreaWidth]);
-    const e = error;
-    return e ? (React.createElement(ErrorMessage, { error: e })) : (React.createElement("canvas", { onWheel: event => {
-            model.setScrollX(model.scrollX - event.deltaX);
-            model.setScrollY(model.scrollY - event.deltaY);
-        }, width: msaAreaWidth, height: height, ref: ref }));
-});
-export default MSACanvas;
-//# sourceMappingURL=MSACanvas.js.map

package/dist/components/MSAPanel/MSACanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MSACanvas.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/MSACanvas.tsx"],"names":[],"mappings":"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"}

package/dist/components/MSAPanel/MSAMouseoverCanvas.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { MsaViewModel } from '../../model';
-declare const MSAMouseoverCanvas: ({ model, }: {
-    model: MsaViewModel;
-}) => React.JSX.Element;
-export default MSAMouseoverCanvas;

package/dist/components/MSAPanel/MSAMouseoverCanvas.js

@@ -1,27 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { observer } from 'mobx-react';
-import { autorun } from 'mobx';
-import { renderMouseover } from './renderMSAMouseover';
-const MSAMouseoverCanvas = observer(function ({ model, }) {
-    const ref = useRef(null);
-    const { height, width } = model;
-    useEffect(() => {
-        const ctx = ref.current?.getContext('2d');
-        return ctx
-            ? autorun(() => {
-                renderMouseover({ ctx, model });
-            })
-            : undefined;
-    }, [model]);
-    return (React.createElement("canvas", { ref: ref, id: "mouseover", width: width, height: height, style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width,
-            height,
-            zIndex: 1000,
-            pointerEvents: 'none',
-        } }));
-});
-export default MSAMouseoverCanvas;
-//# sourceMappingURL=MSAMouseoverCanvas.js.map

package/dist/components/MSAPanel/MSAMouseoverCanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MSAMouseoverCanvas.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/MSAMouseoverCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAI9B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,UAAU,EAC5C,KAAK,GAGN;IACC,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAC3C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;QACzC,OAAO,GAAG;YACR,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;gBACX,eAAe,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAA;YACjC,CAAC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK;YACL,MAAM;YACN,MAAM,EAAE,IAAI;YACZ,aAAa,EAAE,MAAM;SACtB,GACD,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,kBAAkB,CAAA"}

package/dist/components/MSAPanel/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { MsaViewModel } from '../../model';
-export default function MSAPanel({ model }: {
-    model: MsaViewModel;
-}): React.JSX.Element;

package/dist/components/MSAPanel/index.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import MSACanvas from './MSACanvas';
-import MSAMouseoverCanvas from './MSAMouseoverCanvas';
-export default function MSAPanel({ model }) {
-    return (React.createElement("div", { style: { position: 'relative' } },
-        React.createElement(MSACanvas, { model: model }),
-        React.createElement(MSAMouseoverCanvas, { model: model })));
-}
-//# sourceMappingURL=index.js.map

package/dist/components/MSAPanel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,KAAK,EAA2B;IACjE,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;QAClC,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI;QAC3B,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CAChC,CACP,CAAA;AACH,CAAC"}

package/dist/components/MSAPanel/renderMSABlock.d.ts

@@ -1,9 +0,0 @@
-import { MsaViewModel } from '../../model';
-import { Theme } from '@mui/material';
-import { Application } from 'pixi.js';
-export declare function renderMSABlock({ model, app, contrastScheme, theme, }: {
-    theme: Theme;
-    model: MsaViewModel;
-    contrastScheme: Record<string, string>;
-    app: Application;
-}): void;

package/dist/components/MSAPanel/renderMSABlock.js

@@ -1,89 +0,0 @@
-import { getClustalXColor, getPercentIdentityColor } from '../../colorSchemes';
-import { BitmapText } from 'pixi.js';
-export function renderMSABlock({ model, app, contrastScheme, theme, }) {
-    const { hierarchy, msaAreaWidth, scrollX, scrollY, colWidth, blockSize, height, rowHeight, highResScaleFactor, } = model;
-    const offsetX = scrollX;
-    const offsetY = scrollY;
-    const k = highResScaleFactor;
-    const bx = msaAreaWidth;
-    const by = height;
-    const leaves = hierarchy.leaves();
-    const yStart = Math.max(0, Math.floor((offsetY - rowHeight) / rowHeight));
-    const yEnd = Math.max(0, Math.ceil((offsetY + by + rowHeight) / rowHeight));
-    const xStart = Math.max(0, Math.floor(offsetX / colWidth));
-    const xEnd = Math.max(0, Math.ceil((offsetX + bx) / colWidth));
-    const visibleLeaves = leaves.slice(yStart, yEnd);
-    drawTiles({
-        model,
-        app,
-        theme,
-        offsetX,
-        offsetY,
-        xStart,
-        xEnd,
-        visibleLeaves,
-    });
-    drawText({
-        model,
-        app,
-        offsetX,
-        contrastScheme,
-        theme,
-        xStart,
-        xEnd,
-        visibleLeaves,
-    });
-}
-function drawTiles({ model, offsetX, app, visibleLeaves, theme, xStart, xEnd, }) {
-    const { bgColor, colorSchemeName, colorScheme, colStats, columns, colWidth, rowHeight, } = model;
-    for (const node of visibleLeaves) {
-        const { 
-        // @ts-expect-error
-        x: y, data: { name }, } = node;
-        const str = columns[name]?.slice(xStart, xEnd);
-        for (let i = 0; i < str?.length; i++) {
-            const letter = str[i];
-            const color = colorSchemeName === 'clustalx_protein_dynamic'
-                ? getClustalXColor(colStats[xStart + i], model, name, xStart + i)
-                : colorSchemeName === 'percent_identity_dynamic'
-                    ? getPercentIdentityColor(colStats[xStart + i], model, name, xStart + i)
-                    : colorScheme[letter.toUpperCase()];
-            if (bgColor) {
-                const x = i * colWidth + offsetX - (offsetX % colWidth);
-                // ctx.fillStyle = color || theme.palette.background.default
-                // ctx.fillRect(x, y - rowHeight, colWidth, rowHeight)
-            }
-        }
-    }
-}
-function drawText({ model, offsetX, contrastScheme, app, visibleLeaves, xStart, xEnd, }) {
-    const { bgColor, colorScheme, columns, colWidth, rowHeight } = model;
-    if (rowHeight >= 5 && colWidth > rowHeight / 2) {
-        for (const node of visibleLeaves) {
-            const { 
-            // @ts-expect-error
-            x: y, data: { name }, } = node;
-            const str = columns[name]?.slice(xStart, xEnd);
-            for (let i = 0; i < str?.length; i++) {
-                const letter = str[i];
-                const color = colorScheme[letter.toUpperCase()];
-                const contrast = contrastScheme[letter.toUpperCase()] || 'black';
-                const x = i * colWidth + offsetX - (offsetX % colWidth);
-                // note: -rowHeight/4 matches +rowHeight/4 in tree
-                // ctx.fillStyle = bgColor ? contrast : color || 'black'
-                // ctx.fillText(letter, x + colWidth / 2, y - rowHeight / 4)
-                const t = new BitmapText({
-                    text: letter,
-                    x,
-                    y,
-                    style: {
-                        fontFamily: 'Arial',
-                        fontSize: 20,
-                    },
-                });
-                app.stage.addChild(t);
-            }
-        }
-    }
-}
-//# sourceMappingURL=renderMSABlock.js.map

package/dist/components/MSAPanel/renderMSABlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderMSABlock.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSABlock.ts"],"names":[],"mappings":"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"}

package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.d.ts

@@ -1,9 +0,0 @@
-import { MsaViewModel } from '../../model';
-import { Theme } from '@mui/material';
-import { Application } from 'pixi.js';
-export declare function renderMSABlock({ model, app, contrastScheme, theme, }: {
-    theme: Theme;
-    model: MsaViewModel;
-    contrastScheme: Record<string, string>;
-    app: Application;
-}): void;

package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.js

@@ -1,89 +0,0 @@
-import { getClustalXColor, getPercentIdentityColor } from '../../colorSchemes';
-import { BitmapText } from 'pixi.js';
-export function renderMSABlock({ model, app, contrastScheme, theme, }) {
-    const { hierarchy, msaAreaWidth, scrollX, scrollY, colWidth, blockSize, height, rowHeight, highResScaleFactor, } = model;
-    const offsetX = scrollX;
-    const offsetY = scrollY;
-    const k = highResScaleFactor;
-    const bx = msaAreaWidth;
-    const by = height;
-    const leaves = hierarchy.leaves();
-    const yStart = Math.max(0, Math.floor((offsetY - rowHeight) / rowHeight));
-    const yEnd = Math.max(0, Math.ceil((offsetY + by + rowHeight) / rowHeight));
-    const xStart = Math.max(0, Math.floor(offsetX / colWidth));
-    const xEnd = Math.max(0, Math.ceil((offsetX + bx) / colWidth));
-    const visibleLeaves = leaves.slice(yStart, yEnd);
-    drawTiles({
-        model,
-        app,
-        theme,
-        offsetX,
-        offsetY,
-        xStart,
-        xEnd,
-        visibleLeaves,
-    });
-    drawText({
-        model,
-        app,
-        offsetX,
-        contrastScheme,
-        theme,
-        xStart,
-        xEnd,
-        visibleLeaves,
-    });
-}
-function drawTiles({ model, offsetX, app, visibleLeaves, theme, xStart, xEnd, }) {
-    const { bgColor, colorSchemeName, colorScheme, colStats, columns, colWidth, rowHeight, } = model;
-    for (const node of visibleLeaves) {
-        const { 
-        // @ts-expect-error
-        x: y, data: { name }, } = node;
-        const str = columns[name]?.slice(xStart, xEnd);
-        for (let i = 0; i < str?.length; i++) {
-            const letter = str[i];
-            const color = colorSchemeName === 'clustalx_protein_dynamic'
-                ? getClustalXColor(colStats[xStart + i], model, name, xStart + i)
-                : colorSchemeName === 'percent_identity_dynamic'
-                    ? getPercentIdentityColor(colStats[xStart + i], model, name, xStart + i)
-                    : colorScheme[letter.toUpperCase()];
-            if (bgColor) {
-                const x = i * colWidth + offsetX - (offsetX % colWidth);
-                // ctx.fillStyle = color || theme.palette.background.default
-                // ctx.fillRect(x, y - rowHeight, colWidth, rowHeight)
-            }
-        }
-    }
-}
-function drawText({ model, offsetX, contrastScheme, app, visibleLeaves, xStart, xEnd, }) {
-    const { bgColor, colorScheme, columns, colWidth, rowHeight } = model;
-    if (rowHeight >= 5 && colWidth > rowHeight / 2) {
-        for (const node of visibleLeaves) {
-            const { 
-            // @ts-expect-error
-            x: y, data: { name }, } = node;
-            const str = columns[name]?.slice(xStart, xEnd);
-            for (let i = 0; i < str?.length; i++) {
-                const letter = str[i];
-                const color = colorScheme[letter.toUpperCase()];
-                const contrast = contrastScheme[letter.toUpperCase()] || 'black';
-                const x = i * colWidth + offsetX - (offsetX % colWidth);
-                // note: -rowHeight/4 matches +rowHeight/4 in tree
-                // ctx.fillStyle = bgColor ? contrast : color || 'black'
-                // ctx.fillText(letter, x + colWidth / 2, y - rowHeight / 4)
-                const t = new BitmapText({
-                    text: letter,
-                    x,
-                    y,
-                    style: {
-                        fontFamily: 'Arial',
-                        fontSize: 20,
-                    },
-                });
-                app.stage.addChild(t);
-            }
-        }
-    }
-}
-//# sourceMappingURL=renderMSABlock_BACKUP_139826.js.map

package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderMSABlock_BACKUP_139826.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSABlock_BACKUP_139826.ts"],"names":[],"mappings":"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"}

package/dist/components/MSAPanel/renderMSABlock_BASE_139826.d.ts

@@ -1,13 +0,0 @@
-import { MsaViewModel } from '../../model';
-import { Theme } from '@mui/material';
-export declare function renderMSABlock({ model, offsetX, offsetY, contrastScheme, ctx, theme, highResScaleFactorOverride, blockSizeXOverride, blockSizeYOverride, }: {
-    offsetX: number;
-    offsetY: number;
-    theme: Theme;
-    model: MsaViewModel;
-    contrastScheme: Record<string, string>;
-    ctx: CanvasRenderingContext2D;
-    highResScaleFactorOverride?: number;
-    blockSizeXOverride?: number;
-    blockSizeYOverride?: number;
-}): void;