Skip to content

Commit 5c65c75

Browse files
committed
init
1 parent e730045 commit 5c65c75

13 files changed

Lines changed: 1988 additions & 0 deletions

README.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# KiteSQL GitHub Profile Demo
2+
3+
A lightweight Vite site that showcases KiteSQL running fully in the browser via WebAssembly. Use it for GitHub Pages or any static host, then embed a link in your profile README.
4+
5+
## Setup
6+
7+
1) Install deps (pulls the published `kite_sql` npm package):
8+
```bash
9+
npm install
10+
```
11+
2) Run locally:
12+
```bash
13+
npm run dev
14+
```
15+
> The app uses a small browser-friendly wrapper (`src/kite-sql-web.ts`) to load the npm-shipped `kite_sql_bg.wasm` with Vite’s `?url` asset handling. No local Rust build is needed.
16+
17+
## Scripts
18+
- `npm run dev` — start Vite dev server.
19+
- `npm run build` — produce static assets in `dist/` (ready for GitHub Pages).
20+
- `npm run preview` — preview the production build.
21+
22+
## Deploy to GitHub Pages
23+
- Push this folder as a separate repo or a `gh-pages` branch, then serve `dist/`.
24+
- In your GitHub profile README, link to the deployed page and add a badge/screenshot.
25+
26+
## How it works
27+
- Uses the published `kite_sql` wasm asset from npm with a small browser loader.
28+
- Runs a small SQL script (create/insert/update/select) entirely in the browser, then renders the result table.

index.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
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>KiteSQL Wasm Demo</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com" />
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9+
<link
10+
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap"
11+
rel="stylesheet"
12+
/>
13+
<link rel="stylesheet" href="/src/style.css" />
14+
</head>
15+
<body>
16+
<div id="app"></div>
17+
<script type="module" src="/src/main.ts"></script>
18+
</body>
19+
</html>

0 commit comments

Comments
 (0)