feat: transloadit

apps/frontend/src/app/(app)/layout.tsx

@@ -55,6 +55,14 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
           isSecured={!process.env.NOT_SECURED}
           disableImageCompression={!!process.env.DISABLE_IMAGE_COMPRESSION}
           language={allHeaders.get(headerName)}
+          transloadit={
+            process.env.TRANSLOADIT_AUTH && process.env.TRANSLOADIT_TEMPLATE
+              ? [
+                  process.env.TRANSLOADIT_AUTH!,
+                  process.env.TRANSLOADIT_TEMPLATE!,
+                ]
+              : []
+          }
         >
           <ToltScript />
           <FacebookComponent />

apps/frontend/src/components/media/new.uploader.tsx

@@ -62,7 +62,7 @@ export function useUppyUploader(props: {
 }) {
   const setLocked = useLaunchStore(state => state.setLocked);
   const toast = useToaster();
-  const { storageProvider, backendUrl, disableImageCompression } =
+  const { storageProvider, backendUrl, disableImageCompression, transloadit } =
     useVariables();
   const { onUploadSuccess, allowedFileTypes } = props;
   const fetch = useFetch();
@@ -124,7 +124,8 @@ export function useUppyUploader(props: {
     const { plugin, options } = getUppyUploadPlugin(
       storageProvider,
       fetch,
-      backendUrl
+      backendUrl,
+      transloadit
     );
     uppy2.use(plugin, options);
     if (!disableImageCompression) {

libraries/nestjs-libraries/src/database/prisma/schema.prisma

@@ -202,6 +202,8 @@ model Media {
   path           String
   organization   Organization        @relation(fields: [organizationId], references: [id])
   organizationId String
+  fileSize       Int                 @default(0)
+  type           String              @default("image")
   createdAt      DateTime            @default(now())
   updatedAt      DateTime            @updatedAt
   userPicture    User[]
@@ -209,6 +211,7 @@ model Media {
   deletedAt      DateTime?
 
   @@index([organizationId])
+  @@index([type])
 }
 
 model SocialMediaAgency {

libraries/react-shared-libraries/src/helpers/uppy.upload.ts

@@ -21,7 +21,9 @@ const fetchUploadApiEndpoint = async (
 export const getUppyUploadPlugin = (
   provider: string,
   fetch: any,
-  backendUrl: string
+  backendUrl: string,
+  transloadit: string[] = [],
+  isVideo: boolean = false,
 ) => {
   switch (provider) {
     case 'cloudflare':

libraries/react-shared-libraries/src/helpers/variable.context.tsx

@@ -20,6 +20,7 @@ interface VariableContextInterface {
   disableImageCompression: boolean;
   language: string;
   tolt: string;
+  transloadit: string[];
 }
 const VariableContext = createContext({
   billingEnabled: false,
@@ -40,6 +41,7 @@ const VariableContext = createContext({
   disableImageCompression: false,
   language: '',
   tolt: '',
+  transloadit: [],
 } as VariableContextInterface);
 export const VariableContextComponent: FC<
   VariableContextInterface & {