@rmdes/indiekit-endpoint-homepage 1.0.17 → 1.0.19

package/index.js

@@ -372,6 +372,14 @@ export default class HomepageEndpoint {
     // Get current config
     protectedRouter.get("/api/config", apiController.getConfig);
 
+    // Blog sidebar tab
+    protectedRouter.get("/blog-sidebar", dashboardController.getBlogSidebar);
+    protectedRouter.post("/save-blog-sidebar", dashboardController.saveBlogSidebar);
+
+    // Identity tab
+    protectedRouter.get("/identity", dashboardController.getIdentity);
+    protectedRouter.post("/save-identity", dashboardController.saveIdentity);
+
     return protectedRouter;
   }
 

package/lib/controllers/dashboard.js

@@ -5,6 +5,26 @@
 
 import { getConfig, saveConfig, getDefaultConfig } from "../storage/config.js";
 
+/**
+ * Parse social links from form body.
+ * Express parses social[0][name], social[0][url] etc. into nested objects.
+ */
+function parseSocialLinks(body) {
+  const social = [];
+  if (!body.social) return social;
+  const entries = Array.isArray(body.social) ? body.social : Object.values(body.social);
+  for (const entry of entries) {
+    if (!entry || (!entry.name && !entry.url)) continue;
+    social.push({
+      name: entry.name || "",
+      url: entry.url || "",
+      rel: entry.rel || "me",
+      icon: entry.icon || "",
+    });
+  }
+  return social;
+}
+
 /**
  * Detect which preset matches the current config (if any)
  */
@@ -60,6 +80,7 @@ export const dashboardController = {
 
       response.render("homepage-dashboard", {
         title: "Homepage Builder",
+        activeTab: "builder",
         config,
         sections,
         widgets,
@@ -91,11 +112,10 @@ export const dashboardController = {
     const { application } = request.app.locals;
 
     try {
-      const {
-        layout, hero, sections, sidebar,
-        blogListingSidebar, blogPostSidebar,
-        footer, identity,
-      } = request.body;
+      const { layout, hero, sections, sidebar, footer } = request.body;
+
+      // Get current config to preserve fields from other tabs
+      const currentConfig = await getConfig(application);
 
       // Parse JSON strings if needed
       const config = {
@@ -103,10 +123,10 @@ export const dashboardController = {
         hero: typeof hero === "string" ? JSON.parse(hero) : hero,
         sections: typeof sections === "string" ? JSON.parse(sections) : sections,
         sidebar: typeof sidebar === "string" ? JSON.parse(sidebar) : sidebar,
-        blogListingSidebar: typeof blogListingSidebar === "string" ? JSON.parse(blogListingSidebar) : blogListingSidebar,
-        blogPostSidebar: typeof blogPostSidebar === "string" ? JSON.parse(blogPostSidebar) : blogPostSidebar,
+        blogListingSidebar: currentConfig?.blogListingSidebar || [],
+        blogPostSidebar: currentConfig?.blogPostSidebar || [],
         footer: typeof footer === "string" ? JSON.parse(footer) : footer,
-        identity: typeof identity === "string" ? JSON.parse(identity) : identity,
+        identity: currentConfig?.identity || null,
       };
 
       await saveConfig(application, config);
@@ -174,4 +194,179 @@ export const dashboardController = {
       });
     }
   },
+
+  /**
+   * GET /blog-sidebar - Blog sidebar tab
+   */
+  async getBlogSidebar(request, response) {
+    const { application } = request.app.locals;
+
+    try {
+      let config = await getConfig(application);
+      if (!config) {
+        config = getDefaultConfig();
+      }
+
+      const widgets = application.discoveredWidgets || [];
+      const blogPostWidgets = application.discoveredBlogPostWidgets || [];
+
+      response.render("homepage-blog-sidebar", {
+        title: "Homepage Builder",
+        activeTab: "blog-sidebar",
+        config,
+        widgets,
+        blogPostWidgets,
+        homepageEndpoint: application.homepageEndpoint,
+      });
+    } catch (error) {
+      console.error("[Homepage] Blog sidebar error:", error);
+      response.status(500).render("error", {
+        title: "Error",
+        message: "Failed to load blog sidebar configuration",
+        error: error.message,
+      });
+    }
+  },
+
+  /**
+   * POST /save-blog-sidebar - Save blog sidebar configuration
+   */
+  async saveBlogSidebar(request, response) {
+    const { application } = request.app.locals;
+
+    try {
+      const { blogListingSidebar, blogPostSidebar } = request.body;
+
+      // Get current config to preserve fields from other tabs
+      const currentConfig = await getConfig(application);
+
+      const config = {
+        layout: currentConfig?.layout || "single-column",
+        hero: currentConfig?.hero || { enabled: true, showSocial: true },
+        sections: currentConfig?.sections || [],
+        sidebar: currentConfig?.sidebar || [],
+        blogListingSidebar: typeof blogListingSidebar === "string" ? JSON.parse(blogListingSidebar) : (blogListingSidebar || []),
+        blogPostSidebar: typeof blogPostSidebar === "string" ? JSON.parse(blogPostSidebar) : (blogPostSidebar || []),
+        footer: currentConfig?.footer || [],
+        identity: currentConfig?.identity || null,
+      };
+
+      await saveConfig(application, config);
+
+      if (request.headers.accept?.includes("application/json")) {
+        response.json({ success: true, message: "Blog sidebar saved" });
+      } else {
+        response.redirect(application.homepageEndpoint + "/blog-sidebar?saved=1");
+      }
+    } catch (error) {
+      console.error("[Homepage] Save blog sidebar error:", error);
+
+      if (request.headers.accept?.includes("application/json")) {
+        response.status(500).json({ success: false, error: error.message });
+      } else {
+        response.status(500).render("error", {
+          title: "Error",
+          message: "Failed to save blog sidebar configuration",
+          error: error.message,
+        });
+      }
+    }
+  },
+
+  /**
+   * GET /identity - Identity editor tab
+   */
+  async getIdentity(request, response) {
+    const { application } = request.app.locals;
+
+    try {
+      let config = await getConfig(application);
+      if (!config) {
+        config = getDefaultConfig();
+      }
+
+      const identity = config.identity || {};
+
+      response.render("homepage-identity", {
+        title: "Homepage Builder",
+        activeTab: "identity",
+        identity,
+        homepageEndpoint: application.homepageEndpoint,
+      });
+    } catch (error) {
+      console.error("[Homepage] Identity error:", error);
+      response.status(500).render("error", {
+        title: "Error",
+        message: "Failed to load identity configuration",
+        error: error.message,
+      });
+    }
+  },
+
+  /**
+   * POST /save-identity - Save identity configuration
+   */
+  async saveIdentity(request, response) {
+    const { application } = request.app.locals;
+
+    try {
+      const body = request.body;
+
+      // Build identity object from form fields
+      const identity = {
+        name: body["identity-name"] || "",
+        avatar: body["identity-avatar"] || "",
+        title: body["identity-title"] || "",
+        pronoun: body["identity-pronoun"] || "",
+        bio: body["identity-bio"] || "",
+        description: body["identity-description"] || "",
+        locality: body["identity-locality"] || "",
+        country: body["identity-country"] || "",
+        org: body["identity-org"] || "",
+        url: body["identity-url"] || "",
+        email: body["identity-email"] || "",
+        keyUrl: body["identity-keyUrl"] || "",
+        categories: body["identity-categories"]
+          ? (typeof body["identity-categories"] === "string"
+            ? body["identity-categories"].split(",").map(s => s.trim()).filter(Boolean)
+            : body["identity-categories"])
+          : [],
+        social: parseSocialLinks(body),
+      };
+
+      // Get current config to preserve fields from other tabs
+      const currentConfig = await getConfig(application);
+
+      const config = {
+        layout: currentConfig?.layout || "single-column",
+        hero: currentConfig?.hero || { enabled: true, showSocial: true },
+        sections: currentConfig?.sections || [],
+        sidebar: currentConfig?.sidebar || [],
+        blogListingSidebar: currentConfig?.blogListingSidebar || [],
+        blogPostSidebar: currentConfig?.blogPostSidebar || [],
+        footer: currentConfig?.footer || [],
+        identity,
+      };
+
+      await saveConfig(application, config);
+
+      if (request.headers.accept?.includes("application/json")) {
+        response.json({ success: true, message: "Identity saved" });
+      } else {
+        response.redirect(application.homepageEndpoint + "/identity?saved=1");
+      }
+    } catch (error) {
+      console.error("[Homepage] Save identity error:", error);
+
+      if (request.headers.accept?.includes("application/json")) {
+        response.status(500).json({ success: false, error: error.message });
+      } else {
+        response.status(500).render("error", {
+          title: "Error",
+          message: "Failed to save identity configuration",
+          error: error.message,
+        });
+      }
+    }
+  },
 };

package/locales/en.json

@@ -2,6 +2,11 @@
   "homepageBuilder": {
     "title": "Homepage Builder",
     "description": "Configure your homepage layout, sections, sidebar widgets, and footer.",
+    "tabs": {
+      "builder": "Homepage",
+      "blogSidebar": "Blog Sidebar",
+      "identity": "Identity"
+    },
     "presets": {
       "title": "Quick Start",
       "description": "Choose a preset to quickly configure your homepage. You can customize it further below.",
@@ -60,6 +65,44 @@
       "contentLabel": "Content (HTML or text)",
       "save": "Apply",
       "cancel": "Cancel"
+    },
+    "identity": {
+      "title": "Identity",
+      "description": "Configure your author profile, contact details, and social links. These override environment variable defaults.",
+      "saved": "Identity saved successfully. Refresh your site to see changes.",
+      "profile": {
+        "legend": "Profile",
+        "name": { "label": "Name", "hint": "Your display name" },
+        "avatar": { "label": "Avatar URL", "hint": "URL to your avatar image" },
+        "title": { "label": "Title", "hint": "Job title or subtitle" },
+        "pronoun": { "label": "Pronoun", "hint": "e.g. he/him, she/her, they/them" },
+        "bio": { "label": "Bio", "hint": "Short biography" },
+        "description": { "label": "Site Description", "hint": "Description shown in the hero section" }
+      },
+      "location": {
+        "legend": "Location",
+        "locality": { "label": "City", "hint": "City or locality" },
+        "country": { "label": "Country" },
+        "org": { "label": "Organization", "hint": "Company or organization" }
+      },
+      "contact": {
+        "legend": "Contact",
+        "url": { "label": "URL", "hint": "Your personal website URL" },
+        "email": { "label": "Email" },
+        "keyUrl": { "label": "PGP Key URL", "hint": "URL to your public PGP key" }
+      },
+      "categories": {
+        "legend": "Site Categories",
+        "tags": { "label": "Categories", "hint": "Comma-separated tags for your site (rendered as p-category in your h-card)" }
+      },
+      "social": {
+        "legend": "Social Links",
+        "description": "Add links to your social profiles. These appear in the hero section and h-card.",
+        "name": { "label": "Name" },
+        "url": { "label": "URL" },
+        "rel": { "label": "Rel" },
+        "icon": { "label": "Icon" }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-homepage",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "Homepage builder endpoint for Indiekit. Configure layout, sections, and sidebar widgets from the admin UI.",
   "keywords": [
     "indiekit",