Compare commits

...

8 Commits

15 changed files with 102 additions and 48 deletions

View File

@ -21,6 +21,12 @@ RUN make
FROM scratch FROM scratch
COPY --from=alpine /etc/ssl/certs/ca-certificates.crt /etc/ssl/certs/
COPY --from=ghcr.io/tarampampam/curl:8.6.0 /bin/curl /bin/curl
COPY --from=backend /app/main /bin/main COPY --from=backend /app/main /bin/main
CMD [ "/bin/main" ] HEALTHCHECK --interval=5m --timeout=2s --retries=3 --start-period=15s CMD [ \
"curl", "--fail", "http://127.0.0.1:3909" \
]
ENTRYPOINT [ "main" ]

View File

@ -31,7 +31,7 @@ If you install Garage using Docker, you can install this web UI alongside Garage
```yml ```yml
services: services:
garage: garage:
image: dxflrs/garage:v1.0.1 image: dxflrs/garage:v2.0.0
container_name: garage container_name: garage
volumes: volumes:
- ./garage.toml:/etc/garage.toml - ./garage.toml:/etc/garage.toml
@ -62,7 +62,7 @@ services:
Get the latest binary from the [release page](https://github.com/khairul169/garage-webui/releases/latest) according to your OS architecture. For example: Get the latest binary from the [release page](https://github.com/khairul169/garage-webui/releases/latest) according to your OS architecture. For example:
```sh ```sh
$ wget -O garage-webui https://github.com/khairul169/garage-webui/releases/download/1.0.9/garage-webui-v1.0.9-linux-amd64 $ wget -O garage-webui https://github.com/khairul169/garage-webui/releases/download/1.1.0/garage-webui-v1.1.0-linux-amd64
$ chmod +x garage-webui $ chmod +x garage-webui
$ sudo cp garage-webui /usr/local/bin $ sudo cp garage-webui /usr/local/bin
``` ```

View File

@ -292,7 +292,7 @@ func getBucketCredentials(bucket string) (aws.CredentialsProvider, error) {
return cacheData.(aws.CredentialsProvider), nil return cacheData.(aws.CredentialsProvider), nil
} }
body, err := utils.Garage.Fetch("/v1/bucket?globalAlias="+bucket, &utils.FetchOptions{}) body, err := utils.Garage.Fetch("/v2/GetBucketInfo?globalAlias="+bucket, &utils.FetchOptions{})
if err != nil { if err != nil {
return nil, err return nil, err
} }
@ -309,7 +309,7 @@ func getBucketCredentials(bucket string) (aws.CredentialsProvider, error) {
continue continue
} }
body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/key?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{}) body, err := utils.Garage.Fetch(fmt.Sprintf("/v2/GetKeyInfo?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{})
if err != nil { if err != nil {
return nil, err return nil, err
} }
@ -331,15 +331,26 @@ func getS3Client(bucket string) (*s3.Client, error) {
return nil, fmt.Errorf("cannot get credentials for bucket %s: %w", bucket, err) return nil, fmt.Errorf("cannot get credentials for bucket %s: %w", bucket, err)
} }
// Determine endpoint and whether to disable HTTPS
endpoint := utils.Garage.GetS3Endpoint()
disableHTTPS := !strings.HasPrefix(endpoint, "https://")
// AWS config without BaseEndpoint
awsConfig := aws.Config{ awsConfig := aws.Config{
Credentials: creds, Credentials: creds,
Region: utils.Garage.GetS3Region(), Region: utils.Garage.GetS3Region(),
BaseEndpoint: aws.String(utils.Garage.GetS3Endpoint()),
} }
// Build S3 client with custom endpoint resolver for proper signing
client := s3.NewFromConfig(awsConfig, func(o *s3.Options) { client := s3.NewFromConfig(awsConfig, func(o *s3.Options) {
o.UsePathStyle = true o.UsePathStyle = true
o.EndpointOptions.DisableHTTPS = true o.EndpointOptions.DisableHTTPS = disableHTTPS
o.EndpointResolver = s3.EndpointResolverFunc(func(region string, opts s3.EndpointResolverOptions) (aws.Endpoint, error) {
return aws.Endpoint{
URL: endpoint,
SigningRegion: utils.Garage.GetS3Region(),
}, nil
})
}) })
return client, nil return client, nil

View File

@ -11,7 +11,7 @@ import (
type Buckets struct{} type Buckets struct{}
func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) { func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) {
body, err := utils.Garage.Fetch("/v1/bucket?list", &utils.FetchOptions{}) body, err := utils.Garage.Fetch("/v2/ListBuckets", &utils.FetchOptions{})
if err != nil { if err != nil {
utils.ResponseError(w, err) utils.ResponseError(w, err)
return return
@ -27,7 +27,7 @@ func (b *Buckets) GetAll(w http.ResponseWriter, r *http.Request) {
for _, bucket := range buckets { for _, bucket := range buckets {
go func() { go func() {
body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/bucket?id=%s", bucket.ID), &utils.FetchOptions{}) body, err := utils.Garage.Fetch(fmt.Sprintf("/v2/GetBucketInfo?id=%s", bucket.ID), &utils.FetchOptions{})
if err != nil { if err != nil {
ch <- schema.Bucket{ID: bucket.ID, GlobalAliases: bucket.GlobalAliases} ch <- schema.Bucket{ID: bucket.ID, GlobalAliases: bucket.GlobalAliases}

View File

@ -4,6 +4,7 @@ type GetBucketsRes struct {
ID string `json:"id"` ID string `json:"id"`
GlobalAliases []string `json:"globalAliases"` GlobalAliases []string `json:"globalAliases"`
LocalAliases []LocalAlias `json:"localAliases"` LocalAliases []LocalAlias `json:"localAliases"`
Created string `json:"created"`
} }
type Bucket struct { type Bucket struct {
@ -20,6 +21,7 @@ type Bucket struct {
UnfinishedMultipartUploadParts int64 `json:"unfinishedMultipartUploadParts"` UnfinishedMultipartUploadParts int64 `json:"unfinishedMultipartUploadParts"`
UnfinishedMultipartUploadBytes int64 `json:"unfinishedMultipartUploadBytes"` UnfinishedMultipartUploadBytes int64 `json:"unfinishedMultipartUploadBytes"`
Quotas Quotas `json:"quotas"` Quotas Quotas `json:"quotas"`
Created string `json:"created"`
} }
type LocalAlias struct { type LocalAlias struct {

View File

@ -1,6 +1,6 @@
services: services:
garage: garage:
image: dxflrs/garage:v1.0.1 image: dxflrs/garage:v2.0.0
container_name: garage container_name: garage
volumes: volumes:
- ./garage.toml:/etc/garage.toml - ./garage.toml:/etc/garage.toml
@ -24,4 +24,3 @@ services:
environment: environment:
API_BASE_URL: "http://garage:3903" API_BASE_URL: "http://garage:3903"
S3_ENDPOINT_URL: "http://garage:3900" S3_ENDPOINT_URL: "http://garage:3900"

View File

@ -1,7 +1,7 @@
{ {
"name": "garage-webui", "name": "garage-webui",
"private": true, "private": true,
"version": "1.0.9", "version": "1.1.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev:client": "vite", "dev:client": "vite",

View File

@ -18,7 +18,7 @@ export const useCreateBucket = (
options?: UseMutationOptions<any, Error, CreateBucketSchema> options?: UseMutationOptions<any, Error, CreateBucketSchema>
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (body) => api.post("/v1/bucket", { body }), mutationFn: (body) => api.post("/v2/CreateBucket", { body }),
...options, ...options,
}); });
}; };

View File

@ -10,7 +10,7 @@ import { Bucket, Permissions } from "../types";
export const useBucket = (id?: string | null) => { export const useBucket = (id?: string | null) => {
return useQuery({ return useQuery({
queryKey: ["bucket", id], queryKey: ["bucket", id],
queryFn: () => api.get<Bucket>("/v1/bucket", { params: { id } }), queryFn: () => api.get<Bucket>("/v2/GetBucketInfo", { params: { id } }),
enabled: !!id, enabled: !!id,
}); });
}; };
@ -18,7 +18,10 @@ export const useBucket = (id?: string | null) => {
export const useUpdateBucket = (id?: string | null) => { export const useUpdateBucket = (id?: string | null) => {
return useMutation({ return useMutation({
mutationFn: (values: any) => { mutationFn: (values: any) => {
return api.put<any>("/v1/bucket", { params: { id }, body: values }); return api.post<any>("/v2/UpdateBucket", {
params: { id },
body: values,
});
}, },
}); });
}; };
@ -29,8 +32,8 @@ export const useAddAlias = (
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (alias: string) => { mutationFn: (alias: string) => {
return api.put("/v1/bucket/alias/global", { return api.post("/v2/AddBucketAlias", {
params: { id: bucketId, alias }, body: { bucketId, globalAlias: alias },
}); });
}, },
...options, ...options,
@ -43,8 +46,8 @@ export const useRemoveAlias = (
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (alias: string) => { mutationFn: (alias: string) => {
return api.delete("/v1/bucket/alias/global", { return api.post("/v2/RemoveBucketAlias", {
params: { id: bucketId, alias }, body: { bucketId, globalAlias: alias },
}); });
}, },
...options, ...options,
@ -62,8 +65,7 @@ export const useAllowKey = (
return useMutation({ return useMutation({
mutationFn: async (payload) => { mutationFn: async (payload) => {
const promises = payload.map(async (key) => { const promises = payload.map(async (key) => {
console.log("test", key); return api.post("/v2/AllowBucketKey", {
return api.post("/v1/bucket/allow", {
body: { body: {
bucketId, bucketId,
accessKeyId: key.keyId, accessKeyId: key.keyId,
@ -88,7 +90,7 @@ export const useDenyKey = (
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (payload) => { mutationFn: (payload) => {
return api.post("/v1/bucket/deny", { return api.post("/v2/DenyBucketKey", {
body: { body: {
bucketId, bucketId,
accessKeyId: payload.keyId, accessKeyId: payload.keyId,
@ -104,7 +106,7 @@ export const useRemoveBucket = (
options?: MutationOptions<any, Error, string> options?: MutationOptions<any, Error, string>
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (id) => api.delete("/v1/bucket", { params: { id } }), mutationFn: (id) => api.post("/v2/DeleteBucket", { params: { id } }),
...options, ...options,
}); });
}; };

View File

@ -3,6 +3,7 @@ import {
ApplyLayoutResult, ApplyLayoutResult,
AssignNodeBody, AssignNodeBody,
GetClusterLayoutResult, GetClusterLayoutResult,
GetNodeInfoResult,
GetStatusResult, GetStatusResult,
} from "./types"; } from "./types";
import { import {
@ -11,24 +12,37 @@ import {
useQuery, useQuery,
} from "@tanstack/react-query"; } from "@tanstack/react-query";
export const useNodeInfo = () => {
return useQuery({
queryKey: ["node-info"],
queryFn: () =>
api.get<GetNodeInfoResult>("/v2/GetNodeInfo", {
params: { node: "self" },
}),
select: (data) => Object.values(data?.success || {})?.[0],
});
};
export const useClusterStatus = () => { export const useClusterStatus = () => {
return useQuery({ return useQuery({
queryKey: ["status"], queryKey: ["status"],
queryFn: () => api.get<GetStatusResult>("/v1/status"), queryFn: () => api.get<GetStatusResult>("/v2/GetClusterStatus"),
}); });
}; };
export const useClusterLayout = () => { export const useClusterLayout = () => {
return useQuery({ return useQuery({
queryKey: ["layout"], queryKey: ["layout"],
queryFn: () => api.get<GetClusterLayoutResult>("/v1/layout"), queryFn: () => api.get<GetClusterLayoutResult>("/v2/GetClusterLayout"),
}); });
}; };
export const useConnectNode = (options?: Partial<UseMutationOptions>) => { export const useConnectNode = (options?: Partial<UseMutationOptions>) => {
return useMutation<any, Error, string>({ return useMutation<any, Error, string>({
mutationFn: async (nodeId) => { mutationFn: async (nodeId) => {
const [res] = await api.post("/v1/connect", { body: [nodeId] }); const [res] = await api.post("/v2/ConnectClusterNodes", {
body: [nodeId],
});
if (!res.success) { if (!res.success) {
throw new Error(res.error || "Unknown error"); throw new Error(res.error || "Unknown error");
} }
@ -40,7 +54,10 @@ export const useConnectNode = (options?: Partial<UseMutationOptions>) => {
export const useAssignNode = (options?: Partial<UseMutationOptions>) => { export const useAssignNode = (options?: Partial<UseMutationOptions>) => {
return useMutation<any, Error, AssignNodeBody>({ return useMutation<any, Error, AssignNodeBody>({
mutationFn: (data) => api.post("/v1/layout", { body: [data] }), mutationFn: (data) =>
api.post("/v2/UpdateClusterLayout", {
body: { parameters: null, roles: [data] },
}),
...(options as any), ...(options as any),
}); });
}; };
@ -48,15 +65,16 @@ export const useAssignNode = (options?: Partial<UseMutationOptions>) => {
export const useUnassignNode = (options?: Partial<UseMutationOptions>) => { export const useUnassignNode = (options?: Partial<UseMutationOptions>) => {
return useMutation<any, Error, string>({ return useMutation<any, Error, string>({
mutationFn: (nodeId) => mutationFn: (nodeId) =>
api.post("/v1/layout", { body: [{ id: nodeId, remove: true }] }), api.post("/v2/UpdateClusterLayout", {
body: { parameters: null, roles: [{ id: nodeId, remove: true }] },
}),
...(options as any), ...(options as any),
}); });
}; };
export const useRevertChanges = (options?: Partial<UseMutationOptions>) => { export const useRevertChanges = (options?: Partial<UseMutationOptions>) => {
return useMutation<any, Error, number>({ return useMutation<any, Error, number>({
mutationFn: (version) => mutationFn: () => api.post("/v2/RevertClusterLayout"),
api.post("/v1/layout/revert", { body: { version } }),
...(options as any), ...(options as any),
}); });
}; };
@ -64,7 +82,7 @@ export const useRevertChanges = (options?: Partial<UseMutationOptions>) => {
export const useApplyChanges = (options?: Partial<UseMutationOptions>) => { export const useApplyChanges = (options?: Partial<UseMutationOptions>) => {
return useMutation<ApplyLayoutResult, Error, number>({ return useMutation<ApplyLayoutResult, Error, number>({
mutationFn: (version) => mutationFn: (version) =>
api.post("/v1/layout/apply", { body: { version } }), api.post("/v2/ApplyClusterLayout", { body: { version } }),
...(options as any), ...(options as any),
}); });
}; };

View File

@ -1,11 +1,13 @@
import Page from "@/context/page-context"; import Page from "@/context/page-context";
import { useClusterStatus } from "./hooks"; import { useClusterStatus, useNodeInfo } from "./hooks";
import { Card } from "react-daisyui"; import { Card } from "react-daisyui";
import NodesList from "./components/nodes-list"; import NodesList from "./components/nodes-list";
import { useMemo } from "react"; import { useMemo } from "react";
const ClusterPage = () => { const ClusterPage = () => {
const { data } = useClusterStatus(); const { data } = useClusterStatus();
const { data: node } = useNodeInfo();
const nodes = useMemo(() => { const nodes = useMemo(() => {
if (!data) return []; if (!data) return [];
@ -27,13 +29,13 @@ const ClusterPage = () => {
<Card.Body className="gap-1"> <Card.Body className="gap-1">
<Card.Title className="mb-2">Details</Card.Title> <Card.Title className="mb-2">Details</Card.Title>
<DetailItem title="Node ID" value={data?.node} /> {/* <DetailItem title="Node ID" value={node?.nodeId} /> */}
<DetailItem title="Version" value={data?.garageVersion} /> <DetailItem title="Garage Version" value={node?.garageVersion} />
{/* <DetailItem title="Rust version" value={data?.rustVersion} /> */} {/* <DetailItem title="Rust version" value={data?.rustVersion} /> */}
<DetailItem title="DB engine" value={data?.dbEngine} /> <DetailItem title="DB engine" value={node?.dbEngine} />
<DetailItem <DetailItem
title="Layout version" title="Layout version"
value={data?.layoutVersion || data?.layout?.version} value={data?.layoutVersion || data?.layout?.version || "-"}
/> />
</Card.Body> </Card.Body>
</Card> </Card>

View File

@ -1,5 +1,19 @@
// //
export type GetNodeInfoResult = {
success: {
[key: string]: {
nodeId: string;
garageVersion: string;
garageFeatures: string[];
rustVersion: string;
dbEngine: string;
};
};
error: Error;
}
export type GetStatusResult = { export type GetStatusResult = {
node: string; node: string;
garageVersion: string; garageVersion: string;

View File

@ -5,6 +5,6 @@ import { useQuery } from "@tanstack/react-query";
export const useNodesHealth = () => { export const useNodesHealth = () => {
return useQuery({ return useQuery({
queryKey: ["health"], queryKey: ["health"],
queryFn: () => api.get<GetHealthResult>("/v1/health"), queryFn: () => api.get<GetHealthResult>("/v2/GetClusterHealth"),
}); });
}; };

View File

@ -10,7 +10,7 @@ import { CreateKeySchema } from "./schema";
export const useKeys = () => { export const useKeys = () => {
return useQuery({ return useQuery({
queryKey: ["keys"], queryKey: ["keys"],
queryFn: () => api.get<Key[]>("/v1/key?list"), queryFn: () => api.get<Key[]>("/v2/ListKeys"),
}); });
}; };
@ -20,9 +20,9 @@ export const useCreateKey = (
return useMutation({ return useMutation({
mutationFn: async (body) => { mutationFn: async (body) => {
if (body.isImport) { if (body.isImport) {
return api.post("/v1/key/import", { body }); return api.post("/v2/ImportKey", { body });
} }
return api.post("/v1/key", { body }); return api.post("/v2/CreateKey", { body });
}, },
...options, ...options,
}); });
@ -32,7 +32,7 @@ export const useRemoveKey = (
options?: UseMutationOptions<any, Error, string> options?: UseMutationOptions<any, Error, string>
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (id) => api.delete("/v1/key", { params: { id } }), mutationFn: (id) => api.post("/v2/DeleteKey", { params: { id } }),
...options, ...options,
}); });
}; };

View File

@ -24,7 +24,7 @@ const KeysPage = () => {
const fetchSecretKey = useCallback(async (id: string) => { const fetchSecretKey = useCallback(async (id: string) => {
try { try {
const result = await api.get("/v1/key", { const result = await api.get("/v2/GetKeyInfo", {
params: { id, showSecretKey: "true" }, params: { id, showSecretKey: "true" },
}); });
if (!result?.secretAccessKey) { if (!result?.secretAccessKey) {