// sdk · Web Components
AstroWay web components (alpha)
Natale wiel, maanfase, compatibiliteit, tarot en horoscoop als gewone HTML-elementen voor elke site: één <script>-tag vanaf een CDN, of npm install. Charts worden getekend door dezelfde code als de API, dus een wiel op je pagina komt overeen met wat /v1/render teruggeeft. Alpha: attribuutnamen kunnen nog veranderen vóór 1.0.
// 01 / install
Installeren
npm install @astroway/ui@alpha pnpm
pnpm add @astroway/ui yarn
yarn add @astroway/ui CDN
<script type="module" src="https://cdn.jsdelivr.net/npm/@astroway/ui/dist/cdn/index.js"></script> importeren: import '@astroway/ui';
Bekijk in de registry → @astroway/ui
// 02 / highlights
Kenmerken
- Gewone custom elements: HTML, WordPress, Vue, Svelte, React 19, Next.js
- Dezelfde SVG als /v1/render
- Geen key voor publieke data
- Een pk_-key met origins, limiet en scope
- 21 talen uit de API-responses
// 03 / first request
Eerste verzoek
<script type="module" src="https://cdn.jsdelivr.net/npm/@astroway/ui/dist/cdn/index.js"></script>
<!-- keyless: the moon phase in the visitor's language -->
<aw-moon-phase lang="uk"></aw-moon-phase>
<!-- a publishable pk_ key bound to your domain, credit cap and endpoint list -->
<aw-natal-wheel api-key="pk_live_..." date="1990-07-14" time="14:30"
latitude="50.45" longitude="30.52" timezone-offset="3"></aw-natal-wheel>Start met Web Components
10.000 credits gratis per maand. Open-source SDK, gegenereerd vanuit OpenAPI 3.1, altijd synchroon met de backend.