dn-react-router-toolkit 0.1.0

package/dist/cjs/seo-kit/seo.js

@@ -0,0 +1,286 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configSEO = configSEO;
+const react_1 = __importDefault(require("react"));
+function configSEO(config) {
+    return {
+        config,
+        async init(props = {}) {
+            var _a;
+            const canonicalPath = props.canonicalPath;
+            const url = canonicalPath
+                ? `${config.origin}${canonicalPath}`
+                : `${config.origin}${props.path || ""}`;
+            const pageTitle = props.title
+                ? `${props.title} | ${config.siteName}`
+                : config.siteName;
+            const description = props.description || config.description;
+            const keywords = props.keywords || config.keywords;
+            const websiteSchemaId = `${config.origin}/#website`;
+            const websiteSchema = {
+                "@type": "WebSite",
+                "@id": websiteSchemaId,
+                url: config.origin,
+                name: config.siteName,
+                alternateName: config.siteName,
+                description: config.description,
+                inLanguage: "ko",
+            };
+            const thumbnailSchemaId = `${url}/#thumbnail`;
+            const thumbnail = props.thumbnail ||
+                (typeof config.thumbnail === "function"
+                    ? await config.thumbnail()
+                    : config.thumbnail);
+            const thumbnailUrl = thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.url;
+            const socialImage = thumbnail
+                ? [
+                    typeof thumbnail === "string"
+                        ? {
+                            url: thumbnail,
+                            alt: `${props.title} 대표 이미지`,
+                        }
+                        : thumbnail,
+                ]
+                : [];
+            const images = [
+                ...(thumbnailUrl
+                    ? [
+                        {
+                            id: thumbnailSchemaId,
+                            url: thumbnailUrl,
+                            alt: `${props.title} 대표 이미지`,
+                        },
+                    ]
+                    : []),
+                ...(props.images || []),
+                ...(((_a = props.collection) === null || _a === void 0 ? void 0 : _a.map((portfolio) => portfolio.thumbnail)) || []),
+            ].filter(Boolean);
+            const image = images
+                .filter((file) => file.id)
+                .map((file) => ({
+                "@type": "ImageObject",
+                "@id": `${url}/#${file.id}`,
+            }));
+            const breadcrumbSchemaId = `${url}#breadcrumb`;
+            const updatedAt = props.updatedAt;
+            const createdAt = props.createdAt;
+            const meta = () => {
+                return [
+                    { title: pageTitle },
+                    { name: "description", content: description },
+                    { name: "keywords", content: (keywords === null || keywords === void 0 ? void 0 : keywords.join(", ")) || "" },
+                    {
+                        tagName: "link",
+                        rel: "canonical",
+                        href: url,
+                    },
+                    { property: "og:type", content: props.type || "website" },
+                    { property: "og:title", content: pageTitle },
+                    { property: "og:description", content: description },
+                    { property: "og:url", content: url },
+                    { property: "og:site_name", content: config.siteName },
+                    ...socialImage.map((file) => ({
+                        property: "og:image",
+                        content: file.url,
+                    })),
+                    {
+                        property: "twitter:card",
+                        content: socialImage.length > 0 ? "summary_large_image" : "summary",
+                    },
+                    { property: "twitter:title", content: pageTitle },
+                    { property: "twitter:description", content: description },
+                    ...socialImage.map((file) => ({
+                        property: "twitter:image",
+                        content: file.url,
+                    })),
+                ];
+            };
+            const additionalStructedData = [
+                ...(typeof props.structedData === "function"
+                    ? await props.structedData()
+                    : props.structedData || []),
+                ...(typeof config.structedData === "function"
+                    ? await config.structedData()
+                    : config.structedData || []),
+            ];
+            function getStructedData() {
+                const collectionMainEntity = props.collection
+                    ? {
+                        "@type": "ItemList",
+                        numberOfItems: props.collection.length,
+                        itemListElement: props.collection.map((item, index) => {
+                            var _a, _b, _c, _d;
+                            return ({
+                                "@type": "ListItem",
+                                position: index + 1,
+                                url: item.url,
+                                item: {
+                                    "@type": "WebPage",
+                                    "@id": `${item.url}#webpage`,
+                                    url: item.url,
+                                    name: item.title,
+                                    thumbnailUrl: (_a = item.thumbnail) === null || _a === void 0 ? void 0 : _a.url,
+                                    dateModified: (_b = item.updatedAt) === null || _b === void 0 ? void 0 : _b.toISOString(),
+                                    dateCreated: (_c = item.createdAt) === null || _c === void 0 ? void 0 : _c.toISOString(),
+                                    datePublished: (_d = item.createdAt) === null || _d === void 0 ? void 0 : _d.toISOString(),
+                                },
+                            });
+                        }),
+                    }
+                    : undefined;
+                return {
+                    "@context": "https://schema.org",
+                    "@graph": [
+                        {
+                            "@type": "WebPage",
+                            "@id": `${url}#webpage`,
+                            url,
+                            name: pageTitle,
+                            description,
+                            keywords: keywords,
+                            dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                            datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                            dateCreated: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                            primaryImageOfPage: thumbnail
+                                ? {
+                                    "@id": thumbnailSchemaId,
+                                }
+                                : undefined,
+                            isPartOf: {
+                                "@id": websiteSchemaId,
+                            },
+                            inLanguage: "ko",
+                            breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0
+                                ? {
+                                    "@id": breadcrumbSchemaId,
+                                }
+                                : undefined,
+                            image,
+                            mainEntity: collectionMainEntity,
+                        },
+                        props.article &&
+                            {
+                                "@type": "Article",
+                                "@id": `${url}#article`,
+                                url,
+                                name: pageTitle,
+                                description,
+                                keywords: keywords,
+                                headline: pageTitle,
+                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                                dateCreated: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                                isPartOf: {
+                                    "@id": websiteSchemaId,
+                                },
+                                inLanguage: "ko",
+                                image,
+                            },
+                        props.blogPosting &&
+                            {
+                                "@type": "BlogPosting",
+                                "@id": `${url}/#blogposting`,
+                                url,
+                                headline: pageTitle,
+                                description: description,
+                                thumbnailUrl,
+                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                                isPartOf: { "@id": websiteSchemaId },
+                                image,
+                            },
+                        props.creativeWork &&
+                            {
+                                "@type": "CreativeWork",
+                                "@id": `${url}/#creativework`,
+                                url,
+                                name: pageTitle,
+                                description: description,
+                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                                isPartOf: { "@id": websiteSchemaId },
+                                thumbnailUrl,
+                                image,
+                            },
+                        props.visualArtwork &&
+                            {
+                                "@type": "VisualArtwork",
+                                "@id": `${url}/#visualartwork`,
+                                url,
+                                name: pageTitle,
+                                description: description,
+                                datePublished: createdAt === null || createdAt === void 0 ? void 0 : createdAt.toISOString(),
+                                dateModified: updatedAt === null || updatedAt === void 0 ? void 0 : updatedAt.toISOString(),
+                                isPartOf: { "@id": websiteSchemaId },
+                                thumbnailUrl,
+                                image,
+                            },
+                        props.collection &&
+                            {
+                                "@type": "CollectionPage",
+                                "@id": `${url}/#collectionpage`,
+                                url: url,
+                                name: pageTitle,
+                                description: description,
+                                isPartOf: { "@id": websiteSchemaId },
+                                image,
+                                inLanguage: "ko-KR",
+                                breadcrumb: props.breadcrumbs && props.breadcrumbs.length > 0
+                                    ? {
+                                        "@id": `${url}/#breadcrumb`,
+                                    }
+                                    : undefined,
+                                mainEntity: collectionMainEntity,
+                            },
+                        websiteSchema,
+                        props.breadcrumbs &&
+                            props.breadcrumbs.length > 0 &&
+                            {
+                                "@id": breadcrumbSchemaId,
+                                "@type": "BreadcrumbList",
+                                itemListElement: props.breadcrumbs.map((breadcrumb, index) => ({
+                                    "@type": "ListItem",
+                                    position: index + 1,
+                                    name: breadcrumb.label,
+                                    item: `${config.origin}${breadcrumb.href}`,
+                                })),
+                            },
+                        ...additionalStructedData,
+                        ...images.map((file) => {
+                            var _a, _b;
+                            return {
+                                "@type": "ImageObject",
+                                "@id": `${url}/#${file.id}`,
+                                url: file.url,
+                                contentUrl: file.url,
+                                name: file.alt,
+                                description: file.alt,
+                                width: (_a = file === null || file === void 0 ? void 0 : file.width) === null || _a === void 0 ? void 0 : _a.toString(),
+                                height: (_b = file === null || file === void 0 ? void 0 : file.height) === null || _b === void 0 ? void 0 : _b.toString(),
+                                creditText: config.copyright,
+                                license: `${config.origin}/terms`,
+                                copyrightNotice: config.copyright,
+                                acquireLicensePage: `${config.origin}/terms`,
+                            };
+                        }),
+                    ].filter(Boolean),
+                };
+            }
+            function generateJSONLD() {
+                const structedData = getStructedData();
+                return (react_1.default.createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
+                        __html: JSON.stringify(structedData).replace(/</g, "\\u003c"),
+                    } }));
+            }
+            return {
+                config,
+                props,
+                meta,
+                generateJSONLD,
+            };
+        },
+    };
+}

package/dist/cjs/seo-kit/seo_loader.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSEOLoader = createSEOLoader;
+const loader_1 = require("./loader");
+const react_1 = __importDefault(require("react"));
+function createSEOLoader(fn = () => ({})) {
+    const loader = (0, loader_1.createLoader)(fn);
+    return Object.assign(Object.assign({}, loader), { meta: loader.wrap((data) => data.seo.meta), Page(Fc) {
+            return loader.wrap((data) => {
+                var _a;
+                return (react_1.default.createElement(react_1.default.Fragment, null, (_a = data.seo) === null || _a === void 0 ? void 0 :
+                    _a.generateJSONLD(),
+                    react_1.default.createElement(Fc, Object.assign({}, data))));
+            });
+        } });
+}

package/dist/cjs/singleton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.singleton = singleton;
+function singleton(name, fn) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const globalAny = globalThis;
+    globalAny.__singletons = globalAny.__singletons || {};
+    if (!globalAny.__singletons[name]) {
+        globalAny.__singletons[name] = fn();
+    }
+    return globalAny.__singletons[name];
+}

package/dist/cjs/slug.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toSlug = void 0;
+const toSlug = (str) => {
+    return str
+        .toLowerCase()
+        .replace(/[^a-zA-Z0-9가-힣ㄱ-ㅎㅏ-ㅣ]+/g, "-")
+        .replace(/^-|-$/g, "");
+};
+exports.toSlug = toSlug;

package/dist/esm/auth-kit/apple_auth.d.ts

@@ -0,0 +1,15 @@
+import { AuthService } from "./auth_service";
+export declare class AppleAuth {
+    AUTH: AuthService;
+    constructor(AUTH: AuthService);
+    signIn(code: string, type?: "web" | "app"): Promise<{
+        user: {
+            id: string;
+            role: string;
+            name: string;
+        };
+        accessToken: string;
+        refreshToken: string;
+    }>;
+    private generateAppleClientSecret;
+}

package/dist/esm/auth-kit/apple_auth.js

@@ -0,0 +1,56 @@
+import { decodeJwt, importPKCS8, SignJWT } from "jose";
+export class AppleAuth {
+    constructor(AUTH) {
+        this.AUTH = AUTH;
+    }
+    async signIn(code, type = "web") {
+        const url = "https://appleid.apple.com/auth/token";
+        const client_secret = await this.generateAppleClientSecret(type);
+        const res = await fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/x-www-form-urlencoded",
+            },
+            body: new URLSearchParams({
+                client_id: type === "web"
+                    ? process.env.APPLE_SERVICE_ID
+                    : process.env.APPLE_CLIENT_ID,
+                client_secret,
+                code,
+                grant_type: "authorization_code",
+            }),
+        });
+        if (!res.ok) {
+            console.error(await res.text());
+            throw new Error("Apple 인증에 실패했습니다.");
+        }
+        const data = await res.json();
+        const { id_token } = data;
+        const payload = decodeJwt(id_token);
+        const { sub, email, name } = payload;
+        const user = await this.AUTH.getOrCreateUser("apple", {
+            id: sub,
+            email,
+            name,
+        });
+        const { accessToken, refreshToken } = await this.AUTH.issueTokenPair(user);
+        return { user, accessToken, refreshToken };
+    }
+    async generateAppleClientSecret(type = "web") {
+        const authKey = process.env.APPLE_AUTH_KEY;
+        const teamId = process.env.APPLE_TEAM_ID;
+        const keyId = process.env.APPLE_KEY_ID;
+        const clientId = type === "web"
+            ? process.env.APPLE_SERVICE_ID
+            : process.env.APPLE_CLIENT_ID;
+        const keyObject = await importPKCS8(authKey, "ES256");
+        return new SignJWT()
+            .setProtectedHeader({ alg: "ES256", kid: keyId })
+            .setIssuedAt()
+            .setIssuer(teamId)
+            .setExpirationTime("1h")
+            .setAudience("https://appleid.apple.com")
+            .setSubject(clientId)
+            .sign(keyObject);
+    }
+}

package/dist/esm/auth-kit/auth_service.d.ts

@@ -0,0 +1,67 @@
+import { JWTManager } from "./jwt";
+import { ObjectStorage } from "../file-kit/object_storage";
+import { type AuthRepository } from "./repository";
+export declare const ACCESS_TOKEN_KEY = "access_token";
+export declare const REFRESH_TOKEN_KEY = "refresh_token";
+export declare const ACCESS_TOKEN_COOKIE: import("react-router").Cookie;
+export declare const REFRESH_TOKEN_COOKIE: import("react-router").Cookie;
+export declare class AuthService {
+    repository: AuthRepository;
+    JWT_MANAGER: JWTManager;
+    OBJECT_STORAGE: ObjectStorage;
+    constructor({ repository, JWT_MANAGER, OBJECT_STORAGE, }: {
+        repository: AuthRepository;
+        JWT_MANAGER: JWTManager;
+        OBJECT_STORAGE: ObjectStorage;
+    });
+    verify(request: Request): Promise<import("jose").JWTPayload | undefined>;
+    verifyOrRefresh(request: Request): Promise<import("jose").JWTPayload | undefined>;
+    getAccessTokenFromCookies(request: Request): Promise<any>;
+    getRefreshTokenFromCookies(request: Request): Promise<any>;
+    refresh(request: Request): Promise<import("jose").JWTPayload | undefined>;
+    signIn({ id, password }: {
+        id: string;
+        password: string;
+    }): Promise<{
+        accessToken: string;
+        refreshToken: string;
+    }>;
+    issueAccessToken(user: {
+        id: string;
+        role: string;
+        name: string;
+    }): Promise<string>;
+    issueTokenPair(user: {
+        id: string;
+        role: string;
+        name: string;
+    }): Promise<{
+        refreshToken: string;
+        accessToken: string;
+    }>;
+    refreshAccessToken(refreshToken: string): Promise<string>;
+    getAccessTokenSetCookie(accessToken: string | null): Promise<string>;
+    getRefreshTokenSetCookie(refreshToken: string | null): Promise<string>;
+    findUser(provider: string, info: {
+        id: string;
+        email: string;
+        name?: string;
+        picture?: string;
+    }): Promise<{
+        id: string;
+        role: string;
+        name: string;
+        refreshToken: string | null;
+    } | undefined>;
+    getOrCreateUser(provider: string, info: {
+        id: string;
+        email: string;
+        name?: string;
+        picture?: string;
+    }): Promise<{
+        id: string;
+        role: string;
+        name: string;
+    }>;
+    protected savePicture(picture?: string): Promise<string | undefined>;
+}

package/dist/esm/auth-kit/auth_service.js

@@ -0,0 +1,197 @@
+import bcryptjs from "bcryptjs";
+import { v4 } from "uuid";
+import { createCookie } from "react-router";
+export const ACCESS_TOKEN_KEY = "access_token";
+export const REFRESH_TOKEN_KEY = "refresh_token";
+export const ACCESS_TOKEN_COOKIE = createCookie(ACCESS_TOKEN_KEY, {
+    path: "/",
+    httpOnly: process.env.NODE_ENV === "production",
+    secure: process.env.NODE_ENV === "production",
+    sameSite: "strict",
+});
+export const REFRESH_TOKEN_COOKIE = createCookie(REFRESH_TOKEN_KEY, {
+    path: "/",
+    httpOnly: process.env.NODE_ENV === "production",
+    secure: process.env.NODE_ENV === "production",
+    sameSite: "strict",
+});
+export class AuthService {
+    constructor({ repository, JWT_MANAGER, OBJECT_STORAGE, }) {
+        this.repository = repository;
+        this.JWT_MANAGER = JWT_MANAGER;
+        this.OBJECT_STORAGE = OBJECT_STORAGE;
+    }
+    async verify(request) {
+        var _a;
+        const accessToken = ((_a = request === null || request === void 0 ? void 0 : request.headers.get("Authorization")) === null || _a === void 0 ? void 0 : _a.replace("Bearer ", "")) ||
+            (await this.getAccessTokenFromCookies(request));
+        if (accessToken) {
+            return this.JWT_MANAGER.verifyAccessToken(accessToken);
+        }
+    }
+    async verifyOrRefresh(request) {
+        const payload = await this.verify(request);
+        if (payload) {
+            return payload;
+        }
+        return this.refresh(request);
+    }
+    async getAccessTokenFromCookies(request) {
+        var _a;
+        const cookieStore = await ACCESS_TOKEN_COOKIE.parse(request.headers.get("cookie"));
+        return (_a = cookieStore.get(ACCESS_TOKEN_KEY)) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    async getRefreshTokenFromCookies(request) {
+        var _a;
+        const cookieStore = await REFRESH_TOKEN_COOKIE.parse(request.headers.get("cookie"));
+        return (_a = cookieStore.get(REFRESH_TOKEN_KEY)) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    async refresh(request) {
+        const refreshToken = await this.getRefreshTokenFromCookies(request);
+        if (refreshToken) {
+            try {
+                const refreshedAccessToken = await this.refreshAccessToken(refreshToken);
+                await this.getAccessTokenSetCookie(refreshedAccessToken);
+                const payload = this.JWT_MANAGER.decode(refreshedAccessToken);
+                if (payload) {
+                    return payload;
+                }
+            }
+            catch (e) {
+                if (e instanceof Error) {
+                    console.log(e.message);
+                }
+                return;
+            }
+        }
+    }
+    async signIn({ id, password }) {
+        const credential = await this.repository.findCredentialById(id);
+        if (!credential) {
+            throw Error("아이디 또는 비밀번호가 틀렸습니다.");
+        }
+        if (!(await bcryptjs.compare(password, credential.password))) {
+            throw Error("아이디 또는 비밀번호가 틀렸습니다.");
+        }
+        const user = await this.repository.findUserById(credential.userId);
+        if (!user) {
+            throw Error("회원 정보를 찾을 수 없습니다.");
+        }
+        const { accessToken, refreshToken } = await this.issueTokenPair(user);
+        return {
+            accessToken,
+            refreshToken,
+        };
+    }
+    async issueAccessToken(user) {
+        return this.JWT_MANAGER.signAccessToken({
+            userId: user.id,
+            role: user.role,
+            name: user.name,
+        });
+    }
+    async issueTokenPair(user) {
+        const refreshToken = await this.JWT_MANAGER.signRefreshToken({
+            userId: user.id,
+            role: user.role,
+            name: user.name,
+        });
+        await this.repository.updateUserRefreshToken(user.id, await bcryptjs.hash(refreshToken, 10));
+        const accessToken = await this.issueAccessToken(user);
+        return { refreshToken, accessToken };
+    }
+    async refreshAccessToken(refreshToken) {
+        const payload = await this.JWT_MANAGER.verifyRefreshToken(refreshToken);
+        if (!payload) {
+            throw new Error("토큰이 유효하지 않습니다.");
+        }
+        const { userId } = payload;
+        if (typeof userId !== "string") {
+            throw new Error("토큰이 유효하지 않습니다.");
+        }
+        const user = await this.repository.findUserById(userId);
+        if (!user) {
+            throw Error("이용자를 찾지 못했습니다.");
+        }
+        if (!user.refreshToken) {
+            throw Error("인증 정보를 찾지 못했습니다.");
+        }
+        if (await bcryptjs.compare(user.refreshToken, refreshToken)) {
+            throw Error("토큰이 유효하지 않습니다.");
+        }
+        const accessToken = await this.issueAccessToken(user);
+        return accessToken;
+    }
+    async getAccessTokenSetCookie(accessToken) {
+        return ACCESS_TOKEN_COOKIE.serialize(accessToken, {
+            expires: accessToken
+                ? this.JWT_MANAGER.getExpirationTime(accessToken)
+                : new Date(0),
+        });
+    }
+    async getRefreshTokenSetCookie(refreshToken) {
+        return REFRESH_TOKEN_COOKIE.serialize(refreshToken, {
+            expires: refreshToken
+                ? this.JWT_MANAGER.getExpirationTime(refreshToken)
+                : new Date(0),
+        });
+    }
+    async findUser(provider, info) {
+        const thirdPartyAuth = await this.repository.findThirdPartyAuth(provider, info.id);
+        if (thirdPartyAuth) {
+            const user = await this.repository.findUserById(thirdPartyAuth.userId);
+            if (user) {
+                return user;
+            }
+        }
+    }
+    async getOrCreateUser(provider, info) {
+        const thirdPartyAuth = await this.repository.findThirdPartyAuth(provider, info.id);
+        if (thirdPartyAuth) {
+            const user = await this.repository.findUserById(thirdPartyAuth.userId);
+            if (user) {
+                return user;
+            }
+        }
+        const userId = v4();
+        const email = info.email;
+        const name = info.name || "익명";
+        const picture = info.picture;
+        const profileImageId = (await this.savePicture(picture)) || null;
+        const result = await this.repository.createUser({
+            id: userId,
+            role: "user",
+            profileImageId,
+            name,
+            email,
+        });
+        await this.repository.createThirdPartyAuth({
+            id: info.id,
+            provider,
+            userId,
+        });
+        return result;
+    }
+    async savePicture(picture) {
+        if (!picture) {
+            return;
+        }
+        const res = await fetch(picture);
+        if (!res.ok) {
+            return;
+        }
+        const buffer = await res.arrayBuffer();
+        const id = v4();
+        const key = `/users/${id}/picture`;
+        await this.OBJECT_STORAGE.put(key, Buffer.from(buffer));
+        await this.repository.createFile({
+            id,
+            name: "picture",
+            type: "image/*",
+            key,
+            size: buffer.byteLength,
+            metadata: {},
+        });
+        return id;
+    }
+}

package/dist/esm/auth-kit/client/google_login_button.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare function GoogleLoginButton({ className, GOOGLE_CLIENT_ID, GOOGLE_REDIRECT_URI, }: {
+    className?: string;
+    GOOGLE_CLIENT_ID: string;
+    GOOGLE_REDIRECT_URI: string;
+}): React.JSX.Element;