@apiteam/twa-bridge
v7.8.0
Published
Telegram bridge
Downloads
286
Maintainers
xuserzReadme
SDK
npm package for Telegram Web Apps (TWA) SDK.
npm i @apiteam/twa-bridgeMotivation
Telegram distributes SDK via link. It's kinda old fashion way to work with a library:
<html lang="en">
<head>
<title>TWA</title>
<meta charset="UTF-8">
<script src="https://telegram.org/js/telegram-web-app.js"></script>
<script>
window.Telegram.WebApp.showPopup({ message: 'message' });
</script>
</head>
<body></body>
</html>This package allows to work with SDK as with a npm package:
import { bridgeOpenPopup } from '@apiteam/twa-bridge/solid'
bridgeOpenPopup({ message: 'message' })And yes, it supports TS.
Solid
import {
listener,
EventViewportChanged,
bridgeRequestViewport
} from '@apiteam/twa-bridge/solid'
const onRequestViewport = (
eventData: EventsData[typeof EventViewportChanged]
) => {
console.log({eventData})
}
listener.on(EventViewportChanged, onRequestViewport)
bridgeRequestViewport()
Use Context
import {
ProviderTWA,
ContextTwa
} from '@apiteam/twa-bridge/solid'
const Provider = () => {
return (
<ProviderTWA>
<App />
</ProviderTWA>
)
}
const App = () => {
const context = useContext(ContextTwa)
return <div>FisrtName: {context.init?.user?.first_name}</div>
}
Errors
| ID | Description | | --- | ----------------------------------------------------------------- | | 1 | Method not supported | | 2 | Ooof! Something is wrong. Init data is missing | | 3 | Title too long, maximum length 64 characters | | 4 | Your message is too short, at least 1 character | | 5 | Your message is too long, maximum 256 characters | | 6 | You are passing too few buttons, at least 1 button | | 7 | You are passing too many buttons, maximum 3 buttons | | 8 | The button text ignores the following values: "ok, close, cancel" | | 9 | EDIT_MESSAGE |