Merge pull request #750 from gitroomhq/feat/disable-image-compression

Disable image compression variable

Author: egelhaus

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

@@ -48,6 +48,7 @@ export default async function AppLayout({ children }: { children: ReactNode }) {
           telegramBotName={process.env.TELEGRAM_BOT_NAME!}
           neynarClientId={process.env.NEYNAR_CLIENT_ID!}
           isSecured={!process.env.NOT_SECURED}
+          disableImageCompression={!!process.env.DISABLE_IMAGE_COMPRESSION}
         >
           <ToltScript />
           <FacebookComponent />

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

@@ -63,7 +63,8 @@ export function useUppyUploader(props: {
   onUploadSuccess: (result: UploadResult) => void;
   allowedFileTypes: string;
 }) {
-  const { storageProvider, backendUrl } = useVariables();
+  const { storageProvider, backendUrl, disableImageCompression } =
+    useVariables();
   const { onUploadSuccess, allowedFileTypes } = props;
   const fetch = useFetch();
 
@@ -83,12 +84,14 @@ export function useUppyUploader(props: {
       backendUrl
     );
     uppy2.use(plugin, options);
-    uppy2.use(Compressor, {
-      convertTypes: ['image/jpeg'],
-      maxWidth: 1000,
-      maxHeight: 1000,
-      quality: 1,
-    });
+    if (!disableImageCompression) {
+      uppy2.use(Compressor, {
+        convertTypes: ['image/jpeg'],
+        maxWidth: 1000,
+        maxHeight: 1000,
+        quality: 1,
+      });
+    }
     // Set additional metadata when a file is added
     uppy2.on('file-added', (file) => {
       uppy2.setFileMeta(file.id, {

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

@@ -18,6 +18,7 @@ interface VariableContextInterface {
   telegramBotName: string;
   neynarClientId: string;
   isSecured: boolean;
+  disableImageCompression: boolean;
   tolt: string;
 }
 const VariableContext = createContext({
@@ -36,6 +37,7 @@ const VariableContext = createContext({
   telegramBotName: '',
   facebookPixel: '',
   neynarClientId: '',
+  disableImageCompression: false,
   tolt: '',
 } as VariableContextInterface);