Telestion Frontend Library
This library contains all the components and utilities that are used in the Telestion Frontend.
Installation
pnpm i @wuespace/telestionFeatures
- An easy way to build a Telestion frontend
- Based on Vite and React
- Using Bootstrap for easy styling
- one simple
initTelestionfunction to initialize a Telestion frontend for minimal boilerplate - handles the connection to the Telestion backend services
Usage
In a Vite project, you can use the library like this:
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Telestion App</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/main.ts"></script>
</body>
</html>main.ts
import { initTelestion } from '@wuespace/telestion';
import '@wuespace/telestion/telestion.css';
initTelestion({
version: '0.1.0'
});Development
The library itself is located under src/lib and the demo app is located under src/app.
To start the demo app, run:
pnpm devTo build the library, run:
pnpm buildTo build the documentation, run:
pnpm docs