feat: convert to object

Author: nevo-david

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

@@ -10,12 +10,13 @@ const SettingsComponent = () => {
   return <ThreadFinisher />;
 };
 
-export default withProvider(
-  PostComment.POST,
-  SettingsComponent,
-  undefined,
-  undefined,
-  async (posts) => {
+export default withProvider({
+  postComment: PostComment.POST,
+  minimumCharacters: [],
+  SettingsComponent: SettingsComponent,
+  CustomPreviewComponent: undefined,
+  dto: undefined,
+  checkValidity: async (posts) => {
     if (
       posts.some(
         (p) => p.some((a) => a.path.indexOf('mp4') > -1) && p.length > 1
@@ -29,5 +30,5 @@ export default withProvider(
     }
     return true;
   },
-  300
-);
+  maximumCharacters: 300,
+});

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

@@ -1,7 +1,10 @@
 'use client';
 
 import { FC } from 'react';
-import { PostComment, withProvider } from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
+import {
+  PostComment,
+  withProvider,
+} from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
 import { DevToSettingsDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/dev.to.settings.dto';
 import { Input } from '@gitroom/react/form/input';
 import { MediaComponent } from '@gitroom/frontend/components/media/media.component';
@@ -83,4 +86,12 @@ const DevtoSettings: FC = () => {
     </>
   );
 };
-export default withProvider(PostComment.COMMENT, DevtoSettings, DevtoPreview, DevToSettingsDto);
+export default withProvider({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: DevtoSettings,
+  CustomPreviewComponent: DevtoPreview,
+  dto: DevToSettingsDto,
+  checkValidity: undefined,
+  maximumCharacters: undefined,
+});

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

@@ -1,6 +1,9 @@
 'use client';
 
-import { PostComment, withProvider } from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
+import {
+  PostComment,
+  withProvider,
+} from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
 import { FC } from 'react';
 import { DiscordDto } from '@gitroom/nestjs-libraries/dtos/posts/providers-settings/discord.dto';
 import { DiscordChannelSelect } from '@gitroom/frontend/components/new-launch/providers/discord/discord.channel.select';
@@ -13,11 +16,12 @@ const DiscordComponent: FC = () => {
     </div>
   );
 };
-export default withProvider(
-  PostComment.COMMENT,
-  DiscordComponent,
-  undefined,
-  DiscordDto,
-  undefined,
-  1980
-);
+export default withProvider({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: DiscordComponent,
+  CustomPreviewComponent: undefined,
+  dto: DiscordDto,
+  checkValidity: undefined,
+  maximumCharacters: 1980,
+});

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

@@ -18,12 +18,13 @@ const DribbbleSettings: FC = () => {
     </div>
   );
 };
-export default withProvider(
-  PostComment.COMMENT,
-  DribbbleSettings,
-  undefined,
-  DribbbleDto,
-  async ([firstItem, ...otherItems]) => {
+export default withProvider({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: DribbbleSettings,
+  CustomPreviewComponent: undefined,
+  dto: DribbbleDto,
+  checkValidity: async ([firstItem, ...otherItems]) => {
     const isMp4 = firstItem?.find((item) => item.path.indexOf('mp4') > -1);
     if (firstItem.length !== 1) {
       return 'Requires one item';
@@ -50,5 +51,5 @@ export default withProvider(
     }
     return 'Invalid image size. Requires 400x300 or 800x600 px images.';
   },
-  40000
-);
+  maximumCharacters: 40000,
+});

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

@@ -1,4 +1,15 @@
 'use client';
 
-import { PostComment, withProvider } from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
-export default withProvider(PostComment.COMMENT,null, undefined, undefined, undefined, 63206);
+import {
+  PostComment,
+  withProvider,
+} from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
+export default withProvider({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: null,
+  CustomPreviewComponent: undefined,
+  dto: undefined,
+  checkValidity: undefined,
+  maximumCharacters: 63206,
+});

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

@@ -1,7 +1,10 @@
 'use client';
 
 import { FC } from 'react';
-import { PostComment, withProvider } from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
+import {
+  PostComment,
+  withProvider,
+} from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
 import { useSettings } from '@gitroom/frontend/components/launches/helpers/use.values';
 import { Input } from '@gitroom/react/form/input';
 import { HashnodePublications } from '@gitroom/frontend/components/new-launch/providers/hashnode/hashnode.publications';
@@ -85,9 +88,12 @@ const HashnodeSettings: FC = () => {
     </>
   );
 };
-export default withProvider(
-  PostComment.COMMENT,
-  HashnodeSettings,
-  HashnodePreview,
-  HashnodeSettingsDto
-);
+export default withProvider({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: HashnodeSettings,
+  CustomPreviewComponent: HashnodePreview,
+  dto: HashnodeSettingsDto,
+  checkValidity: undefined,
+  maximumCharacters: undefined,
+});

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

@@ -30,18 +30,25 @@ class Empty {
 export enum PostComment {
   ALL,
   POST,
-  COMMENT
+  COMMENT,
 }
 
-export const withProvider = function <T extends object>(
-  postComment: PostComment,
+interface CharacterCondition {
+  format: 'no-pictures' | 'with-pictures';
+  type: 'post' | 'comment';
+  maximumCharacters: number;
+}
+
+export const withProvider = function <T extends object>(params: {
+  postComment: PostComment;
+  minimumCharacters: CharacterCondition[];
   SettingsComponent: FC<{
     values?: any;
-  }> | null,
+  }> | null;
   CustomPreviewComponent?: FC<{
     maximumCharacters?: number;
-  }>,
-  dto?: any,
+  }>;
+  dto?: any;
   checkValidity?: (
     value: Array<
       Array<{
@@ -50,9 +57,18 @@ export const withProvider = function <T extends object>(
     >,
     settings: T,
     additionalSettings: any
-  ) => Promise<string | true>,
-  maximumCharacters?: number | ((settings: any) => number)
-) {
+  ) => Promise<string | true>;
+  maximumCharacters?: number | ((settings: any) => number);
+}) {
+  const {
+    postComment,
+    SettingsComponent,
+    CustomPreviewComponent,
+    dto,
+    checkValidity,
+    maximumCharacters,
+  } = params;
+
   return forwardRef((props: { id: string }, ref) => {
     const t = useT();
     const fetch = useFetch();
@@ -245,7 +261,8 @@ export const withProvider = function <T extends object>(
               )}
             </div>
 
-            {(tab === 0 || (!SettingsComponent && !data?.internalPlugs?.length)) &&
+            {(tab === 0 ||
+              (!SettingsComponent && !data?.internalPlugs?.length)) &&
               !value?.[0]?.content?.length && (
                 <div>
                   {t(
@@ -254,7 +271,8 @@ export const withProvider = function <T extends object>(
                   )}
                 </div>
               )}
-            {(tab === 0 || (!SettingsComponent && !data?.internalPlugs?.length)) &&
+            {(tab === 0 ||
+              (!SettingsComponent && !data?.internalPlugs?.length)) &&
               !!value?.[0]?.content?.length &&
               (CustomPreviewComponent ? (
                 <CustomPreviewComponent

apps/frontend/src/components/new-launch/providers/instagram/instagram.collaborators.tsx

@@ -53,12 +53,13 @@ const InstagramCollaborators: FC<{
     </>
   );
 };
-export default withProvider<InstagramDto>(
-  PostComment.COMMENT,
-  InstagramCollaborators,
-  undefined,
-  InstagramDto,
-  async ([firstPost, ...otherPosts], settings) => {
+export default withProvider<InstagramDto>({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: InstagramCollaborators,
+  CustomPreviewComponent: undefined,
+  dto: InstagramDto,
+  checkValidity: async ([firstPost, ...otherPosts], settings) => {
     if (!firstPost.length) {
       return 'Should have at least one media';
     }
@@ -90,5 +91,5 @@ export default withProvider<InstagramDto>(
     }
     return true;
   },
-  2200
-);
+  maximumCharacters: 2200,
+});

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

@@ -1,7 +1,10 @@
 'use client';
 
 import { FC, useCallback } from 'react';
-import { PostComment, withProvider } from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
+import {
+  PostComment,
+  withProvider,
+} from '@gitroom/frontend/components/new-launch/providers/high.order.provider';
 import { useSettings } from '@gitroom/frontend/components/launches/helpers/use.values';
 import { useFieldArray } from 'react-hook-form';
 import { Button } from '@gitroom/react/form/button';
@@ -63,12 +66,13 @@ const LemmySettings: FC = () => {
     </>
   );
 };
-export default withProvider(
-  PostComment.COMMENT,
-  LemmySettings,
-  undefined,
-  LemmySettingsDto,
-  async (items) => {
+export default withProvider({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: LemmySettings,
+  CustomPreviewComponent: undefined,
+  dto: LemmySettingsDto,
+  checkValidity: async (items) => {
     const [firstItems] = items;
     if (
       firstItems.length &&
@@ -81,5 +85,5 @@ export default withProvider(
     }
     return true;
   },
-  10000
-);
+  maximumCharacters: 10000,
+});

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

@@ -25,12 +25,13 @@ const LinkedInSettings = () => {
     </div>
   );
 };
-export default withProvider<LinkedinDto>(
-  PostComment.COMMENT,
-  LinkedInSettings,
-  undefined,
-  LinkedinDto,
-  async (posts, vals) => {
+export default withProvider<LinkedinDto>({
+  postComment: PostComment.COMMENT,
+  minimumCharacters: [],
+  SettingsComponent: LinkedInSettings,
+  CustomPreviewComponent: undefined,
+  dto: LinkedinDto,
+  checkValidity: async (posts, vals) => {
     const [firstPost, ...restPosts] = posts;
 
     if (
@@ -52,5 +53,5 @@ export default withProvider<LinkedinDto>(
     }
     return true;
   },
-  3000
-);
+  maximumCharacters: 3000,
+});