sveltegram
Advanced tools
Readme
This package allows you to embed telegram widgets in your svelte web application.
Library size is 96 bytes (min+gzipped). bundlephobia
Embed a telegram post widget in your svelte application.
<script>
import { Post } from 'sveltegram';
</script>
<Post link="https://t.me/computly/188" />
| Property | Type | Default | Description |
|---|---|---|---|
link (Required) | string | Telegram post link (You can find it in context menu) | |
color | string | #2f81f6 | Accent color |
colorDark | string | #89baff | Accent color in dark mode |
darkMode | boolean | false | Enable dark mode |
Embed a telegram discussions widget in your svelte application.
<script>
import { Discussions } from 'sveltegram';
</script>
<Discussions link="https://t.me/contest/198" />
| Property | Type | Default | Description |
|---|---|---|---|
link (Required) | string | Telegram discussions link (You can find it in context menu) | |
pageURL | string | If you want to auto load comments from your channel as explained in Telegram documentation You'll need to pass the same page URL as the one in <link rel="canonical"> | |
color | string | #2f81f6 | Accent color |
colorDark | string | #89baff | Accent color in dark mode |
darkMode | boolean | false | Enable dark mode |
colorfulNames | boolean | false | Use different color for usernames |
commentsLimit | number | 5 | Number of comments to show |
height | number | Height of the widget, The default value is 'auto' which is determined by Telegram |
Embed a telegram login button in your svelte application.
<script>
import { Login } from 'sveltegram';
</script>
<Login username="ComputlyBot" />
| Property | Type | Default | Description |
|---|---|---|---|
username (Required) | string | Your telegram bot username | |
authType | string | callback | How to authenticate users? Choices are [callback, redirect] |
redirectURL Required if authType = redirect | string | In case you chose redirect as an authentication method, you must set this property | |
requestAccess | boolean | false | Whether you want to send messages to the user in the future |
size | string | medium | Login button size. choices are [small, medium,large] |
buttonRadius | number | 10 | Login button radius (in pixels) |
If you are using CSP, you'll need to allow scripts and iFrames coming from Telegram domains as follows:
script-src https://telegram.org;
frame-src https://t.me;
git clone https://github.com/amr3k/sveltegram.git
cd sveltegram
Then install dependencies:
pnpm install
FAQs
Reactive Telegram widgets built with svelte
The npm package sveltegram receives a total of 71 weekly downloads. As such, sveltegram popularity was classified as not popular.
We found that sveltegram demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.