@lukoweb/apitogo 0.1.50 → 0.1.53

package/src/lib/components/MobileTopNavigation.tsx

@@ -1,6 +1,5 @@
 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 { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { deepEqual } from "fast-equals";
 import {
@@ -28,7 +27,6 @@ import {
   DrawerTitle,
   DrawerTrigger,
 } from "../ui/Drawer.js";
-import { ClientOnly } from "./ClientOnly.js";
 import { useCurrentNavigation, useZudoku } from "./context/ZudokuContext.js";
 import { PoweredByZudoku } from "./navigation/PoweredByZudoku.js";
 import { getFirstMatchingPath, shouldShowItem } from "./navigation/utils.js";
@@ -130,7 +128,7 @@ export const MobileTopNavigation = () => {
     getProfileMenuItems,
   } = context;
   const headerNavigation = header?.navigation ?? [];
-  const { isAuthenticated, profile, isAuthEnabled, isPending } = authState;
+  const { isAuthenticated, profile, isAuthEnabled } = authState;
   const [drawerOpen, setDrawerOpen] = useState(false);
 
   const accountItems = getProfileMenuItems();
@@ -195,9 +193,7 @@ export const MobileTopNavigation = () => {
                 );
               })}
               {isAuthEnabled && isAuthenticated && (
-                <ClientOnly
-                  fallback={<Skeleton className="rounded-sm h-5 w-24" />}
-                >
+                <>
                   <Separator className="my-2" />
                   <li className="py-2">
                     <div className="text-base font-medium">
@@ -226,45 +222,38 @@ export const MobileTopNavigation = () => {
                       </Link>
                     </li>
                   ))}
-                </ClientOnly>
+                </>
               )}
             </ul>
           </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 && (
-                <ClientOnly
-                  fallback={<Skeleton className="rounded-sm h-8 w-16" />}
-                >
-                  {isPending ? (
-                    <Skeleton className="rounded-sm h-8 w-16" />
-                  ) : isAuthenticated ? (
-                    <Button asChild variant="outline">
-                      <Link
-                        to="/signout"
-                        onClick={() => setDrawerOpen(false)}
-                        className="flex items-center gap-2"
-                      >
-                        <LogOutIcon
-                          size={16}
-                          strokeWidth={1}
-                          absoluteStrokeWidth
-                        />
-                        Logout
-                      </Link>
-                    </Button>
-                  ) : (
-                    <Button asChild variant="outline">
-                      <Link
-                        to={`/signin?redirect=${encodeURIComponent(location.pathname)}`}
-                        onClick={() => setDrawerOpen(false)}
-                      >
-                        Login
-                      </Link>
-                    </Button>
-                  )}
-                </ClientOnly>
-              )}
+              {isAuthEnabled &&
+                (isAuthenticated ? (
+                  <Button asChild variant="outline">
+                    <Link
+                      to="/signout"
+                      onClick={() => setDrawerOpen(false)}
+                      className="flex items-center gap-2"
+                    >
+                      <LogOutIcon
+                        size={16}
+                        strokeWidth={1}
+                        absoluteStrokeWidth
+                      />
+                      Logout
+                    </Link>
+                  </Button>
+                ) : (
+                  <Button asChild variant="outline">
+                    <Link
+                      to={`/signin?redirect=${encodeURIComponent(location.pathname)}`}
+                      onClick={() => setDrawerOpen(false)}
+                    >
+                      Login
+                    </Link>
+                  </Button>
+                ))}
               <ThemeSwitch />
             </div>
             {site?.showPoweredBy !== false && (

package/src/lib/core/plugins.ts

@@ -11,6 +11,7 @@ import type {
   ApitogoEvents,
   ZudokuContext,
 } from "./ZudokuContext.js";
+export { createPlugin } from "../../config/create-plugin.js";
 export { runPluginTransformConfig } from "./transform-config.js";
 
 export type ApitogoPlugin =

package/src/vite/dev-portal-env.ts

@@ -1,8 +1,14 @@
-
 import { loadEnv } from "vite";
 
+export const AUTHENTICATION_API_BASE_URL_ENV =
+  "VITE_APITOGO_AUTHENTICATION_API_BASE_URL";
+
+/** @deprecated Use {@link AUTHENTICATION_API_BASE_URL_ENV}. */
+export const LEGACY_DEV_PORTAL_API_URL_ENV = "VITE_APITOGO_DEV_PORTAL_API_URL";
+
 export const DEV_PORTAL_VITE_ENV_KEYS = [
-  "VITE_APITOGO_DEV_PORTAL_API_URL",
+  AUTHENTICATION_API_BASE_URL_ENV,
+  LEGACY_DEV_PORTAL_API_URL_ENV,
 ] as const;
 
 export async function loadDevPortalViteDefines(
@@ -12,9 +18,11 @@ export async function loadDevPortalViteDefines(
   const env = loadEnv(mode, rootDir, "VITE_");
   const defines: Record<string, string> = {};
 
-  const apiUrl = env.VITE_APITOGO_DEV_PORTAL_API_URL?.trim();
+  const apiUrl =
+    env[AUTHENTICATION_API_BASE_URL_ENV]?.trim() ||
+    env[LEGACY_DEV_PORTAL_API_URL_ENV]?.trim();
   if (apiUrl) {
-    defines.VITE_APITOGO_DEV_PORTAL_API_URL = JSON.stringify(apiUrl);
+    defines[AUTHENTICATION_API_BASE_URL_ENV] = JSON.stringify(apiUrl);
   }
 
   return defines;

package/src/vite/plugin-config.ts

@@ -1,5 +1,5 @@
 import { normalizePath, type Plugin, type ResolvedConfig } from "vite";
-import { getCurrentConfig } from "../config/loader.js";
+import { getCurrentConfig, loadZudokuConfig } from "../config/loader.js";
 
 const virtualModuleId = "virtual:zudoku-config";
 const resolvedVirtualModuleId = `\0${virtualModuleId}`;
@@ -17,7 +17,7 @@ const viteConfigPlugin = (): Plugin => {
     configResolved(resolvedConfig) {
       viteConfig = resolvedConfig;
     },
-    load(id) {
+    async load(id) {
       if (id !== resolvedVirtualModuleId) return;
 
       const configPath = getCurrentConfig().__meta.configPath;
@@ -25,11 +25,28 @@ const viteConfigPlugin = (): Plugin => {
         return `export default {};`;
       }
 
+      const { config: loadedConfig } = await loadZudokuConfig(
+        {
+          mode: viteConfig.mode,
+          command: viteConfig.command,
+        },
+        viteConfig.root,
+      );
+      const clientMeta = {
+        rootDir: loadedConfig.__meta.rootDir,
+        pricingEnabled: loadedConfig.__meta.pricingEnabled,
+        authenticationEnabled: loadedConfig.__meta.authenticationEnabled,
+        previewPlans: loadedConfig.__meta.previewPlans,
+      };
+
       return `
 import rawConfig from "${normalizePath(configPath)}";
 import { runPluginTransformConfig } from "@lukoweb/apitogo/plugins";
 
-const config = await runPluginTransformConfig(rawConfig);
+const config = await runPluginTransformConfig({
+  ...rawConfig,
+  __meta: ${JSON.stringify(clientMeta)},
+});
 export default config;
 `;
     },

package/src/vite/plugin-local-manifest.ts

@@ -1,10 +1,16 @@
 import path from "node:path";
 import type { Plugin, ResolvedConfig } from "vite";
+import {
+  loadApitogoConfig,
+  readPlanCatalogItems,
+} from "../config/apitogo-config-loader.js";
 import {
   manifestPathsForEnv,
   manifestToPreviewCatalog,
+  plansToPreviewCatalog,
   readEffectiveManifest,
   resolveManifestEnv,
+  type ManifestPlanInput,
 } from "../config/local-manifest.js";
 
 export const APITOGO_LOCAL_MANIFEST_VIRTUAL_ID =
@@ -24,6 +30,15 @@ const viteLocalManifestPlugin = (): Plugin => {
     try {
       const manifest = await readEffectiveManifest(rootDir, env);
       catalog = manifestToPreviewCatalog(manifest);
+      if (!catalog.plans.length) {
+        const config = loadApitogoConfig(rootDir);
+        catalog = {
+          ...catalog,
+          ...plansToPreviewCatalog(
+            readPlanCatalogItems(config) as ManifestPlanInput[],
+          ),
+        };
+      }
     } catch {
       // Missing or invalid manifest — empty catalog for preview.
     }