feat: support probe shell generation

2026-09-24 07:51:52 +08:00 · 2025-08-13 23:53:40 +08:00
parent 3102f10d7b
commit 4a3bc0c40a
304 changed files with 59084 additions and 1454 deletions
@@ -0,0 +1,60 @@
+import { ChevronDown, ChevronUp, Settings } from "lucide-react";
+import { Fragment, useId, useState } from "react";
+import { FormProvider, type UseFormReturn } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { Button } from "@/components/ui/button";
+import { FormField, FormFieldItem, FormFieldLabel } from "@/components/ui/form.tsx";
+import { Input } from "@/components/ui/input.tsx";
+import type { ShellFormSchema } from "@/types/schema.ts";
+
+export function OptionalClassFormField({ form }: Readonly<{ form: UseFormReturn<ShellFormSchema> }>) {
+  const { t } = useTranslation();
+  const [showAdvanced, setShowAdvanced] = useState(false);
+  const shellClassNameId = useId();
+  const injectClassNameId = useId();
+  return (
+    <Fragment>
+      <div className="pt-2">
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          onClick={() => setShowAdvanced(!showAdvanced)}
+          className="flex items-center gap-2"
+        >
+          <Settings className="h-4 w-4" />
+          {t("classNameOptions")}
+          {showAdvanced ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
+        </Button>
+      </div>
+      {showAdvanced && (
+        <FormProvider {...form}>
+          <FormField
+            control={form.control}
+            name="shellClassName"
+            render={({ field }) => (
+              <FormFieldItem>
+                <FormFieldLabel htmlFor={shellClassNameId}>
+                  {t("mainConfig.shellClassName")} {t("optional")}
+                </FormFieldLabel>
+                <Input id={shellClassNameId} {...field} placeholder={t("placeholders.input")} />
+              </FormFieldItem>
+            )}
+          />
+          <FormField
+            control={form.control}
+            name="injectorClassName"
+            render={({ field }) => (
+              <FormFieldItem>
+                <FormFieldLabel htmlFor={injectClassNameId}>
+                  {t("mainConfig.injectorClassName")} {t("optional")}
+                </FormFieldLabel>
+                <Input id={injectClassNameId} {...field} placeholder={t("placeholders.input")} />
+              </FormFieldItem>
+            )}
+          />
+        </FormProvider>
+      )}
+    </Fragment>
+  );
+}