@arch-cadre/auth-google 0.0.1

package/dist/actions/auth.cjs

@@ -0,0 +1,37 @@
+"use strict";
+"use server";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loginWithGoogle = loginWithGoogle;
+var _arctic = require("arctic");
+var _headers = require("next/headers");
+var _navigation = require("next/navigation");
+var _settings = require("./settings.cjs");
+async function loginWithGoogle() {
+  const config = await (0, _settings.getGoogleConfig)();
+  if (!config.clientId || !config.clientSecret) {
+    throw new Error("Google Auth is not configured. Please visit settings.");
+  }
+  const google = new _arctic.Google(config.clientId, config.clientSecret, config.redirectUri);
+  const state = (0, _arctic.generateState)();
+  const codeVerifier = (0, _arctic.generateCodeVerifier)();
+  const url = google.createAuthorizationURL(state, codeVerifier, ["openid", "profile", "email"]);
+  const cookieStore = await (0, _headers.cookies)();
+  cookieStore.set("google_oauth_state", state, {
+    path: "/",
+    secure: process.env.NODE_ENV === "production",
+    httpOnly: true,
+    maxAge: 60 * 10,
+    sameSite: "lax"
+  });
+  cookieStore.set("google_code_verifier", codeVerifier, {
+    path: "/",
+    secure: process.env.NODE_ENV === "production",
+    httpOnly: true,
+    maxAge: 60 * 10,
+    sameSite: "lax"
+  });
+  return (0, _navigation.redirect)(url.toString());
+}

package/dist/actions/auth.d.ts

@@ -0,0 +1 @@
+export declare function loginWithGoogle(): Promise<never>;

package/dist/actions/auth.mjs

@@ -0,0 +1,39 @@
+"use server";
+import { Google, generateCodeVerifier, generateState } from "arctic";
+import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
+import { getGoogleConfig } from "./settings.mjs";
+export async function loginWithGoogle() {
+  const config = await getGoogleConfig();
+  if (!config.clientId || !config.clientSecret) {
+    throw new Error("Google Auth is not configured. Please visit settings.");
+  }
+  const google = new Google(
+    config.clientId,
+    config.clientSecret,
+    config.redirectUri
+  );
+  const state = generateState();
+  const codeVerifier = generateCodeVerifier();
+  const url = google.createAuthorizationURL(state, codeVerifier, [
+    "openid",
+    "profile",
+    "email"
+  ]);
+  const cookieStore = await cookies();
+  cookieStore.set("google_oauth_state", state, {
+    path: "/",
+    secure: process.env.NODE_ENV === "production",
+    httpOnly: true,
+    maxAge: 60 * 10,
+    sameSite: "lax"
+  });
+  cookieStore.set("google_code_verifier", codeVerifier, {
+    path: "/",
+    secure: process.env.NODE_ENV === "production",
+    httpOnly: true,
+    maxAge: 60 * 10,
+    sameSite: "lax"
+  });
+  return redirect(url.toString());
+}

package/dist/actions/settings.cjs

@@ -0,0 +1,25 @@
+"use strict";
+"use server";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGoogleConfig = getGoogleConfig;
+exports.updateGoogleConfig = updateGoogleConfig;
+var _server = require("@arch-cadre/modules/server");
+var _cache = require("next/cache");
+async function getGoogleConfig() {
+  const config = await (0, _server.getModuleConfig)("google-auth");
+  return config ?? {
+    clientId: "",
+    clientSecret: "",
+    redirectUri: "http://localhost:3000/api/auth/google/callback"
+  };
+}
+async function updateGoogleConfig(config) {
+  await (0, _server.updateModuleConfig)("google-auth", config);
+  (0, _cache.revalidatePath)(`${(0, _server.getKryoPathPrefix)()}/google-auth/settings`);
+  return {
+    success: true
+  };
+}

package/dist/actions/settings.d.ts

@@ -0,0 +1,9 @@
+export interface GoogleAuthConfig {
+    clientId: string;
+    clientSecret: string;
+    redirectUri: string;
+}
+export declare function getGoogleConfig(): Promise<any>;
+export declare function updateGoogleConfig(config: GoogleAuthConfig): Promise<{
+    success: boolean;
+}>;

package/dist/actions/settings.mjs

@@ -0,0 +1,20 @@
+"use server";
+import {
+  getKryoPathPrefix,
+  getModuleConfig,
+  updateModuleConfig
+} from "@arch-cadre/modules/server";
+import { revalidatePath } from "next/cache";
+export async function getGoogleConfig() {
+  const config = await getModuleConfig("google-auth");
+  return config ?? {
+    clientId: "",
+    clientSecret: "",
+    redirectUri: "http://localhost:3000/api/auth/google/callback"
+  };
+}
+export async function updateGoogleConfig(config) {
+  await updateModuleConfig("google-auth", config);
+  revalidatePath(`${getKryoPathPrefix()}/google-auth/settings`);
+  return { success: true };
+}

package/dist/index.cjs

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _manifest = _interopRequireDefault(require("../manifest.json"));
+var _navigation = require("./navigation.cjs");
+var _routes = require("./routes.cjs");
+var _googleButton = require("./ui/google-button.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const googleAuthModule = {
+  manifest: _manifest.default,
+  routes: {
+    private: _routes.privateRoutes,
+    api: _routes.apiRoutes
+  },
+  extensions: [{
+    id: "google-login-signin",
+    targetModule: "auth",
+    point: "signin:extra-buttons",
+    component: _googleButton.GoogleLoginButton,
+    priority: 10
+  }, {
+    id: "google-login-signup",
+    targetModule: "auth",
+    point: "signup:extra-buttons",
+    component: _googleButton.GoogleLoginButton,
+    priority: 10
+  }],
+  navigation: _navigation.navigation
+};
+module.exports = googleAuthModule;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import type { IModule } from "@arch-cadre/modules";
+declare const googleAuthModule: IModule;
+export default googleAuthModule;

package/dist/index.mjs

@@ -0,0 +1,29 @@
+import manifest from "../manifest.json";
+import { navigation } from "./navigation.mjs";
+import { apiRoutes, privateRoutes } from "./routes.mjs";
+import { GoogleLoginButton } from "./ui/google-button.mjs";
+const googleAuthModule = {
+  manifest,
+  routes: {
+    private: privateRoutes,
+    api: apiRoutes
+  },
+  extensions: [
+    {
+      id: "google-login-signin",
+      targetModule: "auth",
+      point: "signin:extra-buttons",
+      component: GoogleLoginButton,
+      priority: 10
+    },
+    {
+      id: "google-login-signup",
+      targetModule: "auth",
+      point: "signup:extra-buttons",
+      component: GoogleLoginButton,
+      priority: 10
+    }
+  ],
+  navigation
+};
+export default googleAuthModule;

package/dist/intl.d.ts

@@ -0,0 +1,9 @@
+import type messages from "../locales/en/global.json";
+
+type JsonDataType = typeof messages;
+
+declare module "@arch-cadre/intl" {
+  export interface IntlMessages extends JsonDataType {}
+}
+
+export {};

package/dist/navigation.cjs

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navigation = void 0;
+var _intl = require("@arch-cadre/intl");
+const navigation = exports.navigation = {
+  admin: {
+    [(0, _intl.i18n)("Security")]: [{
+      id: "google-auth-settings",
+      title: (0, _intl.i18n)("Google Auth"),
+      url: "/google-auth/settings",
+      icon: "solar:lock-keyhole-bold-duotone"
+    }]
+  }
+};

package/dist/navigation.d.ts

@@ -0,0 +1,2 @@
+import type { ModuleNavigation } from "@arch-cadre/modules";
+export declare const navigation: ModuleNavigation;

package/dist/navigation.mjs

@@ -0,0 +1,13 @@
+import { i18n } from "@arch-cadre/intl";
+export const navigation = {
+  admin: {
+    [i18n("Security")]: [
+      {
+        id: "google-auth-settings",
+        title: i18n("Google Auth"),
+        url: "/google-auth/settings",
+        icon: "solar:lock-keyhole-bold-duotone"
+      }
+    ]
+  }
+};

package/dist/routes.cjs

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.privateRoutes = exports.apiRoutes = void 0;
+var _core = require("@arch-cadre/core");
+var _server = require("@arch-cadre/core/server");
+var _arctic = require("arctic");
+var _dynamic = _interopRequireDefault(require("next/dynamic"));
+var _headers = require("next/headers");
+var _settings = require("./actions/settings.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GoogleAuthSettingsPage = (0, _dynamic.default)(() => Promise.resolve().then(() => require("./ui/settings-page.cjs")));
+async function getGoogleClient() {
+  const config = await (0, _settings.getGoogleConfig)();
+  return new _arctic.Google(config.clientId, config.clientSecret, config.redirectUri);
+}
+const privateRoutes = exports.privateRoutes = [{
+  path: "/google-auth/settings",
+  // Będzie widoczne pod /module/google-auth/settings
+  component: GoogleAuthSettingsPage,
+  auth: true
+}];
+const apiRoutes = exports.apiRoutes = [{
+  path: "/api/auth/google/callback",
+  handler: async request => {
+    const google = await getGoogleClient();
+    const url = new URL(request.url);
+    const code = url.searchParams.get("code");
+    const state = url.searchParams.get("state");
+    const cookieStore = await (0, _headers.cookies)();
+    const storedState = cookieStore.get("google_oauth_state")?.value;
+    const codeVerifier = cookieStore.get("google_code_verifier")?.value;
+    if (!code || !state || !storedState || !codeVerifier || state !== storedState) {
+      return new Response("Invalid state or code", {
+        status: 400
+      });
+    }
+    try {
+      const tokens = await google.validateAuthorizationCode(code, codeVerifier);
+      const idToken = tokens.idToken();
+      const claims = (0, _arctic.decodeIdToken)(idToken);
+      let user = await (0, _server.getUserFromEmail)(claims.email);
+      if (!user) {
+        user = await (0, _server.createOAuthUser)(claims.email, claims.name, claims.picture);
+      }
+      const sessionToken = await (0, _server.generateSessionToken)();
+      const session = await (0, _server.createSession)(sessionToken, user.id, {});
+      await (0, _server.setSessionTokenCookie)(sessionToken, session.expiresAt);
+      const fullUser = await (0, _server.performFullUserAugmentation)(user);
+      await _core.eventBus.publish("auth:login", {
+        email: user.email,
+        userId: user.id
+      });
+      await _core.eventBus.publish("auth:session-created", {
+        session,
+        user: fullUser
+      });
+      return new Response(null, {
+        status: 302,
+        headers: {
+          Location: "/"
+        }
+      });
+    } catch (error) {
+      console.error("[GoogleAuth] Error during callback:", error);
+      return new Response("Authentication failed", {
+        status: 500
+      });
+    }
+  }
+}];

package/dist/routes.d.ts

@@ -0,0 +1,3 @@
+import type { ApiRouteDefinition, PrivateRouteDefinition } from "@arch-cadre/modules";
+export declare const privateRoutes: PrivateRouteDefinition[];
+export declare const apiRoutes: ApiRouteDefinition[];

package/dist/routes.mjs

@@ -0,0 +1,80 @@
+import { eventBus } from "@arch-cadre/core";
+import {
+  createOAuthUser,
+  createSession,
+  generateSessionToken,
+  getUserFromEmail,
+  performFullUserAugmentation,
+  setSessionTokenCookie
+} from "@arch-cadre/core/server";
+import { decodeIdToken, Google } from "arctic";
+import dynamic from "next/dynamic";
+import { cookies } from "next/headers";
+import { getGoogleConfig } from "./actions/settings.mjs";
+const GoogleAuthSettingsPage = dynamic(() => import("./ui/settings-page.mjs"));
+async function getGoogleClient() {
+  const config = await getGoogleConfig();
+  return new Google(config.clientId, config.clientSecret, config.redirectUri);
+}
+export const privateRoutes = [
+  {
+    path: "/google-auth/settings",
+    // Będzie widoczne pod /module/google-auth/settings
+    component: GoogleAuthSettingsPage,
+    auth: true
+  }
+];
+export const apiRoutes = [
+  {
+    path: "/api/auth/google/callback",
+    handler: async (request) => {
+      const google = await getGoogleClient();
+      const url = new URL(request.url);
+      const code = url.searchParams.get("code");
+      const state = url.searchParams.get("state");
+      const cookieStore = await cookies();
+      const storedState = cookieStore.get("google_oauth_state")?.value;
+      const codeVerifier = cookieStore.get("google_code_verifier")?.value;
+      if (!code || !state || !storedState || !codeVerifier || state !== storedState) {
+        return new Response("Invalid state or code", { status: 400 });
+      }
+      try {
+        const tokens = await google.validateAuthorizationCode(
+          code,
+          codeVerifier
+        );
+        const idToken = tokens.idToken();
+        const claims = decodeIdToken(idToken);
+        let user = await getUserFromEmail(claims.email);
+        if (!user) {
+          user = await createOAuthUser(
+            claims.email,
+            claims.name,
+            claims.picture
+          );
+        }
+        const sessionToken = await generateSessionToken();
+        const session = await createSession(sessionToken, user.id, {});
+        await setSessionTokenCookie(sessionToken, session.expiresAt);
+        const fullUser = await performFullUserAugmentation(user);
+        await eventBus.publish("auth:login", {
+          email: user.email,
+          userId: user.id
+        });
+        await eventBus.publish("auth:session-created", {
+          session,
+          user: fullUser
+        });
+        return new Response(null, {
+          status: 302,
+          headers: {
+            Location: "/"
+          }
+        });
+      } catch (error) {
+        console.error("[GoogleAuth] Error during callback:", error);
+        return new Response("Authentication failed", { status: 500 });
+      }
+    }
+  }
+];

package/dist/ui/google-button.cjs

@@ -0,0 +1,31 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GoogleLoginButton = GoogleLoginButton;
+var _intl = require("@arch-cadre/intl");
+var _ui = require("@arch-cadre/ui");
+var React = _interopRequireWildcard(require("react"));
+var _auth = require("../actions/auth.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function GoogleLoginButton() {
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  return /* @__PURE__ */React.createElement(_ui.Button, {
+    type: "button",
+    variant: "outline",
+    className: "w-full gap-2",
+    onClick: () => (0, _auth.loginWithGoogle)()
+  }, /* @__PURE__ */React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    className: "size-4"
+  }, /* @__PURE__ */React.createElement("title", null, t("Continue with Google")), /* @__PURE__ */React.createElement("path", {
+    d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z",
+    fill: "currentColor"
+  })), t("Continue with Google"));
+}

package/dist/ui/google-button.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function GoogleLoginButton(): React.JSX.Element;

package/dist/ui/google-button.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import { Button } from "@arch-cadre/ui";
+import * as React from "react";
+import { loginWithGoogle } from "../actions/auth.mjs";
+export function GoogleLoginButton() {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      className: "w-full gap-2",
+      onClick: () => loginWithGoogle()
+    },
+    /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        className: "size-4"
+      },
+      /* @__PURE__ */ React.createElement("title", null, t("Continue with Google")),
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z",
+          fill: "currentColor"
+        }
+      )
+    ),
+    t("Continue with Google")
+  );
+}

package/dist/ui/settings-page.cjs

@@ -0,0 +1,93 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = GoogleAuthSettingsPage;
+var _intl = require("@arch-cadre/intl");
+var _button = require("@arch-cadre/ui/components/button");
+var _card = require("@arch-cadre/ui/components/card");
+var _input = require("@arch-cadre/ui/components/input");
+var _label = require("@arch-cadre/ui/components/label");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _sonner = require("sonner");
+var _settings = require("../actions/settings.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function GoogleAuthSettingsPage() {
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const [config, setConfig] = (0, _react.useState)({
+    clientId: "",
+    clientSecret: "",
+    redirectUri: ""
+  });
+  const [loading, setLoading] = (0, _react.useState)(true);
+  (0, _react.useEffect)(() => {
+    (0, _settings.getGoogleConfig)().then(data => {
+      setConfig(data);
+      setLoading(false);
+    });
+  }, []);
+  const handleSave = async e => {
+    e.preventDefault();
+    try {
+      await (0, _settings.updateGoogleConfig)(config);
+      _sonner.toast.success(t("Settings saved successfully"));
+    } catch {
+      _sonner.toast.error(t("Failed to save settings. Please check your configuration and try again."));
+    }
+  };
+  if (loading) return /* @__PURE__ */React.createElement("div", null, t("Google Auth"));
+  return /* @__PURE__ */React.createElement("div", {
+    className: "container mx-auto py-10 max-w-2xl"
+  }, /* @__PURE__ */React.createElement(_card.Card, null, /* @__PURE__ */React.createElement(_card.CardHeader, null, /* @__PURE__ */React.createElement("div", null, t("Google Auth")), /* @__PURE__ */React.createElement("div", null, t("")), /* @__PURE__ */React.createElement(_card.CardTitle, null, t("Google Authentication Settings")), /* @__PURE__ */React.createElement(_card.CardDescription, null, t("Configure your Google OAuth2 credentials. You can find these in the Google Cloud Console."))), /* @__PURE__ */React.createElement(_card.CardContent, null, /* @__PURE__ */React.createElement("form", {
+    onSubmit: handleSave,
+    className: "space-y-4"
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "clientId"
+  }, t("Client ID")), /* @__PURE__ */React.createElement(_input.Input, {
+    id: "clientId",
+    value: config.clientId,
+    onChange: e => setConfig({
+      ...config,
+      clientId: e.target.value
+    }),
+    placeholder: "xxx.apps.googleusercontent.com"
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "clientSecret"
+  }, t("Client Secret")), /* @__PURE__ */React.createElement(_input.Input, {
+    id: "clientSecret",
+    type: "password",
+    value: config.clientSecret,
+    onChange: e => setConfig({
+      ...config,
+      clientSecret: e.target.value
+    }),
+    placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+  })), /* @__PURE__ */React.createElement("div", {
+    className: "space-y-2"
+  }, /* @__PURE__ */React.createElement(_label.Label, {
+    htmlFor: "redirectUri"
+  }, t("Redirect URI")), /* @__PURE__ */React.createElement(_input.Input, {
+    id: "redirectUri",
+    value: config.redirectUri,
+    onChange: e => setConfig({
+      ...config,
+      redirectUri: e.target.value
+    }),
+    placeholder: "http://localhost:3000/api/auth/google/callback"
+  }), /* @__PURE__ */React.createElement("p", {
+    className: "text-[10px] text-muted-foreground italic"
+  }, t("Must match exactly with Google Cloud Console configuration."))), /* @__PURE__ */React.createElement(_button.Button, {
+    type: "submit",
+    className: "w-full"
+  }, t("Save Configuration"))))));
+}

package/dist/ui/settings-page.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function GoogleAuthSettingsPage(): React.JSX.Element;

package/dist/ui/settings-page.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { useTranslation } from "@arch-cadre/intl";
+import { Button } from "@arch-cadre/ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+} from "@arch-cadre/ui/components/card";
+import { Input } from "@arch-cadre/ui/components/input";
+import { Label } from "@arch-cadre/ui/components/label";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { toast } from "sonner";
+import {
+  getGoogleConfig,
+  updateGoogleConfig
+} from "../actions/settings.mjs";
+export default function GoogleAuthSettingsPage() {
+  const { t } = useTranslation();
+  const [config, setConfig] = useState({
+    clientId: "",
+    clientSecret: "",
+    redirectUri: ""
+  });
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    getGoogleConfig().then((data) => {
+      setConfig(data);
+      setLoading(false);
+    });
+  }, []);
+  const handleSave = async (e) => {
+    e.preventDefault();
+    try {
+      await updateGoogleConfig(config);
+      toast.success(t("Settings saved successfully"));
+    } catch {
+      toast.error(
+        t(
+          "Failed to save settings. Please check your configuration and try again."
+        )
+      );
+    }
+  };
+  if (loading) return /* @__PURE__ */ React.createElement("div", null, t("Google Auth"));
+  return /* @__PURE__ */ React.createElement("div", { className: "container mx-auto py-10 max-w-2xl" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, null, /* @__PURE__ */ React.createElement("div", null, t("Google Auth")), /* @__PURE__ */ React.createElement("div", null, t("")), /* @__PURE__ */ React.createElement(CardTitle, null, t("Google Authentication Settings")), /* @__PURE__ */ React.createElement(CardDescription, null, t(
+    "Configure your Google OAuth2 credentials. You can find these in the Google Cloud Console."
+  ))), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("form", { onSubmit: handleSave, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "clientId" }, t("Client ID")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      id: "clientId",
+      value: config.clientId,
+      onChange: (e) => setConfig({ ...config, clientId: e.target.value }),
+      placeholder: "xxx.apps.googleusercontent.com"
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "clientSecret" }, t("Client Secret")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      id: "clientSecret",
+      type: "password",
+      value: config.clientSecret,
+      onChange: (e) => setConfig({ ...config, clientSecret: e.target.value }),
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+    }
+  )), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { htmlFor: "redirectUri" }, t("Redirect URI")), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      id: "redirectUri",
+      value: config.redirectUri,
+      onChange: (e) => setConfig({ ...config, redirectUri: e.target.value }),
+      placeholder: "http://localhost:3000/api/auth/google/callback"
+    }
+  ), /* @__PURE__ */ React.createElement("p", { className: "text-[10px] text-muted-foreground italic" }, t(
+    "Must match exactly with Google Cloud Console configuration."
+  ))), /* @__PURE__ */ React.createElement(Button, { type: "submit", className: "w-full" }, t("Save Configuration"))))));
+}

package/locales/en/global.json

@@ -0,0 +1,14 @@
+{
+  "Settings saved successfully": "Settings saved successfully",
+  "Failed to save settings. Please check your configuration and try again.": "Failed to save settings. Please check your configuration and try again.",
+  "Google Auth": "Google Auth",
+  "Google Authentication Settings": "Google Authentication Settings",
+  "Configure your Google OAuth2 credentials. You can find these in the Google Cloud Console.": "Configure your Google OAuth2 credentials. You can find these in the Google Cloud Console.",
+  "Client ID": "Client ID",
+  "Client Secret": "Client Secret",
+  "Redirect URI": "Redirect URI",
+  "Must match exactly with Google Cloud Console configuration.": "Must match exactly with Google Cloud Console configuration.",
+  "Save Configuration": "Save Configuration",
+  "Continue with Google": "Continue with Google",
+  "Security": "Security"
+}

package/manifest.json

@@ -0,0 +1,11 @@
+{
+  "id": "google-auth",
+  "name": "Google Authentication",
+  "version": "0.0.1",
+  "description": "Allows users to sign in using their Google account.",
+  "enabled": false,
+  "system": false,
+  "dependencies": ["auth"],
+  "extends": ["auth"],
+  "isNpm": true
+}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@arch-cadre/auth-google",
+  "version": "0.0.1",
+  "description": "Google Auth module for Kryo framework",
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "locales",
+    "manifest.json"
+  ],
+  "scripts": {
+    "release": "npm publish --access public --no-git-checks",
+    "clean": "rm -rf ./dist",
+    "switch:dev": "node scripts/switchToSrc.js",
+    "switch:prod": "node scripts/switchToDist.js",
+    "dev": "unbuild --stub",
+    "build": "unbuild"
+  },
+  "dependencies": {
+    "@arch-cadre/modules": "^0.0.15",
+    "@hookform/resolvers": "^3.10.0",
+    "@arch-cadre/ui": "^0.0.15",
+    "arctic": "^3.7.0",
+    "lucide-react": "^0.475.0",
+    "react-hook-form": "^7.54.2",
+    "sonner": "^2.0.7",
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "@arch-cadre/core": "^0.0.15",
+    "@arch-cadre/intl": "^0.0.15",
+    "@types/react": "^19",
+    "next": "16.1.1",
+    "react": "^19.0.0",
+    "typescript": "^5.3.3",
+    "unbuild": "^3.6.1"
+  },
+  "peerDependencies": {
+    "@arch-cadre/core": "^0.0.15",
+    "@arch-cadre/ui": "^0.0.15",
+    "next": ">=13.0.0",
+    "react": "^19.0.0"
+  },
+  "main": "./dist/index.mjs"
+}