@rmdes/indiekit-endpoint-cv 1.0.3 → 1.0.5

package/index.js

@@ -158,6 +158,9 @@ export default class CvEndpoint {
     protectedRouter.post("/skills/add", dashboardController.addSkillCategory);
     protectedRouter.post("/skills/:category/delete", dashboardController.deleteSkillCategory);
 
+    // Generic move (reorder) for any array section
+    protectedRouter.post("/:section/:index/:direction(up|down)", dashboardController.move);
+
     return protectedRouter;
   }
 
@@ -183,5 +186,21 @@ export default class CvEndpoint {
 
     // Store database getter for controller access
     Indiekit.config.application.getCvDb = () => Indiekit.database;
+
+    // Write CV data file for Eleventy on startup
+    // Deferred so database connection is established first
+    const app = Indiekit.config.application;
+    setTimeout(async () => {
+      try {
+        const { getCvData, getDefaultCvData, writeCvFile } = await import(
+          "./lib/storage/cv.js"
+        );
+        const data = (await getCvData(app)) || getDefaultCvData();
+        writeCvFile(app, data);
+        console.log("[CV] Initial data file written for Eleventy");
+      } catch (error) {
+        console.log("[CV] Deferred file write:", error.message);
+      }
+    }, 2000);
   }
 }

package/lib/controllers/dashboard.js

@@ -10,6 +10,7 @@ import {
   addToSection,
   updateInSection,
   removeFromSection,
+  moveInSection,
   addSkillCategory,
   removeSkillCategory,
 } from "../storage/cv.js";
@@ -141,13 +142,15 @@ export const dashboardController = {
   async addProject(request, response) {
     const { application } = request.app.locals;
     try {
-      const { name, url, description, tags, technologies, status } = request.body;
+      const { name, url, description, tags, technologies, status, startDate, endDate } = request.body;
       await addToSection(application, "projects", {
         name: name || "",
         url: url || "",
         description: description || "",
         technologies: parseCommaList(tags || technologies),
         status: status || "active",
+        startDate: startDate || "",
+        endDate: endDate || null,
       });
       response.redirect(application.cvEndpoint + "?saved=1#projects");
     } catch (error) {
@@ -160,13 +163,15 @@ export const dashboardController = {
     const { application } = request.app.locals;
     try {
       const index = Number.parseInt(request.params.index, 10);
-      const { name, url, description, tags, status } = request.body;
+      const { name, url, description, tags, status, startDate, endDate } = request.body;
       await updateInSection(application, "projects", index, {
         name: name || "",
         url: url || "",
         description: description || "",
         technologies: parseCommaList(tags),
         status: status || "active",
+        startDate: startDate || "",
+        endDate: endDate || null,
       });
       response.redirect(application.cvEndpoint + "?saved=1#projects");
     } catch (error) {
@@ -191,12 +196,13 @@ export const dashboardController = {
   async addEducation(request, response) {
     const { application } = request.app.locals;
     try {
-      const { degree, institution, location, year, description } = request.body;
+      const { degree, institution, location, startDate, endDate, description } = request.body;
       await addToSection(application, "education", {
         degree: degree || "",
         institution: institution || "",
         location: location || "",
-        year: year || "",
+        startDate: startDate || "",
+        endDate: endDate || null,
         description: description || "",
       });
       response.redirect(application.cvEndpoint + "?saved=1#education");
@@ -210,12 +216,13 @@ export const dashboardController = {
     const { application } = request.app.locals;
     try {
       const index = Number.parseInt(request.params.index, 10);
-      const { degree, institution, location, year, description } = request.body;
+      const { degree, institution, location, startDate, endDate, description } = request.body;
       await updateInSection(application, "education", index, {
         degree: degree || "",
         institution: institution || "",
         location: location || "",
-        year: year || "",
+        startDate: startDate || "",
+        endDate: endDate || null,
         description: description || "",
       });
       response.redirect(application.cvEndpoint + "?saved=1#education");
@@ -304,6 +311,20 @@ export const dashboardController = {
       response.redirect(application.cvEndpoint + "?error=1#skills");
     }
   },
+
+  // --- Generic move (reorder) ---
+
+  async move(request, response) {
+    const { application } = request.app.locals;
+    const { section, index, direction } = request.params;
+    try {
+      await moveInSection(application, section, Number.parseInt(index, 10), direction);
+      response.redirect(application.cvEndpoint + "?saved=1#" + section);
+    } catch (error) {
+      console.error(`[CV] Move ${section} error:`, error);
+      response.redirect(application.cvEndpoint + "?error=1#" + section);
+    }
+  },
 };
 
 // --- Helper functions ---

package/lib/storage/cv.js

@@ -5,6 +5,9 @@
  * @module storage/cv
  */
 
+import { writeFileSync, mkdirSync } from "node:fs";
+import { join } from "node:path";
+
 /**
  * Get collection reference
  * @param {object} application - Application instance
@@ -47,6 +50,10 @@ export async function saveCvData(application, data) {
   };
 
   await collection.replaceOne({ _id: "cv" }, document, { upsert: true });
+
+  // Write JSON file for Eleventy to pick up
+  writeCvFile(application, document);
+
   return document;
 }
 
@@ -112,6 +119,26 @@ export async function removeFromSection(application, section, index) {
   return saveCvData(application, data);
 }
 
+/**
+ * Move an item up or down in a CV array section
+ * @param {object} application - Application instance
+ * @param {string} section - Section name
+ * @param {number} index - Current index
+ * @param {string} direction - "up" or "down"
+ */
+export async function moveInSection(application, section, index, direction) {
+  const data = (await getCvData(application)) || getDefaultCvData();
+  const arr = data[section];
+  if (!Array.isArray(arr)) return data;
+
+  const targetIndex = direction === "up" ? index - 1 : index + 1;
+  if (targetIndex < 0 || targetIndex >= arr.length) return data;
+
+  // Swap items
+  [arr[index], arr[targetIndex]] = [arr[targetIndex], arr[index]];
+  return saveCvData(application, data);
+}
+
 /**
  * Add a skill category
  * @param {object} application - Application instance
@@ -139,3 +166,26 @@ export async function removeSkillCategory(application, category) {
   }
   return saveCvData(application, data);
 }
+
+/**
+ * Write CV data to JSON file in content directory
+ * This triggers Eleventy rebuild via file watcher
+ * @param {object} application - Application instance
+ * @param {object} data - CV data object
+ */
+export function writeCvFile(application, data) {
+  const contentDir = application.contentDir || "/app/data/content";
+  const configDir = join(contentDir, ".indiekit");
+  const filePath = join(configDir, "cv.json");
+
+  try {
+    mkdirSync(configDir, { recursive: true });
+  } catch {
+    // Directory may already exist
+  }
+
+  // Write data (excluding MongoDB-specific fields)
+  const { _id, ...fileData } = data;
+  writeFileSync(filePath, JSON.stringify(fileData, null, 2));
+  console.log(`[CV] Wrote data to ${filePath}`);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-cv",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "CV/Resume editor endpoint for Indiekit. Manage work experience, projects, skills, education, and interests from the admin UI.",
   "keywords": [
     "indiekit",

package/views/cv-dashboard.njk

@@ -106,6 +106,43 @@
     display: flex;
     gap: 0.25rem;
     flex-shrink: 0;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .cv-move-buttons {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+  }
+
+  .cv-move-buttons form {
+    margin: 0;
+  }
+
+  .cv-move-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 16px;
+    padding: 0;
+    border: 1px solid var(--color-outline-variant, #ccc);
+    background: var(--color-background, #fff);
+    cursor: pointer;
+    border-radius: 2px;
+    color: var(--color-on-surface, #333);
+    font-size: 10px;
+    line-height: 1;
+  }
+
+  .cv-move-btn:hover {
+    background: var(--color-primary-container, #e6f0ff);
+  }
+
+  .cv-move-btn:disabled {
+    opacity: 0.3;
+    cursor: default;
   }
 
   .cv-edit-details {
@@ -246,6 +283,10 @@
       {% if cv.experience.length %}
         {% for item in cv.experience %}
         <div class="cv-item cv-item--has-edit">
+          <div class="cv-move-buttons">
+            <form method="post" action="{{ cvEndpoint }}/experience/{{ loop.index0 }}/up"><button type="submit" class="cv-move-btn" title="Move up" {% if loop.first %}disabled{% endif %}>&#9650;</button></form>
+            <form method="post" action="{{ cvEndpoint }}/experience/{{ loop.index0 }}/down"><button type="submit" class="cv-move-btn" title="Move down" {% if loop.last %}disabled{% endif %}>&#9660;</button></form>
+          </div>
           <div class="cv-item__info">
             <div class="cv-item__title">{{ item.title }}</div>
             <div class="cv-item__sub">
@@ -396,12 +437,17 @@
       {% if cv.projects.length %}
         {% for item in cv.projects %}
         <div class="cv-item cv-item--has-edit">
+          <div class="cv-move-buttons">
+            <form method="post" action="{{ cvEndpoint }}/projects/{{ loop.index0 }}/up"><button type="submit" class="cv-move-btn" title="Move up" {% if loop.first %}disabled{% endif %}>&#9650;</button></form>
+            <form method="post" action="{{ cvEndpoint }}/projects/{{ loop.index0 }}/down"><button type="submit" class="cv-move-btn" title="Move down" {% if loop.last %}disabled{% endif %}>&#9660;</button></form>
+          </div>
           <div class="cv-item__info">
             <div class="cv-item__title">
               {% if item.url %}<a href="{{ item.url }}">{{ item.name }}</a>{% else %}{{ item.name }}{% endif %}
             </div>
             <div class="cv-item__sub">
               {% if item.status %}<span class="cv-tag">{{ item.status }}</span>{% endif %}
+              {% if item.startDate %} &middot; {{ item.startDate }}{% if item.endDate %} – {{ item.endDate }}{% else %} – Present{% endif %}{% endif %}
               {% if item.description %} {{ item.description }}{% endif %}
             </div>
             {% if item.technologies and item.technologies.length %}
@@ -431,6 +477,16 @@
                   <input class="field__input" type="url" name="url" value="{{ item.url }}" placeholder="https://...">
                 </div>
               </div>
+              <div class="field-row">
+                <div class="field">
+                  <label class="field__label">{{ __("cv.experience.startDate") }}</label>
+                  <input class="field__input" type="month" name="startDate" value="{{ item.startDate }}">
+                </div>
+                <div class="field">
+                  <label class="field__label">{{ __("cv.experience.endDate") }}</label>
+                  <input class="field__input" type="month" name="endDate" value="{{ item.endDate }}">
+                </div>
+              </div>
               <div class="field">
                 <label class="field__label">{{ __("cv.projects.descriptionField") }}</label>
                 <textarea class="field__input" name="description" rows="2">{{ item.description }}</textarea>
@@ -475,6 +531,16 @@
               <input class="field__input" type="url" id="proj-url" name="url" placeholder="https://...">
             </div>
           </div>
+          <div class="field-row">
+            <div class="field">
+              <label class="field__label" for="proj-start">{{ __("cv.experience.startDate") }}</label>
+              <input class="field__input" type="month" id="proj-start" name="startDate">
+            </div>
+            <div class="field">
+              <label class="field__label" for="proj-end">{{ __("cv.experience.endDate") }}</label>
+              <input class="field__input" type="month" id="proj-end" name="endDate">
+            </div>
+          </div>
           <div class="field">
             <label class="field__label" for="proj-desc">{{ __("cv.projects.descriptionField") }}</label>
             <textarea class="field__input" id="proj-desc" name="description" rows="2"></textarea>
@@ -558,10 +624,15 @@
       {% if cv.education.length %}
         {% for item in cv.education %}
         <div class="cv-item cv-item--has-edit">
+          <div class="cv-move-buttons">
+            <form method="post" action="{{ cvEndpoint }}/education/{{ loop.index0 }}/up"><button type="submit" class="cv-move-btn" title="Move up" {% if loop.first %}disabled{% endif %}>&#9650;</button></form>
+            <form method="post" action="{{ cvEndpoint }}/education/{{ loop.index0 }}/down"><button type="submit" class="cv-move-btn" title="Move down" {% if loop.last %}disabled{% endif %}>&#9660;</button></form>
+          </div>
           <div class="cv-item__info">
             <div class="cv-item__title">{{ item.degree }}</div>
             <div class="cv-item__sub">
-              {{ item.institution }}{% if item.location %} &middot; {{ item.location }}{% endif %}{% if item.year %} &middot; {{ item.year }}{% endif %}
+              {{ item.institution }}{% if item.location %} &middot; {{ item.location }}{% endif %}
+              {% if item.startDate %} &middot; {{ item.startDate }}{% if item.endDate %} – {{ item.endDate }}{% else %} – Present{% endif %}{% elif item.year %} &middot; {{ item.year }}{% endif %}
             </div>
             {% if item.description %}
             <div class="cv-item__sub" style="margin-top:0.25rem">{{ item.description }}</div>
@@ -593,9 +664,15 @@
                   <label class="field__label">{{ __("cv.education.location") }}</label>
                   <input class="field__input" type="text" name="location" value="{{ item.location }}">
                 </div>
+              </div>
+              <div class="field-row">
+                <div class="field">
+                  <label class="field__label">{{ __("cv.experience.startDate") }}</label>
+                  <input class="field__input" type="month" name="startDate" value="{{ item.startDate }}">
+                </div>
                 <div class="field">
-                  <label class="field__label">{{ __("cv.education.year") }}</label>
-                  <input class="field__input" type="text" name="year" value="{{ item.year }}" placeholder="2020-2024">
+                  <label class="field__label">{{ __("cv.experience.endDate") }}</label>
+                  <input class="field__input" type="month" name="endDate" value="{{ item.endDate }}">
                 </div>
               </div>
               <div class="field">
@@ -627,14 +704,18 @@
               <input class="field__input" type="text" id="edu-inst" name="institution" required>
             </div>
           </div>
+          <div class="field">
+            <label class="field__label" for="edu-location">{{ __("cv.education.location") }}</label>
+            <input class="field__input" type="text" id="edu-location" name="location">
+          </div>
           <div class="field-row">
             <div class="field">
-              <label class="field__label" for="edu-location">{{ __("cv.education.location") }}</label>
-              <input class="field__input" type="text" id="edu-location" name="location">
+              <label class="field__label" for="edu-start">{{ __("cv.experience.startDate") }}</label>
+              <input class="field__input" type="month" id="edu-start" name="startDate">
             </div>
             <div class="field">
-              <label class="field__label" for="edu-year">{{ __("cv.education.year") }}</label>
-              <input class="field__input" type="text" id="edu-year" name="year" placeholder="2020-2024">
+              <label class="field__label" for="edu-end">{{ __("cv.experience.endDate") }}</label>
+              <input class="field__input" type="month" id="edu-end" name="endDate">
             </div>
           </div>
           <div class="field">
@@ -659,6 +740,10 @@
       {% if cv.languages.length %}
         {% for item in cv.languages %}
         <div class="cv-item cv-item--has-edit">
+          <div class="cv-move-buttons">
+            <form method="post" action="{{ cvEndpoint }}/languages/{{ loop.index0 }}/up"><button type="submit" class="cv-move-btn" title="Move up" {% if loop.first %}disabled{% endif %}>&#9650;</button></form>
+            <form method="post" action="{{ cvEndpoint }}/languages/{{ loop.index0 }}/down"><button type="submit" class="cv-move-btn" title="Move down" {% if loop.last %}disabled{% endif %}>&#9660;</button></form>
+          </div>
           <div class="cv-item__info">
             <div class="cv-item__title">{{ item.name }}</div>
             <div class="cv-item__sub">{{ item.level }}</div>