@jbrowse/plugin-linear-genome-view 4.2.0 → 4.2.1

package/esm/BaseLinearDisplay/components/FloatingLabels.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getContainingView } from '@jbrowse/core/util';
 import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { observer } from 'mobx-react';
@@ -25,12 +24,6 @@ const useStyles = makeStyles()({
         lineHeight: 1,
     },
 });
-const FixedLabel = memo(function FixedLabel({ text, color, isOverlay, featureLeftPx, featureId, subfeatureId, y, tooltip, labelClass, overlayClass, }) {
-    return (_jsx("div", { "data-feature-id": featureId, "data-subfeature-id": subfeatureId, "data-tooltip": tooltip, className: isOverlay ? `${labelClass} ${overlayClass}` : labelClass, style: {
-            color,
-            transform: `translate(calc(${featureLeftPx}px - var(--offset-px)), ${y}px)`,
-        }, children: text }));
-});
 function FloatingLabel({ text, color, isOverlay, featureLeftPx, featureRightPx, featureId, subfeatureId, labelWidth, y, offsetPx, tooltip, labelClass, overlayClass, }) {
     const x = calculateFloatingLabelPosition(featureLeftPx, featureRightPx, labelWidth, offsetPx);
     return (_jsx("div", { "data-feature-id": featureId, "data-subfeature-id": subfeatureId, "data-tooltip": tooltip, className: isOverlay ? `${labelClass} ${overlayClass}` : labelClass, style: { color, transform: `translate(${x}px,${y}px)` }, children: text }));
@@ -41,8 +34,7 @@ const FloatingLabels = observer(function FloatingLabels({ model, }) {
     const { offsetPx } = view;
     const featureLabels = model.floatingLabelData;
     const { onFeatureClick, onFeatureContextMenu, onMouseMove } = model.renderingProps();
-    const fixedLabels = [];
-    const floatingLabels = [];
+    const labels = [];
     for (const [key, { leftPx, topPx, totalFeatureHeight, floatingLabels: labelData, featureWidth, },] of featureLabels.entries()) {
         const featureVisualBottom = topPx + totalFeatureHeight;
         const featureRightPx = leftPx + featureWidth;
@@ -52,15 +44,10 @@ const FloatingLabels = observer(function FloatingLabels({ model, }) {
             const y = featureVisualBottom + relativeY;
             const labelKey = `${key}-${i}`;
             const featureId = parentFeatureId ?? key;
-            if (labelWidth > featureWidth) {
-                fixedLabels.push(_jsx(FixedLabel, { text: text, color: color, isOverlay: isOverlay ?? false, featureLeftPx: leftPx, featureId: featureId, subfeatureId: subfeatureId, y: y, tooltip: tooltip, labelClass: classes.label, overlayClass: classes.overlay }, labelKey));
-            }
-            else {
-                floatingLabels.push(_jsx(FloatingLabel, { text: text, color: color, isOverlay: isOverlay ?? false, featureLeftPx: leftPx, featureRightPx: featureRightPx, featureId: featureId, subfeatureId: subfeatureId, labelWidth: labelWidth, y: y, offsetPx: offsetPx, tooltip: tooltip, labelClass: classes.label, overlayClass: classes.overlay }, labelKey));
-            }
+            labels.push(_jsx(FloatingLabel, { text: text, color: color, isOverlay: isOverlay ?? false, featureLeftPx: leftPx, featureRightPx: featureRightPx, featureId: featureId, subfeatureId: subfeatureId, labelWidth: labelWidth, y: y, offsetPx: offsetPx, tooltip: tooltip, labelClass: classes.label, overlayClass: classes.overlay }, labelKey));
         }
     }
-    return (_jsxs("div", { className: classes.container, style: { '--offset-px': `${offsetPx}px` }, onClick: e => {
+    return (_jsx("div", { className: classes.container, onClick: e => {
             const target = e.target;
             const subfeatureId = target.dataset.subfeatureId;
             const featureId = subfeatureId ?? target.dataset.featureId;
@@ -83,6 +70,6 @@ const FloatingLabels = observer(function FloatingLabels({ model, }) {
                 onMouseMove?.(e, featureId, tooltip);
                 model.setSubfeatureIdUnderMouse(subfeatureId);
             }
-        }, children: [fixedLabels, floatingLabels] }));
+        }, children: labels }));
 });
 export default FloatingLabels;

package/esm/BaseLinearDisplay/components/util.js

@@ -80,10 +80,11 @@ export function deduplicateFeatureLabels(layoutFeatures, view, assembly, bpPerPx
         if (leftPx === undefined) {
             continue;
         }
+        const floorLeftPx = Math.floor(leftPx);
         const existing = featureLabels.get(key);
-        if (!existing || leftPx < existing.leftPx) {
+        if (!existing || floorLeftPx < existing.leftPx) {
             featureLabels.set(key, {
-                leftPx,
+                leftPx: floorLeftPx,
                 topPx: effectiveTopPx,
                 totalFeatureHeight,
                 floatingLabels,
@@ -96,11 +97,11 @@ export function deduplicateFeatureLabels(layoutFeatures, view, assembly, bpPerPx
 export function calculateFloatingLabelPosition(featureLeftPx, featureRightPx, labelWidth, offsetPx) {
     const featureWidth = featureRightPx - featureLeftPx;
     if (labelWidth > featureWidth) {
-        return featureLeftPx - offsetPx;
+        return Math.round(featureLeftPx - offsetPx);
     }
     const viewportLeft = Math.max(0, offsetPx);
     const leftPx = Math.max(featureLeftPx, viewportLeft);
     const naturalX = leftPx - offsetPx;
     const maxX = featureRightPx - offsetPx - labelWidth;
-    return clamp(naturalX, 0, maxX);
+    return Math.round(clamp(naturalX, 0, maxX));
 }

package/esm/LinearGenomeView/afterAttach.js

@@ -20,7 +20,14 @@ export function setupInitAutorun(self) {
             }
             try {
                 if (init.loc) {
-                    await self.navToLocString(init.loc, init.assembly);
+                    const asm = await assemblyManager.waitForAssembly(init.assembly);
+                    if (!asm) {
+                        throw new Error('Assembly not found');
+                    }
+                    await self.navToSearchString({
+                        input: init.loc,
+                        assembly: asm,
+                    });
                 }
                 else {
                     self.showAllRegionsInAssembly(init.assembly);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "type": "module",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
@@ -29,8 +29,8 @@
     "file-saver-es": "^2.0.5",
     "mobx": "^6.15.0",
     "mobx-react": "^9.2.1",
-    "@jbrowse/core": "^4.2.0",
-    "@jbrowse/product-core": "^4.2.0"
+    "@jbrowse/core": "^4.2.1",
+    "@jbrowse/product-core": "^4.2.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0",