@zaclinley/dsh-mailharbor 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.7.1
+
+### Patch Changes
+
+- 841e14b: Add a mail to an existing project from the reader.
+
+  - The reader toolbar gains "加入项目": pick an existing project or create a new
+    one and the current mail is linked immediately.
+  - Multi-select ("选择") is available in server mode too, so several mails can
+    be added to a project from the live view.
+
 ## 0.7.0
 
 ### Minor Changes

package/lib/client.js

@@ -501,6 +501,12 @@ var PATHS = {
     (0, import_react3.createElement)("path", { d: "M10 11v6M14 11v6" })
   ),
   send: (0, import_react3.createElement)("path", { d: "m4 4 17 8-17 8 3.6-8z M7.6 12H21" }),
+  list: (0, import_react3.createElement)(
+    "g",
+    null,
+    (0, import_react3.createElement)("path", { d: "M8 6h12M8 12h12M8 18h12" }),
+    (0, import_react3.createElement)("path", { d: "M4 6h.01M4 12h.01M4 18h.01" })
+  ),
   folder: (0, import_react3.createElement)("path", {
     d: "M3.5 6.5A1.5 1.5 0 0 1 5 5h4l2 2.5h8A1.5 1.5 0 0 1 20.5 9v8.5A1.5 1.5 0 0 1 19 19H5a1.5 1.5 0 0 1-1.5-1.5z"
   }),
@@ -1928,6 +1934,7 @@ function Reader({
   onReply,
   onAiAction,
   onExtractTasks,
+  onAddToProject,
   onClose
 }) {
   const [plain, setPlain] = (0, import_react8.useState)(false);
@@ -2036,6 +2043,12 @@ function Reader({
           (0, import_react8.createElement)(Icon, { name: "checklist", size: 14 }),
           "\u63D0\u53D6\u4EFB\u52A1"
         ),
+        (0, import_react8.createElement)(
+          "button",
+          { className: "ghost", onClick: onAddToProject },
+          (0, import_react8.createElement)(Icon, { name: "folder", size: 14 }),
+          "\u52A0\u5165\u9879\u76EE"
+        ),
         (0, import_react8.createElement)("span", { className: "spacer" }),
         html ? (0, import_react8.createElement)(
           "button",
@@ -2192,6 +2205,11 @@ function MailPanel() {
   const [extraction, setExtraction] = (0, import_react9.useState)(null);
   const [extractBusy, setExtractBusy] = (0, import_react9.useState)(false);
   const [aiInfo, setAiInfo] = (0, import_react9.useState)(null);
+  const [projectPicker, setProjectPicker] = (0, import_react9.useState)(null);
+  const [pickerProjects, setPickerProjects] = (0, import_react9.useState)([]);
+  const [pickerTarget, setPickerTarget] = (0, import_react9.useState)("");
+  const [pickerNewName, setPickerNewName] = (0, import_react9.useState)("");
+  const [pickerBusy, setPickerBusy] = (0, import_react9.useState)(false);
   const [aiSearching, setAiSearching] = (0, import_react9.useState)(false);
   const [aiRequest, setAiRequest] = (0, import_react9.useState)(null);
   const [tick, setTick] = (0, import_react9.useState)(0);
@@ -2261,6 +2279,66 @@ function MailPanel() {
       setAiSearching(false);
     }
   };
+  const openProjectPicker = () => {
+    if (selected === null) return;
+    const key = keyOf(selected);
+    if (!key.startsWith("mid:") && !key.startsWith("local:")) {
+      setError("\u8FD9\u5C01\u90AE\u4EF6\u7F3A\u5C11 Message-ID\uFF0C\u65E0\u6CD5\u5173\u8054\u5230\u9879\u76EE");
+      return;
+    }
+    setProjectPicker({
+      accountId: selected.accountId,
+      key,
+      subject: selected.subject,
+      date: selected.date
+    });
+    setPickerNewName(selected.subject.replace(/^(re|fwd):\s*/i, "").slice(0, 80));
+    setPickerTarget("");
+    void api.projects().then((list) => {
+      setPickerProjects(list.items);
+      setPickerTarget(list.items[0]?.id ?? "");
+    }).catch((caught) => setError(errorText5(caught)));
+  };
+  const saveProjectPick = async () => {
+    if (projectPicker === null) return;
+    setPickerBusy(true);
+    setError("");
+    try {
+      if (pickerTarget !== "") {
+        await api.addProjectMessage(pickerTarget, {
+          accountId: projectPicker.accountId,
+          key: projectPicker.key,
+          subject: projectPicker.subject,
+          date: projectPicker.date
+        });
+        notice("\u5DF2\u52A0\u5165\u9879\u76EE");
+      } else {
+        const name = pickerNewName.trim();
+        if (name === "") throw new Error("\u5148\u9009\u62E9\u4E00\u4E2A\u9879\u76EE\uFF0C\u6216\u586B\u5199\u65B0\u9879\u76EE\u540D\u79F0");
+        const settings = await api.settings();
+        const created = await api.createProject({
+          accountId: projectPicker.accountId,
+          name,
+          root: settings.projects.root,
+          conversation: `\uFF08\u4ECE\u90AE\u4EF6\u52A0\u5165\uFF09
+
+${projectPicker.subject}`,
+          message: {
+            key: projectPicker.key,
+            subject: projectPicker.subject,
+            date: projectPicker.date
+          }
+        });
+        notice(`\u9879\u76EE\u5DF2\u521B\u5EFA\uFF1A${created.project.path}`);
+      }
+      setProjectPicker(null);
+      setTick((value) => value + 1);
+    } catch (caught) {
+      setError(errorText5(caught));
+    } finally {
+      setPickerBusy(false);
+    }
+  };
   const toggleSide = () => {
     setSideOpen((open) => {
       try {
@@ -2286,8 +2364,11 @@ function MailPanel() {
       setError("\u5148\u521B\u5EFA\u4E00\u4E2A\u9879\u76EE");
       return;
     }
-    const chosen = items.filter((item) => selectedKeys.includes(`${item.accountId}:${item.id}`));
-    if (chosen.length === 0) return;
+    const chosen = items.filter((item) => selectedKeys.includes(`${item.accountId}:${item.id}`)).filter((item) => item.messageId !== void 0 && item.messageId !== "");
+    if (chosen.length === 0) {
+      setError("\u6240\u9009\u90AE\u4EF6\u7F3A\u5C11 Message-ID\uFF0C\u65E0\u6CD5\u5173\u8054\u5230\u9879\u76EE");
+      return;
+    }
     try {
       for (const item of chosen) {
         await api.addProjectMessage(targetProject, {
@@ -2906,7 +2987,7 @@ function MailPanel() {
               }
             }
           }),
-          source === "local" ? (0, import_react9.createElement)(
+          (0, import_react9.createElement)(
             "button",
             {
               className: selectMode ? "ghost active" : "ghost",
@@ -2920,9 +3001,9 @@ function MailPanel() {
                 }
               }
             },
-            Icon({ name: "checklist", size: 14 }),
+            Icon({ name: "list", size: 14 }),
             "\u9009\u62E9"
-          ) : null,
+          ),
           query2 !== search || search !== "" ? (0, import_react9.createElement)(
             "button",
             {
@@ -3134,6 +3215,7 @@ function MailPanel() {
           onReply: (mode) => startCompose(mode),
           onAiAction: requestAi,
           onExtractTasks: () => void extractTasks(),
+          onAddToProject: openProjectPicker,
           onClose: narrow ? () => setSelected(null) : void 0
         })
       ),
@@ -3181,6 +3263,64 @@ function MailPanel() {
         backup.output.length === 0 ? "\uFF08\u7B49\u5F85\u8F93\u51FA\u2026\uFF09" : backup.output.join("\n")
       )
     ) : null,
+    projectPicker !== null ? (0, import_react9.createElement)(
+      Modal,
+      {
+        title: "\u52A0\u5165\u9879\u76EE",
+        onClose: () => setProjectPicker(null),
+        footer: (0, import_react9.createElement)(
+          "div",
+          { style: { display: "flex", gap: "8px", width: "100%", alignItems: "center" } },
+          (0, import_react9.createElement)("span", { className: "small muted" }, "\u628A\u8FD9\u5C01\u90AE\u4EF6\u5173\u8054\u5230\u4E00\u4E2A\u9879\u76EE"),
+          (0, import_react9.createElement)("span", { className: "spacer" }),
+          (0, import_react9.createElement)("button", { className: "ghost", onClick: () => setProjectPicker(null) }, "\u53D6\u6D88"),
+          (0, import_react9.createElement)(
+            "button",
+            { className: "primary", disabled: pickerBusy, onClick: () => void saveProjectPick() },
+            pickerBusy ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58"
+          )
+        )
+      },
+      (0, import_react9.createElement)(
+        "div",
+        { style: { display: "flex", flexDirection: "column", gap: "10px" } },
+        pickerProjects.length === 0 ? (0, import_react9.createElement)("p", { className: "small muted" }, "\u8FD8\u6CA1\u6709\u9879\u76EE\uFF0C\u5728\u4E0B\u9762\u65B0\u5EFA\u4E00\u4E2A\u3002") : (0, import_react9.createElement)(
+          "div",
+          { className: "mailharbor-field" },
+          (0, import_react9.createElement)("label", null, "\u9009\u62E9\u5DF2\u6709\u9879\u76EE"),
+          (0, import_react9.createElement)(
+            "select",
+            {
+              value: pickerTarget,
+              onChange: (event) => setPickerTarget(event.target.value)
+            },
+            (0, import_react9.createElement)("option", { value: "" }, "\u4E0D\u52A0\u5165\u5DF2\u6709\u9879\u76EE"),
+            pickerProjects.map(
+              (project) => (0, import_react9.createElement)(
+                "option",
+                { key: project.id, value: project.id },
+                `${project.name} \xB7 ${project.messages.length} \u5C01`
+              )
+            )
+          )
+        ),
+        (0, import_react9.createElement)(
+          "div",
+          { className: "mailharbor-field" },
+          (0, import_react9.createElement)("label", null, pickerProjects.length === 0 ? "\u65B0\u5EFA\u9879\u76EE" : "\u6216\u65B0\u5EFA\u9879\u76EE"),
+          (0, import_react9.createElement)("input", {
+            value: pickerNewName,
+            placeholder: "\u9879\u76EE\u540D\u79F0",
+            onChange: (event) => setPickerNewName(event.target.value)
+          })
+        ),
+        (0, import_react9.createElement)(
+          "p",
+          { className: "small muted" },
+          pickerTarget === "" ? "\u4FDD\u5B58\u65F6\u4F1A\u7528\u4E0A\u9762\u7684\u540D\u79F0\u521B\u5EFA\u9879\u76EE\uFF0C\u5E76\u628A\u5F53\u524D\u90AE\u4EF6\u52A0\u8FDB\u53BB\u3002" : "\u4FDD\u5B58\u540E\u8FD9\u5C01\u90AE\u4EF6\u4F1A\u51FA\u73B0\u5728\u9879\u76EE\u7684\u6765\u6E90\u90AE\u4EF6\u5217\u8868\u91CC\u3002"
+        )
+      )
+    ) : null,
     extraction !== null ? (0, import_react9.createElement)(
       Modal,
       {
@@ -4504,7 +4644,7 @@ function TaskEditor({
 }
 
 // src/client/index.tsx
-var VERSION = "0.7.0";
+var VERSION = "0.7.1";
 var inject = ["slots"];
 var PANEL_ID = "mailharbor";
 var TASKS_PANEL_ID = "mailharbor-tasks";