@_mustachio/openauth 0.6.0

package/dist/esm/ui/password.js

@@ -0,0 +1,338 @@
+// src/ui/password.tsx
+import { Layout } from "./base.js";
+import"./form.js";
+import { FormAlert } from "./form.js";
+import { jsxDEV, Fragment } from "hono/jsx/jsx-dev-runtime";
+var DEFAULT_COPY = {
+  error_email_taken: "There is already an account with this email.",
+  error_invalid_code: "Code is incorrect.",
+  error_invalid_email: "Email is not valid.",
+  error_invalid_password: "Password is incorrect.",
+  error_password_mismatch: "Passwords do not match.",
+  error_validation_error: "Password does not meet requirements.",
+  register_title: "Welcome to the app",
+  register_description: "Sign in with your email",
+  login_title: "Welcome to the app",
+  login_description: "Sign in with your email",
+  register: "Register",
+  register_prompt: "Don't have an account?",
+  login_prompt: "Already have an account?",
+  login: "Login",
+  change_prompt: "Forgot password?",
+  code_resend: "Resend code",
+  code_return: "Back to",
+  logo: "A",
+  input_email: "Email",
+  input_password: "Password",
+  input_code: "Code",
+  input_repeat: "Repeat password",
+  button_continue: "Continue"
+};
+function PasswordUI(input) {
+  const copy = {
+    ...DEFAULT_COPY,
+    ...input.copy
+  };
+  return {
+    validatePassword: input.validatePassword,
+    sendCode: input.sendCode,
+    login: async (_req, form, error) => {
+      const jsx = /* @__PURE__ */ jsxDEV(Layout, {
+        children: /* @__PURE__ */ jsxDEV("form", {
+          "data-component": "form",
+          method: "post",
+          children: [
+            /* @__PURE__ */ jsxDEV(FormAlert, {
+              message: error?.type && copy?.[`error_${error.type}`]
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("input", {
+              "data-component": "input",
+              type: "email",
+              name: "email",
+              required: true,
+              placeholder: copy.input_email,
+              autofocus: !error,
+              value: form?.get("email")?.toString()
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("input", {
+              "data-component": "input",
+              autofocus: error?.type === "invalid_password",
+              required: true,
+              type: "password",
+              name: "password",
+              placeholder: copy.input_password,
+              autoComplete: "current-password"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("button", {
+              "data-component": "button",
+              children: copy.button_continue
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              "data-component": "form-footer",
+              children: [
+                /* @__PURE__ */ jsxDEV("span", {
+                  children: [
+                    copy.register_prompt,
+                    " ",
+                    /* @__PURE__ */ jsxDEV("a", {
+                      "data-component": "link",
+                      href: "register",
+                      children: copy.register
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsxDEV("a", {
+                  "data-component": "link",
+                  href: "change",
+                  children: copy.change_prompt
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this);
+      return new Response(jsx.toString(), {
+        status: error ? 401 : 200,
+        headers: {
+          "Content-Type": "text/html"
+        }
+      });
+    },
+    register: async (_req, state, form, error) => {
+      const emailError = ["invalid_email", "email_taken"].includes(error?.type || "");
+      const passwordError = [
+        "invalid_password",
+        "password_mismatch",
+        "validation_error"
+      ].includes(error?.type || "");
+      const jsx = /* @__PURE__ */ jsxDEV(Layout, {
+        children: /* @__PURE__ */ jsxDEV("form", {
+          "data-component": "form",
+          method: "post",
+          children: [
+            /* @__PURE__ */ jsxDEV(FormAlert, {
+              message: error?.type ? error.type === "validation_error" ? error.message ?? copy?.[`error_${error.type}`] : copy?.[`error_${error.type}`] : undefined
+            }, undefined, false, undefined, this),
+            state.type === "start" && /* @__PURE__ */ jsxDEV(Fragment, {
+              children: [
+                /* @__PURE__ */ jsxDEV("input", {
+                  type: "hidden",
+                  name: "action",
+                  value: "register"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("input", {
+                  "data-component": "input",
+                  autofocus: !error || emailError,
+                  type: "email",
+                  name: "email",
+                  value: !emailError ? form?.get("email")?.toString() : "",
+                  required: true,
+                  placeholder: copy.input_email
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("input", {
+                  "data-component": "input",
+                  autofocus: passwordError,
+                  type: "password",
+                  name: "password",
+                  placeholder: copy.input_password,
+                  required: true,
+                  value: !passwordError ? form?.get("password")?.toString() : "",
+                  autoComplete: "new-password"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("input", {
+                  "data-component": "input",
+                  type: "password",
+                  name: "repeat",
+                  required: true,
+                  autofocus: passwordError,
+                  placeholder: copy.input_repeat,
+                  autoComplete: "new-password"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("button", {
+                  "data-component": "button",
+                  children: copy.button_continue
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("div", {
+                  "data-component": "form-footer",
+                  children: /* @__PURE__ */ jsxDEV("span", {
+                    children: [
+                      copy.login_prompt,
+                      " ",
+                      /* @__PURE__ */ jsxDEV("a", {
+                        "data-component": "link",
+                        href: "authorize",
+                        children: copy.login
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            state.type === "code" && /* @__PURE__ */ jsxDEV(Fragment, {
+              children: [
+                /* @__PURE__ */ jsxDEV("input", {
+                  type: "hidden",
+                  name: "action",
+                  value: "verify"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("input", {
+                  "data-component": "input",
+                  autofocus: true,
+                  name: "code",
+                  minLength: 6,
+                  maxLength: 6,
+                  required: true,
+                  placeholder: copy.input_code,
+                  autoComplete: "one-time-code"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("button", {
+                  "data-component": "button",
+                  children: copy.button_continue
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this);
+      return new Response(jsx.toString(), {
+        headers: {
+          "Content-Type": "text/html"
+        }
+      });
+    },
+    change: async (_req, state, form, error) => {
+      const passwordError = [
+        "invalid_password",
+        "password_mismatch",
+        "validation_error"
+      ].includes(error?.type || "");
+      const jsx = /* @__PURE__ */ jsxDEV(Layout, {
+        children: [
+          /* @__PURE__ */ jsxDEV("form", {
+            "data-component": "form",
+            method: "post",
+            replace: true,
+            children: [
+              /* @__PURE__ */ jsxDEV(FormAlert, {
+                message: error?.type ? error.type === "validation_error" ? error.message ?? copy?.[`error_${error.type}`] : copy?.[`error_${error.type}`] : undefined
+              }, undefined, false, undefined, this),
+              state.type === "start" && /* @__PURE__ */ jsxDEV(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsxDEV("input", {
+                    type: "hidden",
+                    name: "action",
+                    value: "code"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("input", {
+                    "data-component": "input",
+                    autofocus: true,
+                    type: "email",
+                    name: "email",
+                    required: true,
+                    value: form?.get("email")?.toString(),
+                    placeholder: copy.input_email
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              state.type === "code" && /* @__PURE__ */ jsxDEV(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsxDEV("input", {
+                    type: "hidden",
+                    name: "action",
+                    value: "verify"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("input", {
+                    "data-component": "input",
+                    autofocus: true,
+                    name: "code",
+                    minLength: 6,
+                    maxLength: 6,
+                    required: true,
+                    placeholder: copy.input_code,
+                    autoComplete: "one-time-code"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              state.type === "update" && /* @__PURE__ */ jsxDEV(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsxDEV("input", {
+                    type: "hidden",
+                    name: "action",
+                    value: "update"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("input", {
+                    "data-component": "input",
+                    autofocus: true,
+                    type: "password",
+                    name: "password",
+                    placeholder: copy.input_password,
+                    required: true,
+                    value: !passwordError ? form?.get("password")?.toString() : "",
+                    autoComplete: "new-password"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("input", {
+                    "data-component": "input",
+                    type: "password",
+                    name: "repeat",
+                    required: true,
+                    value: !passwordError ? form?.get("password")?.toString() : "",
+                    placeholder: copy.input_repeat,
+                    autoComplete: "new-password"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("button", {
+                "data-component": "button",
+                children: copy.button_continue
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          state.type === "code" && /* @__PURE__ */ jsxDEV("form", {
+            method: "post",
+            children: [
+              /* @__PURE__ */ jsxDEV("input", {
+                type: "hidden",
+                name: "action",
+                value: "code"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("input", {
+                type: "hidden",
+                name: "email",
+                value: state.email
+              }, undefined, false, undefined, this),
+              state.type === "code" && /* @__PURE__ */ jsxDEV("div", {
+                "data-component": "form-footer",
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    children: [
+                      copy.code_return,
+                      " ",
+                      /* @__PURE__ */ jsxDEV("a", {
+                        "data-component": "link",
+                        href: "authorize",
+                        children: copy.login.toLowerCase()
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("button", {
+                    "data-component": "link",
+                    children: copy.code_resend
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+      return new Response(jsx.toString(), {
+        status: error ? 400 : 200,
+        headers: {
+          "Content-Type": "text/html"
+        }
+      });
+    }
+  };
+}
+export {
+  PasswordUI
+};

package/dist/esm/ui/select.js

@@ -0,0 +1,187 @@
+// src/ui/select.tsx
+import { Layout } from "./base.js";
+import { ICON_GITHUB, ICON_GOOGLE } from "./icon.js";
+import { jsxDEV } from "hono/jsx/jsx-dev-runtime";
+function Select(props) {
+  return async (providers, _req) => {
+    const jsx = /* @__PURE__ */ jsxDEV(Layout, {
+      children: /* @__PURE__ */ jsxDEV("div", {
+        "data-component": "form",
+        children: Object.entries(providers).map(([key, type]) => {
+          const match = props?.providers?.[key];
+          if (match?.hide)
+            return;
+          const icon = ICON[key];
+          return /* @__PURE__ */ jsxDEV("a", {
+            href: `/${key}/authorize`,
+            "data-component": "button",
+            "data-color": "ghost",
+            children: [
+              icon && /* @__PURE__ */ jsxDEV("i", {
+                "data-slot": "icon",
+                children: icon
+              }, undefined, false, undefined, this),
+              "Continue with ",
+              match?.display || DISPLAY[type] || type
+            ]
+          }, undefined, true, undefined, this);
+        })
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+    return new Response(jsx.toString(), {
+      headers: {
+        "Content-Type": "text/html"
+      }
+    });
+  };
+}
+var DISPLAY = {
+  twitch: "Twitch",
+  google: "Google",
+  github: "GitHub",
+  apple: "Apple",
+  x: "X",
+  facebook: "Facebook",
+  microsoft: "Microsoft",
+  slack: "Slack"
+};
+var ICON = {
+  code: /* @__PURE__ */ jsxDEV("svg", {
+    fill: "currentColor",
+    viewBox: "0 0 52 52",
+    "data-name": "Layer 1",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxDEV("path", {
+      d: "M8.55,36.91A6.55,6.55,0,1,1,2,43.45,6.54,6.54,0,0,1,8.55,36.91Zm17.45,0a6.55,6.55,0,1,1-6.55,6.54A6.55,6.55,0,0,1,26,36.91Zm17.45,0a6.55,6.55,0,1,1-6.54,6.54A6.54,6.54,0,0,1,43.45,36.91ZM8.55,19.45A6.55,6.55,0,1,1,2,26,6.55,6.55,0,0,1,8.55,19.45Zm17.45,0A6.55,6.55,0,1,1,19.45,26,6.56,6.56,0,0,1,26,19.45Zm17.45,0A6.55,6.55,0,1,1,36.91,26,6.55,6.55,0,0,1,43.45,19.45ZM8.55,2A6.55,6.55,0,1,1,2,8.55,6.54,6.54,0,0,1,8.55,2ZM26,2a6.55,6.55,0,1,1-6.55,6.55A6.55,6.55,0,0,1,26,2ZM43.45,2a6.55,6.55,0,1,1-6.54,6.55A6.55,6.55,0,0,1,43.45,2Z",
+      "fill-rule": "evenodd"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  password: /* @__PURE__ */ jsxDEV("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    children: /* @__PURE__ */ jsxDEV("path", {
+      "fill-rule": "evenodd",
+      d: "M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z",
+      "clip-rule": "evenodd"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  twitch: /* @__PURE__ */ jsxDEV("svg", {
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 448 512",
+    children: /* @__PURE__ */ jsxDEV("path", {
+      fill: "currentColor",
+      d: "M40.1 32L10 108.9v314.3h107V480h60.2l56.8-56.8h87l117-117V32H40.1zm357.8 254.1L331 353H224l-56.8 56.8V353H76.9V72.1h321v214zM331 149v116.9h-40.1V149H331zm-107 0v116.9h-40.1V149H224z"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  google: ICON_GOOGLE,
+  github: ICON_GITHUB,
+  apple: /* @__PURE__ */ jsxDEV("svg", {
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 814 1000",
+    children: /* @__PURE__ */ jsxDEV("path", {
+      fill: "currentColor",
+      d: "M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z "
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  x: /* @__PURE__ */ jsxDEV("svg", {
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1200 1227",
+    children: /* @__PURE__ */ jsxDEV("path", {
+      fill: "currentColor",
+      d: "M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this),
+  microsoft: /* @__PURE__ */ jsxDEV("svg", {
+    role: "img",
+    viewBox: "0 0 256 256",
+    xmlns: "http://www.w3.org/2000/svg",
+    preserveAspectRatio: "xMidYMid",
+    children: [
+      /* @__PURE__ */ jsxDEV("path", {
+        fill: "#F1511B",
+        d: "M121.666 121.666H0V0h121.666z"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("path", {
+        fill: "#80CC28",
+        d: "M256 121.666H134.335V0H256z"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("path", {
+        fill: "#00ADEF",
+        d: "M121.663 256.002H0V134.336h121.663z"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("path", {
+        fill: "#FBBC09",
+        d: "M256 256.002H134.335V134.336H256z"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  facebook: /* @__PURE__ */ jsxDEV("svg", {
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 36 36",
+    fill: "url(#a)",
+    children: [
+      /* @__PURE__ */ jsxDEV("defs", {
+        children: /* @__PURE__ */ jsxDEV("linearGradient", {
+          x1: "50%",
+          x2: "50%",
+          y1: "97.078%",
+          y2: "0%",
+          id: "a",
+          children: [
+            /* @__PURE__ */ jsxDEV("stop", {
+              offset: "0%",
+              "stop-color": "#0062E0"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("stop", {
+              offset: "100%",
+              "stop-color": "#19AFFF"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("path", {
+        d: "M15 35.8C6.5 34.3 0 26.9 0 18 0 8.1 8.1 0 18 0s18 8.1 18 18c0 8.9-6.5 16.3-15 17.8l-1-.8h-4l-1 .8z"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("path", {
+        fill: "#FFF",
+        d: "m25 23 .8-5H21v-3.5c0-1.4.5-2.5 2.7-2.5H26V7.4c-1.3-.2-2.7-.4-4-.4-4.1 0-7 2.5-7 7v4h-4.5v5H15v12.7c1 .2 2 .3 3 .3s2-.1 3-.3V23h4z"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this),
+  slack: /* @__PURE__ */ jsxDEV("svg", {
+    role: "img",
+    "enable-background": "new 0 0 2447.6 2452.5",
+    viewBox: "0 0 2447.6 2452.5",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxDEV("g", {
+      "clip-rule": "evenodd",
+      "fill-rule": "evenodd",
+      children: [
+        /* @__PURE__ */ jsxDEV("path", {
+          d: "m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z",
+          fill: "#36c5f0"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("path", {
+          d: "m2447.6 899.2c.1-135.3-109.5-245.1-244.8-245.2-135.3.1-244.9 109.9-244.8 245.2v245.3h244.8c135.3-.1 244.9-109.9 244.8-245.3zm-652.7 0v-654c.1-135.2-109.4-245-244.7-245.2-135.3.1-244.9 109.9-244.8 245.2v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.3z",
+          fill: "#2eb67d"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("path", {
+          d: "m1550.1 2452.5c135.3-.1 244.9-109.9 244.8-245.2.1-135.3-109.5-245.1-244.8-245.2h-244.8v245.2c-.1 135.2 109.5 245 244.8 245.2zm0-654.1h652.7c135.3-.1 244.9-109.9 244.8-245.2.2-135.3-109.4-245.1-244.7-245.3h-652.7c-135.3.1-244.9 109.9-244.8 245.2-.1 135.4 109.4 245.2 244.7 245.3z",
+          fill: "#ecb22e"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("path", {
+          d: "m0 1553.2c-.1 135.3 109.5 245.1 244.8 245.2 135.3-.1 244.9-109.9 244.8-245.2v-245.2h-244.8c-135.3.1-244.9 109.9-244.8 245.2zm652.7 0v654c-.2 135.3 109.4 245.1 244.7 245.3 135.3-.1 244.9-109.9 244.8-245.2v-653.9c.2-135.3-109.4-245.1-244.7-245.3-135.4 0-244.9 109.8-244.8 245.1 0 0 0 .1 0 0",
+          fill: "#e01e5a"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this)
+};
+export {
+  Select
+};

package/dist/esm/ui/theme.js

@@ -0,0 +1,115 @@
+// src/ui/theme.ts
+var THEME_OPENAUTH = {
+  title: "OpenAuth",
+  radius: "none",
+  background: {
+    dark: "black",
+    light: "white"
+  },
+  primary: {
+    dark: "white",
+    light: "black"
+  },
+  font: {
+    family: "IBM Plex Sans, sans-serif"
+  },
+  css: `
+    @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');
+  `
+};
+var THEME_TERMINAL = {
+  title: "terminal",
+  radius: "none",
+  favicon: "https://www.terminal.shop/favicon.svg",
+  logo: {
+    dark: "https://www.terminal.shop/images/logo-white.svg",
+    light: "https://www.terminal.shop/images/logo-black.svg"
+  },
+  primary: "#ff5e00",
+  background: {
+    dark: "rgb(0, 0, 0)",
+    light: "rgb(255, 255, 255)"
+  },
+  font: {
+    family: "Geist Mono, monospace"
+  },
+  css: `
+    @import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100;200;300;400;500;600;700;800;900&display=swap');
+  `
+};
+var THEME_SST = {
+  title: "SST",
+  favicon: "https://sst.dev/favicon.svg",
+  logo: {
+    dark: "https://sst.dev/favicon.svg",
+    light: "https://sst.dev/favicon.svg"
+  },
+  background: {
+    dark: "#1a1a2d",
+    light: "rgb(255, 255, 255)"
+  },
+  primary: "#f3663f",
+  font: {
+    family: "Rubik, sans-serif"
+  },
+  css: `
+    @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@100;200;300;400;500;600;700;800;900&display=swap');
+  `
+};
+var THEME_SUPABASE = {
+  title: "Supabase",
+  logo: {
+    dark: "https://supabase.com/dashboard/_next/image?url=%2Fdashboard%2Fimg%2Fsupabase-dark.svg&w=128&q=75",
+    light: "https://supabase.com/dashboard/_next/image?url=%2Fdashboard%2Fimg%2Fsupabase-light.svg&w=128&q=75"
+  },
+  background: {
+    dark: "#171717",
+    light: "#f8f8f8"
+  },
+  primary: {
+    dark: "#006239",
+    light: "#72e3ad"
+  },
+  font: {
+    family: "Varela Round, sans-serif"
+  },
+  css: `
+    @import url('https://fonts.googleapis.com/css2?family=Varela+Round:wght@100;200;300;400;500;600;700;800;900&display=swap');
+  `
+};
+var THEME_VERCEL = {
+  title: "Vercel",
+  logo: {
+    dark: "https://vercel.com/mktng/_next/static/media/vercel-logotype-dark.e8c0a742.svg",
+    light: "https://vercel.com/mktng/_next/static/media/vercel-logotype-light.700a8d26.svg"
+  },
+  background: {
+    dark: "black",
+    light: "white"
+  },
+  primary: {
+    dark: "white",
+    light: "black"
+  },
+  font: {
+    family: "Geist, sans-serif"
+  },
+  css: `
+    @import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap');
+  `
+};
+function setTheme(value) {
+  globalThis.OPENAUTH_THEME = value;
+}
+function getTheme() {
+  return globalThis.OPENAUTH_THEME || THEME_OPENAUTH;
+}
+export {
+  setTheme,
+  getTheme,
+  THEME_VERCEL,
+  THEME_TERMINAL,
+  THEME_SUPABASE,
+  THEME_SST,
+  THEME_OPENAUTH
+};