archive/MemShellParty
1
0
Fork 0
mirror of https://github.com/ReaJason/MemShellParty.git synced 2026-09-24 07:51:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: fmt code

Browse Source
This commit is contained in:
ReaJason
2026-04-26 21:33:15 +08:00
parent d10323a054
commit ee560ff7ee
150 changed files with 948 additions and 1522 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/routes/about.tsx
+72 -100
View File
@@ -15,6 +15,8 @@ import {
} from "lucide-react";
import { useTheme } from "next-themes";
import { Link } from "react-router";
import { Icons } from "@/components/icons";
import { LineShadowText } from "@/components/magicui/line-shadow-text";
import { Alert, AlertDescription } from "@/components/ui/alert";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
@@ -23,8 +25,8 @@ import { Button } from "@/components/ui/button";
import { Card, CardContent, CardFooter } from "@/components/ui/card";
import { env } from "@/config";
import { siteConfig } from "@/lib/config";
import { baseOptions } from "../lib/layout.shared";
import { Icons } from "@/components/icons";
type VersionInfo = {
currentVersion: string;
@@ -76,32 +78,30 @@ export default function AboutPage() {
return (
<HomeLayout {...baseOptions()} links={siteConfig.navLinks}>
<div className="min-h-screen font-sans text-foreground">
<section className="relative text-center py-20 overflow-hidden">
<div className="absolute top-0 left-0 w-full h-full bg-grid-black/[0.05] dark:bg-grid-white/[0.05] [mask-image:linear-gradient(to_bottom,white_10%,transparent_100%)]" />
<div className="container mx-auto px-4 relative z-10">
<section className="relative overflow-hidden py-20 text-center">
<div className="bg-grid-black/[0.05] dark:bg-grid-white/[0.05] absolute top-0 left-0 h-full w-full [mask-image:linear-gradient(to_bottom,white_10%,transparent_100%)]" />
<div className="relative z-10 container mx-auto px-4">
<motion.div
initial={{ opacity: 0, y: -50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
>
<div className="inline-flex items-center px-4 py-2 rounded-full border sm:h-8 mb-8 transition-colors dark:bg-red-900/20 dark:border-red-800 dark:text-red-300 bg-red-50 border-red-200 text-red-700">
<Shield className="w-4 h-4 mr-2" />
<span className="text-sm">
For Security Research & Authorized Testing Only
</span>
<div className="mb-8 inline-flex items-center rounded-full border border-red-200 bg-red-50 px-4 py-2 text-red-700 transition-colors sm:h-8 dark:border-red-800 dark:bg-red-900/20 dark:text-red-300">
<Shield className="mr-2 h-4 w-4" />
<span className="text-sm">For Security Research & Authorized Testing Only</span>
</div>
<h1 className="text-5xl md:text-7xl font-bold mb-8">
<span className="dark:text-white text-gray-900">
<h1 className="mb-8 text-5xl font-bold md:text-7xl">
<span className="text-gray-900 dark:text-white">
MemShell
<LineShadowText className="italic" shadowColor={shadowColor}>
Party
</LineShadowText>
</span>
</h1>
<p className="text-xl md:text-2xl mb-12 max-w-4xl mx-auto leading-relaxed text-muted-foreground">
A self-hosted, visual platform for one-click generation of Java
memory shells for common middleware and frameworks. The ultimate
learning platform for security researchers.
<p className="mx-auto mb-12 max-w-4xl text-xl leading-relaxed text-muted-foreground md:text-2xl">
A self-hosted, visual platform for one-click generation of Java memory shells for
common middleware and frameworks. The ultimate learning platform for security
researchers.
</p>
</motion.div>
</div>
@@ -111,24 +111,17 @@ export default function AboutPage() {
<motion.div
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
className="container mx-auto px-4 mb-8"
className="container mx-auto mb-8 px-4"
>
<Alert className="border-green-500 bg-green-50 dark:bg-green-900/20 w-auto">
<Alert className="w-auto border-green-500 bg-green-50 dark:bg-green-900/20">
<AlertCircle className="h-4 w-4 text-green-600 dark:text-green-400" />
<AlertDescription className="flex items-center justify-between flex-wrap gap-4">
<AlertDescription className="flex flex-wrap items-center justify-between gap-4">
<span className="text-green-800 dark:text-green-300">
New version {updateInfo.latestVersion} is available! (Current:{" "}
{updateInfo.currentVersion})
</span>
<a
href={siteConfig.latestRelease}
target="_blank"
rel="noopener noreferrer"
>
<Button
size="sm"
className="bg-green-600 hover:bg-green-700 text-white"
>
<a href={siteConfig.latestRelease} target="_blank" rel="noopener noreferrer">
<Button size="sm" className="bg-green-600 text-white hover:bg-green-700">
<Download className="mr-2 h-4 w-4" />
View Release
</Button>
@@ -144,42 +137,28 @@ export default function AboutPage() {
animate="visible"
className="container mx-auto px-4 py-16"
>
<div className="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
<div className="mx-auto grid max-w-6xl gap-8 md:grid-cols-2">
<motion.div variants={itemVariants}>
<Card className="h-full">
<CardContent className="p-6">
<div className="flex items-center mb-4">
<Package className="w-6 h-6 mr-3 text-primary" />
<div className="mb-4 flex items-center">
<Package className="mr-3 h-6 w-6 text-primary" />
<h2 className="text-2xl font-bold">Version</h2>
</div>
<div className="space-y-3">
<div className="flex justify-between items-center py-2 border-b border-border/50">
<span className="text-muted-foreground">
Current Version
</span>
<Badge variant="secondary">
{updateInfo?.currentVersion || "v0.0.0"}
</Badge>
<div className="flex items-center justify-between border-b border-border/50 py-2">
<span className="text-muted-foreground">Current Version</span>
<Badge variant="secondary">{updateInfo?.currentVersion || "v0.0.0"}</Badge>
</div>
<div className="flex justify-between items-center py-2 border-b border-border/50">
<span className="text-muted-foreground">
Latest Version
</span>
{isPending && (
<span className="text-sm text-gray-500">
Checking...
</span>
)}
{error && (
<Badge variant="destructive">{error.message}</Badge>
)}
<div className="flex items-center justify-between border-b border-border/50 py-2">
<span className="text-muted-foreground">Latest Version</span>
{isPending && <span className="text-sm text-gray-500">Checking...</span>}
{error && <Badge variant="destructive">{error.message}</Badge>}
{updateInfo && !error && (
<Badge variant="outline">
{updateInfo.latestVersion}
</Badge>
<Badge variant="outline">{updateInfo.latestVersion}</Badge>
)}
</div>
<div className="flex justify-between items-center py-2 border-b border-border/50">
<div className="flex items-center justify-between border-b border-border/50 py-2">
<span className="text-muted-foreground">License</span>
<Badge variant="outline">MIT License</Badge>
</div>
@@ -196,23 +175,19 @@ export default function AboutPage() {
<motion.div variants={itemVariants}>
<Card className="h-full">
<CardContent className="p-6">
<div className="flex items-center mb-4">
<User className="w-6 h-6 mr-3 text-primary" />
<div className="mb-4 flex items-center">
<User className="mr-3 h-6 w-6 text-primary" />
<h2 className="text-2xl font-bold">Author</h2>
</div>
<div className="space-y-4">
<div className="flex items-center gap-3">
<Avatar className="w-16 h-16">
<Avatar className="h-16 w-16">
<AvatarImage src="https://cdn.jsdelivr.net/gh/ReaJason/blog_imgs/default/blog_avatar.jpg" />
<AvatarFallback>RJ</AvatarFallback>
</Avatar>
<div>
<h3 className="font-semibold text-lg">
{siteConfig.author}
</h3>
<p className="text-sm text-muted-foreground">
{siteConfig.authorIntro}
</p>
<h3 className="text-lg font-semibold">{siteConfig.author}</h3>
<p className="text-sm text-muted-foreground">{siteConfig.authorIntro}</p>
</div>
</div>
<div className="space-y-2 pt-2">
@@ -220,24 +195,24 @@ export default function AboutPage() {
href={siteConfig.blog}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 text-muted-foreground hover:text-primary transition-colors"
className="flex items-center gap-2 text-muted-foreground transition-colors hover:text-primary"
>
<Globe className="w-4 h-4" />
<Globe className="h-4 w-4" />
<span className="text-sm">reajason.eu.org</span>
<ExternalLink className="w-3 h-3" />
<ExternalLink className="h-3 w-3" />
</a>
<a
href={siteConfig.authorGithub}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 text-muted-foreground hover:text-primary transition-colors"
className="flex items-center gap-2 text-muted-foreground transition-colors hover:text-primary"
>
<Icons.gitHub className="w-4 h-4" />
<Icons.gitHub className="h-4 w-4" />
<span className="text-sm">github.com/ReaJason</span>
<ExternalLink className="w-3 h-3" />
<ExternalLink className="h-3 w-3" />
</a>
<div className="flex items-center gap-2 text-muted-foreground">
<Mail className="w-4 h-4" />
<Mail className="h-4 w-4" />
<span className="text-sm">Contact via GitHub</span>
</div>
</div>
@@ -254,65 +229,62 @@ export default function AboutPage() {
transition={{ duration: 0.8, delay: 0.6 }}
className="container mx-auto px-4 py-16"
>
<div className="max-w-6xl mx-auto">
<div className="text-center mb-12">
<h2 className="text-3xl font-bold mb-4">Resources & Links</h2>
<div className="mx-auto max-w-6xl">
<div className="mb-12 text-center">
<h2 className="mb-4 text-3xl font-bold">Resources & Links</h2>
<p className="text-muted-foreground">
Explore documentation and contribute to the project
</p>
</div>
<div className="grid md:grid-cols-3 gap-6">
<Card className="group hover:shadow-lg transition-shadow">
<div className="grid gap-6 md:grid-cols-3">
<Card className="group transition-shadow hover:shadow-lg">
<CardContent className="p-6">
<Code className="w-10 h-10 mb-4 text-primary group-hover:scale-110 transition-transform" />
<h3 className="font-semibold text-lg mb-2">Documentation</h3>
<p className="text-sm text-muted-foreground mb-4">
Comprehensive guides and API references for using
MemShellParty effectively.
<Code className="mb-4 h-10 w-10 text-primary transition-transform group-hover:scale-110" />
<h3 className="mb-2 text-lg font-semibold">Documentation</h3>
<p className="mb-4 text-sm text-muted-foreground">
Comprehensive guides and API references for using MemShellParty effectively.
</p>
<Link
className="text-primary hover:underline text-sm font-medium flex items-center gap-1"
className="flex items-center gap-1 text-sm font-medium text-primary hover:underline"
to="/docs"
>
Read Docs <ExternalLink className="w-3 h-3" />
Read Docs <ExternalLink className="h-3 w-3" />
</Link>
</CardContent>
</Card>
<Card className="group hover:shadow-lg transition-shadow">
<Card className="group transition-shadow hover:shadow-lg">
<CardContent className="p-6">
<Icons.gitHub className="w-10 h-10 mb-4 text-primary group-hover:scale-110 transition-transform" />
<h3 className="font-semibold text-lg mb-2">Source Code</h3>
<p className="text-sm text-muted-foreground mb-4">
View the source code, report issues, and contribute to the
development.
<Icons.gitHub className="mb-4 h-10 w-10 text-primary transition-transform group-hover:scale-110" />
<h3 className="mb-2 text-lg font-semibold">Source Code</h3>
<p className="mb-4 text-sm text-muted-foreground">
View the source code, report issues, and contribute to the development.
</p>
<a
href={siteConfig.github}
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline text-sm font-medium flex items-center gap-1"
className="flex items-center gap-1 text-sm font-medium text-primary hover:underline"
>
View Repository <ExternalLink className="w-3 h-3" />
View Repository <ExternalLink className="h-3 w-3" />
</a>
</CardContent>
</Card>
<Card className="group hover:shadow-lg transition-shadow">
<Card className="group transition-shadow hover:shadow-lg">
<CardContent className="p-6">
<Heart className="w-10 h-10 mb-4 text-primary group-hover:scale-110 transition-transform" />
<h3 className="font-semibold text-lg mb-2">Support</h3>
<p className="text-sm text-muted-foreground mb-4">
Star the project on GitHub and share it with the security
community.
<Heart className="mb-4 h-10 w-10 text-primary transition-transform group-hover:scale-110" />
<h3 className="mb-2 text-lg font-semibold">Support</h3>
<p className="mb-4 text-sm text-muted-foreground">
Star the project on GitHub and share it with the security community.
</p>
<a
href={siteConfig.github}
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline text-sm font-medium flex items-center gap-1"
className="flex items-center gap-1 text-sm font-medium text-primary hover:underline"
>
Star on GitHub <ExternalLink className="w-3 h-3" />
Star on GitHub <ExternalLink className="h-3 w-3" />
</a>
</CardContent>
</Card>
@@ -320,8 +292,8 @@ export default function AboutPage() {
</div>
</motion.section>
<footer className="border-t py-8 mt-16">
<div className="container mx-auto px-4 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between text-center sm:text-left">
<footer className="mt-16 border-t py-8">
<div className="container mx-auto flex flex-col gap-4 px-4 text-center sm:flex-row sm:items-center sm:justify-between sm:text-left">
<div>
<p className="text-sm font-semibold">{siteConfig.name}</p>
<p className="text-xs text-muted-foreground">
@@ -330,7 +302,7 @@ export default function AboutPage() {
href={siteConfig.blog}
rel="noreferrer noopener"
target="_blank"
className="font-medium hover:text-primary transition-colors"
className="font-medium transition-colors hover:text-primary"
>
{siteConfig.author}
</a>
web/app/routes/memshell.tsx
+13 -29
View File
@@ -5,6 +5,7 @@ import { useCallback, useRef, useState } from "react";
import { useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { toast } from "sonner";
import MainConfigCard from "@/components/memshell/main-config-card";
import PackageConfigCard from "@/components/memshell/package-config-card";
import ShellResult from "@/components/memshell/shell-result";
@@ -26,6 +27,7 @@ import {
useYupValidationResolver,
} from "@/types/schema";
import { transformToPostData } from "@/utils/transformer";
import { baseOptions } from "../lib/layout.shared";
const homeLayoutOptions = baseOptions();
@@ -63,14 +65,11 @@ const fetchJson = async <T,>(url: string): Promise<T> => {
return response.json() as Promise<T>;
};
const fetchServerConfig = () =>
fetchJson<ServerConfig>(`${env.API_URL}/api/config/servers`);
const fetchServerConfig = () => fetchJson<ServerConfig>(`${env.API_URL}/api/config/servers`);
const fetchMainConfig = () =>
fetchJson<MainConfig>(`${env.API_URL}/api/config`);
const fetchMainConfig = () => fetchJson<MainConfig>(`${env.API_URL}/api/config`);
const fetchPackerConfig = () =>
fetchJson<PackerConfig>(`${env.API_URL}/api/config/packers`);
const fetchPackerConfig = () => fetchJson<PackerConfig>(`${env.API_URL}/api/config/packers`);
export default function MemShellPage() {
const { data: serverConfig } = useQuery<ServerConfig>({
@@ -95,9 +94,7 @@ export default function MemShellPage() {
});
const [packResult, setPackResult] = useState<string | undefined>();
const [allPackResults, setAllPackResults] = useState<
Map<string, string> | undefined
>();
const [allPackResults, setAllPackResults] = useState<Map<string, string> | undefined>();
const [generateResult, setGenerateResult] = useState<MemShellResult>();
const [packMethod, setPackMethod] = useState<string>("");
const submitLockRef = useRef(false);
@@ -125,9 +122,7 @@ export default function MemShellPage() {
setPackMethod(data.packingMethod);
toast.success(t("toast.generateSuccess"));
} catch (error) {
toast.error(
t("toast.generateError", { error: (error as Error).message }),
);
toast.error(t("toast.generateError", { error: (error as Error).message }));
}
},
[t],
@@ -149,23 +144,12 @@ export default function MemShellPage() {
return (
<HomeLayout {...homeLayoutOptions} links={siteConfig.navLinks}>
<div className="container mx-auto max-w-8xl p-6">
<form
onSubmit={form.handleSubmit(onSubmit)}
className="flex flex-col xl:flex-row gap-6"
>
<div className="w-full xl:w-1/2 flex flex-col gap-2">
<MainConfigCard
servers={serverConfig}
mainConfig={mainConfig}
form={form}
/>
<div className="max-w-8xl container mx-auto p-6">
<form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col gap-6 xl:flex-row">
<div className="flex w-full flex-col gap-2 xl:w-1/2">
<MainConfigCard servers={serverConfig} mainConfig={mainConfig} form={form} />
<PackageConfigCard packerConfig={packerConfig} form={form} />
<Button
className="w-full"
type="submit"
disabled={form.formState.isSubmitting}
>
<Button className="w-full" type="submit" disabled={form.formState.isSubmitting}>
{form.formState.isSubmitting ? (
<LoaderCircle className="animate-spin" />
) : (
@@ -174,7 +158,7 @@ export default function MemShellPage() {
{t("memshell:buttons.generate")}
</Button>
</div>
<div className="w-full xl:w-1/2 flex flex-col gap-2">
<div className="flex w-full flex-col gap-2 xl:w-1/2">
<ShellResult
packMethod={packMethod}
generateResult={generateResult}
web/app/routes/probeshell.tsx
+12 -27
View File
@@ -1,3 +1,6 @@
import type { APIErrorResponse, PackerConfig, ServerConfig } from "@/types/memshell";
import type { ProbeShellGenerateResponse, ProbeShellResult } from "@/types/probeshell";
import { useQuery } from "@tanstack/react-query";
import { HomeLayout } from "fumadocs-ui/layouts/home";
import { LoaderCircle, WandSparklesIcon } from "lucide-react";
@@ -5,27 +8,20 @@ import { useRef, useState } from "react";
import { useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { toast } from "sonner";
import MainConfigCard from "@/components/probeshell/main-config-card";
import PackageConfigCard from "@/components/probeshell/package-config-card";
import ShellResult from "@/components/probeshell/shell-result";
import { Button } from "@/components/ui/button";
import { env } from "@/config";
import { siteConfig } from "@/lib/config";
import type {
APIErrorResponse,
PackerConfig,
ServerConfig,
} from "@/types/memshell";
import type {
ProbeShellGenerateResponse,
ProbeShellResult,
} from "@/types/probeshell";
import {
type ProbeShellFormSchema,
probeShellFormSchema,
useYupValidationProbeResolver,
} from "@/types/schema";
import { transformToProbePostData } from "@/utils/transformer";
import { baseOptions } from "../lib/layout.shared";
export default function ProbeShellGenerator() {
@@ -63,9 +59,7 @@ export default function ProbeShellGenerator() {
});
const [packResult, setPackResult] = useState<string | undefined>();
const [allPackResults, setAllPackResults] = useState<
Map<string, string> | undefined
>();
const [allPackResults, setAllPackResults] = useState<Map<string, string> | undefined>();
const [generateResult, setGenerateResult] = useState<ProbeShellResult>();
const [packMethod, setPackMethod] = useState<string>("");
const submitLockRef = useRef(false);
@@ -97,28 +91,19 @@ export default function ProbeShellGenerator() {
setPackMethod(data.packingMethod);
toast.success(t("toast.generateSuccess"));
} catch (error) {
toast.error(
t("toast.generateError", { error: (error as Error).message }),
);
toast.error(t("toast.generateError", { error: (error as Error).message }));
} finally {
submitLockRef.current = false;
}
};
return (
<HomeLayout {...baseOptions()} links={siteConfig.navLinks}>
<div className="container mx-auto max-w-8xl p-6">
<form
onSubmit={form.handleSubmit(onSubmit)}
className="flex flex-col xl:flex-row gap-6"
>
<div className="w-full xl:w-1/2 flex flex-col gap-2">
<div className="max-w-8xl container mx-auto p-6">
<form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col gap-6 xl:flex-row">
<div className="flex w-full flex-col gap-2 xl:w-1/2">
<MainConfigCard form={form} servers={serverConfig} />
<PackageConfigCard form={form} packerConfig={packerConfig} />
<Button
className="w-full"
type="submit"
disabled={form.formState.isSubmitting}
>
<Button className="w-full" type="submit" disabled={form.formState.isSubmitting}>
{form.formState.isSubmitting ? (
<LoaderCircle className="animate-spin" />
) : (
@@ -127,7 +112,7 @@ export default function ProbeShellGenerator() {
{t("probeshell:buttons.generate")}
</Button>
</div>
<div className="w-full xl:w-1/2 flex flex-col gap-2">
<div className="flex w-full flex-col gap-2 xl:w-1/2">
<ShellResult
packMethod={packMethod}
generateResult={generateResult}