Browser/web distribution and interactive demo for wn-ts. Implements the node-to-browser strategy for WordNet access in the browser, following the approach of wordpos/wordpos-web.
npm install wn-ts-webBrowser-compatible WordNet implementation with SQLite WASM and microkernel architecture.
- Microkernel Architecture - Plugin-based design with comprehensive relations, similarity, and translation plugins
- Comprehensive Relations - Complete support for all 70+ WordNet relation types
- SQLite WASM - High-performance database operations in the browser
- OPFS Support - Persistent storage using Origin Private File System
- Worker-First - Designed to run in Web Workers for optimal performance
- React Integration - Custom hooks and context providers
- TypeScript - Full type safety and IntelliSense
``bash`
npm install wn-ts-web @sqlite.org/sqlite-wasm
typescript
import { useWordNet, useWordNetKernel } from 'wn-ts-web';// Worker-based hook
const { queryWords, loading, error } = useWordNet();
// Kernel-based hook
const { words, synsets, getHypernyms } = useWordNetKernel();
`$3
typescript
import { WebWordNetKernel } from 'wn-ts-web';const wordnet = new WebWordNetKernel('oewn:2024');
await wordnet.initialize();
const words = await wordnet.words({ form: 'computer' });
`Examples
$3
typescript
const { queryWords } = useWordNet();
const words = await queryWords('computer');
`$3
typescript
const {
getHypernyms,
getMeronyms,
getAgents,
getDomainTopics,
getRelationsByCategory,
getRelationStatsByCategory
} = useWordNetKernel();// Basic relations
const hypernyms = await getHypernyms('car-synset-id');
const meronyms = await getMeronyms('car-synset-id');
const agents = await getAgents('drive-synset-id');
// Domain relations
const domainTopics = await getDomainTopics('photosynthesis-synset-id');
// Query by category
const hierarchicalRelations = await getRelationsByCategory('car-synset-id', 'HIERARCHICAL');
const semanticRoles = await getRelationsByCategory('drive-synset-id', 'SEMANTIC_ROLES');
// Get relation statistics
const stats = await getRelationStatsByCategory('car-synset-id');
console.log(
Car has ${stats.HIERARCHICAL} hierarchical relations);
`Browser Requirements
- Chrome 88+, Firefox 85+, Safari 14+, Edge 88+
- Web Workers support
- IndexedDB support
- OPFS support (optional, for better performance)
Configuration
typescript
const options = {
enableWorkers: true,
workerUrl: '/workers/wordnet-worker.js',
enableOPFS: true,
cacheSize: 1000
};
``