feat: support packer config

web/app/components/memshell/results/multi-packer.tsx

@@ -1,135 +0,0 @@
-import { DownloadIcon } from "lucide-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import CodeViewer from "@/components/code-viewer";
-import { Button } from "@/components/ui/button";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { base64ToBytes, downloadBytes, downloadContent } from "@/lib/utils";
-
-export function MultiPackResult({
-  allPackResults,
-  packMethod,
-  shellClassName,
-  height = 350,
-}: Readonly<{
-  allPackResults: object | undefined;
-  packMethod: string;
-  shellClassName?: string;
-  height?: number;
-}>) {
-  const showCode = packMethod === "JSP";
-  const { t } = useTranslation();
-  const packResults = allPackResults as Record<string, string> | undefined;
-  const packMethods = useMemo(
-    () => Object.keys(packResults ?? {}),
-    [packResults],
-  );
-
-  const [selectedMethod, setSelectedMethod] = useState(
-    () => packMethods[0] ?? "",
-  );
-
-  const packResult = useMemo(() => {
-    if (!selectedMethod) {
-      return "";
-    }
-    return packResults?.[selectedMethod] ?? "";
-  }, [packResults, selectedMethod]);
-
-  useEffect(() => {
-    if (packMethods.length === 0) {
-      if (selectedMethod !== "") {
-        setSelectedMethod("");
-      }
-      return;
-    }
-    if (!packMethods.includes(selectedMethod)) {
-      setSelectedMethod(packMethods[0]);
-    }
-  }, [packMethods, selectedMethod]);
-
-  const handleDownload = useCallback(() => {
-    const fileName =
-      shellClassName?.substring(shellClassName?.lastIndexOf(".") ?? 0) ?? "";
-    if (packMethod === "JSP") {
-      const fileExtension = selectedMethod.includes("JSPX") ? ".jspx" : ".jsp";
-      const content = new Blob([packResult], { type: "text/plain" });
-      return downloadContent(content, fileName, fileExtension);
-    } else if (
-      packMethod === "JavaDeserialize" ||
-      packMethod.includes("Hessian")
-    ) {
-      const content = new Blob([base64ToBytes(packResult)], {
-        type: "application/octet-stream",
-      });
-      return downloadContent(content, fileName, ".data");
-    } else if (packMethod === "Base64") {
-      const base64Content = packResults?.[packMethods[0]] ?? "";
-      return downloadBytes(base64Content, shellClassName);
-    }
-  }, [
-    packMethod,
-    packMethods,
-    packResult,
-    packResults,
-    selectedMethod,
-    shellClassName,
-  ]);
-
-  return (
-    <CodeViewer
-      code={packResult ?? ""}
-      header={
-        <div className="flex items-center justify-between text-xs gap-2">
-          <Select
-            onValueChange={(value) => {
-              setSelectedMethod(value as string);
-            }}
-            value={selectedMethod}
-          >
-            <SelectTrigger className="h-7 text-xs [&_svg]:h-4 [&_svg]:w-4">
-              <span className="text-muted-foreground">
-                {t("common:packerMethod")}:&nbsp;
-              </span>
-              <SelectValue data-placeholder={t("common:placeholders.select")} />
-            </SelectTrigger>
-            <SelectContent>
-              {packMethods.map((method) => (
-                <SelectItem key={method} value={method} className="text-xs">
-                  {method}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-          <span className="text-muted-foreground">({packResult?.length})</span>
-        </div>
-      }
-      button={
-        packMethod === "JSP" ||
-        packMethod === "Base64" ||
-        packMethod === "JavaDeserialize" ||
-        packMethod.includes("Hessian") ? (
-          <Button
-            variant="ghost"
-            size="icon"
-            type="button"
-            className="h-7 w-7 [&_svg]:h-4 [&_svg]:w-4"
-            onClick={handleDownload}
-          >
-            <DownloadIcon className="h-4 w-4" />
-          </Button>
-        ) : null
-      }
-      wrapLongLines={!showCode}
-      showLineNumbers={showCode}
-      language={showCode ? "java" : "text"}
-      height={height}
-    />
-  );
-}

web/app/components/memshell/results/result-component.tsx

@@ -3,32 +3,19 @@ import CodeViewer from "@/components/code-viewer";
 import type { MemShellResult } from "@/types/memshell";
 import { AgentResult } from "./agent";
 import { JarResult } from "./jar-result";
-import { MultiPackResult } from "./multi-packer";
 
 export function ResultComponent({
   packResult,
-  allPackResults,
   packMethod,
   generateResult,
 }: Readonly<{
   packResult: string | undefined;
-  allPackResults: Map<string, string> | undefined;
   packMethod: string;
   generateResult?: MemShellResult;
 }>) {
-  const showCode = packMethod === "JSP";
   const isAgent = packMethod.startsWith("Agent");
   const isJar = packMethod.endsWith("Jar");
   const { t } = useTranslation();
-  if (allPackResults) {
-    return (
-      <MultiPackResult
-        allPackResults={allPackResults}
-        packMethod={packMethod}
-        shellClassName={generateResult?.injectorClassName}
-      />
-    );
-  }
   if (isAgent) {
     return (
       <AgentResult
@@ -52,16 +39,16 @@ export function ResultComponent({
     <CodeViewer
       code={packResult ?? ""}
       header={
-        <div className="flex items-center justify-between text-xs gap-2">
+        <div className="flex items-center justify-between text-sm gap-2">
           <span>
             {t("common:packerMethod")}：{packMethod}
           </span>
           <span className="text-muted-foreground">({packResult?.length})</span>
         </div>
       }
-      wrapLongLines={!showCode}
-      showLineNumbers={showCode}
-      language={showCode ? "java" : "text"}
+      wrapLongLines={true}
+      showLineNumbers={false}
+      language={"text"}
       height={350}
     />
   );