Compare commits

..

No commits in common. "a6640157c1a757c92aa539149df0d902283e6763" and "b2bc905e3cf8163cc8dc55f0c87941e2034a77b1" have entirely different histories.

15 changed files with 48 additions and 102 deletions

View File

@ -21,12 +21,6 @@ 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
HEALTHCHECK --interval=5m --timeout=2s --retries=3 --start-period=15s CMD [ \ CMD [ "/bin/main" ]
"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:v2.0.0 image: dxflrs/garage:v1.0.1
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.1.0/garage-webui-v1.1.0-linux-amd64 $ wget -O garage-webui https://github.com/khairul169/garage-webui/releases/download/1.0.9/garage-webui-v1.0.9-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("/v2/GetBucketInfo?globalAlias="+bucket, &utils.FetchOptions{}) body, err := utils.Garage.Fetch("/v1/bucket?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("/v2/GetKeyInfo?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{}) body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/key?id=%s&showSecretKey=true", k.AccessKeyID), &utils.FetchOptions{})
if err != nil { if err != nil {
return nil, err return nil, err
} }
@ -331,26 +331,15 @@ 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 = disableHTTPS o.EndpointOptions.DisableHTTPS = true
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("/v2/ListBuckets", &utils.FetchOptions{}) body, err := utils.Garage.Fetch("/v1/bucket?list", &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("/v2/GetBucketInfo?id=%s", bucket.ID), &utils.FetchOptions{}) body, err := utils.Garage.Fetch(fmt.Sprintf("/v1/bucket?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,7 +4,6 @@ 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 {
@ -21,7 +20,6 @@ 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:v2.0.0 image: dxflrs/garage:v1.0.1
container_name: garage container_name: garage
volumes: volumes:
- ./garage.toml:/etc/garage.toml - ./garage.toml:/etc/garage.toml
@ -24,3 +24,4 @@ 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.1.0", "version": "1.0.9",
"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("/v2/CreateBucket", { body }), mutationFn: (body) => api.post("/v1/bucket", { 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>("/v2/GetBucketInfo", { params: { id } }), queryFn: () => api.get<Bucket>("/v1/bucket", { params: { id } }),
enabled: !!id, enabled: !!id,
}); });
}; };
@ -18,10 +18,7 @@ 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.post<any>("/v2/UpdateBucket", { return api.put<any>("/v1/bucket", { params: { id }, body: values });
params: { id },
body: values,
});
}, },
}); });
}; };
@ -32,8 +29,8 @@ export const useAddAlias = (
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (alias: string) => { mutationFn: (alias: string) => {
return api.post("/v2/AddBucketAlias", { return api.put("/v1/bucket/alias/global", {
body: { bucketId, globalAlias: alias }, params: { id: bucketId, alias },
}); });
}, },
...options, ...options,
@ -46,8 +43,8 @@ export const useRemoveAlias = (
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (alias: string) => { mutationFn: (alias: string) => {
return api.post("/v2/RemoveBucketAlias", { return api.delete("/v1/bucket/alias/global", {
body: { bucketId, globalAlias: alias }, params: { id: bucketId, alias },
}); });
}, },
...options, ...options,
@ -65,7 +62,8 @@ 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) => {
return api.post("/v2/AllowBucketKey", { console.log("test", key);
return api.post("/v1/bucket/allow", {
body: { body: {
bucketId, bucketId,
accessKeyId: key.keyId, accessKeyId: key.keyId,
@ -90,7 +88,7 @@ export const useDenyKey = (
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (payload) => { mutationFn: (payload) => {
return api.post("/v2/DenyBucketKey", { return api.post("/v1/bucket/deny", {
body: { body: {
bucketId, bucketId,
accessKeyId: payload.keyId, accessKeyId: payload.keyId,
@ -106,7 +104,7 @@ export const useRemoveBucket = (
options?: MutationOptions<any, Error, string> options?: MutationOptions<any, Error, string>
) => { ) => {
return useMutation({ return useMutation({
mutationFn: (id) => api.post("/v2/DeleteBucket", { params: { id } }), mutationFn: (id) => api.delete("/v1/bucket", { params: { id } }),
...options, ...options,
}); });
}; };

View File

@ -3,7 +3,6 @@ import {
ApplyLayoutResult, ApplyLayoutResult,
AssignNodeBody, AssignNodeBody,
GetClusterLayoutResult, GetClusterLayoutResult,
GetNodeInfoResult,
GetStatusResult, GetStatusResult,
} from "./types"; } from "./types";
import { import {
@ -12,37 +11,24 @@ 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>("/v2/GetClusterStatus"), queryFn: () => api.get<GetStatusResult>("/v1/status"),
}); });
}; };
export const useClusterLayout = () => { export const useClusterLayout = () => {
return useQuery({ return useQuery({
queryKey: ["layout"], queryKey: ["layout"],
queryFn: () => api.get<GetClusterLayoutResult>("/v2/GetClusterLayout"), queryFn: () => api.get<GetClusterLayoutResult>("/v1/layout"),
}); });
}; };
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("/v2/ConnectClusterNodes", { const [res] = await api.post("/v1/connect", { body: [nodeId] });
body: [nodeId],
});
if (!res.success) { if (!res.success) {
throw new Error(res.error || "Unknown error"); throw new Error(res.error || "Unknown error");
} }
@ -54,10 +40,7 @@ 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) => mutationFn: (data) => api.post("/v1/layout", { body: [data] }),
api.post("/v2/UpdateClusterLayout", {
body: { parameters: null, roles: [data] },
}),
...(options as any), ...(options as any),
}); });
}; };
@ -65,16 +48,15 @@ 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("/v2/UpdateClusterLayout", { api.post("/v1/layout", { body: [{ id: nodeId, remove: true }] }),
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: () => api.post("/v2/RevertClusterLayout"), mutationFn: (version) =>
api.post("/v1/layout/revert", { body: { version } }),
...(options as any), ...(options as any),
}); });
}; };
@ -82,7 +64,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("/v2/ApplyClusterLayout", { body: { version } }), api.post("/v1/layout/apply", { body: { version } }),
...(options as any), ...(options as any),
}); });
}; };

View File

@ -1,13 +1,11 @@
import Page from "@/context/page-context"; import Page from "@/context/page-context";
import { useClusterStatus, useNodeInfo } from "./hooks"; import { useClusterStatus } 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 [];
@ -29,13 +27,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={node?.nodeId} /> */} <DetailItem title="Node ID" value={data?.node} />
<DetailItem title="Garage Version" value={node?.garageVersion} /> <DetailItem title="Version" value={data?.garageVersion} />
{/* <DetailItem title="Rust version" value={data?.rustVersion} /> */} {/* <DetailItem title="Rust version" value={data?.rustVersion} /> */}
<DetailItem title="DB engine" value={node?.dbEngine} /> <DetailItem title="DB engine" value={data?.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,19 +1,5 @@
// //
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>("/v2/GetClusterHealth"), queryFn: () => api.get<GetHealthResult>("/v1/health"),
}); });
}; };

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[]>("/v2/ListKeys"), queryFn: () => api.get<Key[]>("/v1/key?list"),
}); });
}; };
@ -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("/v2/ImportKey", { body }); return api.post("/v1/key/import", { body });
} }
return api.post("/v2/CreateKey", { body }); return api.post("/v1/key", { 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.post("/v2/DeleteKey", { params: { id } }), mutationFn: (id) => api.delete("/v1/key", { 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("/v2/GetKeyInfo", { const result = await api.get("/v1/key", {
params: { id, showSecretKey: "true" }, params: { id, showSecretKey: "true" },
}); });
if (!result?.secretAccessKey) { if (!result?.secretAccessKey) {