Customer

import {
  provideContext,
  createCustomerService,
  createApiCustomerAdapter,
  CustomerServiceContext,
} from "@juo/blocks";

provideContext(
  root,
  CustomerServiceContext,
  createCustomerService(createApiCustomerAdapter({ baseUrl: "/api/v1" })),
);

type Customer = {
  id: string;
  name: string;
  email?: string;
  metadata?: Record<string, unknown>;
};

type CustomerService = {
  current: Signal<Customer | null>;
  getCurrent(): Promise<Result<Customer | null>>;
};

import {
  defineBlock,
  effect,
  untracked,
  injectContext,
  CustomerServiceContext,
} from "@juo/blocks";

defineBlock("Greeting", {
  group: "theme",
  schema: { /* ... */ } as const,
  initialValue: () => ({ props: {} }),
  renderer(block) {
    const el = document.createElement("h1");
    const customer = injectContext(el, CustomerServiceContext);

    void customer.getCurrent();

    effect(() => {
      const name = customer.current.value?.name ?? "Guest";
      untracked(() => {
        el.textContent = `Welcome back, ${name}`;
      });
    });

    return el;
  },
});