studiocms 0.2.0 → 0.4.0

package/dist/virtuals/scripts/StorageFileBrowser.js

@@ -1,3 +1,7 @@
+import { integrationsClient } from "studiocms:client/apiClients";
+import { IntegrationsAPIError } from "@withstudiocms/api-spec/integrations";
+import * as Cause from "effect/Cause";
+import * as Effect from "effect/Effect";
 const s3SafeNameRegex = /^[a-zA-Z0-9._-]+(?:\/[a-zA-Z0-9._-]+)*$/;
 class InvalidFileNameError extends Error {
   #files;
@@ -423,13 +427,27 @@ class StorageFileBrowser extends HTMLElement {
       if (!this.selectedFile) return;
       let value = "";
       if (this.returnType === "url") {
-        const response = await fetch(this.apiEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ action: "publicUrl", key: this.selectedFile.key })
-        });
-        const data = await response.json();
-        value = data.url;
+        const response = await integrationsClient.pipe(
+          Effect.flatMap(
+            (client) => client.storageManager.storageManager({
+              payload: {
+                action: "publicUrl",
+                // biome-ignore lint/style/noNonNullAssertion: We check for selectedFile above, so this is safe
+                key: this.selectedFile.key
+              }
+            })
+          ),
+          Effect.flatMap(
+            (res) => "url" in res ? Effect.succeed(res.url) : Effect.fail(
+              new IntegrationsAPIError({
+                error: "Invalid response from server: missing url field"
+              })
+            )
+          ),
+          Effect.tapError(Effect.logError),
+          Effect.runPromise
+        );
+        value = response;
       } else if (this.returnType === "identifier") {
         value = `storage-file://${this.selectedFile.key}`;
       } else {
@@ -450,36 +468,45 @@ class StorageFileBrowser extends HTMLElement {
     if (!content) return false;
     content.innerHTML = `<div class="storage-browser-loading" role="status">${this.t("testingConnection")}</div>`;
     try {
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ action: "test" })
-      });
-      const data = await response.json();
-      if (response.status === 501 && data.error) {
+      const response = await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManager({
+            payload: { action: "test" }
+          })
+        ),
+        Effect.flatMap(
+          (res) => "success" in res ? Effect.succeed({ success: res.success }) : Effect.fail(
+            new IntegrationsAPIError({
+              error: "Invalid response from server: missing success field"
+            })
+          )
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromiseExit
+      );
+      if (response._tag === "Failure") {
+        const errors = Cause.prettyErrors(response.cause).map((e) => e.message).join("; ");
         this.connectionEstablished = false;
+        this.connectionTestResponse = {
+          status: 500,
+          message: errors || "Unknown error"
+        };
         content.innerHTML = `
                     <div class="storage-browser-error" role="alert">
                         <svg width="48" height="48" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                         </svg>
-                        <p>${this.t(data.error)}</p>
+                        <p>${this.t("failedConnection")}</p>
+                        <p style="font-size: 0.875rem; opacity: 0.7;">${errors || this.t("unknownError")}</p>
                     </div>
                 `;
-        this.connectionTestResponse = {
-          status: response.status,
-          message: data.error || "No error message provided"
-        };
         return false;
       }
-      if (!response.ok) {
-        this.connectionTestResponse = {
-          status: response.status,
-          message: data.error || "No error message provided"
-        };
-        throw new Error(data.error || "Connection test failed");
-      }
-      this.connectionEstablished = data.success === true;
+      this.connectionEstablished = response.value.success === true;
+      this.connectionTestResponse = {
+        status: 200,
+        message: "Connection successful"
+      };
       if (!this.connectionEstablished) {
         content.innerHTML = `
                     <div class="storage-browser-error" role="alert">
@@ -516,13 +543,25 @@ class StorageFileBrowser extends HTMLElement {
     if (!content) return;
     content.innerHTML = `<div class="storage-browser-loading">${this.t("loadingFiles")}</div>`;
     try {
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ action: "list", prefix: this.currentPath })
-      });
-      const data = await response.json();
-      const files = data.files;
+      const files = await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManager({
+            payload: {
+              action: "list",
+              prefix: this.currentPath
+            }
+          })
+        ),
+        Effect.flatMap(
+          (returnedData) => "files" in returnedData ? Effect.succeed(returnedData.files) : Effect.fail(
+            new IntegrationsAPIError({
+              error: "Invalid response from server: missing files field"
+            })
+          )
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromise
+      );
       this.updateBreadcrumb();
       const folders = /* @__PURE__ */ new Set();
       const fileItems = [];
@@ -1083,14 +1122,18 @@ class StorageFileBrowser extends HTMLElement {
     if (!content) return;
     content.innerHTML = `<div class="storage-browser-loading" role="status">${this.t("deletingFile")}</div>`;
     try {
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ action: "delete", key: file.key })
-      });
-      if (!response.ok) {
-        throw new Error("Delete failed");
-      }
+      await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManager({
+            payload: {
+              action: "delete",
+              key: file.key
+            }
+          })
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromise
+      );
       await this.loadFiles();
     } catch (error) {
       console.error("Delete error:", error);
@@ -1119,28 +1162,43 @@ class StorageFileBrowser extends HTMLElement {
       const sanitized = newName.replace(/[^a-zA-Z0-9-_]/g, "-");
       const oldPrefix = `${this.currentPath + oldName}/`;
       const newPrefix = `${this.currentPath + sanitized}/`;
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ action: "list", prefix: oldPrefix })
-      });
-      if (!response.ok) throw new Error("Failed to list folder contents");
-      const result = await response.json();
-      const files = result.files || result.data?.files || [];
+      const files = await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManager({
+            payload: {
+              action: "list",
+              prefix: oldPrefix
+            }
+          })
+        ),
+        Effect.flatMap(
+          (returnedData) => "files" in returnedData ? Effect.succeed(returnedData.files) : Effect.fail(
+            new IntegrationsAPIError({
+              error: "Unexpected response structure"
+            })
+          )
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromise
+      );
       for (const file of files) {
         const relativePath = file.key.substring(oldPrefix.length);
         const newKey = newPrefix + relativePath;
-        const renameResponse = await fetch(this.apiEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            action: "rename",
-            key: file.key,
-            newKey
-          })
-        });
-        if (!renameResponse.ok) {
-          const error = await renameResponse.json();
+        const response = await integrationsClient.pipe(
+          Effect.flatMap(
+            (client) => client.storageManager.storageManager({
+              payload: {
+                action: "rename",
+                key: file.key,
+                newKey
+              }
+            })
+          ),
+          Effect.tapError(Effect.logError),
+          Effect.runPromiseExit
+        );
+        if (response._tag === "Failure") {
+          const error = Cause.prettyErrors(response.cause).map((e) => e.message).join("; ");
           console.error("Failed to rename file:", file.key, error);
         }
       }
@@ -1169,22 +1227,40 @@ class StorageFileBrowser extends HTMLElement {
         `;
     try {
       const prefix = `${this.currentPath + folderName}/`;
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ action: "list", prefix })
-      });
-      if (!response.ok) throw new Error("Failed to list folder contents");
-      const result = await response.json();
-      const files = result.files || result.data?.files || [];
+      const files = await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManager({
+            payload: {
+              action: "list",
+              prefix
+            }
+          })
+        ),
+        Effect.flatMap(
+          (returnedData) => "files" in returnedData ? Effect.succeed(returnedData.files) : Effect.fail(
+            new IntegrationsAPIError({
+              error: "Unexpected response structure"
+            })
+          )
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromise
+      );
       for (const file of files) {
-        const deleteResponse = await fetch(this.apiEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ action: "delete", key: file.key })
-        });
-        if (!deleteResponse.ok) {
-          const error = await deleteResponse.json();
+        const response = await integrationsClient.pipe(
+          Effect.flatMap(
+            (client) => client.storageManager.storageManager({
+              payload: {
+                action: "delete",
+                key: file.key
+              }
+            })
+          ),
+          Effect.tapError(Effect.logError),
+          Effect.runPromiseExit
+        );
+        if (response._tag === "Failure") {
+          const error = Cause.prettyErrors(response.cause).map((e) => e.message).join("; ");
           console.error("Failed to delete file:", file.key, error);
         }
       }
@@ -1218,16 +1294,21 @@ class StorageFileBrowser extends HTMLElement {
     try {
       const sanitized = folderName.replace(/[^a-zA-Z0-9-_]/g, "-");
       const folderKey = `${this.currentPath}${sanitized}/.folder`;
-      const response = await fetch(this.apiEndpoint, {
-        method: "PUT",
-        headers: {
-          "Content-Type": "text/plain",
-          "x-storage-key": folderKey
-        },
-        body: ""
-      });
-      if (!response.ok) {
-        throw new Error("Create folder failed");
+      const response = await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManagerUpload({
+            headers: {
+              "x-storage-key": folderKey
+            },
+            payload: Buffer.from("")
+          })
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromiseExit
+      );
+      if (response._tag === "Failure") {
+        const error = Cause.prettyErrors(response.cause).map((e) => e.message).join("; ");
+        throw new Error(error);
       }
       await this.loadFiles();
     } catch (error) {
@@ -1339,17 +1420,22 @@ class StorageFileBrowser extends HTMLElement {
   async uploadSingleFile(file, customName) {
     const fileName = customName || `${Date.now()}-${file.name}`;
     const key = this.currentPath ? `${this.currentPath}${fileName}` : fileName;
-    const response = await fetch(this.apiEndpoint, {
-      method: "PUT",
-      headers: {
-        "Content-Type": file.type || "application/octet-stream",
-        "x-storage-key": key
-      },
-      body: file
-    });
-    if (!response.ok) {
-      const error = await response.json();
-      throw new Error(error.error || "Upload failed");
+    const payload = Buffer.from(await file.arrayBuffer());
+    const response = await integrationsClient.pipe(
+      Effect.flatMap(
+        (client) => client.storageManager.storageManagerUpload({
+          headers: {
+            "x-storage-key": key
+          },
+          payload
+        })
+      ),
+      Effect.tapError(Effect.logError),
+      Effect.runPromiseExit
+    );
+    if (response._tag === "Failure") {
+      const error = Cause.prettyErrors(response.cause).map((e) => e.message).join("; ");
+      throw new Error(error);
     }
   }
   showRenameFolderDialog(folderName) {
@@ -1474,20 +1560,23 @@ class StorageFileBrowser extends HTMLElement {
         newKey,
         action: "rename"
       });
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          action: "rename",
-          key: this.fileToRename.key,
-          newKey
-        })
-      });
-      if (!response.ok) {
-        const errorData = await response.json();
-        throw new Error(errorData.error || "Rename failed");
+      const response = await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManager({
+            payload: {
+              action: "rename",
+              // biome-ignore lint/style/noNonNullAssertion: We check fileToRename at the beginning of this function
+              key: this.fileToRename.key,
+              newKey
+            }
+          })
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromiseExit
+      );
+      if (response._tag === "Failure") {
+        const error = Cause.prettyErrors(response.cause).map((e) => e.message).join("; ");
+        throw new Error(error);
       }
       await this.loadFiles();
     } catch (error) {
@@ -1582,14 +1671,22 @@ class StorageFileBrowser extends HTMLElement {
       fileExt || ""
     );
     try {
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ action: "publicUrl", key: file.key })
-      });
-      if (!response.ok) throw new Error("Failed to get file URL");
-      const result = await response.json();
-      const fileUrl = result.url;
+      const fileUrl = await integrationsClient.pipe(
+        Effect.flatMap(
+          (client) => client.storageManager.storageManager({
+            payload: { action: "publicUrl", key: file.key }
+          })
+        ),
+        Effect.flatMap(
+          (returnedData) => "url" in returnedData ? Effect.succeed(returnedData.url) : Effect.fail(
+            new IntegrationsAPIError({
+              error: "Unexpected response structure"
+            })
+          )
+        ),
+        Effect.tapError(Effect.logError),
+        Effect.runPromise
+      );
       if (!fileUrl) {
         throw new Error("No URL returned from API");
       }

package/dist/virtuals/template-engine/index.d.ts

@@ -27,15 +27,15 @@ export declare const templateEngine: Effect.Effect<{
      * @param key - The key of the template to retrieve.
      * @returns The specified email template.
      */
-    readonly getTemplate: (key: "notifications" | "passwordReset" | "userInvite" | "verifyEmail") => string | undefined;
+    readonly getTemplate: (key: "verifyEmail" | "notifications" | "passwordReset" | "userInvite") => string | undefined;
     /**
      * Retrieves the default email template.
      *
      * @param key - The key of the default template to retrieve.
      * @returns The default email template.
      */
-    readonly getDefaultTemplate: (key: "notifications" | "passwordReset" | "userInvite" | "verifyEmail") => "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                {{data.title}}\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                {{data.message}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>" | "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                Reset Your Password\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                Click the button below, or copy-paste the link to reset your password!\n                <br />\n                <br />\n                If you didn't request a password reset, you can ignore this email and\n                your password will not be changed.\n              </div>\n              <div style=\"text-align:left;padding:12px 24px 32px 24px\">\n                <a\n                  href=\"{{data.link}}\"\n                  style=\"color:#FFFFFF;font-size:14px;font-weight:bold;background-color:#0068FF;display:inline-block;padding:12px 20px;text-decoration:none\"\n                  target=\"_blank\"\n                  ><span>Reset Password</span></a\n                >\n              </div>\n              <div\n                style=\"font-size:12px;font-weight:normal;padding:16px 24px 16px 24px\"\n              >\n                Link: {{data.link}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>" | "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                New User Invite from {{site.title}}\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                You have been invited to join {{site.title}}! Click the button below to set your password and get started.\n              </div>\n              <div style=\"text-align:left;padding:12px 24px 32px 24px\">\n                <a\n                  href=\"{{data.link}}\"\n                  style=\"color:#FFFFFF;font-size:14px;font-weight:bold;background-color:#0068FF;display:inline-block;padding:12px 20px;text-decoration:none\"\n                  target=\"_blank\"\n                  ><span>Set Password</span\n                  ></a\n                >\n              </div>\n              <div\n                style=\"font-size:12px;font-weight:normal;padding:16px 24px 16px 24px\"\n              >\n                Link: {{data.link}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>" | "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                Verify your Email\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                Click the button below, or copy-paste the link to verify your\n                email!\n              </div>\n              <div style=\"text-align:left;padding:12px 24px 32px 24px\">\n                <a\n                  href=\"{{data.link}}\"\n                  style=\"color:#FFFFFF;font-size:14px;font-weight:bold;background-color:#0068FF;display:inline-block;padding:12px 20px;text-decoration:none\"\n                  target=\"_blank\"\n                  ><span>Verify Email</span></a\n                >\n              </div>\n              <div\n                style=\"font-size:12px;font-weight:normal;padding:16px 24px 16px 24px\"\n              >\n                Link: {{data.link}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>";
-    readonly availableTemplates: ("notifications" | "passwordReset" | "userInvite" | "verifyEmail")[];
+    readonly getDefaultTemplate: (key: "verifyEmail" | "notifications" | "passwordReset" | "userInvite") => "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                {{data.title}}\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                {{data.message}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>" | "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                Reset Your Password\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                Click the button below, or copy-paste the link to reset your password!\n                <br />\n                <br />\n                If you didn't request a password reset, you can ignore this email and\n                your password will not be changed.\n              </div>\n              <div style=\"text-align:left;padding:12px 24px 32px 24px\">\n                <a\n                  href=\"{{data.link}}\"\n                  style=\"color:#FFFFFF;font-size:14px;font-weight:bold;background-color:#0068FF;display:inline-block;padding:12px 20px;text-decoration:none\"\n                  target=\"_blank\"\n                  ><span>Reset Password</span></a\n                >\n              </div>\n              <div\n                style=\"font-size:12px;font-weight:normal;padding:16px 24px 16px 24px\"\n              >\n                Link: {{data.link}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>" | "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                New User Invite from {{site.title}}\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                You have been invited to join {{site.title}}! Click the button below to set your password and get started.\n              </div>\n              <div style=\"text-align:left;padding:12px 24px 32px 24px\">\n                <a\n                  href=\"{{data.link}}\"\n                  style=\"color:#FFFFFF;font-size:14px;font-weight:bold;background-color:#0068FF;display:inline-block;padding:12px 20px;text-decoration:none\"\n                  target=\"_blank\"\n                  ><span>Set Password</span\n                  ></a\n                >\n              </div>\n              <div\n                style=\"font-size:12px;font-weight:normal;padding:16px 24px 16px 24px\"\n              >\n                Link: {{data.link}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>" | "<!doctype html>\n<html>\n  <body>\n    <div\n      style='background-color:#F2F5F7;color:#242424;font-family:\"Helvetica Neue\", \"Arial Nova\", \"Nimbus Sans\", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'\n    >\n      <table\n        align=\"center\"\n        width=\"100%\"\n        style=\"margin:0 auto;max-width:600px;background-color:#FFFFFF\"\n        role=\"presentation\"\n        cellspacing=\"0\"\n        cellpadding=\"0\"\n        border=\"0\"\n      >\n        <tbody>\n          <tr style=\"width:100%\">\n            <td>\n              <h3\n                style=\"font-weight:bold;text-align:left;margin:0;font-size:20px;padding:32px 24px 0px 24px\"\n              >\n                Verify your Email\n              </h3>\n              <div\n                style=\"color:#474849;font-size:14px;font-weight:normal;text-align:left;padding:8px 24px 16px 24px\"\n              >\n                Click the button below, or copy-paste the link to verify your\n                email!\n              </div>\n              <div style=\"text-align:left;padding:12px 24px 32px 24px\">\n                <a\n                  href=\"{{data.link}}\"\n                  style=\"color:#FFFFFF;font-size:14px;font-weight:bold;background-color:#0068FF;display:inline-block;padding:12px 20px;text-decoration:none\"\n                  target=\"_blank\"\n                  ><span>Verify Email</span></a\n                >\n              </div>\n              <div\n                style=\"font-size:12px;font-weight:normal;padding:16px 24px 16px 24px\"\n              >\n                Link: {{data.link}}\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </body>\n</html>";
+    readonly availableTemplates: ("verifyEmail" | "notifications" | "passwordReset" | "userInvite")[];
     readonly allTemplates: {
         notifications?: string;
         passwordReset?: string;
@@ -66,6 +66,6 @@ export declare const templateEngine: Effect.Effect<{
      * @param context - The context data to use for rendering the template.
      * @returns The rendered email content.
      */
-    readonly render: (key: "notifications" | "passwordReset" | "userInvite" | "verifyEmail", context: EngineContext) => Effect.Effect<string, TemplateEngineError, never>;
+    readonly render: (key: "verifyEmail" | "notifications" | "passwordReset" | "userInvite", context: EngineContext) => Effect.Effect<string, TemplateEngineError, never>;
 }, import("../sdk/index.js").DBClientInitializationError | import("../sdk/index.js").SDKInitializationError | import("@withstudiocms/kysely/client").DBCallbackFailure | import("@withstudiocms/kysely/core/errors").DatabaseError | TemplateEngineError, never>;
 export default templateEngine;