@lukoweb/apitogo 0.1.58 → 0.1.59

package/dist/cli/cli.js

@@ -667,7 +667,7 @@ var init_file_exists = __esm({
 
 // src/config/validators/ModulesSchema.ts
 import { z as z3 } from "zod";
-var ModuleToggleSchema, DocsModuleSchema, LandingLinkSchema, LandingFeatureSchema, LandingCodeExampleSchema, LandingHeroSchema, LandingFeaturesSectionSchema, LandingTrustSchema, LandingApiShowcaseItemSchema, LandingApiShowcaseSchema, LandingPricingCtaSchema, LandingContentSchema, DashboardContentSchema, ProfileContentSchema, PlanTierSchema, PlansContentSchema, SubmodulePageFields, LandingModuleSchema, UserManagementModuleSchema, ApiKeysModuleSchema, PlanCatalogItemSchema, PlansModuleSchema, DashboardModuleSchema, UserPanelModuleSchema, ModulesSchema;
+var ModuleToggleSchema, DocsModuleSchema, LandingLinkSchema, LandingFeatureSchema, LandingCodeExampleSchema, LandingHeroSchema, LandingFeaturesSectionSchema, LandingTrustSchema, LandingApiShowcaseItemSchema, LandingApiShowcaseSchema, LandingPricingCtaSchema, LandingFooterBrandSchema, LandingFooterColumnSchema, LandingFooterSocialSchema, LandingFooterSchema, LandingContentSchema, DashboardContentSchema, ProfileContentSchema, PlanTierSchema, PlansContentSchema, SubmodulePageFields, LandingModuleSchema, UserManagementModuleSchema, ApiKeysModuleSchema, PlanCatalogItemSchema, PlansModuleSchema, DashboardModuleSchema, UserPanelModuleSchema, ModulesSchema;
 var init_ModulesSchema = __esm({
   "src/config/validators/ModulesSchema.ts"() {
     ModuleToggleSchema = z3.object({
@@ -750,6 +750,27 @@ var init_ModulesSchema = __esm({
       primaryAction: LandingLinkSchema.optional(),
       secondaryAction: LandingLinkSchema.optional()
     }).optional();
+    LandingFooterBrandSchema = z3.object({
+      name: z3.string().optional(),
+      tagline: z3.string().optional(),
+      logoSrc: z3.string().optional()
+    }).optional();
+    LandingFooterColumnSchema = z3.object({
+      title: z3.string(),
+      links: z3.array(LandingLinkSchema)
+    });
+    LandingFooterSocialSchema = z3.object({
+      icon: z3.string(),
+      href: z3.string(),
+      label: z3.string().optional()
+    });
+    LandingFooterSchema = z3.object({
+      enabled: z3.boolean().optional(),
+      brand: LandingFooterBrandSchema,
+      columns: z3.array(LandingFooterColumnSchema).optional(),
+      copyright: z3.string().optional(),
+      social: z3.array(LandingFooterSocialSchema).optional()
+    }).optional();
     LandingContentSchema = z3.object({
       hero: LandingHeroSchema,
       featuresSection: LandingFeaturesSectionSchema,
@@ -759,6 +780,7 @@ var init_ModulesSchema = __esm({
       trust: LandingTrustSchema,
       apiShowcase: LandingApiShowcaseSchema,
       pricingCta: LandingPricingCtaSchema,
+      footer: LandingFooterSchema,
       showPoweredBy: z3.boolean().optional()
     }).optional();
     DashboardContentSchema = z3.object({
@@ -1240,6 +1262,7 @@ var init_resolve_modules = __esm({
       const siteTitle = config2.metadata?.applicationName ?? config2.site?.title ?? "APIToGo";
       if (options?.useDefaults === true) {
         const defaults = buildDefaultLandingContent(config2);
+        const footer2 = mergeLandingSection(defaults.footer, content?.footer);
         return {
           hero: {
             ...defaults.hero,
@@ -1256,13 +1279,15 @@ var init_resolve_modules = __esm({
           features: content?.features ?? defaults.features,
           primaryAction: content?.primaryAction ?? defaults.primaryAction,
           secondaryAction: content?.secondaryAction ?? defaults.secondaryAction,
-          showPoweredBy: content?.showPoweredBy ?? defaults.showPoweredBy,
+          // A configured footer replaces the "Built with APIToGo" powered-by line.
+          showPoweredBy: content?.showPoweredBy ?? (footer2 ? false : defaults.showPoweredBy),
           trust: mergeLandingSection(defaults.trust, content?.trust),
           apiShowcase: mergeLandingSection(
             defaults.apiShowcase,
             content?.apiShowcase
           ),
-          pricingCta: mergeLandingSection(defaults.pricingCta, content?.pricingCta)
+          pricingCta: mergeLandingSection(defaults.pricingCta, content?.pricingCta),
+          footer: footer2
         };
       }
       const hasContent = content !== void 0 && Object.keys(content).length > 0;
@@ -1272,6 +1297,7 @@ var init_resolve_modules = __esm({
           showPoweredBy: true
         };
       }
+      const footer = content.footer ? mergeLandingSection(void 0, content.footer) : void 0;
       return {
         hero: {
           ...content.hero,
@@ -1281,10 +1307,12 @@ var init_resolve_modules = __esm({
         features: content.features,
         primaryAction: content.primaryAction,
         secondaryAction: content.secondaryAction,
-        showPoweredBy: content.showPoweredBy ?? true,
+        // A configured footer replaces the "Built with APIToGo" powered-by line.
+        showPoweredBy: content.showPoweredBy ?? !footer,
         trust: content.trust ? mergeLandingSection(void 0, content.trust) : void 0,
         apiShowcase: content.apiShowcase ? mergeLandingSection(void 0, content.apiShowcase) : void 0,
-        pricingCta: content.pricingCta ? mergeLandingSection(void 0, content.pricingCta) : void 0
+        pricingCta: content.pricingCta ? mergeLandingSection(void 0, content.pricingCta) : void 0,
+        footer
       };
     };
     DEFAULT_DASHBOARD_QUICK_LINKS = [
@@ -5199,7 +5227,7 @@ import {
 // package.json
 var package_default = {
   name: "@lukoweb/apitogo",
-  version: "0.1.58",
+  version: "0.1.59",
   type: "module",
   sideEffects: [
     "**/*.css",
@@ -8898,7 +8926,10 @@ var viteModulesPlugin = () => {
       const config2 = getCurrentConfig();
       const { landing, userPanel } = config2.__resolvedModules;
       if (config2.__meta.mode === "standalone") {
-        return `export const configuredModulesPlugins = [];`;
+        return [
+          `export const configuredModulesPlugins = [];`,
+          `export const configuredModulesSlots = {};`
+        ].join("\n");
       }
       const landingImport = getLandingModuleImport(
         config2.__meta.moduleDir,
@@ -8960,6 +8991,7 @@ var viteModulesPlugin = () => {
         );
       }
       const configuredPlugins = [];
+      let hasLandingFooterSlot = false;
       if (landing.enabled) {
         code.push(`import { landingModule } from "${landingImport}";`);
         code.push(
@@ -8969,7 +9001,17 @@ var viteModulesPlugin = () => {
           `});`
         );
         configuredPlugins.push("...(landing ? [landing] : [])");
+        if (landing.content.footer) {
+          code.push(
+            `import { createLandingFooterSlot } from "${landingImport}";`,
+            `const landingFooterSlot = createLandingFooterSlot(${JSON.stringify(landing.content.footer)});`
+          );
+          hasLandingFooterSlot = true;
+        }
       }
+      code.push(
+        hasLandingFooterSlot ? `export const configuredModulesSlots = landingFooterSlot ? { footer: landingFooterSlot } : {};` : `export const configuredModulesSlots = {};`
+      );
       if (userPanel.enabled) {
         code.push(`import { userPanelModule } from "${userPanelImport}";`);
         code.push(

package/dist/declarations/config/landing-manifest.d.ts

@@ -65,6 +65,27 @@ export declare const LandingManifestContentSchema: z.ZodOptional<z.ZodObject<{
             href: z.ZodString;
         }, z.core.$strip>>;
     }, z.core.$strip>>;
+    footer: z.ZodOptional<z.ZodObject<{
+        enabled: z.ZodOptional<z.ZodBoolean>;
+        brand: z.ZodOptional<z.ZodObject<{
+            name: z.ZodOptional<z.ZodString>;
+            tagline: z.ZodOptional<z.ZodString>;
+            logoSrc: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>;
+        columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            title: z.ZodString;
+            links: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                href: z.ZodString;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>>;
+        copyright: z.ZodOptional<z.ZodString>;
+        social: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            icon: z.ZodString;
+            href: z.ZodString;
+            label: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>;
     showPoweredBy: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>>;
 export type LandingManifestContent = z.infer<typeof LandingContentSchema>;

package/dist/declarations/config/local-manifest.d.ts

@@ -153,6 +153,27 @@ export declare const DevPortalLocalManifestSchema: z.ZodObject<{
                     href: z.ZodString;
                 }, z.core.$strip>>;
             }, z.core.$strip>>;
+            footer: z.ZodOptional<z.ZodObject<{
+                enabled: z.ZodOptional<z.ZodBoolean>;
+                brand: z.ZodOptional<z.ZodObject<{
+                    name: z.ZodOptional<z.ZodString>;
+                    tagline: z.ZodOptional<z.ZodString>;
+                    logoSrc: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>>;
+                columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    title: z.ZodString;
+                    links: z.ZodArray<z.ZodObject<{
+                        label: z.ZodString;
+                        href: z.ZodString;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>>;
+                copyright: z.ZodOptional<z.ZodString>;
+                social: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    icon: z.ZodString;
+                    href: z.ZodString;
+                    label: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>>>;
+            }, z.core.$strip>>;
             showPoweredBy: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strip>>;
     }, z.core.$strip>>;

package/dist/declarations/config/validators/ModulesSchema.d.ts

@@ -92,6 +92,44 @@ export declare const LandingPricingCtaSchema: z.ZodOptional<z.ZodObject<{
         href: z.ZodString;
     }, z.core.$strip>>;
 }, z.core.$strip>>;
+export declare const LandingFooterBrandSchema: z.ZodOptional<z.ZodObject<{
+    name: z.ZodOptional<z.ZodString>;
+    tagline: z.ZodOptional<z.ZodString>;
+    logoSrc: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>>;
+export declare const LandingFooterColumnSchema: z.ZodObject<{
+    title: z.ZodString;
+    links: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        href: z.ZodString;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const LandingFooterSocialSchema: z.ZodObject<{
+    icon: z.ZodString;
+    href: z.ZodString;
+    label: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const LandingFooterSchema: z.ZodOptional<z.ZodObject<{
+    enabled: z.ZodOptional<z.ZodBoolean>;
+    brand: z.ZodOptional<z.ZodObject<{
+        name: z.ZodOptional<z.ZodString>;
+        tagline: z.ZodOptional<z.ZodString>;
+        logoSrc: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        title: z.ZodString;
+        links: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            href: z.ZodString;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>>;
+    copyright: z.ZodOptional<z.ZodString>;
+    social: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        icon: z.ZodString;
+        href: z.ZodString;
+        label: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+}, z.core.$strip>>;
 export declare const LandingContentSchema: z.ZodOptional<z.ZodObject<{
     hero: z.ZodOptional<z.ZodObject<{
         title: z.ZodOptional<z.ZodString>;
@@ -157,6 +195,27 @@ export declare const LandingContentSchema: z.ZodOptional<z.ZodObject<{
             href: z.ZodString;
         }, z.core.$strip>>;
     }, z.core.$strip>>;
+    footer: z.ZodOptional<z.ZodObject<{
+        enabled: z.ZodOptional<z.ZodBoolean>;
+        brand: z.ZodOptional<z.ZodObject<{
+            name: z.ZodOptional<z.ZodString>;
+            tagline: z.ZodOptional<z.ZodString>;
+            logoSrc: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>;
+        columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            title: z.ZodString;
+            links: z.ZodArray<z.ZodObject<{
+                label: z.ZodString;
+                href: z.ZodString;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>>;
+        copyright: z.ZodOptional<z.ZodString>;
+        social: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            icon: z.ZodString;
+            href: z.ZodString;
+            label: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>;
     showPoweredBy: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>>;
 export declare const DashboardContentSchema: z.ZodOptional<z.ZodObject<{
@@ -265,6 +324,27 @@ export declare const LandingModuleSchema: z.ZodObject<{
                 href: z.ZodString;
             }, z.core.$strip>>;
         }, z.core.$strip>>;
+        footer: z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodOptional<z.ZodBoolean>;
+            brand: z.ZodOptional<z.ZodObject<{
+                name: z.ZodOptional<z.ZodString>;
+                tagline: z.ZodOptional<z.ZodString>;
+                logoSrc: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>;
+            columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                title: z.ZodString;
+                links: z.ZodArray<z.ZodObject<{
+                    label: z.ZodString;
+                    href: z.ZodString;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>>;
+            copyright: z.ZodOptional<z.ZodString>;
+            social: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                icon: z.ZodString;
+                href: z.ZodString;
+                label: z.ZodOptional<z.ZodString>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>>;
         showPoweredBy: z.ZodOptional<z.ZodBoolean>;
     }, z.core.$strip>>;
     useDefaults: z.ZodOptional<z.ZodBoolean>;
@@ -494,6 +574,27 @@ export declare const ModulesSchema: z.ZodOptional<z.ZodObject<{
                     href: z.ZodString;
                 }, z.core.$strip>>;
             }, z.core.$strip>>;
+            footer: z.ZodOptional<z.ZodObject<{
+                enabled: z.ZodOptional<z.ZodBoolean>;
+                brand: z.ZodOptional<z.ZodObject<{
+                    name: z.ZodOptional<z.ZodString>;
+                    tagline: z.ZodOptional<z.ZodString>;
+                    logoSrc: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>>;
+                columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    title: z.ZodString;
+                    links: z.ZodArray<z.ZodObject<{
+                        label: z.ZodString;
+                        href: z.ZodString;
+                    }, z.core.$strip>>;
+                }, z.core.$strip>>>;
+                copyright: z.ZodOptional<z.ZodString>;
+                social: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    icon: z.ZodString;
+                    href: z.ZodString;
+                    label: z.ZodOptional<z.ZodString>;
+                }, z.core.$strip>>>;
+            }, z.core.$strip>>;
             showPoweredBy: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strip>>;
         useDefaults: z.ZodOptional<z.ZodBoolean>;
@@ -588,6 +689,10 @@ export type LandingTrustConfig = z.infer<typeof LandingTrustSchema>;
 export type LandingApiShowcaseItemConfig = z.infer<typeof LandingApiShowcaseItemSchema>;
 export type LandingApiShowcaseConfig = z.infer<typeof LandingApiShowcaseSchema>;
 export type LandingPricingCtaConfig = z.infer<typeof LandingPricingCtaSchema>;
+export type LandingFooterBrandConfig = z.infer<typeof LandingFooterBrandSchema>;
+export type LandingFooterColumnConfig = z.infer<typeof LandingFooterColumnSchema>;
+export type LandingFooterSocialConfig = z.infer<typeof LandingFooterSocialSchema>;
+export type LandingFooterConfig = z.infer<typeof LandingFooterSchema>;
 export type ResolvedLandingContent = {
     hero?: {
         title?: string;
@@ -609,6 +714,7 @@ export type ResolvedLandingContent = {
     trust?: LandingTrustConfig;
     apiShowcase?: LandingApiShowcaseConfig;
     pricingCta?: LandingPricingCtaConfig;
+    footer?: LandingFooterConfig;
     showPoweredBy?: boolean;
 };
 export type ResolvedLandingModule = {

package/dist/declarations/config/validators/ZudokuConfig.d.ts

@@ -6952,6 +6952,27 @@ export declare const ZudokuConfig: z.ZodObject<{
                         href: z.ZodString;
                     }, z.core.$strip>>;
                 }, z.core.$strip>>;
+                footer: z.ZodOptional<z.ZodObject<{
+                    enabled: z.ZodOptional<z.ZodBoolean>;
+                    brand: z.ZodOptional<z.ZodObject<{
+                        name: z.ZodOptional<z.ZodString>;
+                        tagline: z.ZodOptional<z.ZodString>;
+                        logoSrc: z.ZodOptional<z.ZodString>;
+                    }, z.core.$strip>>;
+                    columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                        title: z.ZodString;
+                        links: z.ZodArray<z.ZodObject<{
+                            label: z.ZodString;
+                            href: z.ZodString;
+                        }, z.core.$strip>>;
+                    }, z.core.$strip>>>;
+                    copyright: z.ZodOptional<z.ZodString>;
+                    social: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                        icon: z.ZodString;
+                        href: z.ZodString;
+                        label: z.ZodOptional<z.ZodString>;
+                    }, z.core.$strip>>>;
+                }, z.core.$strip>>;
                 showPoweredBy: z.ZodOptional<z.ZodBoolean>;
             }, z.core.$strip>>;
             useDefaults: z.ZodOptional<z.ZodBoolean>;

package/dist/declarations/lib/components/Slot.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 import { type SlotType } from "./context/SlotProvider.js";
 export type CustomSlotNames = never;
-type PredefinedSlotNames = "api-keys-list-page" | "api-keys-list-page-before-keys" | "footer-after" | "footer-before" | "head-navigation-end" | "head-navigation-start" | "layout-after-head" | "layout-before-head" | "top-navigation-after" | "top-navigation-before" | "top-navigation-side" | "content-before" | "content-after" | "navigation-after" | "navigation-before";
+type PredefinedSlotNames = "api-keys-list-page" | "api-keys-list-page-before-keys" | "footer" | "footer-after" | "footer-before" | "head-navigation-end" | "head-navigation-start" | "layout-after-head" | "layout-before-head" | "top-navigation-after" | "top-navigation-before" | "top-navigation-side" | "content-before" | "content-after" | "navigation-after" | "navigation-before";
 export type SlotName = PredefinedSlotNames | CustomSlotNames;
 export declare const Slot: {
     Source: ({ name, children, type, }: {

package/dist/flat-config.d.ts

@@ -589,6 +589,24 @@ export interface _Schema21 {
     primaryAction?: _Schema23
     secondaryAction?: _Schema23
   }
+  footer?: {
+    enabled?: boolean
+    brand?: {
+      name?: string
+      tagline?: string
+      logoSrc?: string
+    }
+    columns?: {
+      title: string
+      links: _Schema23[]
+    }[]
+    copyright?: string
+    social?: {
+      icon: string
+      href: string
+      label?: string
+    }[]
+  }
   showPoweredBy?: boolean
 }
 export interface _Schema23 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukoweb/apitogo",
-  "version": "0.1.58",
+  "version": "0.1.59",
   "type": "module",
   "sideEffects": [
     "**/*.css",

package/src/app/main.tsx

@@ -10,7 +10,10 @@ import {
 import { configuredAuthProvider } from "virtual:zudoku-auth";
 import { configuredCustomPagesPlugin } from "virtual:zudoku-custom-pages-plugin";
 import { configuredDocsPlugin } from "virtual:zudoku-docs-plugin";
-import { configuredModulesPlugins } from "virtual:zudoku-modules-plugin";
+import {
+  configuredModulesPlugins,
+  configuredModulesSlots,
+} from "virtual:zudoku-modules-plugin";
 import "virtual:zudoku-theme.css";
 import {
   configuredHeaderNavigation,
@@ -60,7 +63,7 @@ export const convertApitogoConfigToOptions = (
       showPoweredBy: ZuploEnv.buildConfig?.entitlements.devPortalZuploBranding,
       logo: config.site?.logo,
     },
-    slots: config.slots,
+    slots: { ...configuredModulesSlots, ...config.slots },
     metadata: {
       favicon: "https://cdn.zudoku.dev/logos/favicon.svg",
       applicationName: siteTitle,

package/src/config/resolve-modules.ts

@@ -96,6 +96,7 @@ export const resolveLandingContent = (
 
   if (options?.useDefaults === true) {
     const defaults = buildDefaultLandingContent(config);
+    const footer = mergeLandingSection(defaults.footer, content?.footer);
 
     return {
       hero: {
@@ -118,13 +119,16 @@ export const resolveLandingContent = (
       features: content?.features ?? defaults.features,
       primaryAction: content?.primaryAction ?? defaults.primaryAction,
       secondaryAction: content?.secondaryAction ?? defaults.secondaryAction,
-      showPoweredBy: content?.showPoweredBy ?? defaults.showPoweredBy,
+      // A configured footer replaces the "Built with APIToGo" powered-by line.
+      showPoweredBy:
+        content?.showPoweredBy ?? (footer ? false : defaults.showPoweredBy),
       trust: mergeLandingSection(defaults.trust, content?.trust),
       apiShowcase: mergeLandingSection(
         defaults.apiShowcase,
         content?.apiShowcase,
       ),
       pricingCta: mergeLandingSection(defaults.pricingCta, content?.pricingCta),
+      footer,
     };
   }
 
@@ -137,6 +141,10 @@ export const resolveLandingContent = (
     };
   }
 
+  const footer = content.footer
+    ? mergeLandingSection(undefined, content.footer)
+    : undefined;
+
   return {
     hero: {
       ...content.hero,
@@ -148,7 +156,8 @@ export const resolveLandingContent = (
     features: content.features,
     primaryAction: content.primaryAction,
     secondaryAction: content.secondaryAction,
-    showPoweredBy: content.showPoweredBy ?? true,
+    // A configured footer replaces the "Built with APIToGo" powered-by line.
+    showPoweredBy: content.showPoweredBy ?? !footer,
     trust: content.trust
       ? mergeLandingSection(undefined, content.trust)
       : undefined,
@@ -158,6 +167,7 @@ export const resolveLandingContent = (
     pricingCta: content.pricingCta
       ? mergeLandingSection(undefined, content.pricingCta)
       : undefined,
+    footer,
   };
 };
 

package/src/config/validators/ModulesSchema.ts

@@ -118,6 +118,35 @@ export const LandingPricingCtaSchema = z
   })
   .optional();
 
+export const LandingFooterBrandSchema = z
+  .object({
+    name: z.string().optional(),
+    tagline: z.string().optional(),
+    logoSrc: z.string().optional(),
+  })
+  .optional();
+
+export const LandingFooterColumnSchema = z.object({
+  title: z.string(),
+  links: z.array(LandingLinkSchema),
+});
+
+export const LandingFooterSocialSchema = z.object({
+  icon: z.string(),
+  href: z.string(),
+  label: z.string().optional(),
+});
+
+export const LandingFooterSchema = z
+  .object({
+    enabled: z.boolean().optional(),
+    brand: LandingFooterBrandSchema,
+    columns: z.array(LandingFooterColumnSchema).optional(),
+    copyright: z.string().optional(),
+    social: z.array(LandingFooterSocialSchema).optional(),
+  })
+  .optional();
+
 export const LandingContentSchema = z
   .object({
     hero: LandingHeroSchema,
@@ -128,6 +157,7 @@ export const LandingContentSchema = z
     trust: LandingTrustSchema,
     apiShowcase: LandingApiShowcaseSchema,
     pricingCta: LandingPricingCtaSchema,
+    footer: LandingFooterSchema,
     showPoweredBy: z.boolean().optional(),
   })
   .optional();
@@ -327,6 +357,14 @@ export type LandingApiShowcaseItemConfig = z.infer<
 >;
 export type LandingApiShowcaseConfig = z.infer<typeof LandingApiShowcaseSchema>;
 export type LandingPricingCtaConfig = z.infer<typeof LandingPricingCtaSchema>;
+export type LandingFooterBrandConfig = z.infer<typeof LandingFooterBrandSchema>;
+export type LandingFooterColumnConfig = z.infer<
+  typeof LandingFooterColumnSchema
+>;
+export type LandingFooterSocialConfig = z.infer<
+  typeof LandingFooterSocialSchema
+>;
+export type LandingFooterConfig = z.infer<typeof LandingFooterSchema>;
 
 export type ResolvedLandingContent = {
   hero?: {
@@ -349,6 +387,7 @@ export type ResolvedLandingContent = {
   trust?: LandingTrustConfig;
   apiShowcase?: LandingApiShowcaseConfig;
   pricingCta?: LandingPricingCtaConfig;
+  footer?: LandingFooterConfig;
   showPoweredBy?: boolean;
 };
 

package/src/lib/components/Footer.tsx

@@ -3,6 +3,7 @@ import type { CSSProperties, ReactNode } from "react";
 import type { FooterSocialIcons } from "../../config/validators/ZudokuConfig.js";
 import { cn } from "../util/cn.js";
 import { AnchorLink } from "./AnchorLink.js";
+import { useRenderSlot } from "./context/SlotProvider.js";
 import { useZudoku } from "./index.js";
 import { Slot } from "./Slot.js";
 
@@ -30,6 +31,11 @@ export const Footer = () => {
   const { options } = useZudoku();
   const { site } = options;
   const footer = site?.footer;
+  // The "footer" slot fully replaces the default site footer on every page
+  // (used by the landing module to render its footer portal-wide).
+  const customFooter = useRenderSlot("footer");
+
+  if (customFooter.length > 0) return <>{customFooter}</>;
 
   if (!footer) return null;
 

package/src/lib/components/Slot.tsx

@@ -13,6 +13,7 @@ export type CustomSlotNames = never;
 type PredefinedSlotNames =
   | "api-keys-list-page"
   | "api-keys-list-page-before-keys"
+  | "footer"
   | "footer-after"
   | "footer-before"
   | "head-navigation-end"

package/src/types.d.ts

@@ -33,6 +33,10 @@ declare module "virtual:zudoku-api-keys-plugin" {
 
 declare module "virtual:zudoku-modules-plugin" {
   export const configuredModulesPlugins: import("./lib/core/plugins.ts").ApitogoPlugin[];
+  export const configuredModulesSlots: Record<
+    string,
+    import("./lib/components/context/SlotProvider.tsx").SlotType
+  >;
 }
 
 declare module "virtual:zudoku-custom-pages-plugin" {

package/src/vite/plugin-modules.ts

@@ -35,7 +35,10 @@ const viteModulesPlugin = (): Plugin => {
       const { landing, userPanel } = config.__resolvedModules;
 
       if (config.__meta.mode === "standalone") {
-        return `export const configuredModulesPlugins = [];`;
+        return [
+          `export const configuredModulesPlugins = [];`,
+          `export const configuredModulesSlots = {};`,
+        ].join("\n");
       }
 
       const landingImport = getLandingModuleImport(
@@ -107,6 +110,7 @@ const viteModulesPlugin = (): Plugin => {
       }
 
       const configuredPlugins: string[] = [];
+      let hasLandingFooterSlot = false;
 
       if (landing.enabled) {
         code.push(`import { landingModule } from "${landingImport}";`);
@@ -117,8 +121,24 @@ const viteModulesPlugin = (): Plugin => {
           `});`,
         );
         configuredPlugins.push("...(landing ? [landing] : [])");
+
+        // Render the configured landing footer on every page via the
+        // layout "footer" slot (home, docs, API reference, pricing, auth).
+        if (landing.content.footer) {
+          code.push(
+            `import { createLandingFooterSlot } from "${landingImport}";`,
+            `const landingFooterSlot = createLandingFooterSlot(${JSON.stringify(landing.content.footer)});`,
+          );
+          hasLandingFooterSlot = true;
+        }
       }
 
+      code.push(
+        hasLandingFooterSlot
+          ? `export const configuredModulesSlots = landingFooterSlot ? { footer: landingFooterSlot } : {};`
+          : `export const configuredModulesSlots = {};`,
+      );
+
       if (userPanel.enabled) {
         code.push(`import { userPanelModule } from "${userPanelImport}";`);
         code.push(