feat: carousel

Author: nevo-david

apps/frontend/src/components/launches/providers/linkedin/linkedin.provider.tsx

@@ -1,10 +1,40 @@
 import { withProvider } from '@gitroom/frontend/components/launches/providers/high.order.provider';
-export default withProvider(
-  null,
+import { Checkbox } from '@gitroom/react/form/checkbox';
+import { useT } from '@gitroom/react/translation/get.transation.service.client';
+import { useSettings } from '@gitroom/frontend/components/launches/helpers/use.values';
+import { LinkedinDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/linkedin.dto';
+
+const LinkedInSettings = () => {
+  const t = useT();
+  const { watch, register, formState, control } = useSettings();
+
+  return (
+    <div className="mb-[20px]">
+      <Checkbox
+        variant="hollow"
+        label={t('post_as_images_carousel', 'Post as images carousel')}
+        {...register('post_as_images_carousel', {
+          value: false,
+        })}
+      />
+    </div>
+  );
+};
+export default withProvider<LinkedinDto>(
+  LinkedInSettings,
   undefined,
-  undefined,
-  async (posts) => {
+  LinkedinDto,
+  async (posts, vals) => {
     const [firstPost, ...restPosts] = posts;
+
+    if (
+      vals.post_as_images_carousel &&
+      (firstPost.length < 2 ||
+        firstPost.some((p) => p.path.indexOf('mp4') > -1))
+    ) {
+      return 'LinkedIn carousel can only be created with 2 or more images and no videos.';
+    }
+
     if (
       firstPost.length > 1 &&
       firstPost.some((p) => p.path.indexOf('mp4') > -1)

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

@@ -0,0 +1,7 @@
+import { IsBoolean, IsOptional } from 'class-validator';
+
+export class LinkedinDto {
+  @IsBoolean()
+  @IsOptional()
+  post_as_images_carousel: boolean;
+}

libraries/nestjs-libraries/src/integrations/social/linkedin.provider.ts

@@ -11,6 +11,7 @@ import { readOrFetch } from '@gitroom/helpers/utils/read.or.fetch';
 import { SocialAbstract } from '@gitroom/nestjs-libraries/integrations/social.abstract';
 import { Integration } from '@prisma/client';
 import { PostPlug } from '@gitroom/helpers/decorators/post.plug';
+import { LinkedinDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/linkedin.dto';
 
 export class LinkedinProvider extends SocialAbstract implements SocialProvider {
   identifier = 'linkedin';
@@ -314,7 +315,7 @@ export class LinkedinProvider extends SocialAbstract implements SocialProvider {
     return connectAll.join('');
   }
 
-  async post(
+  async post<LinkedinDto>(
     id: string,
     accessToken: string,
     postDetails: PostDetails[],

libraries/react-shared-libraries/src/translation/locales/en/translation.json

@@ -482,5 +482,6 @@
   "90_days": "90 Days",
   "start_7_days_free_trial": "Start 7 days free trial",
   "change_language": "Change Language",
-  "that_a_wrap": "That's a wrap!\n\nIf you enjoyed this thread:\n\n1. Follow me @{{username}} for more of these\n2. RT the tweet below to share this thread with your audience\n"
+  "that_a_wrap": "That's a wrap!\n\nIf you enjoyed this thread:\n\n1. Follow me @{{username}} for more of these\n2. RT the tweet below to share this thread with your audience\n",
+  "post_as_images_carousel": "Post as images carousel"
 }

package.json

@@ -149,6 +149,7 @@
     "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.1.0",
     "i18next-resources-to-backend": "^1.2.1",
+    "image-to-pdf": "^3.0.2",
     "ioredis": "^5.3.2",
     "json-to-graphql-query": "^2.2.5",
     "jsonwebtoken": "^9.0.2",