feat(fs): Add find and replace option to batch rename (#250)

Author: varg1714

src/lang/en/home.json

@@ -123,7 +123,9 @@
     "regex_rename_preview_old_name": "Old Name",
     "regex_rename_preview_new_name": "New Name",
     "regular_rename": "Regular expression file renaming. Input the source file name regular expression on the first line, and input the new file name regular expression on the second line.",
-    "sequential_renaming_desc": "The new file name will have a numerical starting value appended to it, and it will be displayed sequentially by adding 1 to the starting value. Enter the new file name on the first line and the starting value on the second line."
+    "sequential_renaming_desc": "The new file name will have a numerical starting value appended to it, and it will be displayed sequentially by adding 1 to the starting value. Enter the new file name on the first line and the starting value on the second line.",
+    "find_replace": "Find and Replace",
+    "find_replace_desc": "Find and Replace"
   },
   "upload": {
     "add_as_task": "Add as task",

src/pages/home/toolbar/BatchRename.tsx

@@ -63,7 +63,7 @@ export const BatchRename = () => {
   })
 
   const submit = () => {
-    if (!srcName() || !newName()) {
+    if (!srcName()) {
       // Check if both input values are not empty
       notify.warning(t("global.empty_input"))
       return
@@ -132,7 +132,7 @@ export const BatchRename = () => {
           }
           return renameObj
         })
-    } else {
+    } else if (type() === "2") {
       let tempNum = newName()
       matchNames = selectedObjs().map((obj) => {
         let suffix = ""
@@ -150,6 +150,16 @@ export const BatchRename = () => {
           .padStart(tempNum.length, "0")
         return renameObj
       })
+    } else {
+      matchNames = selectedObjs()
+        .filter((obj) => obj.name.indexOf(srcName()) !== -1)
+        .map((obj) => {
+          const renameObj: RenameObj = {
+            src_name: obj.name,
+            new_name: obj.name.replace(srcName(), newName()),
+          }
+          return renameObj
+        })
     }
 
     setMatchNames(matchNames)
@@ -178,7 +188,7 @@ export const BatchRename = () => {
               defaultValue="1"
               onChange={(event) => {
                 setType(event)
-                if (event === "1") {
+                if (event === "1" || event === "3") {
                   setNewNameType("string")
                 } else if (event === "2") {
                   setNewNameType("number")
@@ -188,6 +198,7 @@ export const BatchRename = () => {
               <HStack spacing="$4">
                 <Radio value="1">{t("home.toolbar.regex_rename")}</Radio>
                 <Radio value="2">{t("home.toolbar.sequential_renaming")}</Radio>
+                <Radio value="3">{t("home.toolbar.find_replace")}</Radio>
               </HStack>
             </RadioGroup>
             <VStack spacing="$2">
@@ -198,6 +209,9 @@ export const BatchRename = () => {
                 <Show when={type() === "2"}>
                   {t("home.toolbar.sequential_renaming_desc")}
                 </Show>
+                <Show when={type() === "3"}>
+                  {t("home.toolbar.find_replace_desc")}
+                </Show>
               </p>
               <Input
                 id="modal-input1" // Update id to "modal-input1" for first input
@@ -240,7 +254,7 @@ export const BatchRename = () => {
             </Button>
             <Button
               onClick={() => submit()}
-              disabled={!srcName() || !newName()}
+              disabled={type() === "2" || type() === "3" ? !srcName() || !newName() : !srcName()}
             >
               {t("global.ok")}
             </Button>