visualizer-on-tabs 2.0.1 → 2.1.0

package/README.md

@@ -16,6 +16,9 @@ Example: https://github.com/cheminfo/cheminfo-server-setup/blob/master/doc/on-ta
 const config = {
   // Title of the single page app
   title: 'My app',
+  // Key used to store open tabs and other information in localStorage.
+  // If you have multiple instances of visualizer-on-tabs on the same domain, use this to have separate namespaces in local storage.
+  storageNamespace: 'prefix-key',
   // Roc login configuration. Don't set or set to false to disable login
   rocLogin: {
     // URL of the rest-on-couch server
@@ -56,6 +59,7 @@ const config = {
   // See https://github.com/cheminfo/react-visualizer
   visualizer: {
     loadversion: 'exact',
+    queryType: 'query', // 'fragment' or 'query'
     fallbackVersion: 'latest',
     cdn: 'https://www.lactame.com/visualizer',
     // Can be a URL string or an object

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visualizer-on-tabs",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "visualizer-on-tabs webpack builder",
   "type": "module",
   "exports": {
@@ -31,7 +31,7 @@
     "@babel/core": "^7.29.0",
     "@babel/preset-env": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
-    "babel-loader": "^10.0.0",
+    "babel-loader": "^10.1.1",
     "bootstrap": "^5.3.8",
     "iframe-bridge": "^3.0.2",
     "lockr": "^0.8.5",
@@ -39,8 +39,8 @@
     "react": "^18.3.1",
     "react-bootstrap": "^3.0.0-beta.3",
     "react-dom": "^18.3.1",
-    "react-visualizer": "^5.3.0",
-    "webpack": "^5.105.2"
+    "react-visualizer": "^5.4.0",
+    "webpack": "^5.105.4"
   },
   "devDependencies": {
     "eslint": "^9.39.2",

package/src/components/App.js

@@ -6,8 +6,7 @@ import Tab from 'react-bootstrap/Tab';
 import BTabs from 'react-bootstrap/Tabs';
 import { Visualizer } from 'react-visualizer';
 
-import { getConfig } from '../config/config.js';
-import customConfig from '../config/custom.json' with { type: 'json' };
+import config from '../config/config.js';
 import Tabs from '../main/Tabs.js';
 import iframeMessageHandler from '../main/iframeMessageHandler.js';
 import * as tabStorage from '../main/tabStorage.js';
@@ -16,7 +15,6 @@ import { rewriteURL } from '../util.js';
 import Login from './Login.js';
 import TabTitle from './TabTitle.js';
 
-const config = getConfig(customConfig);
 let tabInit = Promise.resolve();
 let currentIframe;
 
@@ -323,6 +321,8 @@ class App extends React.Component {
             <Visualizer
               url="visualizer.html"
               viewURL={view.rewrittenUrl || view.url}
+              // The query type passed here should be the same as the one passed to makeVisualizerPage
+              queryType={config.visualizer?.queryType}
               style={iframeStyle}
             />
           );

package/src/config/config.js

@@ -1,16 +1,16 @@
+import customConfig from './custom.json' with { type: 'json' };
 import defaultVisualizerConfig from './visualizer.js';
 
-export function getConfig(customConfig) {
-  const config = {
-    ...customConfig,
-    visualizer: {
-      ...defaultVisualizerConfig,
-      ...customConfig?.visualizer,
-    },
-  };
-  if (config.rocLogin && config.rocLogin.url) {
-    // Remove trailing slash
-    config.rocLogin.url = config.rocLogin.url.replace(/\/$/, '');
-  }
-  return config;
+const config = {
+  ...customConfig,
+  visualizer: {
+    ...defaultVisualizerConfig,
+    ...customConfig?.visualizer,
+  },
+};
+if (config.rocLogin && config.rocLogin.url) {
+  // Remove trailing slash
+  config.rocLogin.url = config.rocLogin.url.replace(/\/$/, '');
 }
+
+export default config;

package/src/main/tabStorage.js

@@ -1,10 +1,15 @@
 import lockr from 'lockr';
 
+import config from '../config/config.js';
+
 import { version } from './constants.js';
 
-const LOCAL_STORAGE_TAB_DATA = 'vweb-';
-const LOCAL_STORAGE_TAB_IDS = 'vweb1-tab-ids';
-const LOCAL_STORAGE_LAST_TAB = 'vweb1-selected-tab';
+const storageNamespace = config.storageNamespace
+  ? `${config.storageNamespace}/`
+  : '';
+const LOCAL_STORAGE_TAB_DATA = `${storageNamespace}vweb-`;
+const LOCAL_STORAGE_TAB_IDS = `${storageNamespace}vweb1-tab-ids`;
+const LOCAL_STORAGE_LAST_TAB = `${storageNamespace}vweb1-selected-tab`;
 
 const storage = {};