Skip to content

Commit 68663bc

Browse files
committed
chore: modernized demos with modern bundler setup and TypeScript
1 parent 9564253 commit 68663bc

26 files changed

Lines changed: 282 additions & 271 deletions

.gitignore

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,6 @@ testem.log
3838
.DS_Store
3939
Thumbs.db
4040

41-
node_modules/*
41+
node_modules
4242
dist/
43-
bundle
43+
bundle

demo/index.html

Lines changed: 0 additions & 19 deletions
This file was deleted.

demo/main-thread.js

Lines changed: 0 additions & 53 deletions
This file was deleted.

demo/node.mjs

Lines changed: 0 additions & 45 deletions
This file was deleted.

demo/script.js

Lines changed: 0 additions & 24 deletions
This file was deleted.

demo/worker.js

Lines changed: 0 additions & 56 deletions
This file was deleted.

demo/wrapped-worker.js

Lines changed: 0 additions & 72 deletions
This file was deleted.

demos/in-worker-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>In Worker Demo</title>
7+
</head>
8+
<body>
9+
<div id="app"></div>
10+
<script type="module" src="./src/main.ts"></script>
11+
</body>
12+
</html>

demos/in-worker-demo/package.json

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"name": "@sqlite.org/in-worker-demo",
3+
"type": "module",
4+
"scripts": {
5+
"dev": "vite",
6+
"build": "vite build",
7+
"preview": "vite preview"
8+
},
9+
"devDependencies": {
10+
"vite": "^8.0.8"
11+
}
12+
}

demos/in-worker-demo/src/main.ts

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
const worker = new Worker(new URL('./workers/worker.ts', import.meta.url), {
2+
type: 'module',
3+
});
4+
5+
worker.onmessage = (e) => {
6+
if (e.data.type === 'success') {
7+
const rows = e.data.rows;
8+
const app = document.getElementById('app');
9+
if (app) {
10+
const ul = document.createElement('ul');
11+
rows.forEach((row: any) => {
12+
const li = document.createElement('li');
13+
li.textContent = `${row.id}: ${row.name}`;
14+
ul.appendChild(li);
15+
});
16+
app.appendChild(ul);
17+
}
18+
}
19+
};
20+
21+
worker.postMessage({ type: 'start' });

0 commit comments

Comments
 (0)