@githat/nextjs 0.2.5 → 0.2.6

package/dist/index.mjs

@@ -432,6 +432,73 @@ function useGitHat() {
     },
     [client]
   );
+  const getGitHubOAuthUrl = useCallback2(
+    async (options) => {
+      const params = new URLSearchParams();
+      if (options?.redirectUri) params.append("redirectUri", options.redirectUri);
+      if (options?.state) params.append("state", options.state);
+      const queryString = params.toString();
+      const path = queryString ? `/auth/oauth/github/url?${queryString}` : "/auth/oauth/github/url";
+      return client.fetchApi(path);
+    },
+    [client]
+  );
+  const signInWithGitHub = useCallback2(
+    async (code, options) => {
+      const response = await client.fetchApi("/auth/oauth/github", {
+        method: "POST",
+        body: JSON.stringify({
+          code,
+          redirectUri: options?.redirectUri
+        })
+      });
+      if (response.accessToken) {
+        window.dispatchEvent(new CustomEvent("githat:auth-changed", {
+          detail: { user: response.user, org: response.org, signedIn: true }
+        }));
+      }
+      return {
+        user: response.user,
+        org: response.org,
+        isNewUser: response.isNewUser
+      };
+    },
+    [client]
+  );
+  const getCognitoOAuthUrl = useCallback2(
+    async (options) => {
+      const params = new URLSearchParams();
+      if (options?.redirectUri) params.append("redirectUri", options.redirectUri);
+      if (options?.state) params.append("state", options.state);
+      if (options?.identityProvider) params.append("identityProvider", options.identityProvider);
+      const queryString = params.toString();
+      const path = queryString ? `/auth/oauth/cognito/url?${queryString}` : "/auth/oauth/cognito/url";
+      return client.fetchApi(path);
+    },
+    [client]
+  );
+  const signInWithCognito = useCallback2(
+    async (code, options) => {
+      const response = await client.fetchApi("/auth/oauth/cognito", {
+        method: "POST",
+        body: JSON.stringify({
+          code,
+          redirectUri: options?.redirectUri
+        })
+      });
+      if (response.accessToken) {
+        window.dispatchEvent(new CustomEvent("githat:auth-changed", {
+          detail: { user: response.user, org: response.org, signedIn: true }
+        }));
+      }
+      return {
+        user: response.user,
+        org: response.org,
+        isNewUser: response.isNewUser
+      };
+    },
+    [client]
+  );
   return {
     fetch: client.fetchApi,
     getUserOrgs: () => client.fetchApi("/user/orgs"),
@@ -445,7 +512,12 @@ function useGitHat() {
     changePassword,
     // Email verification
     verifyEmail,
-    resendVerificationEmail
+    resendVerificationEmail,
+    // OAuth (Web2)
+    getGitHubOAuthUrl,
+    signInWithGitHub,
+    getCognitoOAuthUrl,
+    signInWithCognito
   };
 }
 
@@ -1277,10 +1349,435 @@ function ChangePasswordForm({
     ] })
   ] });
 }
+
+// src/components/GitHubButton.tsx
+import { useState as useState11, useCallback as useCallback3 } from "react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var GitHubIcon = () => /* @__PURE__ */ jsx13("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx13("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" }) });
+function GitHubButton({
+  children = "Continue with GitHub",
+  redirectUri,
+  onSuccess,
+  onError,
+  className = "",
+  variant = "default",
+  disabled = false
+}) {
+  const { getGitHubOAuthUrl } = useGitHat();
+  const [isLoading, setIsLoading] = useState11(false);
+  const handleClick = useCallback3(async () => {
+    if (isLoading || disabled) return;
+    setIsLoading(true);
+    try {
+      const state = crypto.randomUUID();
+      sessionStorage.setItem("githat_oauth_state", state);
+      const { url } = await getGitHubOAuthUrl({ redirectUri, state });
+      window.location.href = url;
+    } catch (error) {
+      setIsLoading(false);
+      if (onError) {
+        onError(error instanceof Error ? error : new Error("Failed to start GitHub OAuth"));
+      }
+    }
+  }, [getGitHubOAuthUrl, redirectUri, onError, isLoading, disabled]);
+  const baseStyles = "githat-github-button";
+  const variantStyles = variant === "outline" ? "githat-github-button-outline" : "";
+  const disabledStyles = disabled || isLoading ? "githat-github-button-disabled" : "";
+  return /* @__PURE__ */ jsxs11(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: disabled || isLoading,
+      className: `${baseStyles} ${variantStyles} ${disabledStyles} ${className}`.trim(),
+      children: [
+        isLoading ? /* @__PURE__ */ jsx13("span", { className: "githat-github-spinner" }) : /* @__PURE__ */ jsx13(GitHubIcon, {}),
+        /* @__PURE__ */ jsx13("span", { children })
+      ]
+    }
+  );
+}
+if (typeof document !== "undefined") {
+  const styleId = "githat-github-button-styles";
+  if (!document.getElementById(styleId)) {
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+      .githat-github-button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        padding: 0.625rem 1rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        border-radius: 0.375rem;
+        border: none;
+        cursor: pointer;
+        transition: all 0.15s ease;
+        background-color: #24292f;
+        color: #ffffff;
+        width: 100%;
+      }
+      .githat-github-button:hover:not(:disabled) {
+        background-color: #32383f;
+      }
+      .githat-github-button-outline {
+        background-color: transparent;
+        color: #24292f;
+        border: 1px solid #d0d7de;
+      }
+      .githat-github-button-outline:hover:not(:disabled) {
+        background-color: #f6f8fa;
+        border-color: #24292f;
+      }
+      .githat-github-button-disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      .githat-github-spinner {
+        width: 1rem;
+        height: 1rem;
+        border: 2px solid currentColor;
+        border-top-color: transparent;
+        border-radius: 50%;
+        animation: githat-spin 0.6s linear infinite;
+      }
+      @keyframes githat-spin {
+        to { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+}
+
+// src/components/GitHubCallback.tsx
+import { useEffect as useEffect6, useState as useState12 } from "react";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function GitHubCallback({
+  redirectUrl = "/dashboard",
+  newUserRedirectUrl,
+  onSuccess,
+  onError,
+  loadingComponent,
+  errorComponent
+}) {
+  const { signInWithGitHub } = useGitHat();
+  const { config } = useAuth();
+  const [error, setError] = useState12(null);
+  const [isProcessing, setIsProcessing] = useState12(true);
+  useEffect6(() => {
+    const handleCallback = async () => {
+      const params = new URLSearchParams(window.location.search);
+      const code = params.get("code");
+      const state = params.get("state");
+      const errorParam = params.get("error");
+      const errorDescription = params.get("error_description");
+      if (errorParam) {
+        const errorMsg = errorDescription || errorParam;
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      if (!code) {
+        const errorMsg = "No authorization code received";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      const savedState = sessionStorage.getItem("githat_oauth_state");
+      if (savedState && state !== savedState) {
+        const errorMsg = "Invalid state parameter";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      sessionStorage.removeItem("githat_oauth_state");
+      try {
+        const result = await signInWithGitHub(code);
+        if (onSuccess) {
+          onSuccess(result);
+        }
+        const targetUrl = result.isNewUser && newUserRedirectUrl ? newUserRedirectUrl : redirectUrl || config.afterSignInUrl || "/dashboard";
+        window.location.href = targetUrl;
+      } catch (err) {
+        const errorMsg = err instanceof Error ? err.message : "Authentication failed";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(err instanceof Error ? err : new Error(errorMsg));
+        }
+      }
+    };
+    handleCallback();
+  }, [signInWithGitHub, redirectUrl, newUserRedirectUrl, config.afterSignInUrl, onSuccess, onError]);
+  if (error) {
+    if (errorComponent) {
+      return /* @__PURE__ */ jsx14(Fragment3, { children: errorComponent(error) });
+    }
+    return /* @__PURE__ */ jsxs12("div", { className: "githat-callback-error", children: [
+      /* @__PURE__ */ jsx14("h2", { children: "Authentication Failed" }),
+      /* @__PURE__ */ jsx14("p", { children: error }),
+      /* @__PURE__ */ jsx14("a", { href: "/sign-in", children: "Back to Sign In" })
+    ] });
+  }
+  if (loadingComponent) {
+    return /* @__PURE__ */ jsx14(Fragment3, { children: loadingComponent });
+  }
+  return /* @__PURE__ */ jsxs12("div", { className: "githat-callback-loading", children: [
+    /* @__PURE__ */ jsx14("div", { className: "githat-callback-spinner" }),
+    /* @__PURE__ */ jsx14("p", { children: "Completing sign in with GitHub..." })
+  ] });
+}
+if (typeof document !== "undefined") {
+  const styleId = "githat-callback-styles";
+  if (!document.getElementById(styleId)) {
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+      .githat-callback-loading,
+      .githat-callback-error {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        min-height: 200px;
+        padding: 2rem;
+        text-align: center;
+      }
+      .githat-callback-spinner {
+        width: 2rem;
+        height: 2rem;
+        border: 3px solid #e5e7eb;
+        border-top-color: #3b82f6;
+        border-radius: 50%;
+        animation: githat-spin 0.8s linear infinite;
+        margin-bottom: 1rem;
+      }
+      .githat-callback-error h2 {
+        color: #dc2626;
+        margin-bottom: 0.5rem;
+      }
+      .githat-callback-error p {
+        color: #6b7280;
+        margin-bottom: 1rem;
+      }
+      .githat-callback-error a {
+        color: #3b82f6;
+        text-decoration: underline;
+      }
+      @keyframes githat-spin {
+        to { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+}
+
+// src/components/CognitoButton.tsx
+import { useState as useState13, useCallback as useCallback4 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var AWSIcon = () => /* @__PURE__ */ jsx15("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx15("path", { d: "M6.763 10.036c0 .296.032.535.088.71.064.176.144.368.256.576.04.063.056.127.056.183 0 .08-.048.16-.152.24l-.503.335a.383.383 0 0 1-.208.072c-.08 0-.16-.04-.239-.112a2.47 2.47 0 0 1-.287-.375 6.18 6.18 0 0 1-.248-.471c-.622.734-1.405 1.101-2.347 1.101-.67 0-1.205-.191-1.596-.574-.391-.384-.59-.894-.59-1.533 0-.678.239-1.23.726-1.644.487-.415 1.133-.623 1.955-.623.272 0 .551.024.846.064.296.04.6.104.918.176v-.583c0-.607-.127-1.03-.375-1.277-.255-.248-.686-.367-1.3-.367-.28 0-.568.031-.863.103-.295.072-.583.16-.862.272a2.287 2.287 0 0 1-.28.104.488.488 0 0 1-.127.023c-.112 0-.168-.08-.168-.247v-.391c0-.128.016-.224.056-.28a.597.597 0 0 1 .224-.167c.279-.144.614-.264 1.005-.36a4.84 4.84 0 0 1 1.246-.151c.95 0 1.644.216 2.091.647.439.43.662 1.085.662 1.963v2.586zm-3.24 1.214c.263 0 .534-.048.822-.144.287-.096.543-.271.758-.51.128-.152.224-.32.272-.512.047-.191.08-.423.08-.694v-.335a6.66 6.66 0 0 0-.735-.136 6.02 6.02 0 0 0-.75-.048c-.535 0-.926.104-1.19.32-.263.215-.39.518-.39.917 0 .375.095.655.295.846.191.2.47.296.838.296zm6.41.862c-.144 0-.24-.024-.304-.08-.064-.048-.12-.16-.168-.311L7.586 5.55a1.398 1.398 0 0 1-.072-.32c0-.128.064-.2.191-.2h.783c.151 0 .255.025.31.08.065.048.113.16.16.312l1.342 5.284 1.245-5.284c.04-.16.088-.264.151-.312a.549.549 0 0 1 .32-.08h.638c.152 0 .256.025.32.08.063.048.12.16.151.312l1.261 5.348 1.381-5.348c.048-.16.104-.264.16-.312a.52.52 0 0 1 .311-.08h.743c.127 0 .2.065.2.2 0 .04-.009.08-.017.128a1.137 1.137 0 0 1-.056.2l-1.923 6.17c-.048.16-.104.264-.168.312a.51.51 0 0 1-.303.08h-.687c-.151 0-.255-.024-.32-.08-.063-.056-.119-.16-.15-.32l-1.238-5.148-1.23 5.14c-.04.16-.087.264-.15.32-.065.056-.177.08-.32.08zm10.256.215c-.415 0-.83-.048-1.229-.143-.399-.096-.71-.2-.918-.32-.128-.071-.215-.151-.247-.223a.563.563 0 0 1-.048-.224v-.407c0-.167.064-.247.183-.247.048 0 .096.008.144.024.048.016.12.048.2.08.271.12.566.215.878.279.319.064.63.096.95.096.502 0 .894-.088 1.165-.264a.86.86 0 0 0 .415-.758.777.777 0 0 0-.215-.559c-.144-.151-.415-.287-.806-.415l-1.157-.36c-.583-.183-1.014-.454-1.277-.813a1.902 1.902 0 0 1-.4-1.158c0-.335.073-.63.216-.886.144-.255.336-.479.575-.654.24-.184.51-.32.83-.415.32-.096.655-.136 1.006-.136.176 0 .359.008.535.032.183.024.35.056.518.088.16.04.312.08.455.127.144.048.256.096.336.144a.69.69 0 0 1 .24.2.43.43 0 0 1 .071.263v.375c0 .168-.064.256-.184.256a.83.83 0 0 1-.303-.096 3.652 3.652 0 0 0-1.532-.311c-.455 0-.815.071-1.062.223-.248.152-.375.383-.375.71 0 .224.08.416.24.567.159.152.454.304.877.44l1.134.358c.574.184.99.44 1.237.767.247.327.367.702.367 1.117 0 .343-.072.655-.207.926-.144.272-.336.511-.583.703-.248.2-.543.343-.886.447-.36.111-.734.167-1.142.167z" }) });
+function CognitoButton({
+  children = "Continue with AWS",
+  redirectUri,
+  identityProvider,
+  onError,
+  className = "",
+  variant = "default",
+  disabled = false
+}) {
+  const { getCognitoOAuthUrl } = useGitHat();
+  const [isLoading, setIsLoading] = useState13(false);
+  const handleClick = useCallback4(async () => {
+    if (isLoading || disabled) return;
+    setIsLoading(true);
+    try {
+      const state = crypto.randomUUID();
+      sessionStorage.setItem("githat_cognito_oauth_state", state);
+      const { url } = await getCognitoOAuthUrl({ redirectUri, state, identityProvider });
+      window.location.href = url;
+    } catch (error) {
+      setIsLoading(false);
+      if (onError) {
+        onError(error instanceof Error ? error : new Error("Failed to start Cognito OAuth"));
+      }
+    }
+  }, [getCognitoOAuthUrl, redirectUri, identityProvider, onError, isLoading, disabled]);
+  const baseStyles = "githat-cognito-button";
+  const variantStyles = variant === "outline" ? "githat-cognito-button-outline" : "";
+  const disabledStyles = disabled || isLoading ? "githat-cognito-button-disabled" : "";
+  return /* @__PURE__ */ jsxs13(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: disabled || isLoading,
+      className: `${baseStyles} ${variantStyles} ${disabledStyles} ${className}`.trim(),
+      children: [
+        isLoading ? /* @__PURE__ */ jsx15("span", { className: "githat-cognito-spinner" }) : /* @__PURE__ */ jsx15(AWSIcon, {}),
+        /* @__PURE__ */ jsx15("span", { children })
+      ]
+    }
+  );
+}
+if (typeof document !== "undefined") {
+  const styleId = "githat-cognito-button-styles";
+  if (!document.getElementById(styleId)) {
+    const style = document.createElement("style");
+    style.id = styleId;
+    style.textContent = `
+      .githat-cognito-button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        padding: 0.625rem 1rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        border-radius: 0.375rem;
+        border: none;
+        cursor: pointer;
+        transition: all 0.15s ease;
+        background-color: #ff9900;
+        color: #232f3e;
+        width: 100%;
+      }
+      .githat-cognito-button:hover:not(:disabled) {
+        background-color: #ec7211;
+      }
+      .githat-cognito-button-outline {
+        background-color: transparent;
+        color: #ff9900;
+        border: 1px solid #ff9900;
+      }
+      .githat-cognito-button-outline:hover:not(:disabled) {
+        background-color: rgba(255, 153, 0, 0.1);
+      }
+      .githat-cognito-button-disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      .githat-cognito-spinner {
+        width: 1rem;
+        height: 1rem;
+        border: 2px solid currentColor;
+        border-top-color: transparent;
+        border-radius: 50%;
+        animation: githat-cognito-spin 0.6s linear infinite;
+      }
+      @keyframes githat-cognito-spin {
+        to { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+}
+
+// src/components/CognitoCallback.tsx
+import { useEffect as useEffect7, useState as useState14 } from "react";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function CognitoCallback({
+  redirectUrl = "/dashboard",
+  newUserRedirectUrl,
+  onSuccess,
+  onError,
+  loadingComponent,
+  errorComponent
+}) {
+  const { signInWithCognito } = useGitHat();
+  const { config } = useAuth();
+  const [error, setError] = useState14(null);
+  const [isProcessing, setIsProcessing] = useState14(true);
+  useEffect7(() => {
+    const handleCallback = async () => {
+      const params = new URLSearchParams(window.location.search);
+      const code = params.get("code");
+      const state = params.get("state");
+      const errorParam = params.get("error");
+      const errorDescription = params.get("error_description");
+      if (errorParam) {
+        const errorMsg = errorDescription || errorParam;
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      if (!code) {
+        const errorMsg = "No authorization code received";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      const savedState = sessionStorage.getItem("githat_cognito_oauth_state");
+      if (savedState && state !== savedState) {
+        const errorMsg = "Invalid state parameter";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(new Error(errorMsg));
+        }
+        return;
+      }
+      sessionStorage.removeItem("githat_cognito_oauth_state");
+      try {
+        const result = await signInWithCognito(code);
+        if (onSuccess) {
+          onSuccess(result);
+        }
+        const targetUrl = result.isNewUser && newUserRedirectUrl ? newUserRedirectUrl : redirectUrl || config.afterSignInUrl || "/dashboard";
+        window.location.href = targetUrl;
+      } catch (err) {
+        const errorMsg = err instanceof Error ? err.message : "Authentication failed";
+        setError(errorMsg);
+        setIsProcessing(false);
+        if (onError) {
+          onError(err instanceof Error ? err : new Error(errorMsg));
+        }
+      }
+    };
+    handleCallback();
+  }, [signInWithCognito, redirectUrl, newUserRedirectUrl, config.afterSignInUrl, onSuccess, onError]);
+  if (error) {
+    if (errorComponent) {
+      return /* @__PURE__ */ jsx16(Fragment4, { children: errorComponent(error) });
+    }
+    return /* @__PURE__ */ jsxs14("div", { className: "githat-callback-error", children: [
+      /* @__PURE__ */ jsx16("h2", { children: "Authentication Failed" }),
+      /* @__PURE__ */ jsx16("p", { children: error }),
+      /* @__PURE__ */ jsx16("a", { href: "/sign-in", children: "Back to Sign In" })
+    ] });
+  }
+  if (loadingComponent) {
+    return /* @__PURE__ */ jsx16(Fragment4, { children: loadingComponent });
+  }
+  return /* @__PURE__ */ jsxs14("div", { className: "githat-callback-loading", children: [
+    /* @__PURE__ */ jsx16("div", { className: "githat-callback-spinner" }),
+    /* @__PURE__ */ jsx16("p", { children: "Completing sign in with AWS Cognito..." })
+  ] });
+}
 export {
   ChangePasswordForm,
+  CognitoButton,
+  CognitoCallback,
   ForgotPasswordForm,
   GitHatProvider,
+  GitHubButton,
+  GitHubCallback,
   OrgSwitcher,
   ProtectedRoute,
   ResetPasswordForm,