[Refactor Flask II] Break up top-level

prettier.config.js

@@ -1,16 +1,16 @@
 module.exports = {
-    arrowParens: "always",
-    bracketSameLine: false,
-    bracketSpacing: true,
-    embeddedLanguageFormatting: "auto",
-    endOfLine: "auto",
-    htmlWhitespaceSensitivity: "css",
-    printWidth: 120, // to match black
-    quoteProps: "as-needed",
-    semi: true,
-    singleQuote: false,
-    tabWidth: 4, // to match Python
-    trailingComma: "es5",
-    useTabs: false,
-    vueIndentScriptAndStyle: false,
+  arrowParens: "always",
+  bracketSameLine: false,
+  bracketSpacing: true,
+  embeddedLanguageFormatting: "auto",
+  endOfLine: "crlf",
+  htmlWhitespaceSensitivity: "css",
+  printWidth: 120, // to match black
+  quoteProps: "as-needed",
+  semi: true,
+  singleQuote: false,
+  tabWidth: 4, // to match Python
+  trailingComma: "es5",
+  useTabs: false,
+  vueIndentScriptAndStyle: false,
 };

src/electron/renderer/src/server/globals.ts

@@ -56,7 +56,7 @@ export const activateServer = () => {
 export const serverGlobals = {
     species: new Promise((res, rej) => {
       onServerOpen(() => {
-        fetch(new URL("get-recommended-species", baseUrl))
+        fetch(new URL("dandi/get-recommended-species", baseUrl))
           .then((res) => res.json())
           .then((species) => {
             res(species)
@@ -67,7 +67,7 @@ export const serverGlobals = {
     }),
     cpus: new Promise((res, rej) => {
       onServerOpen(() => {
-        fetch(new URL("cpus", baseUrl))
+        fetch(new URL("system/cpus", baseUrl))
           .then((res) => res.json())
           .then((cpus) => {
             res(cpus)

src/electron/renderer/src/stories/pages/preview/PreviewPage.js

@@ -6,51 +6,56 @@ import { Neurosift } from "../../preview/Neurosift.js";
 import { baseUrl } from "../../../server/globals";
 
 export class PreviewPage extends Page {
-    header = {
-        title: "NWB File Exploration",
-        subtitle: "Visualize your NWB file using Neurosift.",
-    };
-
-    constructor(...args) {
-        super(...args);
-        this.style.height = "100%"; // Fix main section
+  header = {
+    title: "NWB File Exploration",
+    subtitle: "Visualize your NWB file using Neurosift.",
+  };
+
+  constructor(...args) {
+    super(...args);
+    this.style.height = "100%"; // Fix main section
+  }
+
+  updatePath = async (path) => {
+    if (path) {
+      const result = await fetch(`${baseUrl}/neurosift/files/${path}`, {
+        method: "POST",
+      }).then((res) => res.text());
+      if (result) this.neurosift.url = result;
+    } else this.neurosift.url = undefined;
+  };
+
+  neurosift = new Neurosift();
+
+  input = new JSONSchemaInput({
+    path: ["file_path"],
+    schema: {
+      type: "string",
+      format: "file",
+      description:
+        "Please provide a file path that you'd like to visualize using Neurosift. The GUIDE will serve this file and access the appropriate URL automatically.",
+    },
+    onUpdate: this.updatePath,
+    onThrow,
+  });
+
+  render() {
+    const urlFilePath = new URL(document.location).searchParams.get("file");
+
+    if (urlFilePath) {
+      this.updatePath(urlFilePath);
+      this.input.value = urlFilePath;
     }
 
-    updatePath = async (path) => {
-        if (path) {
-            const result = await fetch(`${baseUrl}/files/${path}`, { method: "POST" }).then((res) => res.text());
-            if (result) this.neurosift.url = result;
-        } else this.neurosift.url = undefined;
-    };
-
-    neurosift = new Neurosift();
-
-    input = new JSONSchemaInput({
-        path: ["file_path"],
-        schema: {
-            type: "string",
-            format: "file",
-            description:
-                "Please provide a file path that you'd like to visualize using Neurosift. The GUIDE will serve this file and access the appropriate URL automatically.",
-        },
-        onUpdate: this.updatePath,
-        onThrow,
-    });
-
-    render() {
-        const urlFilePath = new URL(document.location).searchParams.get("file");
-
-        if (urlFilePath) {
-            this.updatePath(urlFilePath);
-            this.input.value = urlFilePath;
-        }
-
-        return html`
-            <div style="display: grid; width: 100%; height: 100%; grid-template-rows: min-content 1fr; gap: 10px;">
-                ${this.input} ${this.neurosift}
-            </div>
-        `;
-    }
+    return html`
+      <div
+        style="display: grid; width: 100%; height: 100%; grid-template-rows: min-content 1fr; gap: 10px;"
+      >
+        ${this.input} ${this.neurosift}
+      </div>
+    `;
+  }
 }
 
-customElements.get("nwbguide-preview-page") || customElements.define("nwbguide-preview-page", PreviewPage);
+customElements.get("nwbguide-preview-page") ||
+  customElements.define("nwbguide-preview-page", PreviewPage);