jetdb の紹介ページ・全項目の比較表・ブラウザで試せるデモ(日英)の置き場です。HTML と CSS は手で書き、JavaScript は src/ の TypeScript から作ります。
index.html・compare/・demo/・ja/: 各ページの HTMLassets/style.css: 全部のページの CSSsrc/main.ts: 全部のページが読む小さな動き(コピーボタン、インストールのタブ)。モジュールではないのでimport/exportは書かないsrc/demo/: デモのページの動き。main.ts(起動と画面の流れ)、dom.ts(DOM の部品)、views.ts(オブジェクトの種類ごとの表示)、messages.ts(日英の文字)assets/main.js・assets/demo/:src/から作った JavaScript。ページはこれを読むtests/unit/:src/の関数のテスト(Vitest のブラウザモード、Chromium)tests/e2e/: ページを開いて確かめるテスト(Playwright、Chromium・Firefox・WebKit)scripts/serve.ts: サイトを手元で配るスクリプト
- Node.js 24
- デモが読む jetdb-wasm: ページは npm のパッケージ
jetdb-wasmを jsDelivr(demo/index.html・ja/demo/index.htmlの import map。版は決め打ち)から読む。同じ版を devDependency に入れてあり、型の検査と、ページを通すテスト(scripts/serve.ts --local-wasmがnode_modules/jetdb-wasm/web/を配る)に使う。版を上げるときは import map 2 か所とpackage.jsonをそろえる(テストが照らす) - ページを開くテストで使う jetdb 本体の
testdata/: 環境変数JETDB_TESTDATAで指す。指さないときは、このディレクトリの隣の../jetdb/testdataを読む
testdata のファイルが無いとき、そのファイルを使うテストは飛ばす。
npm ci
npx playwright install chromium firefox webkitnpm run build # src/ の TypeScript から assets/ の JavaScript を作る
npm run check # 型の検査(src/ とテスト)と Biome の検査
npm run lint # Biome の検査だけ
npm test # tests/unit/ のテスト
npm run test:e2e # tests/e2e/ のテスト
node scripts/serve.ts 8080 # http://localhost:8080/ でサイトを配る(キャッシュさせない。--local-wasm で jetdb-wasm を node_modules から)src/を書き換えたらnpm run buildを実行し、作ったassets/の JavaScript も同じコミットに入れる。ページは作ったものを読むので、作り忘れるとページに出ないassets/main.jsとassets/demo/は直接書き換えない- ページの HTML を書き換えたら、
sitemap.xmlのそのページのlastmodをその日に変える - Biome が検査・整形するのは
src/・tests/・scripts/と、直下の設定のファイルだけ。HTML・CSS・Markdown は対象にしない