[VNDA] - Feat: add user

vnda/hooks/context.ts

@@ -1,15 +1,18 @@
 import { IS_BROWSER } from "$fresh/runtime.ts";
 import { signal } from "@preact/signals";
 import { invoke } from "../runtime.ts";
+import type { Person } from "../../commerce/types.ts";
 import type { Cart } from "../loaders/cart.ts";
 
 export interface Context {
+  user: Person | null;
   cart: Cart;
 }
 
 const loading = signal<boolean>(true);
 const context = {
-  cart: signal<Cart | null>(null),
+  user: IS_BROWSER && signal<Person | null>(null) || { value: null },
+  cart: IS_BROWSER && signal<Cart | null>(null) || { value: null },
 };
 
 let queue = Promise.resolve();
@@ -24,13 +27,14 @@ const enqueue = (
 
   queue = queue.then(async () => {
     try {
-      const { cart } = await cb(controller.signal);
+      const { user, cart } = await cb(controller.signal);
 
       if (controller.signal.aborted) {
         throw { name: "AbortError" };
       }
 
-      context.cart.value = { ...context.cart.value, ...cart };
+      context.cart.value = cart || context.cart.value;
+      context.user.value = user || context.user.value;
 
       loading.value = false;
     } catch (error) {
@@ -49,6 +53,7 @@ const enqueue = (
 const load = (signal: AbortSignal) =>
   invoke({
     cart: invoke.vnda.loaders.cart(),
+    user: invoke.vnda.loaders.user(),
   }, { signal });
 
 if (IS_BROWSER) {

vnda/hooks/useUser.ts

@@ -0,0 +1,7 @@
+import { state as storeState } from "./context.ts";
+
+const { user, loading } = storeState;
+
+const state = { user, loading };
+
+export const useUser = () => state;

vnda/loaders/user.ts

@@ -0,0 +1,37 @@
+import { Person } from "../../commerce/types.ts";
+import type { AppContext } from "../mod.ts";
+import { getUserCookie } from "../utils/user.ts";
+
+/**
+ * @title VNDA Integration
+ * @description User loader
+ */
+const loader = async (
+  _props: unknown,
+  req: Request,
+  ctx: AppContext,
+): Promise<Person | null> => {
+  const { api } = ctx;
+
+  const userAccessToken = getUserCookie(req.headers);
+
+  if (!userAccessToken) return null;
+
+  try {
+    const user = await api["GET /api/v2/clients/:id"]({ id: userAccessToken })
+      .then((res) => res.json());
+
+    if (!user) return null;
+
+    return {
+      "@id": String(user.id),
+      email: user.email ?? "",
+      givenName: user.first_name ?? "",
+      familyName: user.last_name ?? "",
+    };
+  } catch {
+    return null;
+  }
+};
+
+export default loader;

vnda/manifest.gen.ts

@@ -17,6 +17,7 @@ import * as $$$4 from "./loaders/productDetailsPageVideo.ts";
 import * as $$$5 from "./loaders/productList.ts";
 import * as $$$6 from "./loaders/productListingPage.ts";
 import * as $$$7 from "./loaders/proxy.ts";
+import * as $$$8 from "./loaders/user.ts";
 
 const manifest = {
   "loaders": {
@@ -28,6 +29,7 @@ const manifest = {
     "vnda/loaders/productList.ts": $$$5,
     "vnda/loaders/productListingPage.ts": $$$6,
     "vnda/loaders/proxy.ts": $$$7,
+    "vnda/loaders/user.ts": $$$8,
   },
   "handlers": {
     "vnda/handlers/sitemap.ts": $$$$0,

vnda/utils/user.ts

@@ -0,0 +1,23 @@
+import { getCookies, setCookie } from "std/http/cookie.ts";
+
+const AUTH_COOKIE = "client_id";
+
+const ONE_WEEK_MS = 7 * 24 * 3600 * 1_000;
+
+export const getUserCookie = (headers: Headers): string | undefined => {
+  const cookies = getCookies(headers);
+
+  return cookies[AUTH_COOKIE];
+};
+
+export const setUserCookie = (headers: Headers, accessToken: string) => {
+  setCookie(headers, {
+    name: AUTH_COOKIE,
+    value: accessToken,
+    path: "/",
+    expires: new Date(Date.now() + ONE_WEEK_MS),
+    httpOnly: true,
+    secure: true,
+    sameSite: "Lax",
+  });
+};