@twa-dev/sdk NPM

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.