remove calls to brainbox website in storybook

Author: ntraut

.eslintignore

@@ -1,2 +1,3 @@
 /dist/
-/storybook-static/
+/storybook-static/
+!.storybook

.storybook/main.js

@@ -1,17 +1,17 @@
 /** @type { import('@storybook/vue3-vite').StorybookConfig } */
 const config = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions'
   ],
   framework: {
-    name: "@storybook/vue3-vite",
-    options: {},
+    name: '@storybook/vue3-vite',
+    options: {}
   },
   docs: {
-    autodocs: "tag",
-  },
+    autodocs: 'tag'
+  }
 };
 export default config;

.storybook/preview-head.html

@@ -1,43 +1,51 @@
-import Wrapper from "@/components/layout/Wrapper.vue";
+import brainboxLogo from '@/assets/brainbox-logo-small_noFont.svg';
+import Wrapper from '@/components/layout/Wrapper.vue';
+import '@fontsource/roboto/100.css';
 
 export default {
-  decorators: [() => {
-    return {
+  decorators: [
+    () => ({
       components: { Wrapper },
-      template: "<Wrapper><story/></Wrapper>",
+      template: '<Wrapper><story/></Wrapper>',
       provide: {
         config: {
-          siteName: "BrainBox",
-          baseURL: "https://brainbox.pasteur.fr",
-          logoURL:
-            "https://brainbox.pasteur.fr/img/brainbox-logo-small_noFont.svg",
-          githubURL: "https://github.com/neuroanatomy/BrainBox",
-          issuesURL: "https://github.com/neuroanatomy/BrainBox/issues/new",
-          searchURL: "https://openneurolab.github.io/metasearch",
-          docURL: "https://github.com/neuroanatomy/BrainBox",
-          userSearchURL: 'https://brainbox.pasteur.fr/api/userNameQuery?q=',
-          fetchLabelSets: async () => {
-            return (await (await fetch(`https://brainbox.pasteur.fr/api/getLabelsets`)).json())
-          },
+          siteName: 'BrainBox',
+          baseURL: window.location.protocol + '//' + window.location.host,
+          logoURL: brainboxLogo,
+          githubURL: 'https://github.com/neuroanatomy/BrainBox',
+          issuesURL: 'https://github.com/neuroanatomy/BrainBox/issues/new',
+          searchURL: 'https://openneurolab.github.io/metasearch',
+          docURL: 'https://github.com/neuroanatomy/BrainBox',
+          userSearchURL: '/api/userNameQuery?q=',
+          fetchLabelSets: () => ([
+            {'name': 'Axolotl: 80 regions', 'source': 'axolotl_labels.json'},
+            {'name': 'Axolotl: 12 structures', 'source': 'axolotl_structures.json'},
+            {'name': 'Cerebellum: 28 segments', 'source': 'cerebellum.json'},
+            {'name': 'Cerebrum', 'source': 'cerebrum.json'},
+            {'name': 'Corpus Callosum: 5 segments', 'source': 'corpus_callosum.json'},
+            {'name': 'Ferret 50 Regions', 'source': 'ferret50.json'},
+            {'name': 'Foreground', 'source': 'foreground.json'},
+            {'name': '10 regions', 'source': 'freestyle.json'}
+          ]),
           annotationTypes: ['text', 'volume'],
-          usernameField: 'username',
+          usernameField: 'username'
         },
         user: {
-          username: "dhovart",
-        },
-      },
-    };
-  }]
-}
+          username: 'dhovart'
+        }
+      }
+    })
+  ]
+};
 
 export const parameters = {
   backgrounds: {
-    default: "black",
+    default: 'black',
     values: [
       {
-        name: "black",
-        value: "#222",
-      },
-    ],
-  },
+        name: 'black',
+        value: '#222'
+      }
+    ]
+  }
 };

.storybook/preview.js

@@ -1,6 +1,6 @@
 {
   "name": "nwl-components",
-  "version": "1.3.17",
+  "version": "1.3.18",
   "files": [
     "dist"
   ],
@@ -38,6 +38,7 @@
   "devDependencies": {
     "@babel/core": "^7.17.4",
     "@faker-js/faker": "^6.0.0-alpha.6",
+    "@fontsource/roboto": "^5.2.6",
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-interactions": "^7.6.19",
     "@storybook/addon-links": "^7.6.19",

package-lock.json

@@ -235,7 +235,7 @@ onMounted(() => {
 
   const areaObserver = new ResizeObserver(() => {
     requestAnimationFrame(() => {
-      areaRect.value = area.value.getBoundingClientRect();
+      areaRect.value = area.value?.getBoundingClientRect();
     });
   });
   areaObserver.observe(area.value);