heyiam 0.2.4 → 0.2.6

package/dist/render/templates/templates/project.liquid

@@ -0,0 +1,211 @@
+<div class="heyiam-project" data-render-version="2">
+
+  {%- comment -%} Title {%- endcomment -%}
+  <h1 class="project-title">{{ project.title }}</h1>
+
+  {%- comment -%} Project links {%- endcomment -%}
+  {% if project.repoUrl or project.projectUrl %}
+  <div class="project-links">
+    {% if project.repoUrl %}
+    <a href="{{ project.repoUrl }}" target="_blank" rel="noopener noreferrer" class="project-link">
+      <svg class="project-link__icon" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
+      {{ project.repoUrl | stripProtocol }}
+    </a>
+    {% endif %}
+    {% if project.projectUrl %}
+    <a href="{{ project.projectUrl }}" target="_blank" rel="noopener noreferrer" class="project-link">
+      <svg class="project-link__icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6.5 10.5l3-3m-1.5-2a2.5 2.5 0 013.54 3.54l-1.5 1.5m-4.08-1.08a2.5 2.5 0 01-3.54-3.54l1.5-1.5"/></svg>
+      {{ project.projectUrl | stripProtocol }}
+    </a>
+    {% endif %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Screenshot with browser chrome {%- endcomment -%}
+  {% if project.screenshotUrl %}
+  <div class="browser-chrome">
+    <div class="browser-chrome__bar">
+      <span class="browser-chrome__dot browser-chrome__dot--red"></span>
+      <span class="browser-chrome__dot browser-chrome__dot--yellow"></span>
+      <span class="browser-chrome__dot browser-chrome__dot--green"></span>
+    </div>
+    <div class="browser-chrome__viewport">
+      <img src="{{ project.screenshotUrl }}" alt="Screenshot of {{ project.title }}" class="browser-chrome__img" loading="lazy" />
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Narrative {%- endcomment -%}
+  {% if project.narrative != blank %}
+  <div class="card">
+    <div class="section-header">
+      <h3 class="section-header__title">Narrative summary</h3>
+    </div>
+    <p class="narrative-text">{{ project.narrative }}</p>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Stats grid {%- endcomment -%}
+  <div class="stat-grid">
+    <div class="stat-card">
+      <div class="stat-card__label">Sessions</div>
+      <div class="stat-card__value">{{ project.totalSessions }}</div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__label">{{ durationLabel }}</div>
+      <div class="stat-card__value">
+        {% if project.totalAgentDurationMinutes %}
+          {{ project.totalDurationMinutes | formatDuration }} / {{ project.totalAgentDurationMinutes | formatDuration }}
+        {% else %}
+          {{ project.totalDurationMinutes | formatDuration }}
+        {% endif %}
+      </div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__label">Lines changed</div>
+      <div class="stat-card__value">{{ project.totalLoc | formatLoc }}</div>
+    </div>
+    <div class="stat-card">
+      <div class="stat-card__label">Files</div>
+      <div class="stat-card__value">{{ project.totalFilesChanged }}</div>
+    </div>
+  </div>
+
+  {%- comment -%} Work Timeline mount point {%- endcomment -%}
+  <div class="card">
+    <div class="section-header">
+      <h3 class="section-header__title">Work timeline</h3>
+      <span class="section-header__meta">sessions over time</span>
+    </div>
+    <div data-work-timeline data-sessions='{{ sessionsJson | raw }}'></div>
+  </div>
+
+  {%- comment -%} Growth Chart mount point {%- endcomment -%}
+  <div class="card">
+    <div class="section-header">
+      <h3 class="section-header__title">Project growth</h3>
+      <span class="section-header__meta">cumulative LOC</span>
+    </div>
+    <div data-growth-chart data-total-loc="{{ project.totalLoc }}" data-total-files="{{ project.totalFilesChanged }}" data-sessions='{{ growthJson | raw }}'></div>
+  </div>
+
+  {%- comment -%} Key decisions + Source breakdown {%- endcomment -%}
+  <div class="two-col">
+    <div class="card">
+      <div class="section-header">
+        <h3 class="section-header__title">Key decisions</h3>
+        <span class="section-header__meta">signal</span>
+      </div>
+      {% if arc.size > 0 %}
+      <div class="note-stack">
+        {% for phase in arc limit: 3 %}
+        <div class="note">
+          <div class="note__title">{{ phase.title }}</div>
+          <div class="note__body">{{ phase.description }}</div>
+        </div>
+        {% endfor %}
+      </div>
+      {% else %}
+      <div class="note">
+        <div class="note__body">Enhance this project to extract key decisions.</div>
+      </div>
+      {% endif %}
+    </div>
+    <div class="card">
+      <div class="section-header">
+        <h3 class="section-header__title">Source breakdown</h3>
+        <span class="section-header__meta">provenance</span>
+      </div>
+      <table class="source-table">
+        <thead>
+          <tr>
+            <th class="source-table__th">Source</th>
+            <th class="source-table__th">Count</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for src in sourceCounts %}
+          <tr>
+            <td class="source-table__td">{{ src.tool }}</td>
+            <td class="source-table__td">{{ src.count }}</td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </div>
+
+  {%- comment -%} Project phases {%- endcomment -%}
+  {% if arc.size > 0 %}
+  <div class="card">
+    <div class="section-header">
+      <h3 class="section-header__title">Project phases</h3>
+      <span class="section-header__meta">timeline</span>
+    </div>
+    <div class="phase-timeline">
+      <div class="phase-timeline__line"></div>
+      {% for phase in arc %}
+      <div class="phase-timeline__item">
+        <div class="phase-timeline__dot"></div>
+        <div class="phase-timeline__label">{{ phase.title }}</div>
+        <div class="note">
+          <div class="note__body">{{ phase.description }}</div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Skills {%- endcomment -%}
+  {% if project.skills.size > 0 %}
+  <div class="card">
+    <div class="section-header">
+      <h3 class="section-header__title">Skills</h3>
+    </div>
+    <div class="chip-list">
+      {% for skill in project.skills %}
+      <span class="chip chip--violet">{{ skill }}</span>
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Featured session cards {%- endcomment -%}
+  {% if featuredSessions.size > 0 %}
+  <div class="card">
+    <div class="section-header">
+      <h3 class="section-header__title">Featured sessions</h3>
+      <span class="section-header__meta">{{ sessions.size }} total</span>
+    </div>
+    <div class="session-grid">
+      {% for session in featuredSessions %}
+      {% if sessionBaseUrl %}
+      <a href="{{ sessionBaseUrl }}/{{ session.slug | default: session.token }}.html" class="session-card-link">
+      {% endif %}
+        <div class="session-card" data-session-id="{{ session.token }}">
+          <div class="session-card__bar session-card__bar--{{ forloop.index0 | durationColor }}"></div>
+          <h4 class="session-card__title">{{ session.title }}</h4>
+          <span class="session-card__meta">
+            {{ session.durationMinutes | formatDuration }} &middot; {{ session.turns }} turns &middot; {{ session.locChanged | formatLoc }} lines
+          </span>
+          {% if session.skills.size > 0 %}
+          <div class="session-card__skills">
+            <span class="chip chip--violet">{{ session.skills[0] }}</span>
+          </div>
+          {% endif %}
+        </div>
+      {% if sessionBaseUrl %}
+      </a>
+      {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <div class="export-footer">
+    <span class="export-footer__text">exported from heyi.am</span>
+  </div>
+
+</div>

package/dist/render/templates/templates/session.liquid

@@ -0,0 +1,158 @@
+<div class="heyiam-session" data-render-version="2" data-template="{{ session.template }}">
+
+  <div class="session-layout">
+
+    {%- comment -%} Sidebar {%- endcomment -%}
+    <aside class="session-sidebar">
+      {% if session.toolBreakdown.size > 0 %}
+      <div class="sidebar-section">
+        <h3 class="sidebar-section__heading">Tool Usage</h3>
+        <ul class="tool-list">
+          {% for t in session.toolBreakdown %}
+          <li class="tool-list__item">
+            <span class="tool-list__name">{{ t.tool }}</span>
+            <span class="tool-list__count">{{ t.count }}</span>
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
+      {% endif %}
+
+      {% if session.topFiles.size > 0 %}
+      <div class="sidebar-section">
+        <h3 class="sidebar-section__heading">Top Files</h3>
+        <ul class="file-list">
+          {% for f in session.topFiles %}
+          <li class="file-list__item">
+            <span class="file-list__path">{{ f.path }}</span>
+            <span class="file-list__adds">+{{ f.additions }}</span>
+            <span class="file-list__dels">-{{ f.deletions }}</span>
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
+      {% endif %}
+    </aside>
+
+    {%- comment -%} Main content {%- endcomment -%}
+    <main class="session-main">
+
+      {%- comment -%} Breadcrumb {%- endcomment -%}
+      <nav class="breadcrumb">
+        <a href="/@{{ user.username }}">{{ user.username }}</a>
+        {% if projectSlug %}
+        <span class="breadcrumb__sep" aria-hidden="true">/</span>
+        <a href="/@{{ user.username }}/p/{{ projectSlug }}">{{ projectSlug }}</a>
+        {% endif %}
+        <span class="breadcrumb__sep" aria-hidden="true">/</span>
+        <span>{{ session.title }}</span>
+      </nav>
+
+      {%- comment -%} Header {%- endcomment -%}
+      <header class="session-header">
+        <h1 class="session-header__title">{{ session.title }}</h1>
+
+        <div class="session-header__meta">
+          <time class="session-header__date" datetime="{{ session.recordedAt }}">
+            {{ session.recordedAt | formatDate }}
+          </time>
+          <span class="session-header__source">{{ session.sourceTool }}</span>
+        </div>
+
+        {% if session.devTake != blank %}
+        <blockquote class="session-header__devtake">
+          <p>{{ session.devTake }}</p>
+        </blockquote>
+        {% endif %}
+
+        {% if session.context != blank %}
+        <p class="session-header__context">{{ session.context }}</p>
+        {% endif %}
+
+        <div class="stat-grid stat-grid--4">
+          <span class="stat">
+            <span class="stat__value">{{ session.durationMinutes | formatDuration }}</span>
+            <span class="stat__label">active</span>
+          </span>
+          <span class="stat">
+            <span class="stat__value">{{ session.turns }}</span>
+            <span class="stat__label">turns</span>
+          </span>
+          <span class="stat">
+            <span class="stat__value">{{ session.locChanged | localeNumber }}</span>
+            <span class="stat__label">lines changed</span>
+          </span>
+          <span class="stat">
+            <span class="stat__value">{{ session.filesChanged }}</span>
+            <span class="stat__label">files</span>
+          </span>
+        </div>
+      </header>
+
+      {%- comment -%} Skills {%- endcomment -%}
+      {% if session.skills.size > 0 %}
+      <section class="content-section">
+        <div class="chip-list">
+          {% for skill in session.skills %}
+          <span class="chip chip--violet">{{ skill }}</span>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Narrative {%- endcomment -%}
+      {% if session.narrative != blank %}
+      <section class="content-section">
+        <h2 class="content-section__heading">Narrative</h2>
+        <p>{{ session.narrative }}</p>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Highlights {%- endcomment -%}
+      {% if session.highlights.size > 0 %}
+      <section class="content-section">
+        <h2 class="content-section__heading">Highlights</h2>
+        <ul class="highlights-list">
+          {% for h in session.highlights %}
+          <li>{{ h }}</li>
+          {% endfor %}
+        </ul>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Execution Path {%- endcomment -%}
+      {% if session.beats.size > 0 %}
+      <section class="content-section">
+        <h2 class="content-section__heading">Execution Path</h2>
+        <ol class="beats-list">
+          {% for beat in session.beats %}
+          <li class="beat">
+            <span class="beat__number">{{ beat.stepNumber }}</span>
+            <div class="beat__content">
+              <strong class="beat__title">{{ beat.title }}</strong>
+              <p class="beat__body">{{ beat.body }}</p>
+            </div>
+          </li>
+          {% endfor %}
+        </ol>
+      </section>
+      {% endif %}
+
+      {%- comment -%} Q&A {%- endcomment -%}
+      {% if session.qaPairs.size > 0 %}
+      <section class="content-section">
+        <h2 class="content-section__heading">Q&amp;A</h2>
+        <div class="qa-list">
+          {% for qa in session.qaPairs %}
+          <div class="qa-pair">
+            <p class="qa-pair__question">{{ qa.question }}</p>
+            <p class="qa-pair__answer">{{ qa.answer }}</p>
+          </div>
+          {% endfor %}
+        </div>
+      </section>
+      {% endif %}
+
+    </main>
+  </div>
+</div>