Spaces:

lynx-analytics
/

lynxkite

Running

App Files Files Community

darabos commited on Dec 9, 2024

Commit

4d9392e

1 Parent(s): be095f5

Remove Next.js.

Browse files

Files changed (30) hide show

web/.eslintrc.json +0 -3
web/.gitignore +21 -37
web/README.md +4 -33
web/app/layout.tsx +0 -23
web/eslint.config.js +28 -0
web/index.html +13 -0
web/next.config.ts +0 -24
web/package-lock.json +0 -0
web/package.json +28 -21
web/postcss.config.js +1 -1
web/postcss.config.mjs +0 -8
web/{app/page.tsx → src/Directory.tsx} +41 -37
web/{app → src/assets}/favicon.ico +0 -0
web/{public → src/assets}/logo.png +0 -0
web/{app/globals.css → src/index.css} +20 -5
web/src/main.tsx +19 -0
web/src/vite-env.d.ts +1 -0
web/{app → src}/workspace/EnvironmentSelector.tsx +0 -0
web/{app → src}/workspace/LynxKiteState.ts +0 -0
web/{app → src}/workspace/Workspace.tsx +10 -8
web/{app → src}/workspace/nodes/LynxKiteNode.tsx +0 -0
web/{app → src}/workspace/nodes/NodeParameter.tsx +0 -0
web/{app → src}/workspace/nodes/NodeWithParams.tsx +0 -0
web/{app → src}/workspace/page.tsx +0 -0
web/tailwind.config.js +2 -2
web/tailwind.config.ts +0 -18
web/tsconfig.app.json +26 -0
web/tsconfig.json +5 -26
web/tsconfig.node.json +24 -0
web/vite.config.ts +4 -4

web/.eslintrc.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-  "extends": ["next/core-web-vitals", "next/typescript"]
-}

web/.gitignore CHANGED Viewed

@@ -1,40 +1,24 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-# testing
-/coverage
-# next.js
-/.next/
-/out/
-# production
-/build
-# misc
-.DS_Store
-*.pem
-# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-# env files (can opt-in for committing if needed)
-.env*
-# vercel
-.vercel
-# typescript
-*.tsbuildinfo
-next-env.d.ts

+# 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?

web/README.md CHANGED Viewed

@@ -1,36 +1,7 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-## Getting Started
-First, run the development server:
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-## Learn More
-To learn more about Next.js, take a look at the following resources:
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-## Deploy on Vercel
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

+To set up:
+    npm i
+To start dev server:
+    npm run dev

web/app/layout.tsx DELETED Viewed

@@ -1,23 +0,0 @@
-import type { Metadata } from "next";
-import "./globals.css";
-export const metadata: Metadata = {
-  title: "LynxKite MM",
-  description: "From Lynx Analytics",
-};
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en">
-      <body
-        className={`antialiased`}
-      >
-        {children}
-      </body>
-    </html>
-  );
-}

web/eslint.config.js ADDED Viewed

	@@ -0,0 +1,28 @@

+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

web/index.html ADDED Viewed

	@@ -0,0 +1,13 @@

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/assets/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>LynxKite 2025</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

web/next.config.ts DELETED Viewed

@@ -1,24 +0,0 @@
-import type { NextConfig } from "next";
-import Icons from 'unplugin-icons/webpack'
-const nextConfig: NextConfig = {
-  webpack(config) {
-    config.plugins.push(
-      Icons({
-        compiler: 'jsx',
-        jsx: 'react',
-      })
-    );
-    return config;
-  },
-  async rewrites() {
-    return [
-      {
-        source: '/api/:path*',
-        destination: 'http://127.0.0.1:8000/api/:path*',
-      },
-    ]
-  },
-};
-export default nextConfig;

web/package-lock.json CHANGED Viewed

The diff for this file is too large to render. See raw diff

web/package.json CHANGED Viewed

@@ -1,40 +1,47 @@
 {
   "name": "lynxkite",
-  "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
   },
   "dependencies": {
-    "@iconify-json/tabler": "^1.2.8",
     "@syncedstore/core": "^0.6.0",
     "@syncedstore/react": "^0.6.0",
     "@xyflow/react": "^12.3.5",
     "echarts": "^5.5.1",
     "fuse.js": "^7.0.0",
-    "next": "15.0.3",
-    "react": ">=18",
-    "react-dom": ">=18",
     "swr": "^2.2.5",
-    "unplugin-icons": "^0.20.1",
-    "y-websocket": "2.0.4",
     "yjs": "^13.6.20"
   },
   "devDependencies": {
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-jsx": "^8.1.0",
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
     "autoprefixer": "^10.4.20",
-    "daisyui": "^4.12.14",
-    "eslint": "^8",
-    "eslint-config-next": "15.0.3",
     "postcss": "^8.4.49",
-    "tailwindcss": "^3.4.15",
-    "typescript": "^5"
   }
 }

 {
   "name": "lynxkite",
   "private": true,
+  "version": "0.0.0",
+  "type": "module",
   "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
   },
   "dependencies": {
+    "@iconify-json/tabler": "^1.2.10",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-jsx": "^8.1.0",
     "@syncedstore/core": "^0.6.0",
     "@syncedstore/react": "^0.6.0",
+    "@types/node": "^22.10.1",
     "@xyflow/react": "^12.3.5",
+    "daisyui": "^4.12.20",
     "echarts": "^5.5.1",
     "fuse.js": "^7.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^7.0.2",
     "swr": "^2.2.5",
+    "unplugin-icons": "^0.21.0",
+    "y-websocket": "^2.0.4",
     "yjs": "^13.6.20"
   },
   "devDependencies": {
+    "@eslint/js": "^9.15.0",
+    "@types/react": "^18.3.14",
+    "@types/react-dom": "^18.3.2",
+    "@vitejs/plugin-react-swc": "^3.5.0",
     "autoprefixer": "^10.4.20",
+    "eslint": "^9.15.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.12.0",
     "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.16",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.15.0",
+    "vite": "^6.0.1"
   }
 }

web/postcss.config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-module.exports = {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},

+export default {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},

web/postcss.config.mjs DELETED Viewed

@@ -1,8 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-};
-export default config;

web/{app/page.tsx → src/Directory.tsx} RENAMED Viewed

@@ -1,6 +1,8 @@
 // The directory browser.
-import Image from "next/image";
-import Link from 'next/link';
 // @ts-ignore
 import Home from '~icons/tabler/home'
 // @ts-ignore
@@ -12,31 +14,23 @@ import File from '~icons/tabler/file'
 // @ts-ignore
 import FilePlus from '~icons/tabler/file-plus'
-export default async function Home({
-  searchParams,
-}: {
-  searchParams?: Promise<{ [key: string]: string | string[] | undefined }>;
-}) {
-  ;
-  async function fetchList(path) {
-    const encodedPath = encodeURIComponent(path || '');
-    const res = await fetch(`http://localhost:8000/api/dir/list?path=${encodedPath}`);
-    const j = await res.json();
-    return j;
-  }
-  const path = (await searchParams)?.path || '';
-  const list = await fetchList(path);
-  function link(item) {
     if (item.type === 'directory') {
-      return `/dir?path=${item.name}`;
     } else {
-      return `/workspace?path=${item.name}`;
     }
   }
-  function shortName(item) {
     return item.name.split('/').pop();
   }
-  function newName(list) {
     let i = 0;
     while (true) {
       const name = `Untitled${i ? ` ${i}` : ''}`;
@@ -46,11 +40,11 @@ export default async function Home({
       i++;
     }
   }
-  function newWorkspaceIn(path, list) {
     const pathSlash = path ? `${path}/` : '';
-    return `/workspace?path=${pathSlash}${newName(list)}`;
   }
-  async function newFolderIn(path, list) {
     const pathSlash = path ? `${path}/` : '';
     const name = newName(list);
     const res = await fetch(`/api/dir/mkdir`, {
@@ -60,24 +54,34 @@ export default async function Home({
     });
     list = await res.json();
   }
   return (
-    <div className="directory-page">
       <div className="logo">
-        <Link href="https://lynxkite.com/"><img src='/logo.png' className="logo-image" alt="LynxKite logo" /></Link>
         <div className="tagline">The Complete Graph Data Science Platform</div>
       </div>
       <div className="entry-list">
-        <div className="actions">
-          <a href={newWorkspaceIn(path, list)}><FilePlus /> New workspace</a>
-          <a href="" onClick={() => newFolderIn(path, list)}><FolderPlus /> New folder</a>
-        </div>
-        {path && <div className="breadcrumbs"><a href="#dir"><Home /></a> {path} </div>}
-        {list.map(item =>
-          <a className="entry" href={link(item)}>
-            {item.type === 'directory' ? <Folder /> : <File />}
-            {shortName(item)}
-          </a>
-        )}
       </div>
     </div>
   );

 // The directory browser.
+import { useParams } from "react-router";
+import useSWR from 'swr'
+import logo from './assets/logo.png';
 // @ts-ignore
 import Home from '~icons/tabler/home'
 // @ts-ignore
 // @ts-ignore
 import FilePlus from '~icons/tabler/file-plus'
+const fetcher = (url: string) => fetch(url).then((res) => res.json());
+export default function () {
+  const { path } = useParams();
+  const encodedPath = encodeURIComponent(path || '');
+  const list = useSWR(`/api/dir/list?path=${encodedPath}`, fetcher)
+  function link(item: any) {
     if (item.type === 'directory') {
+      return `/dir/${item.name}`;
     } else {
+      return `/edit/${item.name}`;
     }
   }
+  function shortName(item: any) {
     return item.name.split('/').pop();
   }
+  function newName(list: any[]) {
     let i = 0;
     while (true) {
       const name = `Untitled${i ? ` ${i}` : ''}`;
       i++;
     }
   }
+  function newWorkspaceIn(path: string, list: any[]) {
     const pathSlash = path ? `${path}/` : '';
+    return `/edit/${pathSlash}${newName(list)}`;
   }
+  async function newFolderIn(path: string, list: any[]) {
     const pathSlash = path ? `${path}/` : '';
     const name = newName(list);
     const res = await fetch(`/api/dir/mkdir`, {
     });
     list = await res.json();
   }
   return (
+    <div className="directory">
       <div className="logo">
+        <a href="https://lynxkite.com/"><img src={logo} className="logo-image" alt="LynxKite logo" /></a>
         <div className="tagline">The Complete Graph Data Science Platform</div>
       </div>
       <div className="entry-list">
+        {list.error && <p className="error">{list.error.message}</p>}
+        {list.isLoading &&
+          <div className="loading spinner-border" role="status">
+            <span className="visually-hidden">Loading...</span>
+          </div>}
+        {list.data &&
+          <>
+            <div className="actions">
+              <a href={newWorkspaceIn(path || "", list.data)}><FilePlus /> New workspace</a>
+              <a href="" onClick={() => newFolderIn(path || "", list.data)}><FolderPlus /> New folder</a>
+            </div>
+            {path && <div className="breadcrumbs"><a href="/dir/"><Home /></a> {path} </div>}
+            {list.data.map((item: any) =>
+              <a key={link(item)} className="entry" href={link(item)}>
+                {item.type === 'directory' ? <Folder /> : <File />}
+                {shortName(item)}
+              </a>
+            )}
+          </>
+        }
       </div>
     </div>
   );

web/{app → src/assets}/favicon.ico RENAMED Viewed

File without changes

web/{public → src/assets}/logo.png RENAMED Viewed

File without changes

web/{app/globals.css → src/index.css} RENAMED Viewed

@@ -2,6 +2,23 @@
 @tailwind components;
 @tailwind utilities;
 body {
   color: var(--foreground);
   background: var(--background);
@@ -9,6 +26,7 @@ body {
 }
 .workspace {
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -17,6 +35,7 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: center;
     .ws-name {
       font-size: 1.5em;
@@ -35,6 +54,7 @@ body {
       align-items: center;
       a {
         font-size: 1.5em;
         padding: 0 10px;
       }
@@ -229,11 +249,6 @@ body {
     border-bottom: none;
   }
-  .directory-page {
-    background: #002a4c;
-    height: 100vh;
-  }
   a {
     color: black;
     text-decoration: none;

 @tailwind components;
 @tailwind utilities;
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background: #002a4c;
+}
+img, svg {
+  display: inline-block;
+}
 body {
   color: var(--foreground);
   background: var(--background);
 }
 .workspace {
+  background: white;
   display: flex;
   flex-direction: column;
   height: 100vh;
     display: flex;
     justify-content: space-between;
     align-items: center;
+    background: #002a4c;
     .ws-name {
       font-size: 1.5em;
       align-items: center;
       a {
+        color: oklch(75% 0.13 230);
         font-size: 1.5em;
         padding: 0 10px;
       }
     border-bottom: none;
   }
   a {
     color: black;
     text-decoration: none;

web/src/main.tsx ADDED Viewed

	@@ -0,0 +1,19 @@

+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import Directory from './Directory.tsx'
+import Workspace from './workspace/Workspace.tsx'
+import { BrowserRouter, Routes, Route } from "react-router";
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Directory />} />
+        <Route path="/dir" element={<Directory />} />
+        <Route path="/dir/:path" element={<Directory />} />
+        <Route path="/edit/:path" element={<Workspace />} />
+      </Routes>
+    </BrowserRouter>
+  </StrictMode>,
+)

web/src/vite-env.d.ts ADDED Viewed

	@@ -0,0 +1 @@


1	+ /// <reference types="vite/client" />

web/{app → src}/workspace/EnvironmentSelector.tsx RENAMED Viewed

File without changes

web/{app → src}/workspace/LynxKiteState.ts RENAMED Viewed

File without changes

web/{app → src}/workspace/Workspace.tsx RENAMED Viewed

@@ -1,7 +1,8 @@
-'use client';
 import useSWR from 'swr';
 import { useMemo } from "react";
-import { useSearchParams } from 'next/navigation';
 import {
   ReactFlow,
   useNodesState,
@@ -36,15 +37,15 @@ import EnvironmentSelector from './EnvironmentSelector';
 import { LynxKiteState } from './LynxKiteState';
 import '@xyflow/react/dist/style.css';
-export default function Workspace() {
   const [nodes, setNodes, onNodesChange] = useNodesState([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState([]);
-  const searchParams = useSearchParams();
-  let path = searchParams.get('path');
   const sstore = syncedStore({ workspace: {} });
   const doc = getYjsDoc(sstore);
-  const wsProvider = new WebsocketProvider("ws://localhost:8000/ws/crdt", path, doc);
   const state = useSyncedStore(sstore);
   const fetcher = (resource: string, init?: RequestInit) => fetch(resource, init).then(res => res.json());
@@ -54,10 +55,11 @@ export default function Workspace() {
     basic: NodeWithParams,
     table_view: NodeWithParams,
   }), []);
   return (
     <div className="workspace">
       <div className="top-bar bg-neutral">
-        <a className="logo" href=""><img src="/favicon.ico" /></a>
         <div className="ws-name">
           {path}
         </div>
@@ -69,7 +71,7 @@ export default function Workspace() {
         <div className="tools text-secondary">
           <a href=""><Atom /></a>
           <a href=""><Backspace /></a>
-          <a href="#dir?path={parentDir}"><ArrowBack /></a>
         </div>
       </div>
       <div style={{ height: "100%", width: '100vw' }}>

+// The LynxKite workspace editor.
+import { useParams } from "react-router";
 import useSWR from 'swr';
 import { useMemo } from "react";
+import favicon from '../assets/favicon.ico';
 import {
   ReactFlow,
   useNodesState,
 import { LynxKiteState } from './LynxKiteState';
 import '@xyflow/react/dist/style.css';
+export default function () {
   const [nodes, setNodes, onNodesChange] = useNodesState([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState([]);
+  const { path } = useParams();
   const sstore = syncedStore({ workspace: {} });
   const doc = getYjsDoc(sstore);
+  const wsProvider = new WebsocketProvider("ws://localhost:8000/ws/crdt", path!, doc);
+  wsProvider; // Just to disable the lint warning. The life cycle of this object is a mystery.
   const state = useSyncedStore(sstore);
   const fetcher = (resource: string, init?: RequestInit) => fetch(resource, init).then(res => res.json());
     basic: NodeWithParams,
     table_view: NodeWithParams,
   }), []);
+  const parentDir = path!.split('/').slice(0, -1).join('/');
   return (
     <div className="workspace">
       <div className="top-bar bg-neutral">
+        <a className="logo" href=""><img src={favicon} /></a>
         <div className="ws-name">
           {path}
         </div>
         <div className="tools text-secondary">
           <a href=""><Atom /></a>
           <a href=""><Backspace /></a>
+          <a href={'/dir/' + parentDir}><ArrowBack /></a>
         </div>
       </div>
       <div style={{ height: "100%", width: '100vw' }}>

web/{app → src}/workspace/nodes/LynxKiteNode.tsx RENAMED Viewed

File without changes

web/{app → src}/workspace/nodes/NodeParameter.tsx RENAMED Viewed

File without changes

web/{app → src}/workspace/nodes/NodeWithParams.tsx RENAMED Viewed

File without changes

web/{app → src}/workspace/page.tsx RENAMED Viewed

File without changes

web/tailwind.config.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /** @type {import('tailwindcss').Config} */
-module.exports = {
   darkMode: 'selector',
-  content: ['./app/**/*.{js,ts,jsx,tsx,mdx}'],
   theme: {
     extend: {},
   },

 /** @type {import('tailwindcss').Config} */
+export default {
   darkMode: 'selector',
+  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
   theme: {
     extend: {},
   },

web/tailwind.config.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import type { Config } from "tailwindcss";
-export default {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-      },
-    },
-  },
-  plugins: [],
-} satisfies Config;

web/tsconfig.app.json ADDED Viewed

	@@ -0,0 +1,26 @@

+{
+  "compilerOptions": {
+    "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,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

web/tsconfig.json CHANGED Viewed

@@ -1,28 +1,7 @@
 {
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "noImplicitAny": false,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
 }

 {
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
 }

web/tsconfig.node.json ADDED Viewed

	@@ -0,0 +1,24 @@

+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

web/vite.config.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
 import Icons from 'unplugin-icons/vite'
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    svelte(),
-    Icons({ compiler: 'svelte', defaultStyle: 'vertical-align: sub;' }),
   ],
   server: {
     proxy: {

 import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
 import Icons from 'unplugin-icons/vite'
+// https://vite.dev/config/
 export default defineConfig({
   plugins: [
+    react(),
+    Icons({ compiler: 'jsx', jsx: 'react' }),
   ],
   server: {
     proxy: {