SDK
npm package for Telegram Web Apps (TWA) SDK.
npm i @twa-dev/sdk
Motivation
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.showAlert('Hey there!');
</script>
</head>
<body></body>
</html>
This package allows to work with SDK as with a npm package:
import WebApp from '@twa-dev/sdk'
WebApp.showAlert('Hey there!');
And yes, it supports TS.
Demo
Codesandbox
React
If you use React in your project, check out MainButton and BackButton components that we have prepared for you.
These components significantly simplify developer experience.