// sdk · Web Components
Веб-компоненти AstroWay (альфа)
Натальна карта, фаза Місяця, сумісність, таро та гороскоп як звичайні HTML-елементи для будь-якого сайту: тег <script> з CDN або npm install. Карти малює той самий код, що й API, тож колесо на вашій сторінці збігається з тим, що повертає /v1/render. Альфа: назви атрибутів ще можуть змінитися до 1.0.
// 01 / install
Встановити
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> імпорт: import '@astroway/ui';
Дивитися в реєстрі → @astroway/ui
// 02 / highlights
Особливості
- Звичайні custom elements: HTML, WordPress, Vue, Svelte, React 19, Next.js
- Ті самі SVG, що й у /v1/render
- Без ключа для публічних даних
- Ключ pk_ з доменами, лімітом і областю
- 21 мова з відповідей API
// 03 / first request
Перший запит
<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>Старт з Web Components
10 000 credits безкоштовно на місяць. Open-source SDK, генерується з OpenAPI 3.1, завжди синхронний з бекендом.