sveltegram
Advanced tools
This package allows you to embed telegram widgets in your svelte web application.
Embed a telegram post widget in your svelte application.
<script>
import { Post } from 'sveltegram';
</script>
<Post link="https://t.me/computly/439" />
| 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) |
onauth (Required) if authType = callback | Function | Callback function responsible for handling successful authentication |
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 22 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
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.
Security News
CISA’s 2025 draft SBOM guidance adds new fields like hashes, licenses, and tool metadata to make software inventories more actionable.