heyiam 0.2.28 → 0.3.0

package/dist/render/templates/terminal/portfolio.liquid

@@ -0,0 +1,118 @@
+<div class="heyiam-portfolio terminal" data-render-version="2" data-template="terminal" data-username="{{ user.username }}">
+
+  {%- comment -%} Prompt-style breadcrumb {%- endcomment -%}
+  <div class="term-prompt">
+    <span class="term-prompt__char">&#10095;</span> <span class="term-prompt__path">~/@{{ user.username }}</span>
+  </div>
+
+  {% if hasProfile %}
+  {%- comment -%} Header: photo + identity {%- endcomment -%}
+  <div class="term-header">
+    {% if user.photoUrl != blank %}
+    <div class="term-photo">
+      <div class="term-photo__border">
+        <img src="{{ user.photoUrl }}" alt="{{ user.displayName }}" class="term-photo__img portfolio-photo" loading="lazy" />
+      </div>
+    </div>
+    {% endif %}
+    <div class="term-identity">
+      {% if user.displayName != blank %}
+      <h1 class="term-heading"># {{ user.displayName }}</h1>
+      {% endif %}
+      {% if user.status != blank %}
+      <div class="term-status">[ {{ user.status }} ]</div>
+      {% endif %}
+      {% if user.bio != blank %}
+      <blockquote class="term-blockquote">&gt; {{ user.bio }}</blockquote>
+      {% endif %}
+    </div>
+  </div>
+
+  {%- comment -%} Contact as key=value pairs {%- endcomment -%}
+  {% if user.location != blank or user.email != blank or user.phone != blank or user.githubUrl != blank or user.linkedinUrl != blank or user.twitterHandle != blank or user.websiteUrl != blank or user.resumeUrl != blank %}
+  <div class="term-section">
+    <div class="term-comment"># contact</div>
+    <table class="term-table term-table--contact">
+      {% if user.location != blank %}
+      <tr><td class="term-table__key">location</td><td class="term-table__eq">=</td><td class="term-table__val">{{ user.location }}</td></tr>
+      {% endif %}
+      {% if user.email != blank %}
+      <tr><td class="term-table__key">email</td><td class="term-table__eq">=</td><td class="term-table__val"><a href="mailto:{{ user.email }}">{{ user.email }}</a></td></tr>
+      {% endif %}
+      {% if user.phone != blank %}
+      <tr><td class="term-table__key">phone</td><td class="term-table__eq">=</td><td class="term-table__val"><a href="tel:{{ user.phone }}">{{ user.phone }}</a></td></tr>
+      {% endif %}
+      {% if user.githubUrl != blank %}
+      <tr><td class="term-table__key">github</td><td class="term-table__eq">=</td><td class="term-table__val"><a href="{{ user.githubUrl }}" target="_blank" rel="noopener">{{ user.githubUrl | stripProtocol }}</a></td></tr>
+      {% endif %}
+      {% if user.linkedinUrl != blank %}
+      <tr><td class="term-table__key">linkedin</td><td class="term-table__eq">=</td><td class="term-table__val"><a href="{{ user.linkedinUrl }}" target="_blank" rel="noopener">{{ user.linkedinUrl | stripProtocol }}</a></td></tr>
+      {% endif %}
+      {% if user.twitterHandle != blank %}
+      <tr><td class="term-table__key">twitter</td><td class="term-table__eq">=</td><td class="term-table__val"><a href="https://twitter.com/{{ user.twitterHandle }}" target="_blank" rel="noopener">@{{ user.twitterHandle }}</a></td></tr>
+      {% endif %}
+      {% if user.websiteUrl != blank %}
+      <tr><td class="term-table__key">web</td><td class="term-table__eq">=</td><td class="term-table__val"><a href="{{ user.websiteUrl }}" target="_blank" rel="noopener">{{ user.websiteUrl | stripProtocol }}</a></td></tr>
+      {% endif %}
+      {% if user.resumeUrl != blank %}
+      <tr><td class="term-table__key">resume</td><td class="term-table__eq">=</td><td class="term-table__val"><a href="{{ user.resumeUrl }}" target="_blank" rel="noopener" download>Resume (PDF)</a></td></tr>
+      {% endif %}
+    </table>
+  </div>
+  {% endif %}
+  {% endif %}
+
+  {%- comment -%} Stats as tabular output {%- endcomment -%}
+  <div class="term-section">
+    <div class="term-comment"># stats</div>
+    <table class="term-table">
+      {% if efficiencyMultiplier %}
+      <tr>
+        <td class="term-table__key">leverage</td>
+        <td class="term-table__val"><span class="term-accent">{{ efficiencyMultiplier }}</span> <span class="term-dim">{{ totalDurationMinutes | formatDuration }} you</span> <span class="term-accent">{{ totalAgentDurationMinutes | formatDuration }} agents</span></td>
+      </tr>
+      {% else %}
+      <tr><td class="term-table__key">time</td><td class="term-table__val">{{ totalDurationMinutes | formatDuration }}</td></tr>
+      {% endif %}
+      <tr><td class="term-table__key">sessions</td><td class="term-table__val">{{ totalSessions }}</td></tr>
+      <tr><td class="term-table__key">lines</td><td class="term-table__val">{{ totalLoc | formatLoc }}</td></tr>
+    </table>
+  </div>
+
+  {%- comment -%} Projects as numbered clickable entries {%- endcomment -%}
+  {% if projects.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># projects ({{ projects.size }})</div>
+    {% for project in projects %}
+    <a href="/{{ user.username }}/{{ project.slug }}" class="term-project-entry">
+      <div class="term-project-entry__row">
+        <span class="term-project-entry__idx">[{{ forloop.index }}]</span>
+        <span class="term-project-entry__title">{{ project.title }}</span>
+      </div>
+      <div class="term-project-entry__meta">
+        <span>{{ project.totalSessions }} sessions</span>
+        <span class="term-sep">&middot;</span>
+        <span>{{ project.totalDurationMinutes | formatDuration }}</span>
+        <span class="term-sep">&middot;</span>
+        <span>{{ project.totalLoc | formatLoc }} loc</span>
+        <span class="term-sep">&middot;</span>
+        <span>{{ project.totalFilesChanged }} files</span>
+      </div>
+      {% if project.skills.size > 0 %}
+      <div class="term-project-entry__skills">
+        {% for skill in project.skills %}
+        <span class="term-skill-tag">{{ skill }}</span>
+        {% endfor %}
+      </div>
+      {% endif %}
+    </a>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <div class="term-footer">
+    <span class="term-dim">built with <a href="https://heyiam.com" target="_blank" rel="noopener noreferrer">heyiam.com</a></span>
+  </div>
+
+</div>

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

@@ -0,0 +1,161 @@
+<div class="heyiam-project terminal" data-render-version="2" data-template="terminal"{% if sessionBaseUrl %} data-session-base-url="{{ sessionBaseUrl }}"{% endif %} data-username="{{ user.username }}" data-project-slug="{{ project.slug }}">
+
+  {%- comment -%} Prompt-style breadcrumb {%- endcomment -%}
+  <div class="term-prompt">
+    <span class="term-prompt__char">&#10095;</span>
+    <span class="term-prompt__path"><a href="/{{ user.username }}">@{{ user.username }}</a>/{{ project.slug }}</span>
+  </div>
+
+  {%- comment -%} # Title {%- endcomment -%}
+  <h1 class="term-heading" data-editable="title"># {{ project.title }}</h1>
+
+  {%- comment -%} Links as $ open URL {%- endcomment -%}
+  {% if project.repoUrl or project.projectUrl %}
+  <div class="term-section term-links" data-editable="links">
+    {% if project.repoUrl %}
+    <div class="term-cmd">
+      <span class="term-cmd__prefix">$</span> <span class="term-cmd__text">open</span> <a href="{{ project.repoUrl }}" target="_blank" rel="noopener noreferrer">{{ project.repoUrl | stripProtocol }}</a>
+    </div>
+    {% endif %}
+    {% if project.projectUrl %}
+    <div class="term-cmd">
+      <span class="term-cmd__prefix">$</span> <span class="term-cmd__text">open</span> <a href="{{ project.projectUrl }}" target="_blank" rel="noopener noreferrer">{{ project.projectUrl | stripProtocol }}</a>
+    </div>
+    {% endif %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Screenshot {%- endcomment -%}
+  {% if project.screenshotUrl %}
+  <div class="term-section term-screenshot" data-editable="screenshot">
+    <div class="term-screenshot__chrome">
+      <span class="term-screenshot__dots">&#9679; &#9679; &#9679;</span>
+      <span class="term-screenshot__url">{{ project.slug }}</span>
+    </div>
+    <img src="{{ project.screenshotUrl }}" alt="Screenshot of {{ project.title }}" class="term-screenshot__img" loading="lazy" />
+  </div>
+  {% endif %}
+  {% unless project.screenshotUrl %}
+  <div data-editable="screenshot" class="screenshot-placeholder"></div>
+  {% endunless %}
+
+  {%- comment -%} Narrative {%- endcomment -%}
+  {% if project.narrative != blank %}
+  <div class="term-section">
+    <div class="term-comment"># narrative</div>
+    <blockquote class="term-blockquote">&gt; {{ project.narrative }}</blockquote>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Stats as tabular output {%- endcomment -%}
+  <div class="term-section">
+    <div class="term-comment"># stats</div>
+    <table class="term-table">
+      <tr>
+        <td class="term-table__key">{{ durationLabel }}</td>
+        <td class="term-table__val">{% if project.totalAgentDurationMinutes %}{{ project.totalDurationMinutes | formatDuration }} / {{ project.totalAgentDurationMinutes | formatDuration }}{% else %}{{ project.totalDurationMinutes | formatDuration }}{% endif %}</td>
+      </tr>
+      {% if efficiencyMultiplier %}
+      <tr><td class="term-table__key">leverage</td><td class="term-table__val"><span class="term-accent">{{ efficiencyMultiplier }}</span></td></tr>
+      {% endif %}
+      <tr><td class="term-table__key">sessions</td><td class="term-table__val">{{ project.totalSessions }}</td></tr>
+      <tr><td class="term-table__key">lines_changed</td><td class="term-table__val">{{ project.totalLoc | formatLoc }}</td></tr>
+      <tr><td class="term-table__key">files</td><td class="term-table__val">{{ project.totalFilesChanged }}</td></tr>
+      {% if project.totalTokens %}<tr><td class="term-table__key">tokens</td><td class="term-table__val">{{ project.totalTokens | formatTokens }}</td></tr>{% endif %}
+    </table>
+  </div>
+
+  {%- comment -%} Work timeline chart {%- endcomment -%}
+  {% if sessionsJson %}
+  <div class="term-section">
+    <div class="term-comment"># work timeline</div>
+    <div data-work-timeline data-sessions='{{ sessionsJson | raw }}'></div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Growth chart {%- endcomment -%}
+  {% if growthJson %}
+  <div class="term-section">
+    <div class="term-comment"># growth</div>
+    <div data-growth-chart data-project-slug="{{ project.slug }}" data-sessions='{{ growthJson | raw }}'></div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Phases as git log style {%- endcomment -%}
+  {% if arc.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># git log --oneline --graph</div>
+    <div class="term-git-log">
+      {% for phase in arc %}
+      <div class="term-git-log__entry">
+        <span class="term-git-log__graph">{% if forloop.last %}&#9492;{% else %}&#9500;{% endif %}&#9472;</span>
+        <span class="term-git-log__hash">{{ phase.phase | prepend: '0' | slice: -2, 2 }}</span>
+        <span class="term-git-log__msg">{{ phase.title }}</span>
+        <span class="term-git-log__desc term-dim">&mdash; {{ phase.description }}</span>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Skills {%- endcomment -%}
+  {% if project.skills.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># skills</div>
+    <div class="term-inline-skills">
+      {% for skill in project.skills %}
+      <span class="term-skill-tag">{{ skill }}</span>
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Source breakdown as table {%- endcomment -%}
+  {% if sourceCounts.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># source breakdown</div>
+    <table class="term-table">
+      <tr><td class="term-table__header">SOURCE</td><td class="term-table__header">COUNT</td></tr>
+      {% for src in sourceCounts %}
+      <tr><td class="term-table__key">{{ src.tool }}</td><td class="term-table__val">{{ src.count }}</td></tr>
+      {% endfor %}
+    </table>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Sessions as numbered entries {%- endcomment -%}
+  {% if featuredSessions.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># sessions ({{ project.totalSessions }} total)</div>
+    {% for s in featuredSessions %}
+    <div class="term-session-entry">
+      {% if sessionBaseUrl %}<a href="{{ sessionBaseUrl }}/{{ s.slug | default: s.token }}{{ sessionSuffix }}" class="term-session-link">{% endif %}
+      <div class="term-session-entry__row">
+        <span class="term-session-entry__idx">[{{ forloop.index }}]</span>
+        <span class="term-session-entry__title">{{ s.title }}</span>
+      </div>
+      <div class="term-session-entry__meta">
+        <span>{{ s.durationMinutes | formatDuration }}</span>
+        <span class="term-sep">&middot;</span>
+        <span>{{ s.turns }} turns</span>
+        <span class="term-sep">&middot;</span>
+        <span>{{ s.locChanged | formatLoc }} loc</span>
+        <span class="term-sep">&middot;</span>
+        <span>{{ s.recordedAt | formatDateShort }}</span>
+      </div>
+      {% if sessionBaseUrl %}</a>{% endif %}
+    </div>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Footer {%- endcomment -%}
+  <div class="term-footer">
+    {% if sessionBaseUrl %}
+    <span class="term-dim">exported from heyi.am</span>
+    {% else %}
+    <span class="term-dim">built with <a href="https://heyiam.com" target="_blank" rel="noopener noreferrer">heyiam.com</a></span>
+    {% endif %}
+  </div>
+
+</div>

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

@@ -0,0 +1,145 @@
+<div class="heyiam-session terminal" data-render-version="2" data-template="terminal">
+
+  {%- comment -%} Prompt-style breadcrumb {%- endcomment -%}
+  <div class="term-prompt">
+    <span class="term-prompt__char">&#10095;</span>
+    <span class="term-prompt__path"><a href="/@{{ user.username }}">{{ user.username }}</a>{% if projectSlug %}/<a href="/@{{ user.username }}/p/{{ projectSlug }}">{{ projectSlug }}</a>{% endif %}/{{ session.title }}</span>
+  </div>
+
+  {%- comment -%} # Title {%- endcomment -%}
+  <h1 class="term-heading"># {{ session.title }}</h1>
+
+  {%- comment -%} Meta as key=value pairs {%- endcomment -%}
+  <div class="term-section">
+    <div class="term-comment"># meta</div>
+    <table class="term-table term-table--meta">
+      <tr><td class="term-table__key">date</td><td class="term-table__eq">=</td><td class="term-table__val"><time datetime="{{ session.recordedAt }}">{{ session.recordedAt | formatDate }}</time></td></tr>
+      <tr><td class="term-table__key">source</td><td class="term-table__eq">=</td><td class="term-table__val">{{ session.sourceTool }}</td></tr>
+      <tr><td class="term-table__key">active</td><td class="term-table__eq">=</td><td class="term-table__val">{{ session.durationMinutes | formatDuration }}</td></tr>
+      <tr><td class="term-table__key">turns</td><td class="term-table__eq">=</td><td class="term-table__val">{{ session.turns }}</td></tr>
+      <tr><td class="term-table__key">lines_changed</td><td class="term-table__eq">=</td><td class="term-table__val">{{ session.locChanged | localeNumber }}</td></tr>
+      <tr><td class="term-table__key">files</td><td class="term-table__eq">=</td><td class="term-table__val">{{ session.filesChanged }}</td></tr>
+    </table>
+  </div>
+
+  {%- comment -%} Dev take as > quote {%- endcomment -%}
+  {% if session.devTake != blank %}
+  <div class="term-section">
+    <div class="term-comment"># dev take</div>
+    <blockquote class="term-blockquote">&gt; {{ session.devTake }}</blockquote>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Context {%- endcomment -%}
+  {% if session.context != blank %}
+  <div class="term-section">
+    <div class="term-comment"># context</div>
+    <p class="term-context">{{ session.context }}</p>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Skills {%- endcomment -%}
+  {% if session.skills.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># skills</div>
+    <div class="term-inline-skills">
+      {% for skill in session.skills %}
+      <span class="term-skill-tag">{{ skill }}</span>
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Narrative {%- endcomment -%}
+  {% if session.narrative != blank %}
+  <div class="term-section">
+    <div class="term-comment"># narrative</div>
+    <blockquote class="term-blockquote">&gt; {{ session.narrative }}</blockquote>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Beats as numbered command outputs {%- endcomment -%}
+  {% if session.beats.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># execution path</div>
+    {% for beat in session.beats %}
+    <div class="term-beat">
+      <div class="term-beat__header">
+        <span class="term-beat__num">[{{ beat.stepNumber }}]</span>
+        <span class="term-beat__prefix">$</span>
+        <strong class="term-beat__title">{{ beat.title }}</strong>
+      </div>
+      <p class="term-beat__body">{{ beat.body }}</p>
+    </div>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Highlights {%- endcomment -%}
+  {% if session.highlights.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># highlights</div>
+    {% for h in session.highlights %}
+    <div class="term-list-item">* {{ h }}</div>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Tools {%- endcomment -%}
+  {% if session.toolBreakdown.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># tools</div>
+    <table class="term-table">
+      <tr><td class="term-table__header">TOOL</td><td class="term-table__header">COUNT</td></tr>
+      {% for t in session.toolBreakdown %}
+      <tr><td class="term-table__key">{{ t.tool }}</td><td class="term-table__val">{{ t.count }}</td></tr>
+      {% endfor %}
+    </table>
+  </div>
+  {% endif %}
+
+  {%- comment -%} Top files {%- endcomment -%}
+  {% if session.topFiles.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># top files</div>
+    {% for f in session.topFiles %}
+    <div class="term-file-entry">
+      <span class="term-file-path">{{ f.path }}</span>
+      <span class="term-file-diff"><span class="term-adds">+{{ f.additions }}</span> <span class="term-dels">-{{ f.deletions }}</span></span>
+    </div>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Q&A as stdin/stdout {%- endcomment -%}
+  {% if session.qaPairs.size > 0 %}
+  <div class="term-section">
+    <div class="term-comment"># Q&amp;A</div>
+    {% for qa in session.qaPairs %}
+    <div class="term-qa">
+      <div class="term-qa__question"><span class="term-qa__prefix">stdin&gt;</span> {{ qa.question }}</div>
+      <div class="term-qa__answer"><span class="term-qa__prefix">stdout&gt;</span> {{ qa.answer }}</div>
+    </div>
+    {% endfor %}
+  </div>
+  {% endif %}
+
+  {%- comment -%} Agent summary {%- endcomment -%}
+  {% if session.agentSummary %}
+  <div class="term-section">
+    <div class="term-comment"># agent summary</div>
+    {% if session.agentSummary.agents.size > 0 %}
+    <table class="term-table">
+      <tr><td class="term-table__header">AGENT</td><td class="term-table__header">ROLE</td></tr>
+      {% for agent in session.agentSummary.agents %}
+      <tr><td class="term-table__key">{{ agent.name }}</td><td class="term-table__val">{{ agent.role }}</td></tr>
+      {% endfor %}
+    </table>
+    {% endif %}
+    {% if session.agentSummary.summary != blank %}
+    <p class="term-context">{{ session.agentSummary.summary }}</p>
+    {% endif %}
+  </div>
+  {% endif %}
+
+</div>