@sienklogic/plan-build-run 2.0.0 → 2.0.1

package/dashboard/src/views/partials/roadmap-content.ejs

@@ -1,142 +1,142 @@
-<h1>Project Roadmap</h1>
-
-<% if (phases.length === 0) { %>
-<article>
-  <p>No phases found. Add a ROADMAP.md file to your .planning/ directory to see the roadmap here.</p>
-</article>
-<% } else { %>
-
-<%
-  // Group phases by milestone
-  const msGroups = (typeof milestones !== 'undefined' && milestones.length > 0)
-    ? milestones.map(m => ({
-        ...m,
-        phases: phases.filter(p => p.id >= m.startPhase && p.id <= m.endPhase)
-      })).filter(g => g.phases.length > 0)
-    : [{ name: 'All Phases', goal: '', startPhase: 1, endPhase: 9999, phases: phases }];
-
-  const coveredIds = new Set(msGroups.flatMap(g => g.phases.map(p => p.id)));
-  const ungroupedPhases = phases.filter(p => !coveredIds.has(p.id));
-%>
-
-<!-- Overall Progress -->
-<article>
-  <header><strong>Overall Progress</strong></header>
-  <%
-    const totalComplete = phases.filter(p => p.status === 'complete').length;
-    const totalPhases = phases.length;
-    const pct = totalPhases > 0 ? Math.round((totalComplete / totalPhases) * 100) : 0;
-  %>
-  <progress value="<%= totalComplete %>" max="<%= totalPhases %>"></progress>
-  <p><%= pct %>% complete (<%= totalComplete %> of <%= totalPhases %> phases)</p>
-</article>
-
-<% msGroups.forEach(function(group) { %>
-<article>
-  <header>
-    <strong><%= group.name %></strong>
-    <% if (group.startPhase && group.endPhase < 9999) { %>
-      <small>(Phases <%= String(group.startPhase).padStart(2, '0') %>&ndash;<%= String(group.endPhase).padStart(2, '0') %>)</small>
-    <% } %>
-    &mdash;
-    <%
-      const gc = group.phases.filter(p => p.status === 'complete').length;
-      const gt = group.phases.length;
-    %>
-    <span class="status-badge" data-status="<%= gc === gt ? 'complete' : (gc > 0 ? 'in-progress' : 'not-started') %>">
-      <%= gc %>/<%= gt %>
-    </span>
-  </header>
-  <% if (group.goal) { %>
-    <p><small><%= group.goal %></small></p>
-  <% } %>
-  <div class="table-wrap">
-  <table>
-    <thead>
-      <tr>
-        <th scope="col">Phase</th>
-        <th scope="col">Name</th>
-        <th scope="col">Plans</th>
-        <th scope="col">Status</th>
-        <th scope="col">Depends On</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% group.phases.forEach(function(phase) { %>
-      <tr>
-        <td><%= String(phase.id).padStart(2, '0') %></td>
-        <td>
-          <a href="/phases/<%= String(phase.id).padStart(2, '0') %>">
-            <%= phase.name %>
-          </a>
-        </td>
-        <td><%= phase.planCount %></td>
-        <td>
-          <span class="status-badge" data-status="<%= phase.status %>">
-            <%= phase.status.replace('-', ' ') %>
-          </span>
-        </td>
-        <td>
-          <% if (phase.dependencies && phase.dependencies.length > 0) { %>
-            <% phase.dependencies.forEach(function(dep, idx) { %>
-              <a href="/phases/<%= String(dep).padStart(2, '0') %>"><%= String(dep).padStart(2, '0') %></a><% if (idx < phase.dependencies.length - 1) { %>, <% } %>
-            <% }); %>
-          <% } else { %>
-            <small>None</small>
-          <% } %>
-        </td>
-      </tr>
-      <% }); %>
-    </tbody>
-  </table>
-  </div>
-</article>
-<% }); %>
-
-<% if (ungroupedPhases.length > 0) { %>
-<article>
-  <header><strong>Other Phases</strong></header>
-  <div class="table-wrap">
-  <table>
-    <thead>
-      <tr>
-        <th scope="col">Phase</th>
-        <th scope="col">Name</th>
-        <th scope="col">Plans</th>
-        <th scope="col">Status</th>
-        <th scope="col">Depends On</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% ungroupedPhases.forEach(function(phase) { %>
-      <tr>
-        <td><%= String(phase.id).padStart(2, '0') %></td>
-        <td>
-          <a href="/phases/<%= String(phase.id).padStart(2, '0') %>">
-            <%= phase.name %>
-          </a>
-        </td>
-        <td><%= phase.planCount %></td>
-        <td>
-          <span class="status-badge" data-status="<%= phase.status %>">
-            <%= phase.status.replace('-', ' ') %>
-          </span>
-        </td>
-        <td>
-          <% if (phase.dependencies && phase.dependencies.length > 0) { %>
-            <% phase.dependencies.forEach(function(dep, idx) { %>
-              <a href="/phases/<%= String(dep).padStart(2, '0') %>"><%= String(dep).padStart(2, '0') %></a><% if (idx < phase.dependencies.length - 1) { %>, <% } %>
-            <% }); %>
-          <% } else { %>
-            <small>None</small>
-          <% } %>
-        </td>
-      </tr>
-      <% }); %>
-    </tbody>
-  </table>
-  </div>
-</article>
-<% } %>
-
-<% } %>
+<h1>Project Roadmap</h1>
+
+<% if (phases.length === 0) { %>
+<article>
+  <p>No phases found. Add a ROADMAP.md file to your .planning/ directory to see the roadmap here.</p>
+</article>
+<% } else { %>
+
+<%
+  // Group phases by milestone
+  const msGroups = (typeof milestones !== 'undefined' && milestones.length > 0)
+    ? milestones.map(m => ({
+        ...m,
+        phases: phases.filter(p => p.id >= m.startPhase && p.id <= m.endPhase)
+      })).filter(g => g.phases.length > 0)
+    : [{ name: 'All Phases', goal: '', startPhase: 1, endPhase: 9999, phases: phases }];
+
+  const coveredIds = new Set(msGroups.flatMap(g => g.phases.map(p => p.id)));
+  const ungroupedPhases = phases.filter(p => !coveredIds.has(p.id));
+%>
+
+<!-- Overall Progress -->
+<article>
+  <header><strong>Overall Progress</strong></header>
+  <%
+    const totalComplete = phases.filter(p => p.status === 'complete').length;
+    const totalPhases = phases.length;
+    const pct = totalPhases > 0 ? Math.round((totalComplete / totalPhases) * 100) : 0;
+  %>
+  <progress value="<%= totalComplete %>" max="<%= totalPhases %>"></progress>
+  <p><%= pct %>% complete (<%= totalComplete %> of <%= totalPhases %> phases)</p>
+</article>
+
+<% msGroups.forEach(function(group) { %>
+<article>
+  <header>
+    <strong><%= group.name %></strong>
+    <% if (group.startPhase && group.endPhase < 9999) { %>
+      <small>(Phases <%= String(group.startPhase).padStart(2, '0') %>&ndash;<%= String(group.endPhase).padStart(2, '0') %>)</small>
+    <% } %>
+    &mdash;
+    <%
+      const gc = group.phases.filter(p => p.status === 'complete').length;
+      const gt = group.phases.length;
+    %>
+    <span class="status-badge" data-status="<%= gc === gt ? 'complete' : (gc > 0 ? 'in-progress' : 'not-started') %>">
+      <%= gc %>/<%= gt %>
+    </span>
+  </header>
+  <% if (group.goal) { %>
+    <p><small><%= group.goal %></small></p>
+  <% } %>
+  <div class="table-wrap">
+  <table>
+    <thead>
+      <tr>
+        <th scope="col">Phase</th>
+        <th scope="col">Name</th>
+        <th scope="col">Plans</th>
+        <th scope="col">Status</th>
+        <th scope="col">Depends On</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% group.phases.forEach(function(phase) { %>
+      <tr>
+        <td><%= String(phase.id).padStart(2, '0') %></td>
+        <td>
+          <a href="/phases/<%= String(phase.id).padStart(2, '0') %>">
+            <%= phase.name %>
+          </a>
+        </td>
+        <td><%= phase.planCount %></td>
+        <td>
+          <span class="status-badge" data-status="<%= phase.status %>">
+            <%= phase.status.replace('-', ' ') %>
+          </span>
+        </td>
+        <td>
+          <% if (phase.dependencies && phase.dependencies.length > 0) { %>
+            <% phase.dependencies.forEach(function(dep, idx) { %>
+              <a href="/phases/<%= String(dep).padStart(2, '0') %>"><%= String(dep).padStart(2, '0') %></a><% if (idx < phase.dependencies.length - 1) { %>, <% } %>
+            <% }); %>
+          <% } else { %>
+            <small>None</small>
+          <% } %>
+        </td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+  </div>
+</article>
+<% }); %>
+
+<% if (ungroupedPhases.length > 0) { %>
+<article>
+  <header><strong>Other Phases</strong></header>
+  <div class="table-wrap">
+  <table>
+    <thead>
+      <tr>
+        <th scope="col">Phase</th>
+        <th scope="col">Name</th>
+        <th scope="col">Plans</th>
+        <th scope="col">Status</th>
+        <th scope="col">Depends On</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% ungroupedPhases.forEach(function(phase) { %>
+      <tr>
+        <td><%= String(phase.id).padStart(2, '0') %></td>
+        <td>
+          <a href="/phases/<%= String(phase.id).padStart(2, '0') %>">
+            <%= phase.name %>
+          </a>
+        </td>
+        <td><%= phase.planCount %></td>
+        <td>
+          <span class="status-badge" data-status="<%= phase.status %>">
+            <%= phase.status.replace('-', ' ') %>
+          </span>
+        </td>
+        <td>
+          <% if (phase.dependencies && phase.dependencies.length > 0) { %>
+            <% phase.dependencies.forEach(function(dep, idx) { %>
+              <a href="/phases/<%= String(dep).padStart(2, '0') %>"><%= String(dep).padStart(2, '0') %></a><% if (idx < phase.dependencies.length - 1) { %>, <% } %>
+            <% }); %>
+          <% } else { %>
+            <small>None</small>
+          <% } %>
+        </td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+  </div>
+</article>
+<% } %>
+
+<% } %>

package/dashboard/src/views/partials/sidebar.ejs

@@ -1,38 +1,38 @@
-<aside class="sidebar">
-  <nav>
-    <ul>
-      <li>
-        <a href="/"
-           hx-get="/"
-           hx-target="#main-content"
-           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'dashboard' ? ' aria-current="page"' : '' %>>
-          Dashboard
-        </a>
-      </li>
-      <li>
-        <a href="/phases"
-           hx-get="/phases"
-           hx-target="#main-content"
-           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'phases' ? ' aria-current="page"' : '' %>>
-          Phases
-        </a>
-      </li>
-      <li>
-        <a href="/todos"
-           hx-get="/todos"
-           hx-target="#main-content"
-           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'todos' ? ' aria-current="page"' : '' %>>
-          Todos
-        </a>
-      </li>
-      <li>
-        <a href="/roadmap"
-           hx-get="/roadmap"
-           hx-target="#main-content"
-           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'roadmap' ? ' aria-current="page"' : '' %>>
-          Roadmap
-        </a>
-      </li>
-    </ul>
-  </nav>
-</aside>
+<aside class="sidebar">
+  <nav>
+    <ul>
+      <li>
+        <a href="/"
+           hx-get="/"
+           hx-target="#main-content"
+           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'dashboard' ? ' aria-current="page"' : '' %>>
+          Dashboard
+        </a>
+      </li>
+      <li>
+        <a href="/phases"
+           hx-get="/phases"
+           hx-target="#main-content"
+           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'phases' ? ' aria-current="page"' : '' %>>
+          Phases
+        </a>
+      </li>
+      <li>
+        <a href="/todos"
+           hx-get="/todos"
+           hx-target="#main-content"
+           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'todos' ? ' aria-current="page"' : '' %>>
+          Todos
+        </a>
+      </li>
+      <li>
+        <a href="/roadmap"
+           hx-get="/roadmap"
+           hx-target="#main-content"
+           hx-push-url="true"<%= typeof activePage !== 'undefined' && activePage === 'roadmap' ? ' aria-current="page"' : '' %>>
+          Roadmap
+        </a>
+      </li>
+    </ul>
+  </nav>
+</aside>

package/dashboard/src/views/partials/todo-create-content.ejs

@@ -1,53 +1,53 @@
-<h1>Create Todo</h1>
-
-<p><a href="/todos">&larr; Back to Todos</a></p>
-
-<article>
-  <form method="POST" action="/todos"
-        hx-post="/todos"
-        hx-target="#main-content">
-    <label>
-      Title
-      <input
-        type="text"
-        name="title"
-        placeholder="Todo title"
-        required
-        maxlength="200"
-      />
-    </label>
-
-    <label>
-      Priority
-      <select name="priority" required>
-        <option value="">Select priority...</option>
-        <option value="P0">P0 - Critical</option>
-        <option value="P1">P1 - High</option>
-        <option value="P2">P2 - Medium</option>
-        <option value="PX">PX - Low</option>
-      </select>
-    </label>
-
-    <label>
-      Phase (optional)
-      <input
-        type="text"
-        name="phase"
-        placeholder="e.g., 09-todo-write-operations"
-      />
-      <small>Format: 01-phase-name</small>
-    </label>
-
-    <label>
-      Description
-      <textarea
-        name="description"
-        rows="10"
-        required
-        placeholder="Markdown content..."
-      ></textarea>
-    </label>
-
-    <button type="submit">Create Todo</button>
-  </form>
-</article>
+<h1>Create Todo</h1>
+
+<p><a href="/todos">&larr; Back to Todos</a></p>
+
+<article>
+  <form method="POST" action="/todos"
+        hx-post="/todos"
+        hx-target="#main-content">
+    <label>
+      Title
+      <input
+        type="text"
+        name="title"
+        placeholder="Todo title"
+        required
+        maxlength="200"
+      />
+    </label>
+
+    <label>
+      Priority
+      <select name="priority" required>
+        <option value="">Select priority...</option>
+        <option value="P0">P0 - Critical</option>
+        <option value="P1">P1 - High</option>
+        <option value="P2">P2 - Medium</option>
+        <option value="PX">PX - Low</option>
+      </select>
+    </label>
+
+    <label>
+      Phase (optional)
+      <input
+        type="text"
+        name="phase"
+        placeholder="e.g., 09-todo-write-operations"
+      />
+      <small>Format: 01-phase-name</small>
+    </label>
+
+    <label>
+      Description
+      <textarea
+        name="description"
+        rows="10"
+        required
+        placeholder="Markdown content..."
+      ></textarea>
+    </label>
+
+    <button type="submit">Create Todo</button>
+  </form>
+</article>

package/dashboard/src/views/partials/todo-detail-content.ejs

@@ -1,38 +1,38 @@
-<h1><%= title %></h1>
-
-<p><a href="/todos">&larr; Back to Todos</a></p>
-
-<article>
-  <header>
-    <strong>Todo <%= id %></strong>
-    &nbsp;
-    <span class="status-badge" data-priority="<%= priority %>">
-      <%= priority %>
-    </span>
-    &nbsp;
-    <span class="status-badge" data-status="<%= status %>">
-      <%= status %>
-    </span>
-  </header>
-
-  <% if (phase) { %>
-  <p><strong>Phase:</strong> <%= phase %></p>
-  <% } %>
-  <% if (created) { %>
-  <p><strong>Created:</strong> <%= created %></p>
-  <% } %>
-
-  <hr>
-
-  <%- html %>
-
-  <% if (status === 'pending') { %>
-  <hr>
-  <form method="POST" action="/todos/<%= id %>/done"
-        hx-post="/todos/<%= id %>/done"
-        hx-target="#main-content"
-        style="display:inline;">
-    <button type="submit" class="secondary">Mark as Done</button>
-  </form>
-  <% } %>
-</article>
+<h1><%= title %></h1>
+
+<p><a href="/todos">&larr; Back to Todos</a></p>
+
+<article>
+  <header>
+    <strong>Todo <%= id %></strong>
+    &nbsp;
+    <span class="status-badge" data-priority="<%= priority %>">
+      <%= priority %>
+    </span>
+    &nbsp;
+    <span class="status-badge" data-status="<%= status %>">
+      <%= status %>
+    </span>
+  </header>
+
+  <% if (phase) { %>
+  <p><strong>Phase:</strong> <%= phase %></p>
+  <% } %>
+  <% if (created) { %>
+  <p><strong>Created:</strong> <%= created %></p>
+  <% } %>
+
+  <hr>
+
+  <%- html %>
+
+  <% if (status === 'pending') { %>
+  <hr>
+  <form method="POST" action="/todos/<%= id %>/done"
+        hx-post="/todos/<%= id %>/done"
+        hx-target="#main-content"
+        style="display:inline;">
+    <button type="submit" class="secondary">Mark as Done</button>
+  </form>
+  <% } %>
+</article>

package/dashboard/src/views/partials/todos-content.ejs

@@ -1,53 +1,53 @@
-<h1>Todos</h1>
-
-<p><a href="/todos/new" role="button"
-      hx-get="/todos/new"
-      hx-target="#main-content"
-      hx-push-url="true">Create Todo</a></p>
-
-<% if (todos.length > 0) { %>
-<article>
-  <div class="table-wrap">
-  <table>
-    <thead>
-      <tr>
-        <th scope="col">ID</th>
-        <th scope="col">Title</th>
-        <th scope="col">Priority</th>
-        <th scope="col">Phase</th>
-        <th scope="col">Status</th>
-        <th scope="col">Created</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% todos.forEach(function(todo) { %>
-      <tr>
-        <td><%= todo.id %></td>
-        <td>
-          <a href="/todos/<%= todo.id %>">
-            <%= todo.title %>
-          </a>
-        </td>
-        <td>
-          <span class="status-badge" data-priority="<%= todo.priority %>">
-            <%= todo.priority %>
-          </span>
-        </td>
-        <td><%= todo.phase %></td>
-        <td>
-          <span class="status-badge" data-status="<%= todo.status %>">
-            <%= todo.status %>
-          </span>
-        </td>
-        <td><%= todo.created %></td>
-      </tr>
-      <% }); %>
-    </tbody>
-  </table>
-  </div>
-</article>
-<% } else { %>
-<article>
-  <p>No pending todos found. Add a todo file to <code>.planning/todos/pending/</code> to see it here.</p>
-</article>
-<% } %>
+<h1>Todos</h1>
+
+<p><a href="/todos/new" role="button"
+      hx-get="/todos/new"
+      hx-target="#main-content"
+      hx-push-url="true">Create Todo</a></p>
+
+<% if (todos.length > 0) { %>
+<article>
+  <div class="table-wrap">
+  <table>
+    <thead>
+      <tr>
+        <th scope="col">ID</th>
+        <th scope="col">Title</th>
+        <th scope="col">Priority</th>
+        <th scope="col">Phase</th>
+        <th scope="col">Status</th>
+        <th scope="col">Created</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% todos.forEach(function(todo) { %>
+      <tr>
+        <td><%= todo.id %></td>
+        <td>
+          <a href="/todos/<%= todo.id %>">
+            <%= todo.title %>
+          </a>
+        </td>
+        <td>
+          <span class="status-badge" data-priority="<%= todo.priority %>">
+            <%= todo.priority %>
+          </span>
+        </td>
+        <td><%= todo.phase %></td>
+        <td>
+          <span class="status-badge" data-status="<%= todo.status %>">
+            <%= todo.status %>
+          </span>
+        </td>
+        <td><%= todo.created %></td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+  </div>
+</article>
+<% } else { %>
+<article>
+  <p>No pending todos found. Add a todo file to <code>.planning/todos/pending/</code> to see it here.</p>
+</article>
+<% } %>