storage-explorer 0.1.0 → 1.0.0

package/{dist/chunk-js4y3bna.css → src/index.css}

@@ -1,6 +1,9 @@
-/* src/index.css */
 :root {
+  font-family: "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;
+  line-height: 1.4;
+  font-weight: 400;
   color: #152234;
+  background: #f6f8fb;
   --bg-top: #f9f3ea;
   --bg-bottom: #e8eff8;
   --panel: #ffffffd8;
@@ -12,10 +15,6 @@
   --danger: #b9414f;
   --ok: #1f8b4c;
   --radius: 14px;
-  background: #f6f8fb;
-  font-family: Segoe UI, Avenir Next, Helvetica Neue, sans-serif;
-  font-weight: 400;
-  line-height: 1.4;
 }
 
 * {
@@ -23,20 +22,23 @@
 }
 
 body {
-  color: var(--text);
-  background: linear-gradient(168deg, var(--bg-top), var(--bg-bottom));
+  margin: 0;
   min-width: 320px;
   min-height: 100vh;
-  margin: 0;
+  color: var(--text);
+  background: linear-gradient(168deg, var(--bg-top), var(--bg-bottom));
 }
 
-body:before {
+body::before {
   content: "";
   position: fixed;
+  inset: 0;
   z-index: -1;
   pointer-events: none;
-  background: radial-gradient(circle at 20% 18%, #fffa 0, #0000 36%), radial-gradient(circle at 85% 12%, #d9e9fa88 0, #0000 28%), radial-gradient(circle at 70% 80%, #f8e8d6aa 0, #0000 35%);
-  inset: 0;
+  background:
+    radial-gradient(circle at 20% 18%, #ffffffaa 0, transparent 36%),
+    radial-gradient(circle at 85% 12%, #d9e9fa88 0, transparent 28%),
+    radial-gradient(circle at 70% 80%, #f8e8d6aa 0, transparent 35%);
 }
 
 #root {
@@ -45,17 +47,17 @@ body:before {
 }
 
 .app-shell {
+  width: min(1320px, 100% - 2rem);
+  margin: 1rem auto;
   display: grid;
   grid-template-columns: 360px minmax(0, 1fr);
   gap: 1rem;
-  width: min(1320px, 100% - 2rem);
-  margin: 1rem auto;
 }
 
 .main-column {
   display: grid;
-  align-content:  start;
   gap: 1rem;
+  align-content: start;
 }
 
 .panel {
@@ -68,56 +70,61 @@ body:before {
 
 .panel-step {
   display: inline-block;
-  color: var(--accent);
-  background: var(--accent-soft);
+  margin-bottom: 0.6rem;
+  padding: 0.2rem 0.55rem;
   border-radius: 999px;
-  margin-bottom: .6rem;
-  padding: .2rem .55rem;
-  font-size: .73rem;
+  font-size: 0.73rem;
   font-weight: 600;
+  color: var(--accent);
+  background: var(--accent-soft);
 }
 
 .profile-panel {
-  position: sticky;
-  overflow: auto;
-  max-height: calc(100vh - 2rem);
   padding: 1rem;
+  position: sticky;
   top: 1rem;
+  max-height: calc(100vh - 2rem);
+  overflow: auto;
 }
 
-.explorer-panel, .object-panel {
+.explorer-panel,
+.object-panel {
   padding: 1rem;
 }
 
-.panel-header h1, .explorer-header h2, .objects-header h3 {
-  letter-spacing: .01em;
+.panel-header h1,
+.explorer-header h2,
+.objects-header h3 {
   margin: 0;
+  letter-spacing: 0.01em;
 }
 
-.panel-header p, .explorer-header p, .objects-header p {
+.panel-header p,
+.explorer-header p,
+.objects-header p {
+  margin: 0.35rem 0 0;
   color: var(--muted);
-  margin: .35rem 0 0;
-  font-size: .92rem;
+  font-size: 0.92rem;
 }
 
 .profiles-toolbar {
+  margin-top: 1rem;
   display: flex;
+  align-items: center;
   justify-content: space-between;
-  align-items:  center;
-  margin-top: 1rem;
 }
 
 .profiles-list {
+  margin-top: 0.65rem;
   display: grid;
-  gap: .5rem;
-  margin-top: .65rem;
+  gap: 0.5rem;
 }
 
 .profile-card {
   border: 1px solid var(--panel-border);
-  overflow: hidden;
-  background: #fff;
   border-radius: 10px;
+  background: #fff;
+  overflow: hidden;
 }
 
 .profile-card.active {
@@ -126,14 +133,14 @@ body:before {
 }
 
 .profile-select {
+  width: 100%;
+  border: 0;
+  background: transparent;
   text-align: left;
+  padding: 0.65rem 0.75rem;
   display: grid;
+  gap: 0.25rem;
   cursor: pointer;
-  background: none;
-  border: 0;
-  gap: .25rem;
-  width: 100%;
-  padding: .65rem .75rem;
 }
 
 .profile-name {
@@ -142,46 +149,49 @@ body:before {
 
 .profile-endpoint {
   color: var(--muted);
+  font-size: 0.84rem;
   overflow-wrap: anywhere;
-  font-size: .84rem;
 }
 
 .delete-button {
+  width: 100%;
   border: 0;
   border-top: 1px solid var(--panel-border);
+  background: #fff;
   color: var(--danger);
+  padding: 0.45rem 0.75rem;
   cursor: pointer;
-  background: #fff;
-  width: 100%;
-  padding: .45rem .75rem;
 }
 
 .profile-form {
-  display: grid;
-  gap: .7rem;
   margin-top: 1rem;
+  display: grid;
+  gap: 0.7rem;
 }
 
 .profile-form label {
   display: grid;
-  gap: .35rem;
-  font-size: .9rem;
+  gap: 0.35rem;
+  font-size: 0.9rem;
 }
 
-input, button {
+input,
+button {
   font: inherit;
 }
 
-.profile-form input, .manual-bucket-row input {
+.profile-form input,
+.manual-bucket-row input {
   border: 1px solid var(--panel-border);
+  border-radius: 9px;
+  padding: 0.55rem 0.65rem;
   color: var(--text);
   background: #fff;
-  border-radius: 9px;
   flex: 1;
-  padding: .55rem .65rem;
 }
 
-.profile-form input:focus, .manual-bucket-row input:focus {
+.profile-form input:focus,
+.manual-bucket-row input:focus {
   outline: 2px solid #0000;
   border-color: var(--accent);
   box-shadow: 0 0 0 2px #146c9430;
@@ -189,7 +199,7 @@ input, button {
 
 .secret-row {
   display: flex;
-  gap: .5rem;
+  gap: 0.5rem;
 }
 
 .secret-row input {
@@ -198,7 +208,7 @@ input, button {
 
 .checkbox-row {
   grid-template-columns: auto 1fr;
-  align-items:  center;
+  align-items: center;
 }
 
 .checkbox-row input {
@@ -208,15 +218,17 @@ input, button {
 
 .form-actions {
   display: flex;
+  gap: 0.55rem;
   flex-wrap: wrap;
-  gap: .55rem;
 }
 
-.primary-button, .secondary-button, .ghost-button {
-  cursor: pointer;
+.primary-button,
+.secondary-button,
+.ghost-button {
   border-radius: 9px;
-  padding: .55rem .85rem;
-  transition: all .15s;
+  padding: 0.55rem 0.85rem;
+  cursor: pointer;
+  transition: 0.15s ease;
 }
 
 .primary-button {
@@ -231,28 +243,35 @@ input, button {
 
 .secondary-button {
   border: 1px solid var(--panel-border);
-  color: var(--text);
   background: #fff;
+  color: var(--text);
 }
 
 .ghost-button {
   border: 1px solid var(--panel-border);
-  color: var(--muted);
   background: #fff;
+  color: var(--muted);
 }
 
-.secondary-button:hover, .ghost-button:hover, .delete-button:hover, .bucket-item:hover, .object-row.folder:hover, .breadcrumb-link:hover {
+.secondary-button:hover,
+.ghost-button:hover,
+.delete-button:hover,
+.bucket-item:hover,
+.object-row.folder:hover,
+.breadcrumb-link:hover {
   background: var(--accent-soft);
 }
 
 button:disabled {
-  opacity: .58;
+  opacity: 0.58;
   cursor: not-allowed;
 }
 
-.status-ok, .status-error, .empty-copy {
-  margin: .75rem 0 0;
-  font-size: .88rem;
+.status-ok,
+.status-error,
+.empty-copy {
+  margin: 0.75rem 0 0;
+  font-size: 0.88rem;
 }
 
 .status-ok {
@@ -263,59 +282,62 @@ button:disabled {
   color: var(--danger);
 }
 
-.empty-copy, .muted, .helper-copy {
+.empty-copy,
+.muted,
+.helper-copy {
   color: var(--muted);
 }
 
-.explorer-header, .objects-header {
+.explorer-header,
+.objects-header {
   display: flex;
   justify-content: space-between;
-  align-items:  flex-start;
+  align-items: flex-start;
   gap: 1rem;
 }
 
 .manual-bucket-form {
+  margin-top: 0.9rem;
   display: grid;
+  gap: 0.45rem;
   border: 1px solid var(--panel-border);
-  background: #fff;
   border-radius: 10px;
-  gap: .45rem;
-  margin-top: .9rem;
-  padding: .7rem;
+  background: #fff;
+  padding: 0.7rem;
 }
 
 .manual-bucket-form label {
+  font-size: 0.88rem;
   color: var(--muted);
-  font-size: .88rem;
 }
 
 .manual-bucket-row {
   display: flex;
-  align-items:  center;
-  gap: .5rem;
+  gap: 0.5rem;
+  align-items: center;
 }
 
 .helper-copy {
   margin: 0;
-  font-size: .82rem;
+  font-size: 0.82rem;
 }
 
 .buckets-grid {
+  margin-top: 0.8rem;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-  gap: .5rem;
-  margin-top: .8rem;
+  gap: 0.5rem;
 }
 
 .bucket-item {
   border: 1px solid var(--panel-border);
+  border-radius: 10px;
+  background: #fff;
+  padding: 0.7rem;
   text-align: left;
   display: grid;
+  gap: 0.2rem;
   cursor: pointer;
-  background: #fff;
-  border-radius: 10px;
-  gap: .2rem;
-  padding: .7rem;
 }
 
 .bucket-item.active {
@@ -329,21 +351,21 @@ button:disabled {
 
 .objects-actions {
   display: flex;
+  gap: 0.5rem;
   flex-wrap: wrap;
-  gap: .5rem;
 }
 
 .path-breadcrumb {
+  margin-top: 0.8rem;
   border: 1px solid var(--panel-border);
-  display: flex;
-  background: #fff;
   border-radius: 10px;
+  background: #fff;
+  padding: 0.55rem 0.7rem;
+  display: flex;
   flex-wrap: wrap;
-  align-items:  center;
-  gap: .1rem;
-  margin-top: .8rem;
-  padding: .55rem .7rem;
-  font-size: .88rem;
+  gap: 0.1rem;
+  align-items: center;
+  font-size: 0.88rem;
 }
 
 .path-breadcrumb.muted {
@@ -351,46 +373,46 @@ button:disabled {
 }
 
 .breadcrumb-link {
-  cursor: pointer;
-  color: var(--text);
-  background: none;
   border: 0;
   border-radius: 6px;
-  padding: .2rem .4rem;
+  padding: 0.2rem 0.4rem;
+  background: transparent;
+  cursor: pointer;
+  color: var(--text);
 }
 
 .breadcrumb-segment {
   display: inline-flex;
-  align-items:  center;
+  align-items: center;
 }
 
 .breadcrumb-separator {
   color: var(--muted);
-  margin: 0 .05rem;
+  margin: 0 0.05rem;
 }
 
 .objects-list {
+  margin-top: 0.8rem;
   border: 1px solid var(--panel-border);
-  overflow: auto;
-  background: #fff;
   border-radius: 10px;
+  background: #fff;
+  padding: 0.5rem;
   min-height: 320px;
-  margin-top: .8rem;
-  padding: .5rem;
+  overflow: auto;
 }
 
 .object-row {
+  border: 0;
+  border-bottom: 1px solid #e7edf6;
+  width: 100%;
+  background: #fff;
   color: var(--text);
   display: grid;
   grid-template-columns: minmax(0, 1fr) 140px 210px;
+  gap: 0.8rem;
+  padding: 0.65rem;
   text-align: left;
-  background: #fff;
-  border: 0;
-  border-bottom: 1px solid #e7edf6;
-  align-items:  center;
-  gap: .8rem;
-  width: 100%;
-  padding: .65rem;
+  align-items: center;
 }
 
 .object-row:last-child {
@@ -407,12 +429,12 @@ button:disabled {
 
 .object-meta {
   color: var(--muted);
+  font-size: 0.82rem;
   text-align: right;
   white-space: nowrap;
-  font-size: .82rem;
 }
 
-@media (width <= 1020px) {
+@media (max-width: 1020px) {
   .app-shell {
     grid-template-columns: 1fr;
   }
@@ -422,7 +444,8 @@ button:disabled {
     max-height: none;
   }
 
-  .explorer-header, .objects-header {
+  .explorer-header,
+  .objects-header {
     flex-direction: column;
   }
 

package/src/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="./logo.svg" />
+    <title>S3 Explorer</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./frontend.tsx"></script>
+  </body>
+</html>

package/src/index.ts

@@ -0,0 +1,22 @@
+import { serve } from "bun";
+import index from "./index.html";
+import { s3Routes } from "./server/routes/s3Routes";
+
+const port = Number(process.env.PORT || 3000);
+const hostname = process.env.HOST || "127.0.0.1";
+
+const server = serve({
+  port,
+  hostname,
+  routes: {
+    ...s3Routes,
+    "/*": index,
+  },
+
+  development: process.env.NODE_ENV !== "production" && {
+    hmr: true,
+    console: true,
+  },
+});
+
+console.log(`Server running at ${server.url}`);

package/src/logo.svg

@@ -0,0 +1 @@
+<svg id="Bun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 70"><title>Bun Logo</title><path id="Shadow" d="M71.09,20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46,26.46,0,0,1,75.5,35.7c0,16.57-16.82,30.05-37.5,30.05-11.58,0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55,65.3,30.14,69.75,42,69.75c20.68,0,37.5-13.48,37.5-30C79.5,32.69,76.46,26,71.09,20.74Z"/><g id="Body"><path id="Background" d="M73,35.7c0,15.21-15.67,27.54-35,27.54S3,50.91,3,35.7C3,26.27,9,17.94,18.22,13S33.18,3,38,3s8.94,4.13,19.78,10C67,17.94,73,26.27,73,35.7Z" style="fill:#fbf0df"/><path id="Bottom_Shadow" data-name="Bottom Shadow" d="M73,35.7a21.67,21.67,0,0,0-.8-5.78c-2.73,33.3-43.35,34.9-59.32,24.94A40,40,0,0,0,38,63.24C57.3,63.24,73,50.89,73,35.7Z" style="fill:#f6dece"/><path id="Light_Shine" data-name="Light Shine" d="M24.53,11.17C29,8.49,34.94,3.46,40.78,3.45A9.29,9.29,0,0,0,38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7c0,.4,0,.8,0,1.19C9.06,15.48,20.07,13.85,24.53,11.17Z" style="fill:#fffefc"/><path id="Top" d="M35.12,5.53A16.41,16.41,0,0,1,29.49,18c-.28.25-.06.73.3.59,3.37-1.31,7.92-5.23,6-13.14C35.71,5,35.12,5.12,35.12,5.53Zm2.27,0A16.24,16.24,0,0,1,39,19c-.12.35.31.65.55.36C41.74,16.56,43.65,11,37.93,5,37.64,4.74,37.19,5.14,37.39,5.49Zm2.76-.17A16.42,16.42,0,0,1,47,17.12a.33.33,0,0,0,.65.11c.92-3.49.4-9.44-7.17-12.53C40.08,4.54,39.82,5.08,40.15,5.32ZM21.69,15.76a16.94,16.94,0,0,0,10.47-9c.18-.36.75-.22.66.18-1.73,8-7.52,9.67-11.12,9.45C21.32,16.4,21.33,15.87,21.69,15.76Z" style="fill:#ccbea7;fill-rule:evenodd"/><path id="Outline" d="M38,65.75C17.32,65.75.5,52.27.5,35.7c0-10,6.18-19.33,16.53-24.92,3-1.6,5.57-3.21,7.86-4.62,1.26-.78,2.45-1.51,3.6-2.19C32,1.89,35,.5,38,.5s5.62,1.2,8.9,3.14c1,.57,2,1.19,3.07,1.87,2.49,1.54,5.3,3.28,9,5.27C69.32,16.37,75.5,25.69,75.5,35.7,75.5,52.27,58.68,65.75,38,65.75ZM38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7,3,50.89,18.7,63.25,38,63.25S73,50.89,73,35.7C73,26.62,67.31,18.13,57.78,13,54,11,51.05,9.12,48.66,7.64c-1.09-.67-2.09-1.29-3-1.84C42.63,4,40.42,3,38,3Z"/></g><g id="Mouth"><g id="Background-2" data-name="Background"><path d="M45.05,43a8.93,8.93,0,0,1-2.92,4.71,6.81,6.81,0,0,1-4,1.88A6.84,6.84,0,0,1,34,47.71,8.93,8.93,0,0,1,31.12,43a.72.72,0,0,1,.8-.81H44.26A.72.72,0,0,1,45.05,43Z" style="fill:#b71422"/></g><g id="Tongue"><path id="Background-3" data-name="Background" d="M34,47.79a6.91,6.91,0,0,0,4.12,1.9,6.91,6.91,0,0,0,4.11-1.9,10.63,10.63,0,0,0,1-1.07,6.83,6.83,0,0,0-4.9-2.31,6.15,6.15,0,0,0-5,2.78C33.56,47.4,33.76,47.6,34,47.79Z" style="fill:#ff6164"/><path id="Outline-2" data-name="Outline" d="M34.16,47a5.36,5.36,0,0,1,4.19-2.08,6,6,0,0,1,4,1.69c.23-.25.45-.51.66-.77a7,7,0,0,0-4.71-1.93,6.36,6.36,0,0,0-4.89,2.36A9.53,9.53,0,0,0,34.16,47Z"/></g><path id="Outline-3" data-name="Outline" d="M38.09,50.19a7.42,7.42,0,0,1-4.45-2,9.52,9.52,0,0,1-3.11-5.05,1.2,1.2,0,0,1,.26-1,1.41,1.41,0,0,1,1.13-.51H44.26a1.44,1.44,0,0,1,1.13.51,1.19,1.19,0,0,1,.25,1h0a9.52,9.52,0,0,1-3.11,5.05A7.42,7.42,0,0,1,38.09,50.19Zm-6.17-7.4c-.16,0-.2.07-.21.09a8.29,8.29,0,0,0,2.73,4.37A6.23,6.23,0,0,0,38.09,49a6.28,6.28,0,0,0,3.65-1.73,8.3,8.3,0,0,0,2.72-4.37.21.21,0,0,0-.2-.09Z"/></g><g id="Face"><ellipse id="Right_Blush" data-name="Right Blush" cx="53.22" cy="40.18" rx="5.85" ry="3.44" style="fill:#febbd0"/><ellipse id="Left_Bluch" data-name="Left Bluch" cx="22.95" cy="40.18" rx="5.85" ry="3.44" style="fill:#febbd0"/><path id="Eyes" d="M25.7,38.8a5.51,5.51,0,1,0-5.5-5.51A5.51,5.51,0,0,0,25.7,38.8Zm24.77,0A5.51,5.51,0,1,0,45,33.29,5.5,5.5,0,0,0,50.47,38.8Z" style="fill-rule:evenodd"/><path id="Iris" d="M24,33.64a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,24,33.64Zm24.77,0a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,48.75,33.64Z" style="fill:#fff;fill-rule:evenodd"/></g></svg>

package/src/server/http/response.ts

@@ -0,0 +1,12 @@
+export type ApiErrorPayload = {
+  message: string;
+  code?: string;
+};
+
+export function ok<T>(data: T): Response {
+  return Response.json({ ok: true, data });
+}
+
+export function fail(status: number, error: ApiErrorPayload): Response {
+  return Response.json({ ok: false, error }, { status });
+}

package/src/server/routes/s3Routes.ts

@@ -0,0 +1,17 @@
+import {
+  listBucketsHandler,
+  listObjectsHandler,
+  testConnectionHandler,
+} from "../s3/handlers";
+
+export const s3Routes = {
+  "/api/s3/test-connection": {
+    POST: testConnectionHandler,
+  },
+  "/api/s3/list-buckets": {
+    POST: listBucketsHandler,
+  },
+  "/api/s3/list-objects": {
+    POST: listObjectsHandler,
+  },
+};

package/src/server/s3/client.ts

@@ -0,0 +1,14 @@
+import { S3Client } from "@aws-sdk/client-s3";
+import type { S3ProfileInput } from "./types";
+
+export function createS3Client(profile: S3ProfileInput): S3Client {
+  return new S3Client({
+    region: profile.region,
+    endpoint: profile.endpoint,
+    forcePathStyle: profile.forcePathStyle,
+    credentials: {
+      accessKeyId: profile.accessKeyId,
+      secretAccessKey: profile.secretAccessKey,
+    },
+  });
+}

package/src/server/s3/handlers.ts

@@ -0,0 +1,96 @@
+import {
+  ListBucketsCommand,
+  ListObjectsV2Command,
+  S3ServiceException,
+} from "@aws-sdk/client-s3";
+import { fail, ok } from "../http/response";
+import { createS3Client } from "./client";
+import { mapListBucketsResult, mapListObjectsResult, mapS3Error } from "./mappers";
+import { invalidProfileError, parseListObjectsInput, parseProfileFromBody } from "./validate";
+
+async function parseJsonBody(req: Request): Promise<unknown> {
+  try {
+    return await req.json();
+  } catch {
+    return null;
+  }
+}
+
+export async function testConnectionHandler(req: Request): Promise<Response> {
+  const body = await parseJsonBody(req);
+  const profile = parseProfileFromBody(body);
+
+  if (!profile) {
+    return fail(400, invalidProfileError());
+  }
+
+  const client = createS3Client(profile);
+
+  try {
+    await client.send(new ListBucketsCommand({}));
+    return ok({
+      connected: true,
+      message: "Connection successful.",
+    });
+  } catch (err) {
+    if (
+      err instanceof S3ServiceException &&
+      (err.name === "AccessDenied" || err.name === "AccessDeniedException")
+    ) {
+      return ok({
+        connected: true,
+        limitedPermissions: true,
+        message:
+          "Connected, but this key cannot list buckets. You can still browse known buckets.",
+      });
+    }
+
+    return fail(400, mapS3Error(err));
+  }
+}
+
+export async function listBucketsHandler(req: Request): Promise<Response> {
+  const body = await parseJsonBody(req);
+  const profile = parseProfileFromBody(body);
+
+  if (!profile) {
+    return fail(400, invalidProfileError());
+  }
+
+  const client = createS3Client(profile);
+
+  try {
+    const result = await client.send(new ListBucketsCommand({}));
+    return ok(mapListBucketsResult(result));
+  } catch (err) {
+    return fail(400, mapS3Error(err));
+  }
+}
+
+export async function listObjectsHandler(req: Request): Promise<Response> {
+  const body = await parseJsonBody(req);
+  const parsed = parseListObjectsInput(body);
+
+  if (!parsed.ok) {
+    return fail(400, parsed.error);
+  }
+
+  const { profile, bucket, prefix, continuationToken, maxKeys } = parsed.data;
+  const client = createS3Client(profile);
+
+  try {
+    const result = await client.send(
+      new ListObjectsV2Command({
+        Bucket: bucket,
+        Prefix: prefix,
+        ContinuationToken: continuationToken,
+        Delimiter: "/",
+        MaxKeys: maxKeys,
+      }),
+    );
+
+    return ok(mapListObjectsResult(result, bucket, prefix));
+  } catch (err) {
+    return fail(400, mapS3Error(err));
+  }
+}