Merge pull request #4 from utmp/main

utmp · web-flow · commit b33fbe8b7b21 · 2025-04-28T00:37:21.000+03:00
more image formats
diff --git a/LICENSE b/LICENSE
diff --git a/electron-builder.yml b/electron-builder.yml
@@ -1,5 +1,5 @@
-appId: com.electron.app
-productName: yeni
+appId: com.openconvert.app
+productName: openconvert
 directories:
   buildResources: build
 files:
@@ -13,12 +13,16 @@ asarUnpack:
   - "**/node_modules/sharp/**/*"
   - "**/node_modules/@img/**/*"
 win:
-  executableName: yeni
+  executableName: openconvert
+  icon: '/resources/logo.ico'
 nsis:
+  oneClick: false
   artifactName: ${name}-${version}-setup.${ext}
   shortcutName: ${productName}
   uninstallDisplayName: ${productName}
   createDesktopShortcut: always
+  allowToChangeInstallationDirectory: true
+  license: LICENSE
 mac:
   entitlementsInherit: build/entitlements.mac.plist
   extendInfo:
@@ -34,7 +38,7 @@ linux:
     - AppImage
     - snap
     - deb
-  maintainer: electronjs.org
+  maintainer: openconvert
   category: Utility
 appImage:
   artifactName: ${name}-${version}.${ext}
diff --git a/resources/logo.ico b/resources/logo.ico
diff --git a/src/main/index.js b/src/main/index.js
@@ -87,6 +87,17 @@ ipcMain.handle('process:image', async (_, { filepath, name, options, savePath })
       pipeline = pipeline.png({ quality: options.quality });
     } else if (options.format === 'avif') {
       pipeline = pipeline.avif({ quality: options.quality });
+    }else if (options.format === 'tiff') {
+      pipeline = pipeline.tiff({ quality: options.quality });
+    }else if (options.format === 'heif') {
+      pipeline = pipeline.heif({ quality: options.quality });
+    }else if (options.format === 'jxl') {
+      pipeline = pipeline.jxl({ quality: options.quality });
+    }
+    
+    // control if output type is tile    
+    if(options.format === 'tile'){
+      options.format = 'zip'
     }
     
     // Generate output filename
diff --git a/src/renderer/index.html b/src/renderer/index.html
@@ -10,7 +10,7 @@
     <title>OpenConvert</title>
   </head>
   <body
-  class="bg-[#222831] border border-solid border-transparent h-full m-0  overflow-hidden"
+  class="bg-background border border-solid border-transparent h-full m-0  overflow-hidden"
 >
 
 <div id="app"></div>
diff --git a/src/renderer/src/assets/main.css b/src/renderer/src/assets/main.css
@@ -3,4 +3,5 @@
 
 @theme{
     --color-midnight:#191e24;
+    --color-background : #222831;
 }
diff --git a/src/renderer/src/components/Upload.vue b/src/renderer/src/components/Upload.vue
@@ -219,18 +219,53 @@ async function processFiles() {
 }
 
 // process one 
-async function processOne(){
-  if(files.value.length === 0) return;
-  isProcessing.value = true
-  processedFiles.value = []
-  try {
-    
-  } catch (error) {
-    
-  }finally{
-    isProcessing.value = false
-  }
-}
+//async function processOne(index){
+//   try {
+//     processedFiles.value=[index]
+//     isProcessing.value = true
+//     // Ask user for save directory
+//     const savePath = await ipcRenderer.invoke('dialog:selectDirectory')
+//     if (!savePath) {
+//       isProcessing.value = false
+//       return // User cancelled
+//     }
+//       const file = files.value[index]
+//       const filepath = files.value[index].path
+//       const options = fileOptions.value[index]
+//       const preview = previewUrls.value[index]
+//       if (!file.type.startsWith('image/')) {
+//         processedFiles.value.push({
+//           name: file.name,
+//           success: false,
+//           message: 'Only image files can be processed'
+//         })
+//       }
+//       // console.log(filepath)
+//     // Send to main process for processing with Sharp
+//     const result = await ipcRenderer.invoke('process:image', {
+//       filepath, 
+//       name: file.name,
+//       options: {
+//         width: options.width,
+//         height: options.height,
+//         quality: options.quality,
+//         format: options.format
+//       },
+//       savePath
+//     });
+//     console.log(result)
+//       processedFiles.value[index] = {
+//         name: file.name,
+//         success: result.success,
+//         message: result.message, 
+//         outputPath: result.outputPath
+//       }
+//   } catch (error) {
+//     console.error('Error processing files:', error)
+//   } finally {
+//     isProcessing.value = false
+//   }
+// }
 onMounted(() => {
   const dropArea = document.querySelector('.drop-area')
   const folderIcon = document.querySelector('.folder-icon')
@@ -332,7 +367,7 @@ onMounted(() => {
             <div
         v-for="(preview, index) in previewUrls"
         :key="index"
-        class=" p-4 flex relative m-4 items-center gap-4 border-5 border-midnight rounded-lg hover:border-indigo-500"
+        class=" p-4 flex relative m-4 items-center gap-4 border-5 border-midnight rounded-lg hover:border-indigo-500 group"
       >
         <!-- Image preview -->
         <div class="flex-shrink-0">
@@ -424,7 +459,10 @@ onMounted(() => {
   </div>
 </div>
         <!-- Buttons -->
-        <div class="flex-shrink-0 flex flex-col gap-5 ml-auto">
+        <button class="hidden group-hover:flex btn btn-sm btn-circle absolute right-2 top-0.5 text-gray-400 hover:bg-transparent hover:text-red-400 hover:border-red-400"
+        @click="removeFile(index)"
+        >✕</button>
+        <div class="flex-shrink-0 flex flex-col gap-5 ml-auto pt-2">
           <button
             class="btn btn-sm btn-primary"
             :onclick="`document.getElementById('options_modal_${index}').showModal()`"
@@ -462,12 +500,10 @@ onMounted(() => {
                   <option value="jpeg">JPEG</option>
                   <option value="avif">AVIF</option>
                   <option value="gif">GIF</option>
-                  <option value="jp2">JP2</option>
                   <option value="tiff">TIFF</option>
                   <option value="heif">HEIF</option>
                   <option value="jxl">JXL</option>
                   <option value="tile">Tile</option>
-                  <option value="raw">Raw (base64)</option>
                 </select>
               </div>
         

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`<title>OpenConvert</title>`
`11`	`11`	`</head>`
`12`	`12`	`<body`
`13`		`- class="bg-[#222831] border border-solid border-transparent h-full m-0 overflow-hidden"`
	`13`	`+ class="bg-background border border-solid border-transparent h-full m-0 overflow-hidden"`
`14`	`14`	`>`
`15`	`15`
`16`	`16`	`<div id="app"></div>`
Original file line number	Diff line number	Diff line change
`@@ -3,4 +3,5 @@`
`3`	`3`
`4`	`4`	`@theme{`
`5`	`5`	`--color-midnight:#191e24;`
	`6`	`+ --color-background : #222831;`
`6`	`7`	`}`