@mehdad67/apitogo 0.1.26 → 0.1.28

package/src/lib/authentication/hook.ts

@@ -77,6 +77,8 @@ export const useAuth = () => {
   return {
     isAuthEnabled,
     ...authState,
+    isBackendAvailable: authState.isBackendAvailable,
+    authMode: authState.authMode,
 
     login: async (options?: AuthActionOptions) => {
       if (!isAuthEnabled) {

package/src/lib/authentication/providers/clerk.tsx

@@ -1,5 +1,5 @@
 import type { Clerk } from "@clerk/clerk-js";
-import type { ApitogoPlugin } from "@lukoweb/apitogo/plugins";
+import type { ApitogoPlugin } from "@mehdad67/apitogo/plugins";
 import type { ClerkAuthenticationConfig } from "../../../config/config.js";
 import type {
   AuthActionContext,

package/src/lib/authentication/providers/dev-portal-constants.ts

@@ -0,0 +1,21 @@
+/** Placeholder backend URL written by MCP before publish. */
+export const DEV_PORTAL_PLACEHOLDER_API_URL =
+  "https://dp-example.azurecontainerapps.io";
+
+export type DevPortalAuthMode = "live" | "preview";
+
+export type EndUserMeResponse = {
+  userId: string;
+  displayName: string | null;
+  subscriptions: Array<{
+    planSku: string;
+    status: string;
+    entitlementState: string | null;
+    currentPeriodEnd: string | null;
+  }>;
+};
+
+export type DevPortalAuthStatusResponse = {
+  available: boolean;
+  oidcConfigured: boolean;
+};

package/src/lib/authentication/providers/dev-portal-utils.ts

@@ -0,0 +1,107 @@
+import type { DevPortalAuthenticationConfig } from "../../../config/config.js";
+import {
+  DEV_PORTAL_PLACEHOLDER_API_URL,
+  type DevPortalAuthStatusResponse,
+  type EndUserMeResponse,
+} from "./dev-portal-constants.js";
+
+declare const VITE_APITOGO_DEV_PORTAL_API_URL: string | undefined;
+
+export function resolveDevPortalApiBaseUrl(
+  config: Pick<DevPortalAuthenticationConfig, "apiBaseUrl">,
+): string | undefined {
+  const fromConfig = config.apiBaseUrl?.trim();
+  if (fromConfig) {
+    return fromConfig.replace(/\/+$/, "");
+  }
+
+  const fromEnv =
+    typeof VITE_APITOGO_DEV_PORTAL_API_URL === "string"
+      ? VITE_APITOGO_DEV_PORTAL_API_URL.trim()
+      : "";
+
+  return fromEnv ? fromEnv.replace(/\/+$/, "") : undefined;
+}
+
+export function isPlaceholderDevPortalApiUrl(
+  apiBaseUrl: string | undefined,
+): boolean {
+  if (!apiBaseUrl) {
+    return true;
+  }
+
+  return (
+    apiBaseUrl === DEV_PORTAL_PLACEHOLDER_API_URL ||
+    apiBaseUrl.includes("dp-example.azurecontainerapps.io")
+  );
+}
+
+export function toAbsoluteReturnUrl(pathOrUrl: string): string {
+  if (pathOrUrl.startsWith("http://") || pathOrUrl.startsWith("https://")) {
+    return pathOrUrl;
+  }
+
+  if (typeof window === "undefined") {
+    return pathOrUrl;
+  }
+
+  return new URL(pathOrUrl, window.location.origin).href;
+}
+
+export function buildDevPortalLoginUrl(
+  apiBaseUrl: string,
+  returnUrl: string,
+): string {
+  const url = new URL("/api/v1/auth/login", apiBaseUrl);
+  url.searchParams.set("returnUrl", toAbsoluteReturnUrl(returnUrl));
+  return url.toString();
+}
+
+export function buildDevPortalLogoutUrl(
+  apiBaseUrl: string,
+  returnUrl: string,
+): string {
+  const url = new URL("/api/v1/auth/logout", apiBaseUrl);
+  url.searchParams.set("returnUrl", toAbsoluteReturnUrl(returnUrl));
+  return url.toString();
+}
+
+export async function probeDevPortalBackend(
+  apiBaseUrl: string,
+  fetchImpl: typeof fetch = fetch,
+): Promise<boolean> {
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), 8_000);
+
+  try {
+    const response = await fetchImpl(`${apiBaseUrl}/api/v1/auth/status`, {
+      method: "GET",
+      headers: { Accept: "application/json" },
+      credentials: "include",
+      signal: controller.signal,
+    });
+
+    if (!response.ok) {
+      return false;
+    }
+
+    const body = (await response.json()) as DevPortalAuthStatusResponse;
+    return body.available === true;
+  } catch {
+    return false;
+  } finally {
+    clearTimeout(timeout);
+  }
+}
+
+export function mapEndUserMeToProfile(
+  me: EndUserMeResponse,
+): import("../state.js").UserProfile {
+  return {
+    sub: me.userId,
+    email: undefined,
+    emailVerified: false,
+    name: me.displayName ?? undefined,
+    pictureUrl: undefined,
+  };
+}

package/src/lib/authentication/providers/dev-portal.tsx

@@ -0,0 +1,218 @@
+import type { DevPortalAuthenticationConfig } from "../../../config/config.js";
+import type { ZudokuContext } from "../../core/ZudokuContext.js";
+import type {
+  AuthActionContext,
+  AuthActionOptions,
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
+} from "../authentication.js";
+import { CoreAuthenticationPlugin } from "../AuthenticationPlugin.js";
+import { type UserProfile, useAuthState } from "../state.js";
+import type {
+  DevPortalAuthMode,
+  EndUserMeResponse,
+} from "./dev-portal-constants.js";
+import {
+  buildDevPortalLoginUrl,
+  buildDevPortalLogoutUrl,
+  isPlaceholderDevPortalApiUrl,
+  mapEndUserMeToProfile,
+  probeDevPortalBackend,
+  resolveDevPortalApiBaseUrl,
+} from "./dev-portal-utils.js";
+
+export type DevPortalProviderData = {
+  type: "dev-portal";
+  apiBaseUrl: string;
+  authMode: DevPortalAuthMode;
+};
+
+declare module "../state.js" {
+  interface ProviderDataRegistry {
+    "dev-portal": DevPortalProviderData;
+  }
+}
+
+export class DevPortalAuthenticationProvider
+  extends CoreAuthenticationPlugin
+  implements AuthenticationPlugin
+{
+  private readonly apiBaseUrl: string | undefined;
+  private readonly redirectToAfterSignIn: string | undefined;
+  private readonly redirectToAfterSignUp: string | undefined;
+  private readonly redirectToAfterSignOut: string;
+  private authMode: DevPortalAuthMode = "preview";
+  private backendAvailable = false;
+
+  constructor({
+    apiBaseUrl,
+    redirectToAfterSignIn,
+    redirectToAfterSignUp,
+    redirectToAfterSignOut = "/",
+  }: DevPortalAuthenticationConfig) {
+    super();
+    this.apiBaseUrl = resolveDevPortalApiBaseUrl({ apiBaseUrl });
+    this.redirectToAfterSignIn = redirectToAfterSignIn;
+    this.redirectToAfterSignUp = redirectToAfterSignUp;
+    this.redirectToAfterSignOut = redirectToAfterSignOut;
+  }
+
+  async initialize(_context: ZudokuContext): Promise<void> {
+    await this.syncBackendAvailability();
+    if (!this.backendAvailable) {
+      this.setPreviewState();
+      return;
+    }
+
+    await this.refreshUserProfile();
+  }
+
+  onPageLoad = async () => {
+    if (!this.backendAvailable) {
+      this.setPreviewState();
+      return;
+    }
+
+    await this.refreshUserProfile();
+  };
+
+  private async syncBackendAvailability(): Promise<void> {
+    if (!this.apiBaseUrl || isPlaceholderDevPortalApiUrl(this.apiBaseUrl)) {
+      this.backendAvailable = false;
+      this.authMode = "preview";
+      return;
+    }
+
+    this.backendAvailable = await probeDevPortalBackend(this.apiBaseUrl);
+    this.authMode = this.backendAvailable ? "live" : "preview";
+  }
+
+  private setPreviewState(): void {
+    useAuthState.setState({
+      isAuthenticated: false,
+      isPending: false,
+      profile: null,
+      providerData: this.apiBaseUrl
+        ? {
+            type: "dev-portal",
+            apiBaseUrl: this.apiBaseUrl,
+            authMode: "preview",
+          }
+        : null,
+      isBackendAvailable: false,
+      authMode: "preview",
+    });
+  }
+
+  private ensureLiveBackend(): string {
+    if (!this.apiBaseUrl || !this.backendAvailable) {
+      throw new Error("Dev portal authentication is not available in preview.");
+    }
+
+    return this.apiBaseUrl;
+  }
+
+  async refreshUserProfile(): Promise<boolean> {
+    if (!this.apiBaseUrl) {
+      this.setPreviewState();
+      return false;
+    }
+
+    if (isPlaceholderDevPortalApiUrl(this.apiBaseUrl)) {
+      this.setPreviewState();
+      return false;
+    }
+
+    await this.syncBackendAvailability();
+    if (!this.backendAvailable) {
+      this.setPreviewState();
+      return false;
+    }
+
+    try {
+      const response = await fetch(`${this.apiBaseUrl}/api/v1/auth/me`, {
+        method: "GET",
+        headers: { Accept: "application/json" },
+        credentials: "include",
+      });
+
+      if (response.status === 401) {
+        useAuthState.setState({
+          isAuthenticated: false,
+          isPending: false,
+          profile: null,
+          providerData: {
+            type: "dev-portal",
+            apiBaseUrl: this.apiBaseUrl,
+            authMode: "live",
+          },
+          isBackendAvailable: true,
+          authMode: "live",
+        });
+        return false;
+      }
+
+      if (!response.ok) {
+        this.setPreviewState();
+        return false;
+      }
+
+      const me = (await response.json()) as EndUserMeResponse;
+      const profile: UserProfile = mapEndUserMeToProfile(me);
+
+      useAuthState.getState().setLoggedIn({
+        profile,
+        providerData: {
+          type: "dev-portal",
+          apiBaseUrl: this.apiBaseUrl,
+          authMode: "live",
+        },
+      });
+      useAuthState.setState({
+        isBackendAvailable: true,
+        authMode: "live",
+      });
+      return true;
+    } catch {
+      this.setPreviewState();
+      return false;
+    }
+  }
+
+  async signIn(
+    _: AuthActionContext,
+    { redirectTo }: AuthActionOptions = {},
+  ): Promise<void> {
+    const apiBaseUrl = this.ensureLiveBackend();
+    const target =
+      redirectTo ?? this.redirectToAfterSignIn ?? window.location.href;
+    window.location.assign(buildDevPortalLoginUrl(apiBaseUrl, target));
+  }
+
+  async signUp(
+    _: AuthActionContext,
+    { redirectTo }: AuthActionOptions = {},
+  ): Promise<void> {
+    const apiBaseUrl = this.ensureLiveBackend();
+    const target =
+      redirectTo ?? this.redirectToAfterSignUp ?? window.location.href;
+    window.location.assign(buildDevPortalLoginUrl(apiBaseUrl, target));
+  }
+
+  async signOut(_: AuthActionContext): Promise<void> {
+    const apiBaseUrl = this.ensureLiveBackend();
+    window.location.assign(
+      buildDevPortalLogoutUrl(apiBaseUrl, this.redirectToAfterSignOut),
+    );
+  }
+
+  async signRequest(request: Request): Promise<Request> {
+    return request;
+  }
+}
+
+const devPortalAuth: AuthenticationProviderInitializer<
+  DevPortalAuthenticationConfig
+> = (options) => new DevPortalAuthenticationProvider(options);
+
+export default devPortalAuth;

package/src/lib/authentication/state.ts

@@ -21,11 +21,17 @@ export type ProviderData = [keyof ProviderDataRegistry] extends [never]
   ? unknown
   : ProviderDataRegistry[keyof ProviderDataRegistry];
 
+export type AuthMode = "live" | "preview";
+
 export interface AuthState {
   isAuthenticated: boolean;
   isPending: boolean;
   profile: UserProfile | null;
   providerData: ProviderData | null;
+  /** False when dev-portal backend is unavailable (local preview). Defaults true. */
+  isBackendAvailable: boolean;
+  /** Live when backend auth is reachable; preview otherwise. */
+  authMode: AuthMode;
   setAuthenticationPending: () => void;
   setLoggedOut: () => void;
   setLoggedIn: (args: {
@@ -41,12 +47,16 @@ export const authState = create<AuthState>()(
       isPending: true,
       profile: null,
       providerData: null,
+      isBackendAvailable: true,
+      authMode: "live",
       setAuthenticationPending: () =>
         set(() => ({
           isAuthenticated: false,
           isPending: false,
           profile: null,
           providerData: null,
+          isBackendAvailable: true,
+          authMode: "live",
         })),
       setLoggedOut: () =>
         set(() => ({
@@ -54,6 +64,8 @@ export const authState = create<AuthState>()(
           isPending: false,
           profile: null,
           providerData: null,
+          isBackendAvailable: true,
+          authMode: "live",
         })),
       setLoggedIn: ({ profile, providerData }) =>
         set(() => ({

package/src/lib/authentication/ui/AuthCard.tsx

@@ -1,4 +1,4 @@
-import { Card } from "@lukoweb/apitogo/ui/Card.js";
+import { Card } from "@mehdad67/apitogo/ui/Card.js";
 import createVariantComponent from "../../util/createVariantComponent.js";
 
 export const AuthCard = createVariantComponent(

package/src/lib/authentication/ui/EmailLinkCallbackUi.tsx

@@ -1,17 +1,17 @@
-import { Spinner } from "@lukoweb/apitogo/components";
-import { ActionButton } from "@lukoweb/apitogo/ui/ActionButton.js";
+import { Spinner } from "@mehdad67/apitogo/components";
+import { ActionButton } from "@mehdad67/apitogo/ui/ActionButton.js";
 import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
+} from "@mehdad67/apitogo/ui/Alert.js";
 import {
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@lukoweb/apitogo/ui/Card.js";
-import { Input } from "@lukoweb/apitogo/ui/Input.js";
+} from "@mehdad67/apitogo/ui/Card.js";
+import { Input } from "@mehdad67/apitogo/ui/Input.js";
 import { useMutation } from "@tanstack/react-query";
 import { useEffect, useRef, useState } from "react";
 import { useNavigate, useSearchParams } from "react-router";

package/src/lib/authentication/ui/EmailLinkSentUi.tsx

@@ -2,14 +2,14 @@ import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
-import { Button } from "@lukoweb/apitogo/ui/Button.js";
+} from "@mehdad67/apitogo/ui/Alert.js";
+import { Button } from "@mehdad67/apitogo/ui/Button.js";
 import {
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@lukoweb/apitogo/ui/Card.js";
+} from "@mehdad67/apitogo/ui/Card.js";
 import { useMutation } from "@tanstack/react-query";
 import { Mail, RefreshCw } from "lucide-react";
 import { useState } from "react";

package/src/lib/authentication/ui/EmailLinkSignInUi.tsx

@@ -1,16 +1,16 @@
-import { ActionButton } from "@lukoweb/apitogo/ui/ActionButton.js";
+import { ActionButton } from "@mehdad67/apitogo/ui/ActionButton.js";
 import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
+} from "@mehdad67/apitogo/ui/Alert.js";
 import {
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@lukoweb/apitogo/ui/Card.js";
-import { Input } from "@lukoweb/apitogo/ui/Input.js";
+} from "@mehdad67/apitogo/ui/Card.js";
+import { Input } from "@mehdad67/apitogo/ui/Input.js";
 import { useMutation } from "@tanstack/react-query";
 import { useForm } from "react-hook-form";
 import { Link, useNavigate, useSearchParams } from "react-router";

package/src/lib/authentication/ui/EmailVerificationUi.tsx

@@ -1,17 +1,17 @@
-import { ActionButton } from "@lukoweb/apitogo/ui/ActionButton.js";
+import { ActionButton } from "@mehdad67/apitogo/ui/ActionButton.js";
 import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
-import { Button } from "@lukoweb/apitogo/ui/Button.js";
+} from "@mehdad67/apitogo/ui/Alert.js";
+import { Button } from "@mehdad67/apitogo/ui/Button.js";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@lukoweb/apitogo/ui/Card.js";
+} from "@mehdad67/apitogo/ui/Card.js";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { CheckIcon, MailCheck, RefreshCw } from "lucide-react";
 import { Navigate, useSearchParams } from "react-router";

package/src/lib/authentication/ui/ZudokuAuthUi.tsx

@@ -1,18 +1,18 @@
-import { ActionButton } from "@lukoweb/apitogo/ui/ActionButton.js";
+import { ActionButton } from "@mehdad67/apitogo/ui/ActionButton.js";
 import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
-import { Button, type ButtonProps } from "@lukoweb/apitogo/ui/Button.js";
+} from "@mehdad67/apitogo/ui/Alert.js";
+import { Button, type ButtonProps } from "@mehdad67/apitogo/ui/Button.js";
 import {
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@lukoweb/apitogo/ui/Card.js";
-import { Input } from "@lukoweb/apitogo/ui/Input.js";
-import { Separator } from "@lukoweb/apitogo/ui/Separator.js";
+} from "@mehdad67/apitogo/ui/Card.js";
+import { Input } from "@mehdad67/apitogo/ui/Input.js";
+import { Separator } from "@mehdad67/apitogo/ui/Separator.js";
 import { useMutation } from "@tanstack/react-query";
 import React from "react";
 import { useForm } from "react-hook-form";

package/src/lib/components/AiAssistantMenuItems.tsx

@@ -1,4 +1,4 @@
-import { DropdownMenuItem } from "@lukoweb/apitogo/ui/DropdownMenu.js";
+import { DropdownMenuItem } from "@mehdad67/apitogo/ui/DropdownMenu.js";
 import type { ReactNode } from "react";
 import type {
   AiAssistantCustom,

package/src/lib/components/Autocomplete.tsx

@@ -3,8 +3,8 @@ import {
   CommandInlineInput,
   CommandItem,
   CommandList,
-} from "@lukoweb/apitogo/ui/Command.js";
-import { Popover, PopoverContent } from "@lukoweb/apitogo/ui/Popover.js";
+} from "@mehdad67/apitogo/ui/Command.js";
+import { Popover, PopoverContent } from "@mehdad67/apitogo/ui/Popover.js";
 import { PopoverAnchor } from "@radix-ui/react-popover";
 import { useCommandState } from "cmdk";
 import { type KeyboardEvent, type Ref, useRef, useState } from "react";

package/src/lib/components/DeveloperHint.tsx

@@ -2,7 +2,7 @@ import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
+} from "@mehdad67/apitogo/ui/Alert.js";
 import { InfoIcon } from "lucide-react";
 import { type ReactNode, Suspense, lazy } from "react";
 

package/src/lib/components/Header.tsx

@@ -1,5 +1,5 @@
-import { Button } from "@lukoweb/apitogo/ui/Button.js";
-import { Skeleton } from "@lukoweb/apitogo/ui/Skeleton.js";
+import { Button } from "@mehdad67/apitogo/ui/Button.js";
+import { Skeleton } from "@mehdad67/apitogo/ui/Skeleton.js";
 import { LogOutIcon } from "lucide-react";
 import { lazy, memo, Suspense } from "react";
 import { Link } from "react-router";
@@ -73,9 +73,9 @@ const ProfileMenu = () => {
   const context = useZudoku();
   const profileItems = context.getProfileMenuItems();
   const auth = useAuth();
-  const { isAuthEnabled, isAuthenticated, profile } = auth;
+  const { isAuthEnabled, isAuthenticated, profile, isBackendAvailable } = auth;
 
-  if (!isAuthEnabled) return null;
+  if (!isAuthEnabled || !isBackendAvailable) return null;
 
   return (
     <ClientOnly fallback={<Skeleton className="rounded-sm h-5 w-24 mr-4" />}>

package/src/lib/components/LandingLayout.tsx

@@ -1,4 +1,4 @@
-import { TooltipProvider } from "@lukoweb/apitogo/ui/Tooltip.js";
+import { TooltipProvider } from "@mehdad67/apitogo/ui/Tooltip.js";
 import type { ReactNode } from "react";
 import { Suspense } from "react";
 import { Outlet } from "react-router";

package/src/lib/components/Layout.tsx

@@ -1,4 +1,4 @@
-import { TooltipProvider } from "@lukoweb/apitogo/ui/Tooltip.js";
+import { TooltipProvider } from "@mehdad67/apitogo/ui/Tooltip.js";
 import { type ReactNode, Suspense, useEffect } from "react";
 import { Outlet } from "react-router";
 import { cn } from "../util/cn.js";

package/src/lib/components/Main.tsx

@@ -1,4 +1,4 @@
-import { Drawer, DrawerTrigger } from "@lukoweb/apitogo/ui/Drawer.js";
+import { Drawer, DrawerTrigger } from "@mehdad67/apitogo/ui/Drawer.js";
 import { PanelLeftIcon } from "lucide-react";
 import { type PropsWithChildren, useState } from "react";
 import { useNavigation } from "react-router";

package/src/lib/components/Mermaid.tsx

@@ -2,7 +2,7 @@ import {
   Alert,
   AlertDescription,
   AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
+} from "@mehdad67/apitogo/ui/Alert.js";
 import { useQuery } from "@tanstack/react-query";
 import type { MermaidConfig } from "mermaid";
 import type { ComponentProps } from "react";

package/src/lib/components/MobileTopNavigation.tsx

@@ -1,6 +1,6 @@
-import { Button } from "@lukoweb/apitogo/ui/Button.js";
-import { Separator } from "@lukoweb/apitogo/ui/Separator.js";
-import { Skeleton } from "@lukoweb/apitogo/ui/Skeleton.js";
+import { Button } from "@mehdad67/apitogo/ui/Button.js";
+import { Separator } from "@mehdad67/apitogo/ui/Separator.js";
+import { Skeleton } from "@mehdad67/apitogo/ui/Skeleton.js";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { deepEqual } from "fast-equals";
 import {
@@ -130,7 +130,8 @@ export const MobileTopNavigation = () => {
     getProfileMenuItems,
   } = context;
   const headerNavigation = header?.navigation ?? [];
-  const { isAuthenticated, profile, isAuthEnabled } = authState;
+  const { isAuthenticated, profile, isAuthEnabled, isBackendAvailable } =
+    authState;
   const [drawerOpen, setDrawerOpen] = useState(false);
 
   const accountItems = getProfileMenuItems();
@@ -232,7 +233,7 @@ export const MobileTopNavigation = () => {
           </div>
           <div className="border-t shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.05)] px-4 pt-3 flex flex-col gap-2">
             <div className="flex items-center justify-between">
-              {isAuthEnabled && (
+              {isAuthEnabled && isBackendAvailable && (
                 <ClientOnly
                   fallback={<Skeleton className="rounded-sm h-8 w-16" />}
                 >

package/src/lib/components/MultiSelect.tsx

@@ -2,7 +2,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@lukoweb/apitogo/ui/Popover.js";
+} from "@mehdad67/apitogo/ui/Popover.js";
 import { CheckIcon, ChevronDownIcon } from "lucide-react";
 import { useState } from "react";
 import { cn } from "../util/cn.js";

package/src/lib/components/TopNavigation.tsx

@@ -1,4 +1,4 @@
-import { Separator } from "@lukoweb/apitogo/ui/Separator.js";
+import { Separator } from "@mehdad67/apitogo/ui/Separator.js";
 import { cx } from "class-variance-authority";
 import { deepEqual } from "fast-equals";
 import { Suspense } from "react";

package/src/lib/components/context/ZudokuContext.ts

@@ -14,7 +14,7 @@ const useApitogoContext = () => {
 
   if (!context) {
     throw new Error(
-      "useApitogo must be used within an ApitogoProvider (from @lukoweb/apitogo/components).",
+      "useApitogo must be used within an ApitogoProvider (from @mehdad67/apitogo/components).",
     );
   }