merge

Author: lunarych

web/apps/labelstudio/src/app/App.jsx

@@ -37,7 +37,7 @@ const queryClient = new QueryClient({
 });
 
 const browserHistory = createBrowserHistory({
-  basename: baseURL.pathname || "/",
+  basename: "/label-studio",
   // callback is an async way to confirm or decline going to another page in the context of routing. It accepts `true` or `false`
   getUserConfirmation: (message, callback) => {
     // `history.block` doesn't block events, so in the case of listeners,

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

@@ -29,7 +29,7 @@ export const Dragon = observer(
 
         const tileSize = imageElement.getAttribute("TileSize");
         const width = sizeElement.getAttribute("Width");
-        const height = sizeElement.getAttribute('Height')
+        const height = sizeElement.getAttribute('Height');
         viewer = drawSeaDragon(imageEntity.src, width -0,height-0,tileSize-0);
       })
 

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

@@ -40,7 +40,9 @@ export const drawSeaDragon = (src: any, width: any, height: any, tileSize: any)=
         prefixUrl: "/static/images/",
         showNavigator: true,
         showRotationControl: true,
-        animationTime: 0.5,
+        animationTime: 2,
+        imageLoaderLimit: 6,
+        springStiffness: 3,
         blendTime: 0.1,
         constrainDuringPan: true,
         maxZoomPixelRatio: 2,

web/webpack.config.js

@@ -94,7 +94,7 @@ module.exports = composePlugins(
       config.output = {
         ...config.output,
         uniqueName: "labelstudio",
-        publicPath: isDevelopment && FRONTEND_HOSTNAME ? `${FRONTEND_HOSTNAME}/react-app/` : "auto",
+        publicPath: isDevelopment && FRONTEND_HOSTNAME ? `${FRONTEND_HOSTNAME}/react-app/` : "/label-studio",
         scriptType: "text/javascript",
       };