d86418aad8
* feat: implement OAuth configuration helper and integrate into auth forms * fix: ensure OAuth providers are disabled by default if not configured
77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
// plane imports
|
|
import { API_BASE_URL } from "@plane/constants";
|
|
import type { TOAuthOption } from "@plane/ui";
|
|
// assets
|
|
import GithubLightLogo from "@/app/assets/logos/github-black.png?url";
|
|
import GithubDarkLogo from "@/app/assets/logos/github-dark.svg?url";
|
|
import GitlabLogo from "@/app/assets/logos/gitlab-logo.svg?url";
|
|
import GiteaLogo from "@/app/assets/logos/gitea-logo.svg?url";
|
|
import GoogleLogo from "@/app/assets/logos/google-logo.svg?url";
|
|
import type { IInstanceConfig } from "@plane/types";
|
|
|
|
export type OAuthConfigParams = {
|
|
OauthButtonContent: "Sign up" | "Sign in";
|
|
next_path: string | null;
|
|
config: IInstanceConfig | undefined;
|
|
resolvedTheme: string | undefined;
|
|
};
|
|
|
|
export const isOAuthEnabled = (config: IInstanceConfig | undefined) =>
|
|
(config &&
|
|
(config?.is_google_enabled ||
|
|
config?.is_github_enabled ||
|
|
config?.is_gitlab_enabled ||
|
|
config?.is_gitea_enabled)) ||
|
|
false;
|
|
|
|
export function OAUTH_CONFIG({
|
|
OauthButtonContent,
|
|
next_path,
|
|
config,
|
|
resolvedTheme,
|
|
}: OAuthConfigParams): TOAuthOption[] {
|
|
return [
|
|
{
|
|
id: "google",
|
|
text: `${OauthButtonContent} with Google`,
|
|
icon: <img src={GoogleLogo} className="h-4 w-4 object-contain" alt="Google Logo" />,
|
|
onClick: () => {
|
|
window.location.assign(`${API_BASE_URL}/auth/google/${next_path ? `?next_path=${next_path}` : ``}`);
|
|
},
|
|
enabled: config?.is_google_enabled || false,
|
|
},
|
|
{
|
|
id: "github",
|
|
text: `${OauthButtonContent} with GitHub`,
|
|
icon: (
|
|
<img
|
|
src={resolvedTheme === "dark" ? GithubDarkLogo : GithubLightLogo}
|
|
className="h-4 w-4 object-contain"
|
|
alt="GitHub Logo"
|
|
/>
|
|
),
|
|
onClick: () => {
|
|
window.location.assign(`${API_BASE_URL}/auth/github/${next_path ? `?next_path=${next_path}` : ``}`);
|
|
},
|
|
enabled: config?.is_github_enabled || false,
|
|
},
|
|
{
|
|
id: "gitlab",
|
|
text: `${OauthButtonContent} with GitLab`,
|
|
icon: <img src={GitlabLogo} className="h-4 w-4 object-contain" alt="GitLab Logo" />,
|
|
onClick: () => {
|
|
window.location.assign(`${API_BASE_URL}/auth/gitlab/${next_path ? `?next_path=${next_path}` : ``}`);
|
|
},
|
|
enabled: config?.is_gitlab_enabled || false,
|
|
},
|
|
{
|
|
id: "gitea",
|
|
text: `${OauthButtonContent} with Gitea`,
|
|
icon: <img src={GiteaLogo} className="h-4 w-4 object-contain" alt="Gitea Logo" />,
|
|
onClick: () => {
|
|
window.location.assign(`${API_BASE_URL}/auth/gitea/${next_path ? `?next_path=${next_path}` : ``}`);
|
|
},
|
|
enabled: config?.is_gitea_enabled || false,
|
|
},
|
|
];
|
|
}
|