initial commit. trim down and customize wails3 setup.

.gitignore

@@ -0,0 +1,19 @@
+.task
+frontend/dist
+frontend/node_modules
+frontend/bindings
+*.log
+bin/
+*.dmg
+*.exe
+.DS_Store
+*~
+
+# Yarn Modern
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.prettierignore

@@ -0,0 +1,5 @@
+build
+bin
+.git
+frontend/dist
+frontend/node_modules

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+    "tabWidth": 4,
+    "printWidth": 120
+}

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+    "recommendations": ["esbenp.prettier-vscode", "golang.go", "dbaeumer.vscode-eslint"]
+}

.vscode/settings.json

@@ -0,0 +1,24 @@
+{
+    "editor.formatOnSave": true,
+    "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[javascriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[less]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[css]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
+    "[html]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    }
+}

Taskfile.yml

@@ -0,0 +1,433 @@
+version: "3"
+
+vars:
+    APP_NAME: "NextWave"
+    BIN_DIR: "bin"
+    VITE_PORT: "{{.WAILS_VITE_PORT | default 9245}}"
+
+tasks:
+    ## -------------------------- Build -------------------------- ##
+
+    build:
+        summary: Builds the application
+        cmds:
+            # Build for current OS
+            - task: build:{{OS}}
+
+            # Uncomment to build for specific OSes
+            # - task: build:linux
+            # - task: build:windows
+            # - task: build:darwin
+
+    ## ------> Windows <-------
+
+    build:windows:
+        summary: Builds the application for Windows
+        deps:
+            - task: go:mod:tidy
+            - task: build:frontend
+            - task: generate:icons
+            - task: generate:syso
+              vars:
+                  ARCH: "{{.ARCH}}"
+        cmds:
+            - go build {{.BUILD_FLAGS}} -o {{.BIN_DIR}}/{{.APP_NAME}}.exe
+        vars:
+            BUILD_FLAGS: '{{if eq .PRODUCTION "true"}}-tags production -trimpath -ldflags="-w -s -H windowsgui"{{else}}-gcflags=all="-l"{{end}}'
+        env:
+            GOOS: windows
+            CGO_ENABLED: 0
+            GOARCH: "{{.ARCH | default ARCH}}"
+            PRODUCTION: '{{.PRODUCTION | default "false"}}'
+
+    build:windows:prod:arm64:
+        summary: Creates a production build of the application
+        cmds:
+            - task: build:windows
+              vars:
+                  ARCH: arm64
+                  PRODUCTION: "true"
+
+    build:windows:prod:amd64:
+        summary: Creates a production build of the application
+        cmds:
+            - task: build:windows
+              vars:
+                  ARCH: amd64
+                  PRODUCTION: "true"
+
+    build:windows:debug:arm64:
+        summary: Creates a debug build of the application
+        cmds:
+            - task: build:windows
+              vars:
+                  ARCH: arm64
+
+    build:windows:debug:amd64:
+        summary: Creates a debug build of the application
+        cmds:
+            - task: build:windows
+              vars:
+                  ARCH: amd64
+
+    ## ------> Darwin <-------
+
+    build:darwin:
+        summary: Creates a production build of the application
+        deps:
+            - task: go:mod:tidy
+            - task: build:frontend
+            - task: generate:icons
+        cmds:
+            - go build {{.BUILD_FLAGS}} -o {{.BIN_DIR}}/{{.APP_NAME}}
+        vars:
+            BUILD_FLAGS: '{{if eq .PRODUCTION "true"}}-tags production -trimpath -ldflags="-w -s"{{else}}-gcflags=all="-l"{{end}}'
+        env:
+            GOOS: darwin
+            CGO_ENABLED: 1
+            GOARCH: "{{.ARCH | default ARCH}}"
+            CGO_CFLAGS: "-mmacosx-version-min=10.15"
+            CGO_LDFLAGS: "-mmacosx-version-min=10.15"
+            MACOSX_DEPLOYMENT_TARGET: "10.15"
+            PRODUCTION: '{{.PRODUCTION | default "false"}}'
+
+    build:darwin:prod:arm64:
+        summary: Creates a production build of the application
+        cmds:
+            - task: build:darwin
+              vars:
+                  ARCH: arm64
+                  PRODUCTION: "true"
+
+    build:darwin:prod:amd64:
+        summary: Creates a production build of the application
+        cmds:
+            - task: build:darwin
+              vars:
+                  ARCH: amd64
+                  PRODUCTION: "true"
+
+    build:darwin:debug:arm64:
+        summary: Creates a debug build of the application
+        cmds:
+            - task: build:darwin
+              vars:
+                  ARCH: arm64
+
+    build:darwin:debug:amd64:
+        summary: Creates a debug build of the application
+        cmds:
+            - task: build:darwin
+              vars:
+                  ARCH: amd64
+
+    ## ------> Linux <-------
+
+    build:linux:
+        summary: Builds the application for Linux
+        deps:
+            - task: go:mod:tidy
+            - task: build:frontend
+            - task: generate:icons
+              vars:
+                  ARCH: "{{.ARCH}}"
+        cmds:
+            - go build {{.BUILD_FLAGS}} -o {{.BIN_DIR}}/w2
+        vars:
+            BUILD_FLAGS: '{{if eq .PRODUCTION "true"}}-tags production -trimpath -ldflags="-w -s"{{else}}-gcflags=all="-l"{{end}}'
+        env:
+            GOOS: linux
+            CGO_ENABLED: 1
+            GOARCH: "{{.ARCH | default ARCH}}"
+            PRODUCTION: '{{.PRODUCTION | default "false"}}'
+
+    build:linux:prod:arm64:
+        summary: Creates a production build of the application
+        cmds:
+            - task: build:linux
+              vars:
+                  ARCH: arm64
+                  PRODUCTION: "true"
+
+    build:linux:prod:amd64:
+        summary: Creates a production build of the application
+        cmds:
+            - task: build:linux
+              vars:
+                  ARCH: amd64
+                  PRODUCTION: "true"
+
+    build:linux:debug:arm64:
+        summary: Creates a debug build of the application
+        cmds:
+            - task: build:linux
+              vars:
+                  ARCH: arm64
+
+    build:linux:debug:amd64:
+        summary: Creates a debug build of the application
+        cmds:
+            - task: build:linux
+              vars:
+                  ARCH: amd64
+
+    ## -------------------------- Package -------------------------- ##
+
+    package:
+        summary: Packages a production build of the application into a bundle
+        cmds:
+            # Package for current OS
+            - task: package:{{OS}}
+
+            # Package for specific os/arch
+            # - task: package:darwin:arm64
+            # - task: package:darwin:amd64
+            # - task: package:windows:arm64
+            # - task: package:windows:amd64
+
+    ## ------>  Windows <------
+
+    package:windows:
+        summary: Packages a production build of the application into a `.exe` bundle
+        cmds:
+            - task: create:nsis:installer
+              vars:
+                  ARCH: "{{.ARCH}}"
+        vars:
+            ARCH: "{{.ARCH | default ARCH}}"
+
+    package:windows:arm64:
+        summary: Packages a production build of the application into a `.exe` bundle
+        cmds:
+            - task: package:windows
+              vars:
+                  ARCH: arm64
+
+    package:windows:amd64:
+        summary: Packages a production build of the application into a `.exe` bundle
+        cmds:
+            - task: package:windows
+              vars:
+                  ARCH: amd64
+
+    generate:syso:
+        summary: Generates Windows `.syso` file
+        dir: build
+        cmds:
+            - wails3 generate syso -arch {{.ARCH}} -icon icon.ico -manifest wails.exe.manifest -info info.json -out ../wails.syso
+        vars:
+            ARCH: "{{.ARCH | default ARCH}}"
+
+    create:nsis:installer:
+        summary: Creates an NSIS installer
+        label: "NSIS Installer ({{.ARCH}})"
+        dir: build/nsis
+        sources:
+            - "{{.ROOT_DIR}}\\bin\\{{.APP_NAME}}.exe"
+        generates:
+            - "{{.ROOT_DIR}}\\bin\\{{.APP_NAME}}-{{.ARCH}}-installer.exe"
+        deps:
+            - task: build:windows
+              vars:
+                  PRODUCTION: "true"
+                  ARCH: "{{.ARCH}}"
+        cmds:
+            - makensis -DARG_WAILS_'{{.ARG_FLAG}}'_BINARY="{{.ROOT_DIR}}\{{.BIN_DIR}}\{{.APP_NAME}}.exe" project.nsi
+        vars:
+            ARCH: "{{.ARCH | default ARCH}}"
+            ARG_FLAG: '{{if eq .ARCH "amd64"}}AMD64{{else}}ARM64{{end}}'
+
+    ## ------>  Darwin <------
+
+    package:darwin:
+        summary: Packages a production build of the application into a `.app` bundle
+        platforms: [darwin]
+        deps:
+            - task: build:darwin
+              vars:
+                  PRODUCTION: "true"
+        cmds:
+            - task: create:app:bundle
+
+    package:darwin:arm64:
+        summary: Packages a production build of the application into a `.app` bundle
+        platforms: [darwin/arm64]
+        deps:
+            - task: package:darwin
+              vars:
+                  ARCH: arm64
+
+    package:darwin:amd64:
+        summary: Packages a production build of the application into a `.app` bundle
+        platforms: [darwin/amd64]
+        deps:
+            - task: package:darwin
+              vars:
+                  ARCH: amd64
+
+    create:app:bundle:
+        summary: Creates an `.app` bundle
+        cmds:
+            - mkdir -p {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents/{MacOS,Resources}
+            - cp build/icons.icns {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents/Resources
+            - cp {{.BIN_DIR}}/{{.APP_NAME}} {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents/MacOS
+            - cp build/Info.plist {{.BIN_DIR}}/{{.APP_NAME}}.app/Contents
+
+    ## ------>  Linux <------
+
+    package:linux:
+        summary: Packages a production build of the application for Linux
+        platforms: [linux]
+        deps:
+            - task: build:linux
+              vars:
+                  PRODUCTION: "true"
+        cmds:
+            - task: create:appimage
+
+    create:appimage:
+        summary: Creates an AppImage
+        dir: build/appimage
+        platforms: [linux]
+        deps:
+            - task: build:linux
+              vars:
+                  PRODUCTION: "true"
+            - task: generate:linux:dotdesktop
+        cmds:
+            # Copy binary + icon to appimage dir
+            - cp {{.APP_BINARY}} {{.APP_NAME}}
+            - cp ../appicon.png appicon.png
+            # Generate AppImage
+            - wails3 generate appimage -binary {{.APP_NAME}} -icon {{.ICON}} -desktopfile {{.DESKTOP_FILE}} -outputdir {{.OUTPUT_DIR}} -builddir {{.ROOT_DIR}}/build/appimage
+        vars:
+            APP_NAME: "{{.APP_NAME}}"
+            APP_BINARY: "../../bin/{{.APP_NAME}}"
+            ICON: "../appicon.png"
+            DESKTOP_FILE: "{{.APP_NAME}}.desktop"
+            OUTPUT_DIR: "../../bin"
+
+    generate:linux:dotdesktop:
+        summary: Generates a `.desktop` file
+        dir: build
+        sources:
+            - "appicon.png"
+        generates:
+            - "{{.ROOT_DIR}}/build/appimage/{{.APP_NAME}}.desktop"
+        cmds:
+            - mkdir -p {{.ROOT_DIR}}/build/appimage
+            # Run `wails3 generate .desktop -help` for all the options
+            - wails3 generate .desktop -name "{{.APP_NAME}}" -exec "{{.EXEC}}" -icon "{{.ICON}}" -outputfile {{.ROOT_DIR}}/build/appimage/{{.APP_NAME}}.desktop -categories "{{.CATEGORIES}}"
+            # -comment "A comment"
+            # -terminal "true"
+            # -version "1.0"
+            # -genericname "Generic Name"
+            # -keywords "keyword1;keyword2;"
+            # -startupnotify "true"
+            # -mimetype "application/x-extension1;application/x-extension2;"
+
+        vars:
+            APP_NAME: "{{.APP_NAME}}"
+            EXEC: "{{.APP_NAME}}"
+            ICON: "appicon"
+            CATEGORIES: "Development;"
+            OUTPUTFILE: "{{.ROOT_DIR}}/build/appimage/{{.APP_NAME}}.desktop"
+
+    ## -------------------------- Misc -------------------------- ##
+
+    generate:icons:
+        summary: Generates Windows `.ico` and Mac `.icns` files from an image
+        dir: build
+        sources:
+            - "appicon.png"
+        generates:
+            - "icons.icns"
+            - "icons.ico"
+        method: timestamp
+        cmds:
+            # Generates both .ico and .icns files
+            - wails3 generate icons -input appicon.png
+
+    install:frontend:deps:
+        summary: Install frontend dependencies
+        dir: frontend
+        sources:
+            - package.json
+            - yarn.lock
+        generates:
+            - node_modules/*
+        preconditions:
+            - sh: yarn version
+              msg: "Looks like yarn isn't installed."
+        cmds:
+            - yarn
+
+    build:frontend:
+        summary: Build the frontend project
+        dir: frontend
+        sources:
+            - "**/*"
+        generates:
+            - dist/*
+        deps:
+            - install:frontend:deps
+            - generate:bindings
+        cmds:
+            - npm run build -q
+
+    generate:bindings:
+        summary: Generates bindings for the frontend
+        sources:
+            - "**/*.go"
+        generates:
+            - "frontend/bindings/**/*"
+        cmds:
+            - wails3 generate bindings -silent -ts
+            # - wails3 generate bindings -silent
+
+    go:mod:tidy:
+        summary: Runs `go mod tidy`
+        internal: true
+        generates:
+            - go.sum
+        sources:
+            - go.mod
+        cmds:
+            - go mod tidy
+
+    # ----------------------- dev ----------------------- #
+
+    run:
+        summary: Runs the application
+        cmds:
+            - task: run:{{OS}}
+
+    run:windows:
+        cmds:
+            - '{{.BIN_DIR}}\\{{.APP_NAME}}.exe'
+
+    run:linux:
+        cmds:
+            - "{{.BIN_DIR}}/{{.APP_NAME}}"
+
+    run:darwin:
+        cmds:
+            - "{{.BIN_DIR}}/{{.APP_NAME}}"
+
+    dev:frontend:
+        summary: Runs the frontend in development mode
+        dir: frontend
+        deps:
+            - task: install:frontend:deps
+        cmds:
+            - npm run dev -- --port {{.VITE_PORT}} --strictPort
+
+    dev:
+        summary: Runs the application in development mode
+        cmds:
+            - wails3 dev -config ./build/devmode.config.yaml -port {{.VITE_PORT}}
+
+    dev:reload:
+        summary: Reloads the application
+        cmds:
+            - task: run

build/Info.dev.plist

@@ -0,0 +1,32 @@
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>CFBundlePackageType</key>
+        <string>APPL</string>
+        <key>CFBundleName</key>
+        <string>Wave Terminal</string>
+        <key>CFBundleExecutable</key>
+        <string>NextWave</string>
+        <key>CFBundleIdentifier</key>
+        <string>dev.waveterm.thenextwave</string>
+        <key>CFBundleVersion</key>
+        <string>0.1.0</string>
+        <key>CFBundleGetInfoString</key>
+        <string>Next Wave Terminal</string>
+        <key>CFBundleShortVersionString</key>
+        <string>0.1.0</string>
+        <key>CFBundleIconFile</key>
+        <string>icons.icns</string>
+        <key>LSMinimumSystemVersion</key>
+        <string>10.13.0</string>
+        <key>NSHighResolutionCapable</key>
+        <string>true</string>
+        <key>NSHumanReadableCopyright</key>
+        <string>Copyright 2024, Command Line Inc</string>
+        <key>NSAppTransportSecurity</key>
+        <dict>
+            <key>NSAllowsLocalNetworking</key>
+            <true/>
+        </dict>
+    </dict>
+</plist>

build/Info.plist

@@ -0,0 +1,27 @@
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+    <dict>
+        <key>CFBundlePackageType</key>
+        <string>APPL</string>
+        <key>CFBundleName</key>
+        <string>NextWave</string>
+        <key>CFBundleExecutable</key>
+        <string>NextWave</string>
+        <key>CFBundleIdentifier</key>
+        <string>dev.waveterm.thenextwave</string>
+        <key>CFBundleVersion</key>
+        <string>0.1.0</string>
+        <key>CFBundleGetInfoString</key>
+        <string>Wave Terminal</string>
+        <key>CFBundleShortVersionString</key>
+        <string>0.1.0</string>
+        <key>CFBundleIconFile</key>
+        <string>icons.icns</string>
+        <key>LSMinimumSystemVersion</key>
+        <string>10.13.0</string>
+        <key>NSHighResolutionCapable</key>
+        <string>true</string>
+        <key>NSHumanReadableCopyright</key>
+        <string>Copyright 2024, Command Line Inc</string>
+    </dict>
+</plist>

build/appimage/build.sh

@@ -0,0 +1,26 @@
+#!/usr/bin/env bash
+# Copyright (c) 2018-Present Lea Anthony
+# SPDX-License-Identifier: MIT
+
+# Fail script on any error
+set -euxo pipefail
+
+# Define variables
+APP_DIR="${APP_NAME}.AppDir"
+
+# Create AppDir structure
+mkdir -p "${APP_DIR}/usr/bin"
+cp -r "${APP_BINARY}" "${APP_DIR}/usr/bin/"
+cp "${ICON_PATH}" "${APP_DIR}/"
+cp "${DESKTOP_FILE}" "${APP_DIR}/"
+
+# Download linuxdeploy and make it executable
+wget -q -4 -N https://github.com/linuxdeploy/linuxdeploy/releases/download/continuous/linuxdeploy-x86_64.AppImage
+chmod +x linuxdeploy-x86_64.AppImage
+
+# Run linuxdeploy to bundle the application
+./linuxdeploy-x86_64.AppImage --appdir "${APP_DIR}" --output appimage
+
+# Rename the generated AppImage
+mv "${APP_NAME}*.AppImage" "${APP_NAME}.AppImage"
+

build/devmode.config.yaml

@@ -0,0 +1,28 @@
+config:
+  root_path: .
+  log_level: warn
+  debounce: 1000
+  ignore:
+    dir:
+      - .git
+      - node_modules
+      - frontend
+      - bin
+    file:
+      - .DS_Store
+      - .gitignore
+      - .gitkeep
+    watched_extension:
+      - "*.go"
+    git_ignore: true
+  executes:
+    - cmd: wails3 task install:frontend:deps
+      type: once
+    - cmd: wails3 task dev:frontend
+      type: background
+    - cmd: go mod tidy
+      type: blocking
+    - cmd: wails3 task build
+      type: blocking
+    - cmd: wails3 task run
+      type: primary

build/info.json

@@ -0,0 +1,15 @@
+{
+	"fixed": {
+		"file_version": "0.1.0"
+	},
+	"info": {
+		"0000": {
+			"ProductVersion": "0.1.0",
+			"CompanyName": "Command Line Inc",
+			"FileDescription": "Wave Terminal",
+			"LegalCopyright": "Copyright 2024, Command Line Inc",
+			"ProductName": "Wave Terminal",
+			"Comments": "Wave Terminal Application"
+		}
+	}
+}

frontend/app.tsx

@@ -0,0 +1,71 @@
+import * as React from "react";
+import * as jotai from "jotai";
+import { Provider, createStore } from "jotai";
+import { atomWithObservable } from "jotai/utils";
+import { Greet } from "./bindings/main/GreetService.js";
+import { Events } from "@wailsio/runtime";
+import * as rx from "rxjs";
+
+const jotaiStore = createStore();
+const counterSubject = rx.interval(1000).pipe(rx.map((i) => i));
+const timeAtom = jotai.atom("No time yet");
+
+Events.On("time", (time) => {
+    jotaiStore.set(timeAtom, time.data);
+});
+
+const nameAtom = jotai.atom("");
+const resultAtom = jotai.atom("");
+const counterAtom = atomWithObservable(() => counterSubject, {
+    initialValue: 10,
+});
+
+const App = () => {
+    return (
+        <Provider store={jotaiStore}>
+            <AppInner />
+        </Provider>
+    );
+};
+
+const AppInner = () => {
+    const [name, setName] = jotai.useAtom(nameAtom);
+    const [result, setResult] = jotai.useAtom(resultAtom);
+    const counterVal = jotai.useAtomValue(counterAtom);
+    const timeVal = jotai.useAtomValue(timeAtom);
+
+    function doGreet() {
+        Greet(name)
+            .then((result) => {
+                setResult(result);
+            })
+            .catch((err) => {
+                console.log(err);
+            });
+    }
+
+    function handleKeyDown(e: any) {
+        if (e.key === "Enter") {
+            doGreet();
+        }
+    }
+
+    return (
+        <div>
+            <h1>Hello Wails!</h1>
+            <input
+                id="name"
+                type="text"
+                onChange={(e) => setName(e.target.value)}
+                onKeyDown={handleKeyDown}
+                placeholder="Your name"
+            />
+            <button onClick={() => doGreet()}>Greet</button>
+            <div id="result">{result}</div>
+            <div id="time">{timeVal}</div>
+            <div>Counter: {counterVal}</div>
+        </div>
+    );
+};
+
+export { App };

frontend/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Wails App</title>
+        <script type="module" src="/main.ts"></script>
+    </head>
+    <body>
+        <div id="main"></div>
+    </body>
+</html>

frontend/main.ts

@@ -0,0 +1,17 @@
+// Copyright 2024, Command Line Inc.
+// SPDX-License-Identifier: Apache-2.0
+
+import * as React from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./app.tsx";
+
+import "./public/style.less";
+
+document.addEventListener("DOMContentLoaded", () => {
+    let reactElem = React.createElement(App, null, null);
+    let elem = document.getElementById("main");
+    let root = createRoot(elem);
+    document.fonts.ready.then(() => {
+        root.render(reactElem);
+    });
+});

frontend/package.json

@@ -0,0 +1,23 @@
+{
+  "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": {
+    "@wailsio/runtime": "latest",
+    "less": "^4.2.0",
+    "vite": "^5.0.0"
+  },
+  "dependencies": {
+    "jotai": "^2.8.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rxjs": "^7.8.1"
+  }
+}

frontend/public/reset.less

@@ -0,0 +1,29 @@
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+* {
+    margin: 0;
+}
+
+body {
+    line-height: 1.2;
+    -webkit-font-smoothing: antialiased;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+    display: block;
+}
+
+input,
+button,
+textarea,
+select {
+    font: inherit;
+}

frontend/public/style.less

@@ -0,0 +1,9 @@
+// Copyright 2023, Command Line Inc.
+// SPDX-License-Identifier: Apache-2.0
+
+@import "./reset.less";
+
+#main {
+    margin-top: 50px;
+    padding: 20px;
+}

frontend/vite.config.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({});