Add vite_dashboard as the sample project importing optuna_dashboard app

2026-09-10 12:23:22 +08:00 · 2024-06-28 12:56:01 +09:00
parent 52c96b19d4
commit 22bd5763cd
15 changed files with 20140 additions and 1 deletions
@@ -2,4 +2,4 @@ import { APIClientProvider } from "./apiClientProvider"
 import { AxiosClient } from "./axiosClient"
 import { App } from "./components/App"

-export { AxiosClient, APIClientProvider, App}
+export { AxiosClient, APIClientProvider, App }
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -0,0 +1 @@
+# Optuna Dashboard by Vite
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Optuna Dashboard (Vite ver.)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,23 @@
+{
+  "name": "vite_dashboard",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@optuna/optuna-dashboard": "file:../optuna_dashboard",
+    "react": "file:../tslib/react/node_modules/react",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "file:../tslib/react/node_modules/@types/react",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1"
+  }
+}
@@ -0,0 +1,17 @@
+import {
+  APIClientProvider,
+  App as AppOptunaDashboard,
+  AxiosClient,
+} from "@optuna/optuna-dashboard"
+
+const axiosAPIClient = new AxiosClient()
+
+function App() {
+  return (
+    <APIClientProvider apiClient={axiosAPIClient}>
+      <AppOptunaDashboard />
+    </APIClientProvider>
+  )
+}
+
+export default App
@@ -0,0 +1,11 @@
+import React from "react"
+import ReactDOM from "react-dom/client"
+import App from "./App.tsx"
+import "./index.css"
+
+// biome-ignore lint/style/noNonNullAssertion: <explanation>
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+)
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}
@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}
@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "noEmit": true
+  },
+  "include": ["vite.config.ts"]
+}
@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  define: {
+    APP_BAR_TITLE: JSON.stringify('Optuna Dashboard'),
+    API_ENDPOINT: JSON.stringify("http://localhost:8080"),
+    URL_PREFIX: JSON.stringify("/dashboard"),
+  }
+})