fix: log

Author: appflowy

src/components/editor/components/blocks/image/ImageToolbar.tsx

@@ -16,6 +16,7 @@ import Align from '@/components/editor/components/toolbar/selection-toolbar/acti
 import { ImageBlockNode } from '@/components/editor/editor.type';
 import { useEditorContext } from '@/components/editor/EditorContext';
 import { convertBlobToPng, fetchImageBlob } from '@/utils/image';
+import { Log } from '@/utils/log';
 
 function ImageToolbar({ node }: { node: ImageBlockNode }) {
   const editor = useSlateStatic() as YjsEditor;
@@ -28,7 +29,6 @@ function ImageToolbar({ node }: { node: ImageBlockNode }) {
   };
 
   const onCopyImage = async () => {
-    console.debug("onCopyImage", node.data.url);
     let blob = await fetchImageBlob(node.data.url || '');
 
     if (blob) {
@@ -38,22 +38,23 @@ function ImageToolbar({ node }: { node: ImageBlockNode }) {
           try {
             blob = await convertBlobToPng(blob);
           } catch (conversionError) {
-            console.warn('Failed to convert image to PNG, trying original format', conversionError);
+            Log.warn('Failed to convert image to PNG, trying original format', conversionError);
           }
         }
 
-        console.debug("Copying blob to clipboard:", { type: blob.type, size: blob.size });
-
         await navigator.clipboard.write([
           new ClipboardItem({
             [blob.type]: blob,
           }),
         ]);
         notify.success(t('document.plugins.image.copiedToPasteBoard'));
       } catch (error) {
-        console.error("Failed to write to clipboard:", error);
-        notify.error('Failed to copy image');
+        Log.error("Failed to write to clipboard:", error);
+        notify.error('Failed to write image to clipboard');
       }
+    } else {
+      Log.error("Failed to fetch image blob for copying");
+      notify.error('Failed to download the image');
     }
   };
 

vite.config.ts

@@ -100,9 +100,9 @@ export default defineConfig({
     }),
     isProd
       ? viteExternalsPlugin({
-          react: 'React',
-          'react-dom': 'ReactDOM',
-        })
+        react: 'React',
+        'react-dom': 'ReactDOM',
+      })
       : undefined,
     svgr({
       svgrOptions: {
@@ -143,22 +143,22 @@ export default defineConfig({
     // Enable istanbul for code coverage (active if isTest is true)
     isTest
       ? istanbul({
-          cypress: true,
-          requireEnv: false,
-          include: ['src/**/*'],
-          exclude: ['**/__tests__/**/*', 'cypress/**/*', 'node_modules/**/*'],
-        })
+        cypress: true,
+        requireEnv: false,
+        include: ['src/**/*'],
+        exclude: ['**/__tests__/**/*', 'cypress/**/*', 'node_modules/**/*'],
+      })
       : undefined,
     process.env.ANALYZE_MODE
       ? visualizer({
-          emitFile: true,
-        })
+        emitFile: true,
+      })
       : undefined,
     process.env.ANALYZE_MODE
       ? totalBundleSize({
-          fileNameRegex: /\.(js|css)$/,
-          calculateGzip: false,
-        })
+        fileNameRegex: /\.(js|css)$/,
+        calculateGzip: false,
+      })
       : undefined,
   ],
   // prevent vite from obscuring rust errors
@@ -180,7 +180,8 @@ export default defineConfig({
     sourcemap: true,
     minifyIdentifiers: false, // Disable identifier minification in development
     minifySyntax: false, // Disable syntax minification in development
-    drop: !isDev ? ['console', 'debugger'] : [],
+    drop: !isDev ? ['debugger'] : [],
+    pure: !isDev ? ['console.log', 'console.debug'] : [],
   },
   build: {
     target: `esnext`,
@@ -214,7 +215,7 @@ export default defineConfig({
             }
           },
         },
-        }
+      }
       : {},
   },
   resolve: {