修复图片预览问题

Author: lunarych

web/apps/labelstudio/src/components/Menubar/Menubar.jsx

@@ -192,34 +192,6 @@ export const Menubar = ({ enabled, defaultOpened, defaultPinned, children, onSid
 
                 <Menu.Spacer />
 
-                <VersionNotifier showNewVersion />
-
-                <Menu.Item
-                  label="API"
-                  href="https://api.labelstud.io/api-reference/introduction/getting-started"
-                  icon={<IconTerminal />}
-                  target="_blank"
-                />
-                <Menu.Item label="Docs" href="https://labelstud.io/guide" icon={<IconBook />} target="_blank" />
-                <Menu.Item
-                  label="GitHub"
-                  href="https://github.com/HumanSignal/label-studio"
-                  icon={<LsGitHub />}
-                  target="_blank"
-                  rel="noreferrer"
-                />
-                <Menu.Item
-                  label="Slack Community"
-                  href="https://slack.labelstud.io/?source=product-menu"
-                  icon={<LsSlack />}
-                  target="_blank"
-                  rel="noreferrer"
-                />
-
-                <VersionNotifier showCurrentVersion />
-
-                <Menu.Divider />
-
                 <Menu.Item
                   icon={<IconPin />}
                   className={sidebarClass.elem("pin")}

web/libs/datamanager/src/components/CellViews/ImageCell.jsx

@@ -20,6 +20,7 @@ export const ImageCell = (column) => {
   if (!imgSrc) return null;
 
   const getImageSrc = (src) => {
+    const data = ['.svs', '.csp', '.kfb', '.sdpc', '.tiff', '.ndpi', '.scn', '.mrxs', '.svslide', '.bif']
     if (data.some(key => src?.includes(key))) {
       return `${src}&level=6&col=0&row=0`;
     }

web/libs/editor/src/components/ImageView/ImageView.jsx

@@ -923,7 +923,7 @@ export default observer(
         }
         const data = ['.svs', '.csp','.sdpc', 'tiff', '.ndpi', '.scn', '.mrxs', '.bif','.svslide']
         return !data.some(key => src?.includes(key));
-      }
+      }      
       return (
         (!isDragon(item?.currentImageEntity?.src) ? <>
               <>

web/libs/editor/src/components/ImageView/setOpenSeaDragon.ts

@@ -1,7 +1,7 @@
 let viewer: any = null;
 
 export const drawSeaDragon = (src: any, width: any, height: any, tileSize: any)=> {
-  const OpenSeaDragon = (window as any)?.OpenSeaDragon;
+  const OpenSeaDragon = (window as any)?.OpenSeadragon;
   const container = document.querySelector('#img-mem-view');
   if (!src || !height || !width || !tileSize) {
     return;
@@ -23,7 +23,7 @@ export const drawSeaDragon = (src: any, width: any, height: any, tileSize: any)=
   }
 
   if (container && !viewer && OpenSeaDragon) {
-    viewer = new OpenSeadragon({
+    viewer = new OpenSeaDragon({
         id: "img-mem-view",
         tileSources: [
           {