Skip to content

Commit 228719f

Browse files
committed
feat: vite demo app
1 parent e690d9f commit 228719f

File tree

9 files changed

+1153
-5
lines changed

9 files changed

+1153
-5
lines changed

cmp/demo/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Demo App</title>
7+
</head>
8+
<body>
9+
<div id="root"></div>
10+
<script type="module" src="/src/main.tsx"></script>
11+
</body>
12+
</html>

cmp/demo/package.json

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,23 @@
11
{
22
"name": "@compiler/demo",
33
"version": "1.0.0",
4-
"main": "index.js",
4+
"type": "module",
55
"scripts": {
6-
"dev": "echo 'not implemented'",
7-
"build": "echo 'not implemented'",
6+
"dev": "vite",
7+
"build": "vite build",
88
"test": "echo 'not implemented'"
99
},
1010
"dependencies": {
11-
"@compiler/core": "workspace:*"
11+
"@compiler/core": "workspace:*",
12+
"react": "^18.3.1",
13+
"react-dom": "^18.3.1",
14+
"react-router": "^7.0.0"
15+
},
16+
"devDependencies": {
17+
"@types/react": "^18.3.0",
18+
"@types/react-dom": "^18.3.0",
19+
"@vitejs/plugin-react": "^4.3.0",
20+
"typescript": "^5.6.0",
21+
"vite": "^5.4.0"
1222
}
1323
}

cmp/demo/src/App.tsx

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
import { BrowserRouter, Routes, Route, Link, Outlet } from 'react-router';
2+
3+
function Layout() {
4+
return (
5+
<div>
6+
<nav>
7+
<Link to="/">Home</Link> | <Link to="/about">About</Link>
8+
</nav>
9+
<main>
10+
<Outlet />
11+
</main>
12+
</div>
13+
);
14+
}
15+
16+
function Home() {
17+
return <h1>Home Page</h1>;
18+
}
19+
20+
function About() {
21+
return <h1>About Page</h1>;
22+
}
23+
24+
export default function App() {
25+
return (
26+
<BrowserRouter>
27+
<Routes>
28+
<Route element={<Layout />}>
29+
<Route path="/" element={<Home />} />
30+
<Route path="/about" element={<About />} />
31+
</Route>
32+
</Routes>
33+
</BrowserRouter>
34+
);
35+
}

cmp/demo/src/main.tsx

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { StrictMode } from 'react';
2+
import { createRoot } from 'react-dom/client';
3+
import App from './App';
4+
5+
createRoot(document.getElementById('root')!).render(
6+
<StrictMode>
7+
<App />
8+
</StrictMode>
9+
);

cmp/demo/tsconfig.json

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"compilerOptions": {
3+
"target": "ES2020",
4+
"module": "ESNext",
5+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
6+
"jsx": "react-jsx",
7+
"strict": true,
8+
"esModuleInterop": true,
9+
"skipLibCheck": true,
10+
"moduleResolution": "bundler",
11+
"resolveJsonModule": true,
12+
"isolatedModules": true,
13+
"noEmit": true
14+
},
15+
"include": ["src"]
16+
}

cmp/demo/vite.config.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import { defineConfig } from 'vite';
2+
import react from '@vitejs/plugin-react';
3+
4+
export default defineConfig({
5+
plugins: [react()],
6+
});

cmp/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
{
22
"name": "compiler-monorepo",
3+
"packageManager": "pnpm@10.11.0",
34
"version": "1.0.0",
45
"private": true,
56
"scripts": {

0 commit comments

Comments
 (0)