Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: Telegram-Mini-Apps/telegram-apps
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: @telegram-apps/[email protected]
Choose a base ref
...
head repository: Telegram-Mini-Apps/telegram-apps
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: master
Choose a head ref
7 contributors

Commits on Oct 1, 2024

  1. chore: remove temp file

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    b1c09bd View commit details

  2. docs(methods): allow passing color key in web_app_set_background_color

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    c99d610 View commit details

  3. feat(bridge): add BackgroundColor type. Use it the web_app_set_backgr… 

    …ound_color method
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    d60342b View commit details

  4. feat(bridge): add web_app_set_bottom_bar_color to support checks

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    816bed8 View commit details

  5. feat(sdk,mini-app): add "bottomBarColor" to GetCssVarNameFn first arg

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    8d40f8a View commit details

  6. feat(sdk,mini-app): add bottomBarColor value in state. Set Background… 

    …Color type for backgroundColor
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    ff20b41 View commit details

  7. chore(sdk,mini-app): remove static file

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    435e918 View commit details

  8. feat(sdk,mini-app): add bottom bar functionality. Allow passing wider… 

    … type for background color. Add more RGB signals
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    9b70abb View commit details

  9. chore(sdk,mini-app): reorganize exports

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    2d46387 View commit details

  10. docs(methods): refactor web_app_setup_secondary_button parameters tab… 

    …le. Add "position"
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    71aef19 View commit details

  11. feat(bridge): add position parameter in web_app_setup_secondary_butto… 

    …n. Export SecondaryButtonPosition type
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    705e047 View commit details

  12. feat(sdk,secondary-button): add position in state

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    f40e575 View commit details

  13. chore(sdk,secondary-button): remove static file

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    c789d7e View commit details

  14. chore(sdk,secondary-button): remove instance file

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    c0ba6a7 View commit details

  15. feat(sdk,secondary-button): add position-related functionality

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    77afbbf View commit details

  16. feat(sdk,secondary-button): export component

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    9607445 View commit details

  17. docs(sdk): add Secondary Button docs

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    c3ddb74 View commit details

  18. docs(changeset): - Add web_app_set_bottom_bar_color in supports 

    - Widen type for `web_app_set_background_color.color`
- Add `web_app_setup_secondary_button.position`
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    7a7829a View commit details

  19. docs(changeset): - Enhance the Secondary Button with the position s… 

    …ignal. Export the component

- Add bottom bar related functionality in the Mini App component
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    34652a2 View commit details

  20. Merge pull request #482 from Telegram-Mini-Apps/feature/mini-app-bott… 

    …om-bar

Add bottom bar functionality. Export Secondary Button and add related docs
    @heyqbnk
    heyqbnk authored Oct 1, 2024
    Copy the full SHA
    05e5521 View commit details

  21. RELEASING: Releasing 5 package(s) 

    Releases:
  @telegram-apps/bridge@1.2.0
  @telegram-apps/sdk@2.2.0
  @telegram-apps/navigation@1.0.2
  @telegram-apps/sdk-react@2.0.2
  @telegram-apps/sdk-solid@2.0.2

[skip ci]
    @github-actions
    github-actions[bot] committed Oct 1, 2024
    Copy the full SHA
    81eb28a View commit details

  22. Merge pull request #483 from Telegram-Mini-Apps/changeset-release/master 

    chore(packages): version packages
    @heyqbnk
    heyqbnk authored Oct 1, 2024
    Copy the full SHA
    61cb2fa View commit details

  23. fix(sdk,main-button): mark backgroundColor and textColor as optional … 

    …in State
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    67b1dd5 View commit details

  24. fix(sdk,main-button): re-implement state signal and make it internal.… 

    … Implement computed instead
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    5e63671 View commit details

  25. fix(sdk,main-button): rework the mount function, making it not to set… 

    … properties from theme
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    82cd37c View commit details

  26. fix(sdk,main-button): delete unused files

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    5964671 View commit details

  27. refactor(sdk,main-button): rework the way we export the component

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    8fa1ffb View commit details

  28. docs(sdk,main-button): remove theme params mount note

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    b5e155f View commit details

  29. docs(sdk,secondary-button): remove theme params mount note

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    a9a44d5 View commit details

  30. fix(sdk,main-button): fix invalid component export

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    b010e07 View commit details

  31. fix(sdk,secondary-button): rework the component the way we did with t… 

    …he main button
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    389d022 View commit details

  32. refactor(sdk,main-button): not important changes

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    2f258d7 View commit details

  33. docs(sdk,main-button,secondary-button): add theme params and mini app… 

    … mount warnings
    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    1149a12 View commit details

  34. docs(sdk,main-button): refactor the code a bit

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    1fdcff0 View commit details

  35. docs(changeset): Fix bottom buttons color change invalid behavior.

    @heyqbnk
    heyqbnk committed Oct 1, 2024
    Copy the full SHA
    7279f66 View commit details

  36. Merge pull request #484 from Telegram-Mini-Apps/fix/bottom-buttons-th… 

    …eme-change

Fix bottom buttons color change behavior
    @heyqbnk
    heyqbnk authored Oct 1, 2024
    Copy the full SHA
    4a9acee View commit details

  37. RELEASING: Releasing 3 package(s) 

    Releases:
  @telegram-apps/sdk@2.3.0
  @telegram-apps/sdk-react@2.0.3
  @telegram-apps/sdk-solid@2.0.3

[skip ci]
    @github-actions
    github-actions[bot] committed Oct 1, 2024
    Copy the full SHA
    23f7f36 View commit details

  38. Merge pull request #485 from Telegram-Mini-Apps/changeset-release/master 

    chore(packages): version packages
    @heyqbnk
    heyqbnk authored Oct 1, 2024
    Copy the full SHA
    921c7bb View commit details

Commits on Oct 2, 2024

  1. docs: remove "@2" from links

    @heyqbnk
    heyqbnk committed Oct 2, 2024
    Copy the full SHA
    141366e View commit details

  2. chore(packages): fox some links in readmes

    @heyqbnk
    heyqbnk committed Oct 2, 2024
    Copy the full SHA
    7bc079c View commit details

  3. docs(changeset): Fix some links in README.

    @heyqbnk
    heyqbnk committed Oct 2, 2024
    Copy the full SHA
    06f6720 View commit details

  4. Merge pull request #487 from Telegram-Mini-Apps/fix/bottom-buttons-th… 

    …eme-change

Fix some invalid links
    @heyqbnk
    heyqbnk authored Oct 2, 2024
    Copy the full SHA
    5db5ac4 View commit details

  5. RELEASING: Releasing 6 package(s) 

    Releases:
  @telegram-apps/navigation@1.0.3
  @telegram-apps/sdk-react@2.0.4
  @telegram-apps/sdk-solid@2.0.4
  @telegram-apps/signals@1.0.1
  @telegram-apps/bridge@1.2.1
  @telegram-apps/sdk@2.3.1

[skip ci]
    @github-actions
    github-actions[bot] committed Oct 2, 2024
    Copy the full SHA
    6549100 View commit details

  6. Merge pull request #488 from Telegram-Mini-Apps/changeset-release/master 

    chore(packages): version packages
    @heyqbnk
    heyqbnk authored Oct 2, 2024
    Copy the full SHA
    bbc446b View commit details

  7. chore: remove a.js

    @heyqbnk
    heyqbnk committed Oct 2, 2024
    Copy the full SHA
    7091b2e View commit details

  8. Update start-parameter.md 

    updated information about the maximum length of the startapp parameter
https://core.telegram.org/bots/api-changelog#august-18-2023
    @Maxson-dev
    Maxson-dev authored Oct 2, 2024
    Copy the full SHA
    f9083f3 View commit details

  9. Merge pull request #489 from Maxson-dev/patch-1 

    updated the startapp param max length
    @heyqbnk
    heyqbnk authored Oct 2, 2024
    Copy the full SHA
    ed5fc18 View commit details

Commits on Oct 4, 2024

  1. tests(sdk): for each component define reset function. Reuse it in glo… 

    …bal reset function
    @heyqbnk
    heyqbnk committed Oct 4, 2024
    Copy the full SHA
    3e12c9a View commit details

  2. refactor(sdk): create export files

    @heyqbnk
    heyqbnk committed Oct 4, 2024
    Copy the full SHA
    8d75d72 View commit details

  3. refactor(sdk,biometry): remove static folder. Replace with requestBio… 

    …metry
    @heyqbnk
    heyqbnk committed Oct 4, 2024
    Copy the full SHA
    e2bde3f View commit details
Showing 809 changed files with 45,425 additions and 15,405 deletions.
3 changes: 3 additions & 0 deletions .changeset/config.json
View file
Original file line number Diff line number Diff line change
@@ -8,7 +8,10 @@
"baseBranch": "master",
"updateInternalDependencies": "patch",
"ignore": [
"docs",
"custom-playground",
"vue-template",
"svelte-template",
"nextjs-template",
"reactjs-template",
"solidjs-template"
6 changes: 6 additions & 0 deletions .github/dependabot.yml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
version: 2
updates:
- package-ecosystem: 'github-actions'
directory: '/'
schedule:
interval: 'weekly'
12 changes: 4 additions & 8 deletions .github/workflows/run-changeset.yml
View file
Original file line number Diff line number Diff line change
@@ -14,20 +14,16 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Checkout repo
uses: actions/checkout@v3
uses: actions/checkout@v4

- name: Setup node
uses: actions/setup-node@v3
uses: actions/setup-node@v4
with:
node-version: 20
node-version: 22
registry-url: 'https://registry.npmjs.org'

- name: Install pnpm
uses: pnpm/action-setup@v2
id: pnpm-install
with:
version: 9
run_install: false
uses: pnpm/action-setup@v4

- name: Rollup
run: pnpm run ci:packages:rollup
12 changes: 4 additions & 8 deletions .github/workflows/test-pull-request.yml
View file
Original file line number Diff line number Diff line change
@@ -13,20 +13,16 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Checkout repo
uses: actions/checkout@v3
uses: actions/checkout@v4

- name: Setup node
uses: actions/setup-node@v3
uses: actions/setup-node@v4
with:
node-version: 20
node-version: 22
registry-url: 'https://registry.npmjs.org'

- name: Install pnpm
uses: pnpm/action-setup@v2
id: pnpm-install
with:
version: 9
run_install: false
uses: pnpm/action-setup@v4

- name: Rollup
run: pnpm run ci:packages:rollup
101 changes: 12 additions & 89 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -5,99 +5,22 @@
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

Mono-repository, containing all the packages, connected with comfortable and safe TypeScript
development on Telegram Mini Apps platform. To learn more about specific packages, follow
their own [documentations](https://docs.telegram-mini-apps.com).
development on Telegram Mini Apps platform.

> ⚠️ Working with @telegram-apps packages, you must not install the SDK from Telegram presented by
> a single file - telegram-web-app.js. Using both @telegram-apps packages and telegram-web-app.js
> will surely lead to bugs.
## Getting Started

## Packages
A great starting point for learning about the platform is the community-built [documentation](https://docs.telegram-mini-apps.com).
Additionally, the official Telegram [platform documentation](https://core.telegram.org/bots/webapps) can
provide valuable insights and a different perspective on the platform.

[docs-badge]: https://img.shields.io/badge/documentation-a?logo=gitbook&logoColor=white&color=%23007AFF
Before diving into development, it’s also advisable to explore the available
[libraries](https://docs.telegram-mini-apps.com/packages/telegram-apps-create-mini-app) for
both client-side and backend development to gain a better understanding of the tools at your
disposal.

### `@telegram-apps/sdk`

[sdk-npm-badge]: https://img.shields.io/npm/v/@telegram-apps/sdk?logo=npm

[![docs-badge]](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk)
[![sdk-npm-badge]](https://npmjs.com/package/@telegram-apps/sdk)
![Size](https://img.shields.io/bundlephobia/minzip/@telegram-apps/sdk)
[![code-badge]](https://github.com/Telegram-Mini-Apps/telegram-apps/tree/master/packages/sdk)

Made from scratch TypeScript library for seamless communication with Telegram Mini Apps
functionality.

The code of this library is designed to simplify the process of developers interacting with Telegram
Mini Apps. It consists of several individual components, each responsible for a specific aspect of
the Telegram Mini Apps ecosystem.

Before you begin using the SDK, we highly recommend familiarizing yourself with the Telegram Mini
Apps [documentation](https://docs.telegram-mini-apps.com/platform/about)
to grasp the fundamental concepts of the platform.

### `@telegram-apps/sdk-react`

[sdk-react-npm-badge]: https://img.shields.io/npm/v/@telegram-apps/sdk-react?logo=npm

[![docs-badge]](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk-react)
[![sdk-react-npm-badge]](https://npmjs.com/package/@telegram-apps/sdk-react)
![Size](https://img.shields.io/bundlephobia/minzip/@telegram-apps/sdk-react)
[![code-badge]](https://github.com/Telegram-Mini-Apps/telegram-apps/tree/master/packages/sdk-react)

React JS bindings for [client SDK](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk). Includes
hooks, components and utilities for comfortable usage of React JS on the Telegram Mini Apps platform.

### `@telegram-apps/sdk-solid`

[sdk-solid-npm-badge]: https://img.shields.io/npm/v/@telegram-apps/sdk-solid?logo=npm

[![docs-badge]](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk-solid)
[![sdk-solid-npm-badge]](https://npmjs.com/package/@telegram-apps/sdk-solid)
![Size](https://img.shields.io/bundlephobia/minzip/@telegram-apps/sdk-solid)
[![code-badge]](https://github.com/Telegram-Mini-Apps/telegram-apps/tree/master/packages/sdk-solid)

Solid JS bindings
for [client SDK](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk). Includes
hooks, components and utilities
for comfortable usage of Solid JS on the Telegram Mini Apps platform.

### `@telegram-apps/init-data-node`

[init-data-node-npm-badge]: https://img.shields.io/npm/v/@telegram-apps/init-data-node?logo=npm

[![docs-badge]](https://docs.telegram-mini-apps.com/packages/telegram-apps-init-data-node)
[![init-data-node-npm-badge]](https://npmjs.com/package/@telegram-apps/init-data-node)
![Size](https://img.shields.io/bundlephobia/minzip/@telegram-apps/init-data-node)
[![code-badge]](https://github.com/Telegram-Mini-Apps/telegram-apps/tree/master/packages/init-data-node)

The package provides utilities to work with the initialization data of Telegram Mini Apps on the
server side. To learn more about the initialization data and its usage, please refer to
the [documentation](https://docs.telegram-mini-apps.com/platform/launch-parameters).

### `@telegram-apps/solid-router-integration`

[solid-router-integration-npm-badge]: https://img.shields.io/npm/v/@telegram-apps/solid-router-integration?logo=npm

[![docs-badge]](https://docs.telegram-mini-apps.com/packages/telegram-apps-solid-router-integration)
[![solid-router-integration-npm-badge]](https://npmjs.com/package/@telegram-apps/solid-router-integration)
![Size](https://img.shields.io/bundlephobia/minzip/@telegram-apps/solid-router-integration)
[![code-badge]](https://github.com/Telegram-Mini-Apps/telegram-apps/tree/master/packages/solid-router-integration)

Telegram Mini Apps [Navigator](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk/navigation)
integration for [@solidjs/router](https://www.npmjs.com/package/@solidjs/router).

### `@telegram-apps/react-router-integration`

[react-router-integration-npm-badge]: https://img.shields.io/npm/v/@telegram-apps/react-router-integration?logo=npm

[![docs-badge]](https://docs.telegram-mini-apps.com/packages/telegram-apps-react-router-integration)
[![react-router-integration-npm-badge]](https://npmjs.com/package/@telegram-apps/react-router-integration)
![Size](https://img.shields.io/bundlephobia/minzip/@telegram-apps/react-router-integration)
[![code-badge]](https://github.com/Telegram-Mini-Apps/telegram-apps/tree/master/packages/react-router-integration)

Telegram Mini Apps [Navigator](https://docs.telegram-mini-apps.com/packages/telegram-apps-sdk/navigation)
integration for [react-router-dom](https://www.npmjs.com/package/react-router-dom).
> [!WARNING]
> Working with `@telegram-apps` packages, you <ins>**must not**</ins> use the Telegram library - `telegram-web-app.js`.
> Using both `@telegram-apps` packages and `telegram-web-app.js` will surely lead to bugs.
## Why not Telegram SDK

Loading