Merge pull request #8 from wavetermdev/evan/fix-formatting

Fix prettier formatting

.editorconfig

@@ -6,5 +6,5 @@ insert_final_newline = true
 
 [*.{js,jsx,ts,tsx,json,yml,css,less}]
 charset = utf-8
-indent_style = tab
+indent_style = space
 indent_size = 4

.storybook/global.css

@@ -1,17 +1,17 @@
 body {
-	height: 100vh;
-	padding: 0;
+    height: 100vh;
+    padding: 0;
 }
 
 #storybook-root {
-	height: 100%;
+    height: 100%;
 }
 
 .grid-item {
-	background-color: aquamarine;
-	border: 1px black solid;
+    background-color: aquamarine;
+    border: 1px black solid;
 
-	&.react-grid-placeholder {
-		background-color: orange;
-	}
+    &.react-grid-placeholder {
+        background-color: orange;
+    }
 }

.storybook/main.ts

@@ -1,21 +1,21 @@
 import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
-	stories: ["../lib/**/*.mdx", "../lib/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-	addons: [
-		"@storybook/addon-links",
-		"@storybook/addon-essentials",
-		"@chromatic-com/storybook",
-		"@storybook/addon-interactions",
-	],
-	framework: {
-		name: "@storybook/react-vite",
-		options: {},
-	},
-	docs: {
-		autodocs: "tag",
-	},
-	managerHead: (head) => `
+    stories: ["../lib/**/*.mdx", "../lib/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+    addons: [
+        "@storybook/addon-links",
+        "@storybook/addon-essentials",
+        "@chromatic-com/storybook",
+        "@storybook/addon-interactions",
+    ],
+    framework: {
+        name: "@storybook/react-vite",
+        options: {},
+    },
+    docs: {
+        autodocs: "tag",
+    },
+    managerHead: (head) => `
         ${head}
         <meta name="robots" content="noindex" />
         `,

.storybook/preview.tsx

@@ -7,21 +7,21 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import "./global.css";
 
 const preview: Preview = {
-	parameters: {
-		controls: {
-			matchers: {
-				color: /(background|color)$/i,
-				date: /Date$/i,
-			},
-		},
-	},
-	decorators: [
-		(Story) => (
-			<DndProvider backend={HTML5Backend}>
-				<Story />
-			</DndProvider>
-		),
-	],
+    parameters: {
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i,
+            },
+        },
+    },
+    decorators: [
+        (Story) => (
+            <DndProvider backend={HTML5Backend}>
+                <Story />
+            </DndProvider>
+        ),
+    ],
 };
 
 export default preview;

.vscode/extensions.json

@@ -1,9 +1,9 @@
 {
-	"recommendations": [
-		"esbenp.prettier-vscode",
-		"golang.go",
-		"dbaeumer.vscode-eslint",
-		"vitest.explorer",
-		"task.vscode-task"
-	]
+    "recommendations": [
+        "esbenp.prettier-vscode",
+        "golang.go",
+        "dbaeumer.vscode-eslint",
+        "vitest.explorer",
+        "task.vscode-task"
+    ]
 }

.vscode/settings.json

@@ -1,10 +1,10 @@
 {
     "editor.formatOnSave": true,
-	"editor.detectIndentation": false,
-	"editor.formatOnPaste": true,
-	"editor.tabSize": 4,
-	"editor.insertSpaces": false,
-	"prettier.useEditorConfig": true,
+    "editor.detectIndentation": false,
+    "editor.formatOnPaste": true,
+    "editor.tabSize": 4,
+    "editor.insertSpaces": false,
+    "prettier.useEditorConfig": true,
     "[javascript]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },

.yarnrc.yml

@@ -1 +1 @@
-nodeLinker: node-modules
+nodeLinker: node-modules

eslint.config.js

@@ -1,12 +1,7 @@
 // @ts-check
 
-import eslint from '@eslint/js';
-import tseslint from 'typescript-eslint';
-import eslintConfigPrettier from 'eslint-config-prettier';
+import eslint from "@eslint/js";
+import eslintConfigPrettier from "eslint-config-prettier";
+import tseslint from "typescript-eslint";
 
-export default
-	tseslint.config(
-		eslint.configs.recommended,
-		...tseslint.configs.recommended,
-		eslintConfigPrettier
-	);
+export default tseslint.config(eslint.configs.recommended, ...tseslint.configs.recommended, eslintConfigPrettier);

frontend/app/app.tsx

@@ -1,12 +1,10 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
+import { Workspace } from "@/app/workspace/workspace";
+import { atoms, globalStore } from "@/store/global";
 import * as jotai from "jotai";
 import { Provider } from "jotai";
-import { clsx } from "clsx";
-import { Workspace } from "@/app/workspace/workspace";
-import { globalStore, atoms } from "@/store/global";
 
 import "../../public/style.less";
 import { CenteredDiv } from "./element/quickelems";

frontend/app/block/block.tsx

@@ -1,13 +1,12 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
-import * as jotai from "jotai";
-import * as WOS from "@/store/wos";
-import { TerminalView } from "@/app/view/term";
-import { PreviewView } from "@/app/view/preview";
 import { PlotView } from "@/app/view/plotview";
+import { PreviewView } from "@/app/view/preview";
+import { TerminalView } from "@/app/view/term";
 import { CenteredDiv } from "@/element/quickelems";
+import * as WOS from "@/store/wos";
+import * as React from "react";
 
 import "./block.less";
 

frontend/app/element/button.tsx

@@ -1,8 +1,8 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
 import { clsx } from "clsx";
+import * as React from "react";
 
 import "./button.less";
 

frontend/app/element/directorytable.tsx

@@ -1,9 +1,9 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import React from "react";
-import { createColumnHelper, flexRender, getCoreRowModel, useReactTable, Table } from "@tanstack/react-table";
 import { FileInfo } from "@/bindings/fileservice";
+import { Table, createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import React from "react";
 
 import "./directorytable.less";
 

frontend/app/element/markdown.tsx

@@ -1,10 +1,9 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
+import { clsx } from "clsx";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { clsx } from "clsx";
 
 import "./markdown.less";
 

frontend/app/element/modal.tsx

@@ -1,8 +1,8 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import React from "react";
 import { Button } from "@/element/button";
+import React from "react";
 
 import "./modal.less";
 

frontend/app/store/global.ts

@@ -1,9 +1,9 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
+import { Events } from "@wailsio/runtime";
 import * as jotai from "jotai";
 import * as rxjs from "rxjs";
-import { Events } from "@wailsio/runtime";
 import * as WOS from "./wos";
 
 const globalStore = jotai.createStore();
@@ -107,4 +107,4 @@ function useBlockAtom<T>(blockId: string, name: string, makeFn: () => jotai.Atom
     return atom as jotai.Atom<T>;
 }
 
-export { globalStore, atoms, getBlockSubject, useBlockAtom, WOS };
+export { WOS, atoms, getBlockSubject, globalStore, useBlockAtom };

frontend/app/store/wos.ts

@@ -3,11 +3,10 @@
 
 // WaveObjectStore
 
-import * as React from "react";
+import { Call as $Call, Events } from "@wailsio/runtime";
 import * as jotai from "jotai";
-import { Events } from "@wailsio/runtime";
-import { Call as $Call } from "@wailsio/runtime";
-import { globalStore, atoms } from "./global";
+import * as React from "react";
+import { atoms, globalStore } from "./global";
 
 type WaveObjectDataItemType<T extends WaveObj> = {
     value: T;
@@ -274,14 +273,14 @@ export function CloseTab(tabId: string): Promise<void> {
 }
 
 export {
+    cleanWaveObjectCache,
+    clearWaveObjectCache,
+    getStaticObjectValue,
+    loadAndPinWaveObject,
     makeORef,
+    updateWaveObject,
+    updateWaveObjects,
     useWaveObject,
     useWaveObjectValue,
     useWaveObjectValueWithSuspense,
-    loadAndPinWaveObject,
-    clearWaveObjectCache,
-    updateWaveObject,
-    updateWaveObjects,
-    cleanWaveObjectCache,
-    getStaticObjectValue,
 };

frontend/app/tab/tab.tsx

@@ -1,14 +1,11 @@
 // Copyright 2023, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
-import * as jotai from "jotai";
 import { Block } from "@/app/block/block";
-import { atoms } from "@/store/global";
 import * as WOS from "@/store/wos";
 
-import "./tab.less";
 import { CenteredDiv, CenteredLoadingDiv } from "../element/quickelems";
+import "./tab.less";
 
 const TabContent = ({ tabId }: { tabId: string }) => {
     const [tabData, tabLoading] = WOS.useWaveObjectValue<Tab>(WOS.makeORef("tab", tabId));

frontend/app/view/plotview.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
-import * as Plot from "@observablehq/plot";
-import * as d3 from "d3";
 import { Button } from "@/element/button";
 import { WaveModal } from "@/element/modal";
+import * as Plot from "@observablehq/plot";
+import * as d3 from "d3";
+import * as React from "react";
 
 import "./plotview.less";
 

frontend/app/view/preview.tsx

@@ -1,18 +1,16 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
-import * as jotai from "jotai";
-import { atoms, useBlockAtom } from "@/store/global";
-import { Markdown } from "@/element/markdown";
-import { FileService, FileInfo, FullFile } from "@/bindings/fileservice";
-import * as util from "@/util/util";
-import { CenteredDiv } from "../element/quickelems";
+import { FileInfo, FileService, FullFile } from "@/bindings/fileservice";
 import { DirectoryTable } from "@/element/directorytable";
+import { Markdown } from "@/element/markdown";
+import { useBlockAtom } from "@/store/global";
 import * as WOS from "@/store/wos";
+import * as util from "@/util/util";
+import * as jotai from "jotai";
+import { CenteredDiv } from "../element/quickelems";
 
 import "./view.less";
-import { first } from "rxjs";
 
 const MaxFileSize = 1024 * 1024 * 10; // 10MB
 

frontend/app/view/term.tsx

@@ -1,15 +1,13 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
-import * as jotai from "jotai";
-import { Terminal } from "@xterm/xterm";
-import type { ITheme } from "@xterm/xterm";
-import { FitAddon } from "@xterm/addon-fit";
-import { Button } from "@/element/button";
 import { BlockService } from "@/bindings/blockservice";
 import { getBlockSubject } from "@/store/global";
 import { base64ToArray } from "@/util/util";
+import { FitAddon } from "@xterm/addon-fit";
+import type { ITheme } from "@xterm/xterm";
+import { Terminal } from "@xterm/xterm";
+import * as React from "react";
 
 import "./view.less";
 import "/public/xterm.css";

frontend/app/workspace/workspace.tsx

@@ -1,13 +1,12 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
-import * as React from "react";
-import * as jotai from "jotai";
 import { TabContent } from "@/app/tab/tab";
-import { clsx } from "clsx";
 import { atoms } from "@/store/global";
 import * as WOS from "@/store/wos";
-import { CenteredLoadingDiv, CenteredDiv } from "../element/quickelems";
+import { clsx } from "clsx";
+import * as jotai from "jotai";
+import { CenteredDiv } from "../element/quickelems";
 
 import "./workspace.less";
 

frontend/util/util.ts

@@ -22,4 +22,4 @@ function base64ToArray(b64: string): Uint8Array {
     return rtnArr;
 }
 
-export { base64ToString, stringToBase64, base64ToArray };
+export { base64ToArray, base64ToString, stringToBase64 };

frontend/wave.ts

@@ -1,18 +1,12 @@
 // Copyright 2024, Command Line Inc.
 // SPDX-License-Identifier: Apache-2.0
 
+import { Client } from "@/gopkg/wstore";
+import * as WOS from "@/store/wos";
 import * as React from "react";
 import { createRoot } from "react-dom/client";
 import { App } from "./app/app";
 import { loadFonts } from "./util/fontutil";
-import { ClientService } from "@/bindings/clientservice";
-import { Client } from "@/gopkg/wstore";
-import { globalStore, atoms } from "@/store/global";
-import * as WOS from "@/store/wos";
-import * as wailsRuntime from "@wailsio/runtime";
-import * as wstore from "@/gopkg/wstore";
-import * as gdata from "@/store/global";
-import { immerable } from "immer";
 
 const urlParams = new URLSearchParams(window.location.search);
 const windowId = urlParams.get("windowid");

package.json

@@ -1,60 +1,60 @@
 {
-	"name": "thenextwave",
-	"private": true,
-	"version": "0.0.0",
-	"type": "module",
-	"scripts": {
-		"dev": "vite",
-		"build": "vite build --minify false --mode development",
-		"build:prod": "vite build --mode production",
-		"preview": "vite preview"
-	},
-	"devDependencies": {
-		"@chromatic-com/storybook": "^1.3.3",
-		"@eslint/js": "^9.2.0",
-		"@storybook/addon-essentials": "^8.0.10",
-		"@storybook/addon-interactions": "^8.0.10",
-		"@storybook/addon-links": "^8.0.10",
-		"@storybook/blocks": "^8.0.10",
-		"@storybook/react": "^8.0.10",
-		"@storybook/react-vite": "^8.0.10",
-		"@storybook/test": "^8.0.10",
-		"@types/node": "^20.12.12",
-		"@types/react": "^18.3.2",
-		"@types/uuid": "^9.0.8",
-		"@vitejs/plugin-react": "^4.3.0",
-		"@vitest/coverage-istanbul": "^1.6.0",
-		"@wailsio/runtime": "^3.0.0-alpha.24",
-		"eslint": "^9.2.0",
-		"eslint-config-prettier": "^9.1.0",
-		"less": "^4.2.0",
-		"prettier": "^3.2.5",
-		"prettier-plugin-jsdoc": "^1.3.0",
-		"prettier-plugin-organize-imports": "^3.2.4",
-		"storybook": "^8.0.10",
-		"ts-node": "^10.9.2",
-		"tslib": "^2.6.2",
-		"typescript": "^5.4.5",
-		"typescript-eslint": "^7.8.0",
-		"vite": "^5.0.0",
-		"vite-tsconfig-paths": "^4.3.2",
-		"vitest": "^1.6.0"
-	},
-	"dependencies": {
-		"@observablehq/plot": "^0.6.14",
-		"@tanstack/react-table": "^8.17.3",
-		"@xterm/addon-fit": "^0.10.0",
-		"@xterm/xterm": "^5.5.0",
-		"base64-js": "^1.5.1",
-		"clsx": "^2.1.1",
-		"immer": "^10.1.1",
-		"jotai": "^2.8.0",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"react-markdown": "^9.0.1",
-		"remark-gfm": "^4.0.0",
-		"rxjs": "^7.8.1",
-		"uuid": "^9.0.1"
-	},
-	"packageManager": "yarn@4.2.1"
+    "name": "thenextwave",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build --minify false --mode development",
+        "build:prod": "vite build --mode production",
+        "preview": "vite preview"
+    },
+    "devDependencies": {
+        "@chromatic-com/storybook": "^1.3.3",
+        "@eslint/js": "^9.2.0",
+        "@storybook/addon-essentials": "^8.0.10",
+        "@storybook/addon-interactions": "^8.0.10",
+        "@storybook/addon-links": "^8.0.10",
+        "@storybook/blocks": "^8.0.10",
+        "@storybook/react": "^8.0.10",
+        "@storybook/react-vite": "^8.0.10",
+        "@storybook/test": "^8.0.10",
+        "@types/node": "^20.12.12",
+        "@types/react": "^18.3.2",
+        "@types/uuid": "^9.0.8",
+        "@vitejs/plugin-react": "^4.3.0",
+        "@vitest/coverage-istanbul": "^1.6.0",
+        "@wailsio/runtime": "^3.0.0-alpha.24",
+        "eslint": "^9.2.0",
+        "eslint-config-prettier": "^9.1.0",
+        "less": "^4.2.0",
+        "prettier": "^3.2.5",
+        "prettier-plugin-jsdoc": "^1.3.0",
+        "prettier-plugin-organize-imports": "^3.2.4",
+        "storybook": "^8.0.10",
+        "ts-node": "^10.9.2",
+        "tslib": "^2.6.2",
+        "typescript": "^5.4.5",
+        "typescript-eslint": "^7.8.0",
+        "vite": "^5.0.0",
+        "vite-tsconfig-paths": "^4.3.2",
+        "vitest": "^1.6.0"
+    },
+    "dependencies": {
+        "@observablehq/plot": "^0.6.14",
+        "@tanstack/react-table": "^8.17.3",
+        "@xterm/addon-fit": "^0.10.0",
+        "@xterm/xterm": "^5.5.0",
+        "base64-js": "^1.5.1",
+        "clsx": "^2.1.1",
+        "immer": "^10.1.1",
+        "jotai": "^2.8.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-markdown": "^9.0.1",
+        "remark-gfm": "^4.0.0",
+        "rxjs": "^7.8.1",
+        "uuid": "^9.0.1"
+    },
+    "packageManager": "yarn@4.2.1"
 }

prettier.config.js

@@ -1,12 +1,10 @@
 /** @type {import("prettier").Config} */
 export default {
-	plugins: ["prettier-plugin-jsdoc", "prettier-plugin-organize-imports"],
-	printWidth: 120,
-	tabWidth: 4,
-	useTabs: true,
-	trailingComma: "es5",
-	jsdocVerticalAlignment: true,
-	jsdocSeparateReturnsFromParam: true,
-	jsdocSeparateTagGroups: true,
-	jsdocPreferCodeFences: true,
+    plugins: ["prettier-plugin-jsdoc", "prettier-plugin-organize-imports"],
+    printWidth: 120,
+    trailingComma: "es5",
+    jsdocVerticalAlignment: true,
+    jsdocSeparateReturnsFromParam: true,
+    jsdocSeparateTagGroups: true,
+    jsdocPreferCodeFences: true,
 };

public/fontawesome/css/sharp-regular.min.css

@@ -3,4 +3,21 @@
  * License - https://fontawesome.com/license (Commercial License)
  * Copyright 2023 Fonticons, Inc.
  */
-:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-sharp-regular-400.woff2) format("woff2"),url(../webfonts/fa-sharp-regular-400.ttf) format("truetype")}.fa-regular,.fasr{font-weight:400}
+:host,
+:root {
+    --fa-style-family-sharp: "Font Awesome 6 Sharp";
+    --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
+}
+@font-face {
+    font-family: "Font Awesome 6 Sharp";
+    font-style: normal;
+    font-weight: 400;
+    font-display: block;
+    src:
+        url(../webfonts/fa-sharp-regular-400.woff2) format("woff2"),
+        url(../webfonts/fa-sharp-regular-400.ttf) format("truetype");
+}
+.fa-regular,
+.fasr {
+    font-weight: 400;
+}

public/fontawesome/css/sharp-solid.min.css

@@ -3,4 +3,21 @@
  * License - https://fontawesome.com/license (Commercial License)
  * Copyright 2023 Fonticons, Inc.
  */
-:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-sharp-solid-900.woff2) format("woff2"),url(../webfonts/fa-sharp-solid-900.ttf) format("truetype")}.fa-solid,.fass{font-weight:900}
+:host,
+:root {
+    --fa-style-family-sharp: "Font Awesome 6 Sharp";
+    --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
+}
+@font-face {
+    font-family: "Font Awesome 6 Sharp";
+    font-style: normal;
+    font-weight: 900;
+    font-display: block;
+    src:
+        url(../webfonts/fa-sharp-solid-900.woff2) format("woff2"),
+        url(../webfonts/fa-sharp-solid-900.ttf) format("truetype");
+}
+.fa-solid,
+.fass {
+    font-weight: 900;
+}

public/fontawesome/css/solid.min.css

@@ -3,4 +3,21 @@
  * License - https://fontawesome.com/license (Commercial License)
  * Copyright 2023 Fonticons, Inc.
  */
-:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
+:host,
+:root {
+    --fa-style-family-classic: "Font Awesome 6 Pro";
+    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
+}
+@font-face {
+    font-family: "Font Awesome 6 Pro";
+    font-style: normal;
+    font-weight: 900;
+    font-display: block;
+    src:
+        url(../webfonts/fa-solid-900.woff2) format("woff2"),
+        url(../webfonts/fa-solid-900.ttf) format("truetype");
+}
+.fa-solid,
+.fas {
+    font-weight: 900;
+}

public/index.html

@@ -1,18 +1,18 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-    <head>
-        <base href="../" />
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Wails App</title>
-        <link rel="stylesheet" href="/public/fontawesome/css/fontawesome.min.css" />
-        <link rel="stylesheet" href="/public/fontawesome/css/brands.min.css" />
-        <link rel="stylesheet" href="/public/fontawesome/css/solid.min.css" />
-        <link rel="stylesheet" href="/public/fontawesome/css/sharp-solid.min.css" />
-        <link rel="stylesheet" href="/public/fontawesome/css/sharp-regular.min.css" />
-        <script type="module" src="/frontend/wave.ts"></script>
-    </head>
-    <body>
-        <div id="main"></div>
-    </body>
+  <head>
+    <base href="../" />
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Wails App</title>
+    <link rel="stylesheet" href="/public/fontawesome/css/fontawesome.min.css" />
+    <link rel="stylesheet" href="/public/fontawesome/css/brands.min.css" />
+    <link rel="stylesheet" href="/public/fontawesome/css/solid.min.css" />
+    <link rel="stylesheet" href="/public/fontawesome/css/sharp-solid.min.css" />
+    <link rel="stylesheet" href="/public/fontawesome/css/sharp-regular.min.css" />
+    <script type="module" src="/frontend/wave.ts"></script>
+  </head>
+  <body>
+    <div id="main"></div>
+  </body>
 </html>

public/xterm.css

@@ -79,7 +79,7 @@
 .xterm .composition-view {
     /* TODO: Composition position got messed up somewhere */
     background: #000;
-    color: #FFF;
+    color: #fff;
     display: none;
     position: absolute;
     white-space: nowrap;
@@ -153,12 +153,12 @@
 }
 
 .xterm .xterm-accessibility-tree:not(.debug) *::selection {
-  color: transparent;
+    color: transparent;
 }
 
 .xterm .xterm-accessibility-tree {
-  user-select: text;
-  white-space: pre;
+    user-select: text;
+    white-space: pre;
 }
 
 .xterm .live-region {
@@ -175,33 +175,53 @@
     opacity: 1 !important;
 }
 
-.xterm-underline-1 { text-decoration: underline; }
-.xterm-underline-2 { text-decoration: double underline; }
-.xterm-underline-3 { text-decoration: wavy underline; }
-.xterm-underline-4 { text-decoration: dotted underline; }
-.xterm-underline-5 { text-decoration: dashed underline; }
+.xterm-underline-1 {
+    text-decoration: underline;
+}
+.xterm-underline-2 {
+    text-decoration: double underline;
+}
+.xterm-underline-3 {
+    text-decoration: wavy underline;
+}
+.xterm-underline-4 {
+    text-decoration: dotted underline;
+}
+.xterm-underline-5 {
+    text-decoration: dashed underline;
+}
 
 .xterm-overline {
     text-decoration: overline;
 }
 
-.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
-.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
-.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
-.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
-.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }
+.xterm-overline.xterm-underline-1 {
+    text-decoration: overline underline;
+}
+.xterm-overline.xterm-underline-2 {
+    text-decoration: overline double underline;
+}
+.xterm-overline.xterm-underline-3 {
+    text-decoration: overline wavy underline;
+}
+.xterm-overline.xterm-underline-4 {
+    text-decoration: overline dotted underline;
+}
+.xterm-overline.xterm-underline-5 {
+    text-decoration: overline dashed underline;
+}
 
 .xterm-strikethrough {
     text-decoration: line-through;
 }
 
 .xterm-screen .xterm-decoration-container .xterm-decoration {
-	z-index: 6;
-	position: absolute;
+    z-index: 6;
+    position: absolute;
 }
 
 .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
-	z-index: 7;
+    z-index: 7;
 }
 
 .xterm-decoration-overview-ruler {

tsconfig.json

@@ -13,14 +13,14 @@
         "isolatedModules": true,
         "experimentalDecorators": true,
         "downlevelIteration": true,
-        "baseUrl": "./", 
+        "baseUrl": "./",
         "paths": {
             "@/app/*": ["frontend/app/*"],
             "@/util/*": ["frontend/util/*"],
             "@/store/*": ["frontend/app/store/*"],
             "@/element/*": ["frontend/app/element/*"],
             "@/bindings/*": ["frontend/bindings/github.com/wavetermdev/thenextwave/pkg/service/*"],
-            "@/gopkg/*": ["frontend/bindings/github.com/wavetermdev/thenextwave/pkg/*"],
+            "@/gopkg/*": ["frontend/bindings/github.com/wavetermdev/thenextwave/pkg/*"]
         }
     }
 }

vite.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({

vitest.config.ts

@@ -2,21 +2,21 @@ import { defineConfig, mergeConfig } from "vitest/config";
 import viteConfig from "./vite.config";
 
 export default mergeConfig(
-	viteConfig,
-	defineConfig({
-		test: {
-			reporters: ["verbose", "junit"],
-			outputFile: {
-				junit: "test-results.xml",
-			},
-			coverage: {
-				provider: "istanbul",
-				reporter: ["lcov"],
-				reportsDirectory: "./coverage",
-			},
-			typecheck: {
-				tsconfig: "tsconfig.json",
-			},
-		},
-	})
+    viteConfig,
+    defineConfig({
+        test: {
+            reporters: ["verbose", "junit"],
+            outputFile: {
+                junit: "test-results.xml",
+            },
+            coverage: {
+                provider: "istanbul",
+                reporter: ["lcov"],
+                reportsDirectory: "./coverage",
+            },
+            typecheck: {
+                tsconfig: "tsconfig.json",
+            },
+        },
+    })
 );