feat: add custom share ID input and permission (#472)

   - Add ID input field in create/edit share forms
   - Add ID input in quick share dialog with maxLength=64
   - Add new_id field to ShareUpdate type for renaming
   - Add customize_share_id permission (bit 15)
   - Add i18n strings for ID placeholder and permission label

Author: MuelNova

src/lang/en/shares.json

@@ -1,6 +1,7 @@
 {
   "expires": "Expiration time",
   "id": "ID",
+  "id_placeholder": "Custom ID (optional, leave empty for random)",
   "accessed": "Access count",
   "max_accessed": "Maximum access count",
   "pwd": "Share code",

src/lang/en/users.json

@@ -14,7 +14,8 @@
     "ftp_manage": "FTP manage",
     "read_archives": "Read archives",
     "decompress": "Decompress",
-    "share": "Share"
+    "share": "Share",
+    "customize_share_id": "Customize share ID"
   },
   "username": "Username",
   "password": "Password",

src/pages/home/toolbar/Share.tsx

@@ -123,6 +123,16 @@ export const Share = () => {
           <Match when={link() === ""}>
             <ModalBody>
               <VStack spacing="$1" alignItems="flex-start">
+                <Text size="sm">{t("shares.id")}</Text>
+                <Input
+                  size="sm"
+                  value={share.id ?? ""}
+                  maxLength={64}
+                  placeholder={t("shares.id_placeholder")}
+                  onInput={(e) => {
+                    setShare("id", e.currentTarget.value)
+                  }}
+                />
                 <Text size="sm">{t("shares.remark")}</Text>
                 <Textarea
                   size="sm"

src/pages/manage/shares/AddOrEdit.tsx

@@ -45,9 +45,20 @@ const AddOrEdit = () => {
     <MaybeLoading loading={id ? shareLoading() : false}>
       <Heading mb="$2">{t(`global.${id ? "edit" : "add"}`)}</Heading>
       <ResponsiveGrid>
-        <Show when={id}>
-          <Item name="id" type={Type.String} value={id} valid readonly={true} />
-        </Show>
+        <Item
+          name="id"
+          type={Type.String}
+          value={id ? ((share as ShareUpdate).new_id ?? id) : (share.id ?? "")}
+          valid
+          placeholder={id ? id : t("shares.id_placeholder")}
+          onChange={(v) => {
+            if (id) {
+              setShare({ ...share, new_id: v } as any)
+            } else {
+              setShare({ ...share, id: v } as any)
+            }
+          }}
+        />
         <Item
           name="files"
           type={Type.MultiPath}

src/types/share.ts

@@ -1,6 +1,7 @@
 import { ExtractFolder, OrderBy, OrderDirection } from "~/types/storage"
 
 export interface Share {
+  id?: string
   expires: string | null
   pwd: string
   max_accessed: number
@@ -16,6 +17,7 @@ export interface Share {
 
 export interface ShareUpdate extends Share {
   id: string
+  new_id: string
   accessed: number
 }
 

src/types/user.ts

@@ -33,6 +33,7 @@ export const UserPermissions = [
   "read_archives",
   "decompress",
   "share",
+  "customize_share_id",
 ] as const
 
 export const UserMethods = {