0.29.1原版

2026-07-02 19:14:14 +08:00
commit d94008f0fb
947 changed files with 174905 additions and 0 deletions
@@ -0,0 +1,166 @@
+import { create } from "@bufbuild/protobuf";
+import { FieldMaskSchema } from "@bufbuild/protobuf/wkt";
+import React, { useEffect, useState } from "react";
+import { toast } from "react-hot-toast";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { userServiceClient } from "@/connect";
+import useCurrentUser from "@/hooks/useCurrentUser";
+import useLoading from "@/hooks/useLoading";
+import { handleError } from "@/lib/error";
+import { useTranslate } from "@/utils/i18n";
+
+interface Props {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  webhookName?: string;
+  onSuccess?: () => void;
+}
+
+interface State {
+  displayName: string;
+  url: string;
+}
+
+function CreateWebhookDialog({ open, onOpenChange, webhookName, onSuccess }: Props) {
+  const t = useTranslate();
+  const currentUser = useCurrentUser();
+  const [state, setState] = useState<State>({
+    displayName: "",
+    url: "",
+  });
+  const requestState = useLoading(false);
+  const isCreating = webhookName === undefined;
+
+  useEffect(() => {
+    if (webhookName && currentUser) {
+      // For editing, we need to get the webhook data
+      // Since we're using user webhooks now, we need to list all webhooks and find the one we want
+      userServiceClient
+        .listUserWebhooks({
+          parent: currentUser.name,
+        })
+        .then((response) => {
+          const webhook = response.webhooks.find((w) => w.name === webhookName);
+          if (webhook) {
+            setState({
+              displayName: webhook.displayName,
+              url: webhook.url,
+            });
+          }
+        });
+    }
+  }, [webhookName, currentUser]);
+
+  const setPartialState = (partialState: Partial<State>) => {
+    setState({
+      ...state,
+      ...partialState,
+    });
+  };
+
+  const handleTitleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setPartialState({
+      displayName: e.target.value,
+    });
+  };
+
+  const handleUrlInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setPartialState({
+      url: e.target.value,
+    });
+  };
+
+  const handleSaveBtnClick = async () => {
+    if (!state.displayName || !state.url) {
+      toast.error(t("message.fill-all-required-fields"));
+      return;
+    }
+
+    if (!currentUser) {
+      toast.error("User not authenticated");
+      return;
+    }
+
+    try {
+      requestState.setLoading();
+      if (isCreating) {
+        await userServiceClient.createUserWebhook({
+          parent: currentUser.name,
+          webhook: {
+            displayName: state.displayName,
+            url: state.url,
+          },
+        });
+      } else {
+        await userServiceClient.updateUserWebhook({
+          webhook: {
+            name: webhookName,
+            displayName: state.displayName,
+            url: state.url,
+          },
+          updateMask: create(FieldMaskSchema, { paths: ["display_name", "url"] }),
+        });
+      }
+
+      onSuccess?.();
+      onOpenChange(false);
+      requestState.setFinish();
+    } catch (error: unknown) {
+      handleError(error, toast.error, {
+        context: webhookName ? "Update webhook" : "Create webhook",
+        onError: () => requestState.setError(),
+      });
+    }
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-md">
+        <DialogHeader>
+          <DialogTitle>
+            {isCreating ? t("setting.webhook.create-dialog.create-webhook") : t("setting.webhook.create-dialog.edit-webhook")}
+          </DialogTitle>
+        </DialogHeader>
+        <div className="flex flex-col gap-4">
+          <div className="grid gap-2">
+            <Label htmlFor="displayName">
+              {t("setting.webhook.create-dialog.title")} <span className="text-destructive">*</span>
+            </Label>
+            <Input
+              id="displayName"
+              type="text"
+              placeholder={t("setting.webhook.create-dialog.an-easy-to-remember-name")}
+              value={state.displayName}
+              onChange={handleTitleInputChange}
+            />
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor="url">
+              {t("setting.webhook.create-dialog.payload-url")} <span className="text-destructive">*</span>
+            </Label>
+            <Input
+              id="url"
+              type="text"
+              placeholder={t("setting.webhook.create-dialog.url-example-post-receive")}
+              value={state.url}
+              onChange={handleUrlInputChange}
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="ghost" disabled={requestState.isLoading} onClick={() => onOpenChange(false)}>
+            {t("common.cancel")}
+          </Button>
+          <Button disabled={requestState.isLoading} onClick={handleSaveBtnClick}>
+            {t("common.create")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export default CreateWebhookDialog;