pangolin_mirror/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-03-03 17:26:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

add rewrite path to create resource page

Browse Source
This commit is contained in:
Pallavi Kumari
2025-09-28 11:45:49 +05:30
parent 149a4b916b
commit 90d3ac07a9
1 changed files with 128 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/app/[orgId]/settings/resources/create/page.tsx
View File

@@ -116,7 +116,9 @@ const addTargetSchema = z.object({
port: z.coerce.number().int().positive(), port: z.coerce.number().int().positive(),
siteId: z.number().int().positive(), siteId: z.number().int().positive(),
path: z.string().optional().nullable(), path: z.string().optional().nullable(),
pathMatchType: z.enum(["exact", "prefix", "regex"]).optional().nullable() pathMatchType: z.enum(["exact", "prefix", "regex"]).optional().nullable(),
rewritePath: z.string().optional().nullable(),
rewritePathType: z.enum(["exact", "prefix", "regex", "stripPrefix"]).optional().nullable()
}).refine( }).refine(
(data) => { (data) => {
// If path is provided, pathMatchType must be provided // If path is provided, pathMatchType must be provided
@@ -149,7 +151,23 @@ const addTargetSchema = z.object({
{ {
message: "Invalid path configuration" message: "Invalid path configuration"
} }
); )
.refine(
(data) => {
// If rewritePath is provided, rewritePathType must be provided
if (data.rewritePath && !data.rewritePathType) {
return false;
}
// If rewritePathType is provided, rewritePath must be provided
if (data.rewritePathType && !data.rewritePath) {
return false;
}
return true;
},
{
message: "Invalid rewrite path configuration"
}
);
type BaseResourceFormValues = z.infer<typeof baseResourceFormSchema>; type BaseResourceFormValues = z.infer<typeof baseResourceFormSchema>;
type HttpResourceFormValues = z.infer<typeof httpResourceFormSchema>; type HttpResourceFormValues = z.infer<typeof httpResourceFormSchema>;
@@ -240,8 +258,10 @@ export default function Page() {
method: baseForm.watch("http") ? "http" : null, method: baseForm.watch("http") ? "http" : null,
port: "" as any as number, port: "" as any as number,
path: null, path: null,
pathMatchType: null pathMatchType: null,
} rewritePath: null,
rewritePathType: null,
} as z.infer<typeof addTargetSchema>
}); });
const watchedIp = addTargetForm.watch("ip"); const watchedIp = addTargetForm.watch("ip");
@@ -313,6 +333,8 @@ export default function Page() {
...data, ...data,
path: data.path || null, path: data.path || null,
pathMatchType: data.pathMatchType || null, pathMatchType: data.pathMatchType || null,
rewritePath: data.rewritePath || null,
rewritePathType: data.rewritePathType || null,
siteType: site?.type || null, siteType: site?.type || null,
enabled: true, enabled: true,
targetId: new Date().getTime(), targetId: new Date().getTime(),
@@ -326,7 +348,9 @@ export default function Page() {
method: baseForm.watch("http") ? "http" : null, method: baseForm.watch("http") ? "http" : null,
port: "" as any as number, port: "" as any as number,
path: null, path: null,
pathMatchType: null pathMatchType: null,
rewritePath: null,
rewritePathType: null,
}); });
} }
@@ -422,7 +446,9 @@ export default function Page() {
enabled: target.enabled, enabled: target.enabled,
siteId: target.siteId, siteId: target.siteId,
path: target.path, path: target.path,
pathMatchType: target.pathMatchType pathMatchType: target.pathMatchType,
rewritePath: target.rewritePath,
rewritePathType: target.rewritePathType
}; };
await api.put(`/resource/${id}/target`, data); await api.put(`/resource/${id}/target`, data);
@@ -820,6 +846,102 @@ export default function Page() {
/> />
) )
}, },
{
accessorKey: "rewritePath",
header: t("rewritePath"),
cell: ({ row }) => {
const [showRewritePathInput, setShowRewritePathInput] = useState(
!!(row.original.rewritePath || row.original.rewritePathType)
);
if (!showRewritePathInput) {
const noPathMatch =
!row.original.path && !row.original.pathMatchType;
return (
<Button
variant="outline"
disabled={noPathMatch}
onClick={() => {
setShowRewritePathInput(true);
// Set default rewritePathType when first showing path input
if (!row.original.rewritePathType) {
updateTarget(row.original.targetId, {
...row.original,
rewritePathType: "prefix"
});
}
}}
>
+ {t("rewritePath")}
</Button>
);
}
return (
<div className="flex gap-2 min-w-[200px] items-center">
<Button
variant="outline"
onClick={() => {
setShowRewritePathInput(false);
updateTarget(row.original.targetId, {
...row.original,
rewritePath: null,
rewritePathType: null
});
}}
>
×
</Button>
<MoveRight className="ml-4 h-4 w-4" />
<Select
defaultValue={row.original.rewritePathType || "prefix"}
onValueChange={(value) =>
updateTarget(row.original.targetId, {
...row.original,
rewritePathType: value as "exact" | "prefix" | "regex"
})
}
>
<SelectTrigger className="w-25">
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem value="prefix">Prefix</SelectItem>
<SelectItem value="exact">Exact</SelectItem>
<SelectItem value="regex">Regex</SelectItem>
<SelectItem value="stripPrefix">Strip Prefix</SelectItem>
</SelectContent>
</Select>
<Input
placeholder={
row.original.rewritePathType === "regex"
? "^/api/.*"
: "/path"
}
defaultValue={row.original.rewritePath || ""}
className="flex-1 min-w-[150px]"
onBlur={(e) => {
const value = e.target.value.trim();
if (!value) {
setShowRewritePathInput(false);
updateTarget(row.original.targetId, {
...row.original,
rewritePath: null,
rewritePathType: null
});
} else {
updateTarget(row.original.targetId, {
...row.original,
rewritePath: value
});
}
}}
/>
</div>
);
}
},
{ {
accessorKey: "enabled", accessorKey: "enabled",
header: t("enabled"), header: t("enabled"),