Bostan Web

Browser version of the Android app in ../Bostan, built with React, TypeScript, Vite, and sql.js.

Live site: https://bonohanna.github.io/BostanWeb/

Features

• Arabic-first RTL interface using the Android app name, icon, colors, and content.
• Character list matching BostanInfo.characters.
• Section grid and direct section-number jump for all 1,226 sections.
• Search against the Android SQLite bostan_tb.sec field.
• Section display with selectable text, share/tweet actions, and previous/next navigation.

Local Development

npm install
npm run prepare:catalog
npm run dev

Current local URL when using the default Vite server:

http://127.0.0.1:5173/BostanWeb/

Useful checks:

npm run build
npm run lint

Catalog

npm run prepare:catalog reads:

../Bostan/app/src/main/assets/systbdefault.zip

It extracts the SQLite database to:

public/data/bostan.db

and copies:

public/sql-wasm.wasm

These static files are required at runtime because the browser opens the Android catalog through sql.js.

Deployment Note

The app is configured with:

base: '/BostanWeb/'

That matches the GitHub Pages project URL: https://bonohanna.github.io/BostanWeb/.