feat: add twitch

Author: nevo-david

apps/frontend/public/icons/platforms/twitch.png

@@ -16,6 +16,7 @@ import ThreadsProvider from '@gitroom/frontend/components/new-launch/providers/t
 import DiscordProvider from '@gitroom/frontend/components/new-launch/providers/discord/discord.provider';
 import SlackProvider from '@gitroom/frontend/components/new-launch/providers/slack/slack.provider';
 import KickProvider from '@gitroom/frontend/components/new-launch/providers/kick/kick.provider';
+import TwitchProvider from '@gitroom/frontend/components/new-launch/providers/twitch/twitch.provider';
 import MastodonProvider from '@gitroom/frontend/components/new-launch/providers/mastodon/mastodon.provider';
 import BlueskyProvider from '@gitroom/frontend/components/new-launch/providers/bluesky/bluesky.provider';
 import LemmyProvider from '@gitroom/frontend/components/new-launch/providers/lemmy/lemmy.provider';
@@ -108,6 +109,10 @@ export const Providers = [
     identifier: 'kick',
     component: KickProvider,
   },
+  {
+    identifier: 'twitch',
+    component: TwitchProvider,
+  },
   {
     identifier: 'mastodon',
     component: MastodonProvider,

apps/frontend/src/components/new-launch/providers/show.all.providers.tsx

@@ -0,0 +1,95 @@
+'use client';
+
+import { FC } from 'react';
+import {
+  PostComment,
+  withProvider,
+} from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
+import { TwitchDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/twitch.dto';
+import { useSettings } from '@gitroom/frontend/components/launches/helpers/use.values';
+import { Select } from '@gitroom/react/form/select';
+import { useWatch } from 'react-hook-form';
+
+const messageTypes = [
+  {
+    label: 'Chat Message',
+    value: 'message',
+  },
+  {
+    label: 'Announcement',
+    value: 'announcement',
+  },
+];
+
+const announcementColors = [
+  {
+    label: 'Primary (Default)',
+    value: 'primary',
+  },
+  {
+    label: 'Blue',
+    value: 'blue',
+  },
+  {
+    label: 'Green',
+    value: 'green',
+  },
+  {
+    label: 'Orange',
+    value: 'orange',
+  },
+  {
+    label: 'Purple',
+    value: 'purple',
+  },
+];
+
+const TwitchSettings: FC = () => {
+  const { register, control } = useSettings();
+  const messageType = useWatch({
+    control,
+    name: 'messageType',
+  });
+
+  return (
+    <div className="flex flex-col">
+      <Select
+        label="Message Type"
+        {...register('messageType', {
+          value: 'message',
+        })}
+      >
+        {messageTypes.map((t) => (
+          <option key={t.value} value={t.value}>
+            {t.label}
+          </option>
+        ))}
+      </Select>
+      {messageType === 'announcement' && (
+        <Select
+          label="Announcement Color"
+          {...register('announcementColor', {
+            value: 'primary',
+          })}
+        >
+          {announcementColors.map((c) => (
+            <option key={c.value} value={c.value}>
+              {c.label}
+            </option>
+          ))}
+        </Select>
+      )}
+    </div>
+  );
+};
+
+export default withProvider({
+  postComment: PostComment.COMMENT,
+  comments: 'no-media',
+  minimumCharacters: [],
+  SettingsComponent: TwitchSettings,
+  CustomPreviewComponent: undefined,
+  dto: TwitchDto,
+  checkValidity: undefined,
+  maximumCharacters: 500,
+});

apps/frontend/src/components/new-launch/providers/twitch/twitch.provider.tsx

@@ -8,6 +8,7 @@ import { DribbbleDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-sett
 import { DiscordDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/discord.dto';
 import { SlackDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/slack.dto';
 import { KickDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/kick.dto';
+import { TwitchDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/twitch.dto';
 import { InstagramDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/instagram.dto';
 import { LinkedinDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/linkedin.dto';
 import { IsIn } from 'class-validator';
@@ -31,6 +32,7 @@ export type AllProvidersSettings =
   | ProviderExtension<'discord', DiscordDto>
   | ProviderExtension<'slack', SlackDto>
   | ProviderExtension<'kick', KickDto>
+  | ProviderExtension<'twitch', TwitchDto>
   | ProviderExtension<'x', XDto>
   | ProviderExtension<'linkedin', LinkedinDto>
   | ProviderExtension<'linkedin-page', LinkedinDto>
@@ -64,6 +66,7 @@ export const allProviders = (setEmpty?: any) => {
     { value: DiscordDto, name: 'discord' },
     { value: SlackDto, name: 'slack' },
     { value: KickDto, name: 'kick' },
+    { value: TwitchDto, name: 'twitch' },
     { value: XDto, name: 'x' },
     { value: LinkedinDto, name: 'linkedin' },
     { value: LinkedinDto, name: 'linkedin-page' },

libraries/nestjs-libraries/src/dtos/posts/providers-settings/all.providers.settings.ts

@@ -0,0 +1,11 @@
+import { IsIn, IsOptional, IsString } from 'class-validator';
+
+export class TwitchDto {
+  @IsIn(['message', 'announcement'])
+  @IsOptional()
+  messageType?: 'message' | 'announcement';
+
+  @IsIn(['primary', 'blue', 'green', 'orange', 'purple'])
+  @IsOptional()
+  announcementColor?: 'primary' | 'blue' | 'green' | 'orange' | 'purple';
+}

libraries/nestjs-libraries/src/dtos/posts/providers-settings/twitch.dto.ts

@@ -30,6 +30,7 @@ import { WordpressProvider } from '@gitroom/nestjs-libraries/integrations/social
 import { ListmonkProvider } from '@gitroom/nestjs-libraries/integrations/social/listmonk.provider';
 import { GmbProvider } from '@gitroom/nestjs-libraries/integrations/social/gmb.provider';
 import { KickProvider } from '@gitroom/nestjs-libraries/integrations/social/kick.provider';
+import { TwitchProvider } from '@gitroom/nestjs-libraries/integrations/social/twitch.provider';
 import { SocialAbstract } from '@gitroom/nestjs-libraries/integrations/social.abstract';
 
 export const socialIntegrationList: Array<SocialAbstract & SocialProvider> = [
@@ -49,6 +50,7 @@ export const socialIntegrationList: Array<SocialAbstract & SocialProvider> = [
   new DiscordProvider(),
   new SlackProvider(),
   new KickProvider(),
+  new TwitchProvider(),
   new MastodonProvider(),
   new BlueskyProvider(),
   new LemmyProvider(),