Add Comments to Your Svelte App

npm install fastcomments-svelte

<script lang="ts">
  import CommentWidget from "fastcomments-svelte/CommentWidget.svelte";
  import type { FastCommentsCommentWidgetConfig } from "fastcomments-typescript";

  let config: FastCommentsCommentWidgetConfig = {
    tenantId: "demo",
    urlId: "my-page"
  };
</script>

<CommentWidget config={config} />

В этой библиотеке в настоящее время доступны следующие виджеты:

• Совместный чат (Collab Chat)
• Счётчик комментариев (одиночный) (Comment Count (single))
• Виджет комментариев (Comment Widget)
• Чат с изображениями (Image Chat)
• Потоковый чат (Streaming Chat)
• Лента активности пользователя (User Activity Feed)

Кроме того, в ней есть примеры для:

• Обратных вызовов (Callbacks)
• Тёмного режима (Dark Mode)
• ЕС (EU)
• Пагинации товаров или записей блога (Paginating Products or Blog Posts)
• Защищённого SSO (Secure SSO)
• Простого SSO (Simple SSO)

После установки зависимостей с помощью npm install (или pnpm install или yarn) запустите сервер разработки:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Всё внутри src/lib является частью библиотеки, всё внутри src/routes — демонстрация.

Для сборки:

npm run package

Эти компоненты являются обёртками вокруг наших основных компонентов VanillaJS. Мы можем автоматически обновлять эти компоненты (исправлять ошибки, добавлять функции) без публикации этой библиотеки, поэтому если она какое-то время не публикуется, это не означает, что FastComments не находится в активной разработке! Заглядывайте в наш блог для обновлений. Ломающие изменения API или новые возможности никогда не будут добавлены в базовую core-библиотеку без повышения версии этой библиотеки.