@lukoweb/apitogo-module-user-panel 0.2.22 → 0.2.24

package/src/userPanelModule.tsx

@@ -1,152 +1,152 @@
-import type {
-  ResolvedDashboardModule,
-  ResolvedPlansModule,
-  ResolvedUserManagementModule,
-  ResolvedUserPanelModule,
-} from "@lukoweb/apitogo";
-import {
-  CreditCardIcon,
-  LayoutDashboardIcon,
-  SettingsIcon,
-} from "@lukoweb/apitogo/icons";
-import type {
-  ProfileMenuPlugin,
-  ApitogoPlugin,
-} from "@lukoweb/apitogo/plugins";
-import type { ComponentType, ReactNode } from "react";
-import type { RouteObject } from "react-router";
-import { toAccountChildPath } from "./account-paths.js";
-import { AccountLayout } from "./components/AccountLayout.js";
-import { DefaultDashboardPage } from "./pages/DefaultDashboardPage.js";
-import { DefaultPlansPage } from "./pages/DefaultPlansPage.js";
-import { SettingsPage } from "./pages/SettingsPage.js";
-import { renderModuleElement } from "./renderModuleElement.js";
-
-type DashboardModuleOptions = ResolvedDashboardModule & {
-  component?: ComponentType | ReactNode;
-};
-
-type UserManagementModuleOptions = ResolvedUserManagementModule & {
-  component?: ComponentType | ReactNode;
-};
-
-type PlansModuleOptions = ResolvedPlansModule & {
-  component?: ComponentType | ReactNode;
-};
-
-export type UserPanelModuleOptions = ResolvedUserPanelModule & {
-  dashboard: DashboardModuleOptions;
-  userManagement: UserManagementModuleOptions;
-  plans: PlansModuleOptions;
-};
-
-const protectAccountRoute = (
-  protectedRoutes: string[],
-  enabled: boolean,
-  path: string,
-) => {
-  if (enabled) {
-    protectedRoutes.push(path);
-  }
-};
-
-export const userPanelModule = (
-  options: UserPanelModuleOptions,
-): (ApitogoPlugin & ProfileMenuPlugin) | undefined => {
-  if (!options.enabled) {
-    return undefined;
-  }
-
-  const routes: RouteObject[] = [];
-  const protectedRoutes: string[] = [];
-  const profileMenuItems: ReturnType<ProfileMenuPlugin["getProfileMenuItems"]> =
-    [];
-  const protectAccountRoutes = options.userManagement.enabled;
-  const basePath = options.basePath ?? "/account";
-  const accountChildren: RouteObject[] = [];
-
-  if (options.dashboard.enabled) {
-    accountChildren.push({
-      path: toAccountChildPath(basePath, options.dashboard.path),
-      element: renderModuleElement(
-        options.dashboard.component,
-        <DefaultDashboardPage content={options.dashboard.content} />,
-      ),
-      handle: { layout: "none" },
-    });
-    protectAccountRoute(
-      protectedRoutes,
-      protectAccountRoutes,
-      options.dashboard.path,
-    );
-    profileMenuItems.push({
-      label: "Dashboard",
-      path: options.dashboard.path,
-      category: "top",
-      icon: LayoutDashboardIcon,
-      weight: 10,
-    });
-  }
-
-  if (options.userManagement.enabled) {
-    const profilePath = options.userManagement.routes.profile;
-    accountChildren.push({
-      path: toAccountChildPath(basePath, profilePath),
-      element: renderModuleElement(
-        options.userManagement.component,
-        <SettingsPage content={options.userManagement.content} />,
-      ),
-      handle: { layout: "none" },
-    });
-    protectAccountRoute(protectedRoutes, protectAccountRoutes, profilePath);
-    profileMenuItems.push({
-      label: "Settings",
-      path: profilePath,
-      category: "middle",
-      icon: SettingsIcon,
-      weight: 20,
-    });
-  }
-
-  if (options.plans.enabled) {
-    accountChildren.push({
-      path: toAccountChildPath(basePath, options.plans.path),
-      element: renderModuleElement(
-        options.plans.component,
-        <DefaultPlansPage content={options.plans.content} />,
-      ),
-      handle: { layout: "none" },
-    });
-    protectAccountRoute(protectedRoutes, true, options.plans.path);
-    profileMenuItems.push({
-      label: "Plans",
-      path: options.plans.path,
-      category: "middle",
-      icon: CreditCardIcon,
-      weight: 30,
-    });
-  }
-
-  if (options.apiKeys.enabled) {
-    protectAccountRoute(
-      protectedRoutes,
-      protectAccountRoutes,
-      options.apiKeys.path,
-    );
-  }
-
-  if (accountChildren.length > 0) {
-    routes.push({
-      path: basePath,
-      element: <AccountLayout basePath={basePath} />,
-      handle: { layout: "default" },
-      children: accountChildren,
-    });
-  }
-
-  return {
-    getRoutes: () => routes,
-    getProtectedRoutes: () => protectedRoutes,
-    getProfileMenuItems: () => profileMenuItems,
-  };
-};
+import type {
+  ResolvedDashboardModule,
+  ResolvedPlansModule,
+  ResolvedUserManagementModule,
+  ResolvedUserPanelModule,
+} from "@lukoweb/apitogo";
+import {
+  CreditCardIcon,
+  LayoutDashboardIcon,
+  SettingsIcon,
+} from "@lukoweb/apitogo/icons";
+import type {
+  ProfileMenuPlugin,
+  ApitogoPlugin,
+} from "@lukoweb/apitogo/plugins";
+import type { ComponentType, ReactNode } from "react";
+import type { RouteObject } from "react-router";
+import { toAccountChildPath } from "./account-paths.js";
+import { AccountLayout } from "./components/AccountLayout.js";
+import { DefaultDashboardPage } from "./pages/DefaultDashboardPage.js";
+import { DefaultPlansPage } from "./pages/DefaultPlansPage.js";
+import { SettingsPage } from "./pages/SettingsPage.js";
+import { renderModuleElement } from "./renderModuleElement.js";
+
+type DashboardModuleOptions = ResolvedDashboardModule & {
+  component?: ComponentType | ReactNode;
+};
+
+type UserManagementModuleOptions = ResolvedUserManagementModule & {
+  component?: ComponentType | ReactNode;
+};
+
+type PlansModuleOptions = ResolvedPlansModule & {
+  component?: ComponentType | ReactNode;
+};
+
+export type UserPanelModuleOptions = ResolvedUserPanelModule & {
+  dashboard: DashboardModuleOptions;
+  userManagement: UserManagementModuleOptions;
+  plans: PlansModuleOptions;
+};
+
+const protectAccountRoute = (
+  protectedRoutes: string[],
+  enabled: boolean,
+  path: string,
+) => {
+  if (enabled) {
+    protectedRoutes.push(path);
+  }
+};
+
+export const userPanelModule = (
+  options: UserPanelModuleOptions,
+): (ApitogoPlugin & ProfileMenuPlugin) | undefined => {
+  if (!options.enabled) {
+    return undefined;
+  }
+
+  const routes: RouteObject[] = [];
+  const protectedRoutes: string[] = [];
+  const profileMenuItems: ReturnType<ProfileMenuPlugin["getProfileMenuItems"]> =
+    [];
+  const protectAccountRoutes = options.userManagement.enabled;
+  const basePath = options.basePath ?? "/account";
+  const accountChildren: RouteObject[] = [];
+
+  if (options.dashboard.enabled) {
+    accountChildren.push({
+      path: toAccountChildPath(basePath, options.dashboard.path),
+      element: renderModuleElement(
+        options.dashboard.component,
+        <DefaultDashboardPage content={options.dashboard.content} />,
+      ),
+      handle: { layout: "none" },
+    });
+    protectAccountRoute(
+      protectedRoutes,
+      protectAccountRoutes,
+      options.dashboard.path,
+    );
+    profileMenuItems.push({
+      label: "Dashboard",
+      path: options.dashboard.path,
+      category: "top",
+      icon: LayoutDashboardIcon,
+      weight: 10,
+    });
+  }
+
+  if (options.userManagement.enabled) {
+    const profilePath = options.userManagement.routes.profile;
+    accountChildren.push({
+      path: toAccountChildPath(basePath, profilePath),
+      element: renderModuleElement(
+        options.userManagement.component,
+        <SettingsPage content={options.userManagement.content} />,
+      ),
+      handle: { layout: "none" },
+    });
+    protectAccountRoute(protectedRoutes, protectAccountRoutes, profilePath);
+    profileMenuItems.push({
+      label: "Settings",
+      path: profilePath,
+      category: "middle",
+      icon: SettingsIcon,
+      weight: 20,
+    });
+  }
+
+  if (options.plans.enabled) {
+    accountChildren.push({
+      path: toAccountChildPath(basePath, options.plans.path),
+      element: renderModuleElement(
+        options.plans.component,
+        <DefaultPlansPage content={options.plans.content} />,
+      ),
+      handle: { layout: "none" },
+    });
+    protectAccountRoute(protectedRoutes, true, options.plans.path);
+    profileMenuItems.push({
+      label: "Plans",
+      path: options.plans.path,
+      category: "middle",
+      icon: CreditCardIcon,
+      weight: 30,
+    });
+  }
+
+  if (options.apiKeys.enabled) {
+    protectAccountRoute(
+      protectedRoutes,
+      protectAccountRoutes,
+      options.apiKeys.path,
+    );
+  }
+
+  if (accountChildren.length > 0) {
+    routes.push({
+      path: basePath,
+      element: <AccountLayout basePath={basePath} />,
+      handle: { layout: "default" },
+      children: accountChildren,
+    });
+  }
+
+  return {
+    getRoutes: () => routes,
+    getProtectedRoutes: () => protectedRoutes,
+    getProfileMenuItems: () => profileMenuItems,
+  };
+};

package/src/utils/dev-portal-api.ts

@@ -1,125 +1,125 @@
-type DevPortalProviderData = {
-  type: "dev-portal";
-  apiBaseUrl: string;
-};
-
-export function resolveDevPortalApiBaseUrl(
-  providerData: DevPortalProviderData | null | undefined,
-): string | undefined {
-  if (providerData?.type === "dev-portal" && providerData.apiBaseUrl) {
-    return providerData.apiBaseUrl.replace(/\/+$/, "");
-  }
-
-  const envUrl =
-    (typeof import.meta.env.VITE_APITOGO_AUTHENTICATION_API_BASE_URL ===
-    "string"
-      ? import.meta.env.VITE_APITOGO_AUTHENTICATION_API_BASE_URL.trim()
-      : "") ||
-    (typeof import.meta.env.VITE_APITOGO_DEV_PORTAL_API_URL === "string"
-      ? import.meta.env.VITE_APITOGO_DEV_PORTAL_API_URL.trim()
-      : "");
-
-  return envUrl ? envUrl.replace(/\/+$/, "") : undefined;
-}
-
-export type AccountMeResponse = {
-  userId: string;
-  displayName: string | null;
-  email?: string | null;
-  emailVerified?: boolean;
-  hasNativePassword?: boolean;
-};
-
-async function readErrorMessage(response: Response, fallback: string) {
-  try {
-    const body = (await response.json()) as {
-      detail?: string;
-      message?: string;
-    };
-    return body.detail ?? body.message ?? fallback;
-  } catch {
-    return fallback;
-  }
-}
-
-export async function fetchAccountMe(
-  apiBaseUrl: string,
-): Promise<AccountMeResponse> {
-  const response = await fetch(`${apiBaseUrl}/api/v1/auth/me`, {
-    method: "GET",
-    headers: { Accept: "application/json" },
-    credentials: "include",
-  });
-
-  if (!response.ok) {
-    throw new Error("Failed to load account details.");
-  }
-
-  return (await response.json()) as AccountMeResponse;
-}
-
-export async function updateAccountProfile(
-  apiBaseUrl: string,
-  displayName: string,
-): Promise<AccountMeResponse> {
-  const response = await fetch(`${apiBaseUrl}/api/v1/account`, {
-    method: "PATCH",
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json",
-    },
-    credentials: "include",
-    body: JSON.stringify({ displayName }),
-  });
-
-  if (!response.ok) {
-    throw new Error(
-      await readErrorMessage(response, "Unable to save profile."),
-    );
-  }
-
-  return (await response.json()) as AccountMeResponse;
-}
-
-export async function changeAccountPassword(
-  apiBaseUrl: string,
-  currentPassword: string,
-  newPassword: string,
-): Promise<void> {
-  const response = await fetch(`${apiBaseUrl}/api/v1/account/change-password`, {
-    method: "POST",
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json",
-    },
-    credentials: "include",
-    body: JSON.stringify({ currentPassword, newPassword }),
-  });
-
-  if (!response.ok) {
-    throw new Error(
-      await readErrorMessage(response, "Unable to update password."),
-    );
-  }
-}
-
-export async function deleteAccount(
-  apiBaseUrl: string,
-  password?: string,
-): Promise<void> {
-  const response = await fetch(`${apiBaseUrl}/api/v1/account`, {
-    method: "DELETE",
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json",
-    },
-    credentials: "include",
-    body: JSON.stringify({ password: password ?? null }),
-  });
-
-  if (!response.ok) {
-    throw new Error(
-      await readErrorMessage(response, "Unable to delete account."),
-    );
-  }
-}
+type DevPortalProviderData = {
+  type: "dev-portal";
+  apiBaseUrl: string;
+};
+
+export function resolveDevPortalApiBaseUrl(
+  providerData: DevPortalProviderData | null | undefined,
+): string | undefined {
+  if (providerData?.type === "dev-portal" && providerData.apiBaseUrl) {
+    return providerData.apiBaseUrl.replace(/\/+$/, "");
+  }
+
+  const envUrl =
+    (typeof import.meta.env.VITE_APITOGO_AUTHENTICATION_API_BASE_URL ===
+    "string"
+      ? import.meta.env.VITE_APITOGO_AUTHENTICATION_API_BASE_URL.trim()
+      : "") ||
+    (typeof import.meta.env.VITE_APITOGO_DEV_PORTAL_API_URL === "string"
+      ? import.meta.env.VITE_APITOGO_DEV_PORTAL_API_URL.trim()
+      : "");
+
+  return envUrl ? envUrl.replace(/\/+$/, "") : undefined;
+}
+
+export type AccountMeResponse = {
+  userId: string;
+  displayName: string | null;
+  email?: string | null;
+  emailVerified?: boolean;
+  hasNativePassword?: boolean;
+};
+
+async function readErrorMessage(response: Response, fallback: string) {
+  try {
+    const body = (await response.json()) as {
+      detail?: string;
+      message?: string;
+    };
+    return body.detail ?? body.message ?? fallback;
+  } catch {
+    return fallback;
+  }
+}
+
+export async function fetchAccountMe(
+  apiBaseUrl: string,
+): Promise<AccountMeResponse> {
+  const response = await fetch(`${apiBaseUrl}/api/v1/auth/me`, {
+    method: "GET",
+    headers: { Accept: "application/json" },
+    credentials: "include",
+  });
+
+  if (!response.ok) {
+    throw new Error("Failed to load account details.");
+  }
+
+  return (await response.json()) as AccountMeResponse;
+}
+
+export async function updateAccountProfile(
+  apiBaseUrl: string,
+  displayName: string,
+): Promise<AccountMeResponse> {
+  const response = await fetch(`${apiBaseUrl}/api/v1/account`, {
+    method: "PATCH",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+    },
+    credentials: "include",
+    body: JSON.stringify({ displayName }),
+  });
+
+  if (!response.ok) {
+    throw new Error(
+      await readErrorMessage(response, "Unable to save profile."),
+    );
+  }
+
+  return (await response.json()) as AccountMeResponse;
+}
+
+export async function changeAccountPassword(
+  apiBaseUrl: string,
+  currentPassword: string,
+  newPassword: string,
+): Promise<void> {
+  const response = await fetch(`${apiBaseUrl}/api/v1/account/change-password`, {
+    method: "POST",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+    },
+    credentials: "include",
+    body: JSON.stringify({ currentPassword, newPassword }),
+  });
+
+  if (!response.ok) {
+    throw new Error(
+      await readErrorMessage(response, "Unable to update password."),
+    );
+  }
+}
+
+export async function deleteAccount(
+  apiBaseUrl: string,
+  password?: string,
+): Promise<void> {
+  const response = await fetch(`${apiBaseUrl}/api/v1/account`, {
+    method: "DELETE",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+    },
+    credentials: "include",
+    body: JSON.stringify({ password: password ?? null }),
+  });
+
+  if (!response.ok) {
+    throw new Error(
+      await readErrorMessage(response, "Unable to delete account."),
+    );
+  }
+}