https://www.npmjs.com/package/@vkruglikov/react-telegram-web-app

<Alert header='See also' text='https://habr.com/ru/articles/789442/' />

#telegram Mini App #react #typescript

<CollapsibleBox
header="Сервис в разработке"
text="### Осталось немного...
⭕ 4/ Еще кое-что, связанное с UX
⭕ 3/ Лимитированная по времени авторизация из ссылки бота
✅ 2/ Запрос остатка пробега по API
✅ 1/ Индивидуальный гараж по ссылке из бота"
/>

## Задача
Для оценки остаточного пробега требуется проверка таблицы расходников до плановой замены в соответствии с текущим пробегом. Иными словами, нужно получить отчет по расходникам в виде таблицы.

*Что-то типа такого:*

![img](https://pravosleva.pro/express-helper/chat/storage/uploads/magaz/1710341362924.png)

## Алгоритм, в принципе, тривиальный:

1. **Создать Машину в гараже**
2. **Создать список работ по машине**
3. **Для каждой из работ зафиксировать параметры:**
- Крайний пробег
- Интервал пробега до следующей замены

<ControlsBox
  controlsJson='[
    {
      "title": "START_TELEGRAM",
      "label": "Создать гараж (бот)",
      "type": "link",
      "link": "https://t.me/pravosleva_bot?start=autopark"
    },
    {
      "title": "END_DEMO",
      "label": "Пример отчёта",
      "type": "link",
      "link": "https://pravosleva.pro/autopark-2022/432590698/1660520198605/report"
    }
  ]'
/>

Контроль за пробегом | Электронная сервисная книжка #autoPark (beta) #telegramBot

# Way 1: Telegraf middleware

```js
export const withDetectMembers = (bot) => {
  try {
    bot.on('new_chat_members', (ctx) => {
      // console.log(ctx.message.new_chat_members)

      const { replyWithMarkdown, message } = ctx

      replyWithMarkdown(
        `Event *new_chat_members*\n\n\`\`\`${JSON.stringify(
          { message },
          null,
          2
        )}\`\`\``
      )
    })
  } catch (err) {
    console.log(err)
  }
}
```

## Usage
```js
withDetectMembers(bot)
```

## Output example

При добавлении бота в группу **Красная Акула**
```json
{
  "message": {
    "message_id": 566,
    "from": {
      "id": 000000000,
      "is_bot": false,
      "first_name": "Den",
      "last_name": "Pol",
      "username": "pravosleva",
      "language_code": "ru"
    },
    "chat": {
      "id": -1001551335399,
      "title": "Красная Акула",
      "is_forum": true,
      "type": "supergroup"
    },
    "date": 1678804889,
    "new_chat_participant": {
      "id": 5347403052,
      "is_bot": true,
      "first_name": "dev_pravosleva_bot",
      "username": "dev_pravosleva_bot"
    },
    "new_chat_member": {
      "id": 5347403052,
      "is_bot": true,
      "first_name": "dev_pravosleva_bot",
      "username": "dev_pravosleva_bot"
    },
    "new_chat_members": [
      {
        "id": 5347403052,
        "is_bot": true,
        "first_name": "dev_pravosleva_bot",
        "username": "dev_pravosleva_bot"
      }
    ]
  }
}
```

# Way 2: [@ShowJsonBot](https://t.me/ShowJsonBot)

> Этот товарищ просто показывает все апдейты, которые в него приходят, отвечая в тот же чат

#telegramBot | Show update, new_chat_members middleware

https://github.com/telegraf/telegraf/blob/5588e05997/docs/examples/inline-bot.js

https://github.com/feathers-studio/telegraf-docs/blob/master/examples/shop-bot.ts

#telegraf | examples #telegramBot

<Alert type='danger' header='NOTE' text='Всегда удаляй инлайновые кнопки, получив на них действие!' />

```bash
Error: 400: Bad Request: query is too old and response timeout expired or query ID is invalid
```

Подскажите, с чем связана проблема? С недавнего времени бот падает

> у тебя есть инлайн кнопка
> которой много времени

а че раньше работало месяца три?

> потому что у тя завелся пользователь
> который захотел тыкаать на кнопки
> которым много времени
> типа надо обрабатывать ошибку try/catch
> и если захочешь сможешь удалить сообщение с данной кнопкой

```js
// Telegraf:
ctx.deleteMessage()

// node-telegram-bot-api
bot.deleteMessage(callbackQuery.message.chat.id, callbackQuery.message.message_id);
```

[Go to Step 6](/notes/61fe3c4cbab1831e280ceff7) ➡️ Google table

⚡ #telegramBot #ГКС | Step 5 Error: 400: Bad Request: query is too old and response timeout expired or query ID is invalid

## Support Bot
https://github.com/bostrot/telegram-support-bot

## grammyjs samples
https://github.com/grammyjs/awesome-grammY

## Selectel Doc
https://selectel.ru/blog/tutorials/grammyjs/

Telegram Support Bot (Ticketing system for Telegram) | #telegramBot

## Tools
### ⚡ github desktop
- [ ] [Download](https://desktop.github.com/) & install
### ⚡ git repo
- [ ] git bash
- [ ] ❓ github account & github repo
- [ ] Or corporative repo
> ❓ pastebin.com
### ⚡ [VCSode](https://code.visualstudio.com/download) Or [Atom](https://atom.io/)
- [ ] install anything
### NodeJS
- [ ] install

[Go to Step 3](/notes/60e990f83f3fd27b461006df) ➡️

#telegramBot #ГКС | Step 2 (development flow)

## Habr

https://habr.com/ru/post/510760/

## Buttons

https://stackoverflow.com/questions/42786711/add-clickable-buttons-to-telegram-bot
**[Кнопки](https://www.youtube.com/watch?v=slcqnHIFrj8)**

## Samples

https://core.telegram.org/bots/samples

#telegramBot | Пишем телеграм бота на node.js

https://chat2desk.com/baza-znanij/nastrojka-messendzherov/kak-ustanovit-avatar-bota-v-telegram

#telegramBot #ГКС | Step7. Как установить аватар бота в Telegram?

```ts
import { Context } from 'telegraf/typings'

bot.command('del_message_by_delay', async (ctx: Context) => {
  const { reply } = ctx
  const newData = await reply(
    'Custom buttons keyboard',
    Markup.keyboard([
      ['🔍 Search', '😎 Popular'], // Row1 with 2 buttons
      ['☸ Setting', '📞 Feedback'], // Row2 with 2 buttons
      ['📢 Ads', '⭐️ Rate us', '👥 Share'], // Row3 with 3 buttons
    ])
      .oneTime()
      .resize()
      .extra()
  )

  const delaySeconds = 5
  const descrData = await ctx.replyWithMarkdown(
    `_${delaySeconds} sec for disappear..._`
  )

  return makeDisappearingDelay(() => {
    ctx.deleteMessage(newData.message_id)
    ctx.deleteMessage(descrData.message_id)
  }, delaySeconds * 1000)
})
```

`~/utils/makeDisappearingDelay.ts`
```ts
export const makeDisappearingDelay = (cb: () => void, ms = 30000) => {
  return setTimeout(cb, ms)
}
```

Исчезающие кнопки | Remove inline button tool makeDisappearingDelay #telegraf #telegramBot

# Бот в честь резиновой женщины А. Керн из Подольска

Привет, тупая кукла с пробегом за 300, вот тебе подробная инструкция =)

## Как скачать и запустить бота

### 1) Выделить хостинг для работы серверного скрипта;

### 2) Установить следующий софт:

- GIT https://git-scm.com/
- Платформа Node.js https://nodejs.org/en/ (менеджер пакетов npm идет в комплекте при установке)
- Лично я использую менеджер процессов PM2 https://pm2.keymetrics.io/ для запуска серверных скриптов в фоновом режиме

### 3) Склонировать репозиторий https://github.com/pravosleva/node-telegram-bot-api-sample в то место откуда планируется запускать бота. Команда:

```bash
git clone https://github.com/pravosleva/node-telegram-bot-api-sample.git
```

### 4) Внутри локальной репы создать файл `.prod.env` со следующим содержимым:

```bash
TG_BOT_TOKEN=<YOUR_TG_BOT_TOKEN>
# Строку `<YOUR_TG_BOT_TOKEN>` заменить на сгенерированный для своего бота токен.

# Необязательные ключи:
DEVELOPER_NAME=<DEVELOPER_NAME>
DEVELOPER_CHAT_ID=<DEVELOPER_CHAT_ID>
# Строки <DEVELOPER_NAME>, <DEVELOPER_CHAT_ID> заменить на данные разработчика на поддержке бота
```

### 5) После выполнения пунктов выше можно установить зависимости проекта и запускать:

```bash
npm i

# Вариант 1: Если используется PM2:
npm run start:pm2

# Вариант 2: НЕ фоновый режим (работать будет в открытой консоле - годится только для отладки):
npm start
```

### 6) Через некоторое время репозиторий проекта будет обновлен.
- Подтянуть изменения надо будет командой:
```bash
git pull
```

- После обновления перезапустить процесс:
```bash
# Если используется PM2 (вместо <PROCESS_ID> указать id процесса, скорее всего 0, если он там один):
pm2 restart <PROCESS_ID>
```

[Go to Step 2](/notes/61154e2e90b91e192f8c17ac) ➡️

#telegramBot #ГКС | Step 1

https://stackoverflow.com/a/61225235

The problem is very likely the content of one your variables ($user, $path, $file, $line) inside your message, which creates an invalid markdown string. Maybe you have an opening markdown symbol without the corresponding closing one. Like `*` or `_`.

If this doesn't help, please post here the exact message, with variables replaced, so we can spot markdown errors.

#telegramBot UnhandledPromiseRejectionWarning: Error: 400: Bad Request: can't parse entities: Can't find end of the entity starting at byte offset 113

[Кнопка меню телеграм API](https://ru.stackoverflow.com/questions/1345315/%D0%9A%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0-%D0%BC%D0%B5%D0%BD%D1%8E-%D1%82%D0%B5%D0%BB%D0%B5%D0%B3%D1%80%D0%B0%D0%BC-api)

#telegramBot API | Menu

https://telegrafjs.org/#/?id=telegraf-acl

#telegramBot | забанить #ban

https://rdrr.io/cran/telegram.bot/man/editMessageReplyMarkup.html

editMessageReplyMarkup #telegramBot

https://github.com/ioscars/telegraf-starter

telegraf-starter #telegraf #telegramBot #typescript

https://github.com/ioscars/telegraf-answer

```bash
npm i https://github.com/ioscars/telegraf-answer
```

```js
const { Telegraf, Markup: m } = require('telegraf')
const { answerMiddle } = require('telegraf-answer')

// Устанавливаем handlerTimeout, чтобы бот в режиме polling не зависал
const bot = new Telegraf(process.env.BOT_TOKEN, { handlerTimeout: 100 })
// Подключаем мидл
bot.use(answerMiddle({ timeout: 30_000 }))
bot.start(async ({ reply, answerTill, answer }) => {
  try {
    await reply('What is your name?')
    // Будет спрашивать пока возвращается undefined, в функцию приходит message
    const name = await answerTill(async ({ text = '' }) => {
      if (text.length < 4)
        return void await reply('Your name is too short')

      if (text.length > 16)
        return void await reply('Your name is too big')

      return text
    })

    await reply('What is your surname?')
    // Спрашивает один раз, возвращает message
    const { text: surname } = await answer()

    await reply(`Hello, ${name} ${surname}`)
  } catch (e) {
    return reply('Registration is failed.')
  }
})

bot.lauch()
  .then(() => console.log('The bot is working'))
```

telegraf-answer #telegramBot #telegraf

```bash
Failed to fetch updates. Waiting: 1s request to https://api.telegram.org/bot687598416:AAFwMwW1KY2qEiQN3THqGe2Oe1Nkrv_e_dk/getUpdates?offset=929341858&limit=100&timeout=30 failed, reason: read ETIMEDOUT
4|bot-2021 | (node:24521) UnhandledPromiseRejectionWarning: Error: 400: Bad Request: message to delete not found
4|bot-2021 |     at /home/projects/pravosleva-blog/pravosleva-bot-2021/node_modules/telegraf/core/network/client.js:281:17
4|bot-2021 |     at processTicksAndRejections (internal/process/task_queues.js:97:5)
4|bot-2021 | (node:24521) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
4|bot-2021 | (node:24521) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
```

Failed to fetch updates. Waiting: 1s request to https://api.telegram.org #telegramBot

https://core.telegram.org/bots#deep-linking

#telegram | Deep linking

```js
Markup.inlineKeyboard([
  [Markup.urlButton('text', 'https://google.com')]
])

// {text:'Text', url:'ya.ru'}
```

#telegramBot | кнопка-ссылка button-link

а можно генерить линк на бота, чтобы при старте он уже имел какуе-ето инфу заранее?

```
http://t.me/<YOUR_BOT>?start=text
```

#telegramBot | Init data

```js
const tgFileUrl = await ctx.telegram.getFileLink(originalPhoto.file_id);
const ext = fileName.split('.').pop();
```

#telegram | Get file extention

### TS
- https://github.com/yakovlevyuri/telegram-bot-boilerplate/blob/master/src/commands/index.ts

#telegramBotBoilerplate

🎓 **2021 [🧰 Отправка сообщений из Google Таблицы в телеграмм по шагам V2. Как бы я написал скрипт в 2021 году](https://www.youtube.com/watch?v=MR10T4WPBmc)**

```js
const TG_BOT_TOKEN = "<YOUR_TG_BOT_TOKEN>"

const setWebhook = () => {
  const webAppUrl = 'https://script.google.com/macros/s/AKfycbw-rwNxUvBC7S9gES_jJCnZNEpar6oWc7kaJxMIWDuZdikiLCTmTUJGY9clGKcr0qKUDQ/exec'
  const response = UrlFetchApp.fetch(`https://api.telegram.org/bot${TG_BOT_TOKEN}/setWebhook?url=${webAppUrl}`)
  const text = response.getContentText()
  // console.log(text)
}

const isIdDetected = (id) => (s) => s.getSheetId() === id
const getSheetById = (id) => SpreadsheetApp
  .getActive()
  .getSheets()
  .find(isIdDetected(id))

const doPost = (ev) => {
  const mySheet = getSheetById(0)
  const { contents } = ev.postData
  
  mySheet.getRange(1, 1).setValue(JSON.stringify(JSON.parse(contents), null, 2))
}
```

👉 [Телеграм бот и гугл таблица: создание, webhook, логгирование](https://www.youtube.com/watch?v=WBCzNFWj1Ao)

🚫 ~~2019 [Отправка сообщений из Google Таблицы в телеграмм по шагам.](https://www.youtube.com/watch?v=8hkgWtgLxdc)~~

> See also: [Получение в google таблицу данных из telegram бота (под ключ)](https://www.youtube.com/watch?v=RatU5frnvnQ)

🎓 #гуглТаблицы #telegramBot #googleDocs

```js
const Telegraf = require('telegraf');
const axios = require('axios');

const BOT_TOKEN = ''; // TODO: get from BotFather

const bot = new Telegraf(BOT_TOKEN, {
  polling: true,
});

bot.start((ctx) => ctx.reply("Hello! Upload any document and I'll read it for you~"));

bot.on('document', async (ctx) => {
  const {file_id: fileId} = ctx.update.message.document;
  const fileUrl = await ctx.telegram.getFileLink(fileId);
  const response = await axios.get(fileUrl);
  ctx.reply('I read the file for you! The contents were:\n\n' + response.data);
});

bot.launch();
```

#telegramBot | Send files

https://www.youtube.com/watch?v=cpMTs4m5Yf0

#telegramBot | Бот модератор

#telegramBot | game sequelize db

[Bots: An introduction for developers](https://core.telegram.org/bots)

#telegramBot | An introduction for developers

https://www.kiwiagency.com.ua/blog/pomoschniki-v-telegram-poleznaya-podborka-botov.html

#telegramBot | Полезные Телеграм Боты

`node-telegram-bot-api`

```js
bot.sendMessage(chatId, '<b>TEST</b>', { parse_mode: 'HTML' });
```

#telegramBot | parse: markdown, html node-telegram-bot-api

https://chat2desk.com/baza-znanij/nastrojka-messendzherov/kak-izmenit-imya-bota-v-telegram

telegram