npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@futpib/telegram-browser

v2.9.4-dev.1

Published

Browser MTProto API Telegram client library,

Downloads

21

Readme

GramJS

A Telegram client written in JavaScript for Node.js and browsers, with its core being based on Telethon.

How to get started

Here you'll learn how to obtain necessary information to create telegram application, authorize into your account and send yourself a message.

Note that if you want to use a GramJS inside of a browser, refer to this instructions.

Install GramJS:

$ npm i telegram -D

Install input package, we'll use it to prompt ourselves inside terminal for login information:

$ npm i input -D

After installation, you'll need to obtain an API ID and hash:

  1. Login into your telegram account
  2. Then click "API development tools" and fill your application details (only app title and short name required)
  3. Finally, click "Create application"

Never share any API/authorization details, that will compromise your application and account.

When you've successfully created the application, change apiId and apiHash on what you got from telegram.

Then run this code to send a message to yourself.

import { TelegramClient } from "telegram";
import { StringSession } from "telegram/sessions";
import input from "input";

const apiId = 123456;
const apiHash = "123456abcdfg";
const stringSession = new StringSession(""); // fill this later with the value from session.save()

(async () => {
  console.log("Loading interactive example...");
  const client = new TelegramClient(stringSession, apiId, apiHash, {
    connectionRetries: 5,
  });
  await client.start({
    phoneNumber: async () => await input.text("Please enter your number: "),
    password: async () => await input.text("Please enter your password: "),
    phoneCode: async () =>
      await input.text("Please enter the code you received: "),
    onError: (err) => console.log(err),
  });
  console.log("You should now be connected.");
  console.log(client.session.save()); // Save this string to avoid logging in again
  await client.sendMessage("me", { message: "Hello!" });
})();

Note that you can also save auth key to a folder instead of a string, change stringSession into this:

const storeSession = new StoreSession("folder_name");

Be sure to save output of client.session.save() into stringSession or storeSession variable to avoid logging in again.

Running GramJS inside browsers

GramJS works great in combination with frontend libraries such as React, Vue and others.

While working within browsers, GramJS is using localStorage to cache the layers.

To get a browser bundle of GramJS, use the following command:

NODE_ENV=production npx webpack

Calling the raw API

To use raw telegram API methods use invoke function.

await client.invoke(new RequestClass(args));

Documentation

General documentation, use cases, quick start, refer to gram.js.org, or older version of documentation (will be removed in the future).

For more advanced documentation refer to gram.js.org/beta (work in progress).

Ask a question

If you have any questions about GramJS, feel free to open an issue or ask directly in our telegram group - @GramJSChat.