heyiam 0.3.4 → 0.3.6

package/dist/routes/publish.js

@@ -5,7 +5,7 @@ import path from 'node:path';
 import { randomUUID } from 'node:crypto';
 import { getAuthToken } from '../auth.js';
 import { API_URL, PUBLIC_URL, warnIfNonDefaultApiUrl } from '../config.js';
-import { loadEnhancedData, saveUploadedState, getDefaultTemplate, getPortfolioProfile, hashPortfolioProfile, updatePortfolioPublishTarget, getPortfolioPublishState, DEFAULT_PORTFOLIO_TARGET, } from '../settings.js';
+import { loadEnhancedData, saveUploadedState, getDefaultTemplate, getPortfolioProfile, hashPortfolioProfile, updatePortfolioPublishTarget, getPortfolioPublishState, listUploadedProjects, DEFAULT_PORTFOLIO_TARGET, } from '../settings.js';
 import { generatePortfolioHtmlFragment, generateProjectHtmlFragment, generatePortfolioSite, createZipBuffer } from '../export.js';
 import { buildPortfolioRenderData } from './portfolio-render-data.js';
 import { buildProjectDetail } from './context.js';
@@ -19,6 +19,37 @@ import { displayNameFromDir } from '../sync.js';
 import { toSlug } from '../format-utils.js';
 import { getProjectUuid } from '../db.js';
 const IMAGE_KEY_PREFIX = 'images/';
+/**
+ * Upload the user's base64-encoded profile photo to S3 via the Phoenix
+ * presign endpoints, then save the resulting key on the user record.
+ * Returns the public `/_img/:uuid` URL suitable for og:image / <img src>,
+ * or `null` if the upload failed (publish still proceeds without a photo).
+ */
+/**
+ * POSTs the user's base64 profile photo to Phoenix, which resizes it into
+ * a full (max 1200px) and small (max 600px) variant, uploads both to R2,
+ * and persists the two keys on the user record. Returns the full-size
+ * URL (for inline <img src>) or `null` on any failure.
+ */
+async function uploadProfilePhoto(photoBase64, auth) {
+    try {
+        const res = await fetch(`${API_URL}/api/portfolio/profile-photo`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                Authorization: `Bearer ${auth.token}`,
+            },
+            body: JSON.stringify({ photo: photoBase64 }),
+        });
+        if (!res.ok)
+            return null;
+        const { full_url } = await res.json();
+        return full_url ?? null;
+    }
+    catch {
+        return null;
+    }
+}
 export function createPublishRouter(ctx) {
     const router = Router();
     // Render project preview HTML
@@ -351,16 +382,35 @@ export function createPublishRouter(ctx) {
             });
             return;
         }
+        const send = startSSE(res);
         try {
+            send({ type: 'progress', message: 'Preparing portfolio…' });
             const profile = getPortfolioProfile();
             const templateName = getDefaultTemplate() || 'editorial';
-            const { renderData, filteredProjects } = await buildPortfolioRenderData(ctx, auth);
+            // If the user has a profile photo, upload it to Phoenix first so the
+            // rendered HTML can reference the hosted URL instead of inlining 1.5MB
+            // of base64. Phoenix resizes into a full + small variant and stores
+            // both in R2. Removals are handled by the upload endpoint below based
+            // on the `has_photo` signal — no explicit DELETE needed.
+            let photoUrlOverride;
+            if (profile.photoBase64) {
+                send({ type: 'progress', message: 'Uploading profile photo…' });
+                const uploadedUrl = await uploadProfilePhoto(profile.photoBase64, auth);
+                if (uploadedUrl)
+                    photoUrlOverride = uploadedUrl;
+            }
+            const { renderData, filteredProjects } = await buildPortfolioRenderData(ctx, auth, { photoUrlOverride });
+            send({ type: 'progress', message: 'Rendering portfolio HTML…' });
             const renderedHtml = generatePortfolioHtmlFragment(renderData, templateName);
             // Upload individual project pages for every project included in the
             // portfolio. This ensures project detail pages exist on heyi.am even
             // if the user never published them individually.
             const MAX_SLUG_RETRIES = 10;
+            const slugMap = new Map();
+            send({ type: 'progress', message: `Publishing ${filteredProjects.length} project${filteredProjects.length === 1 ? '' : 's'}…` });
+            let projectIndex = 0;
             for (const rawProj of filteredProjects) {
+                projectIndex++;
                 try {
                     const allProjectsList = await ctx.getProjects();
                     const projInfo = allProjectsList.find((p) => p.dirName === rawProj.dirName);
@@ -384,6 +434,7 @@ export function createPublishRouter(ctx) {
                         || projRecord.name || displayNameFromDir(rawProj.dirName);
                     const baseSlug = toSlug(title);
                     const clientProjectId = getProjectUuid(ctx.db, rawProj.dirName);
+                    send({ type: 'project', project: title, index: projectIndex, total: filteredProjects.length, status: 'creating' });
                     const projectHtmlPreview = generateProjectHtmlFragment(rawProj.dirName, cache, detail.sessions, auth.username, {
                         totalFilesChanged: projRecord.totalFiles,
                         totalAgentDurationMinutes: projRecord.totalAgentDuration,
@@ -431,7 +482,13 @@ export function createPublishRouter(ctx) {
                             }
                             break;
                         }
-                        if (!projectRes?.ok) {
+                        if (projectRes?.ok) {
+                            const data = await projectRes.json().catch(() => null);
+                            if (data?.slug && data.slug !== baseSlug) {
+                                slugMap.set(baseSlug, data.slug);
+                            }
+                        }
+                        else {
                             const errText = await projectRes?.text().catch(() => '');
                             console.warn(`[portfolio-upload] project ${rawProj.dirName} create failed:`, projectRes?.status, errText);
                         }
@@ -463,11 +520,27 @@ export function createPublishRouter(ctx) {
                         continue;
                     }
                     const projectData = await projectRes.json();
+                    if (projectData.slug !== baseSlug) {
+                        slugMap.set(baseSlug, projectData.slug);
+                    }
+                    send({ type: 'project', project: title, index: projectIndex, total: filteredProjects.length, status: 'created' });
+                    send({ type: 'progress', message: `Uploading ${selectedSessionIds.length} session${selectedSessionIds.length === 1 ? '' : 's'} for ${title}…` });
                     const { uploadedSessionCards } = await uploadSelectedSessions(ctx, auth, {
                         proj: projInfo,
                         projectData,
                         selectedSessionIds,
+                        sessionStatus: 'listed',
+                        send: (evt) => send({ ...evt, project: title }),
                     });
+                    // Ensure all existing sessions for this project are listed
+                    await fetch(`${API_URL}/api/sessions/bulk-status`, {
+                        method: 'PATCH',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            Authorization: `Bearer ${auth.token}`,
+                        },
+                        body: JSON.stringify({ project_id: projectData.project_id, status: 'listed' }),
+                    }).catch((e) => console.warn(`[portfolio-upload] bulk-status failed for ${title}:`, e.message));
                     if (uploadedSessionCards.length === 0) {
                         continue;
                     }
@@ -515,9 +588,39 @@ export function createPublishRouter(ctx) {
                     console.warn(`[portfolio-upload] skipping project ${rawProj.dirName}:`, projErr.message);
                 }
             }
-            // POST portfolio landing page to Phoenix.
-            // Phoenix sanitizes the HTML, persists to users.rendered_portfolio_html,
-            // and applies the optional profile snapshot via Accounts.update_user_profile.
+            // Demote sessions on projects that were previously published but are
+            // no longer included in the portfolio.
+            const includedDirNames = new Set(filteredProjects.map((p) => p.dirName));
+            const previouslyUploaded = listUploadedProjects();
+            for (const { dirName, state } of previouslyUploaded) {
+                if (includedDirNames.has(dirName))
+                    continue;
+                try {
+                    send({ type: 'progress', message: `Demoting sessions for removed project "${dirName}"…` });
+                    await fetch(`${API_URL}/api/sessions/bulk-status`, {
+                        method: 'PATCH',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            Authorization: `Bearer ${auth.token}`,
+                        },
+                        body: JSON.stringify({ project_id: state.projectId, status: 'unlisted' }),
+                    });
+                }
+                catch (demoteErr) {
+                    console.warn(`[portfolio-upload] failed to demote sessions for ${dirName}:`, demoteErr.message);
+                }
+            }
+            // Rewrite project links in the portfolio HTML to match the actual
+            // Phoenix-assigned slugs (which may differ due to conflict retries).
+            let finalHtml = renderedHtml;
+            for (const [originalSlug, actualSlug] of slugMap) {
+                const pattern = `/${auth.username}/${originalSlug}"`;
+                const replacement = `/${auth.username}/${actualSlug}"`;
+                while (finalHtml.includes(pattern)) {
+                    finalHtml = finalHtml.replace(pattern, replacement);
+                }
+            }
+            send({ type: 'progress', message: 'Publishing landing page…' });
             const phoenixRes = await fetch(`${API_URL}/api/portfolio/upload`, {
                 method: 'POST',
                 headers: {
@@ -525,8 +628,9 @@ export function createPublishRouter(ctx) {
                     Authorization: `Bearer ${auth.token}`,
                 },
                 body: JSON.stringify({
-                    html: renderedHtml,
+                    html: finalHtml,
                     profile,
+                    has_photo: Boolean(profile.photoBase64),
                 }),
             });
             if (!phoenixRes.ok) {
@@ -543,9 +647,8 @@ export function createPublishRouter(ctx) {
                     lastError: errMsg,
                     lastErrorAt: new Date().toISOString(),
                 });
-                res.status(phoenixRes.status >= 500 ? 502 : phoenixRes.status).json({
-                    error: { code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg },
-                });
+                send({ type: 'error', code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg });
+                res.end();
                 return;
             }
             const okBody = await phoenixRes.json().catch(() => ({}));
@@ -561,15 +664,15 @@ export function createPublishRouter(ctx) {
                 lastError: undefined,
                 lastErrorAt: undefined,
             });
-            // Published version of the portfolio just changed — drop any cached
-            // /preview/portfolio HTML so the next preview reflects reality.
             invalidatePortfolioPreviewCache();
-            res.json({
+            send({
+                type: 'done',
                 ok: true,
                 url: publishedUrl ?? `${PUBLIC_URL}/${auth.username}`,
                 publishedAt,
                 hash,
             });
+            res.end();
         }
         catch (err) {
             const errMsg = err.message;
@@ -581,9 +684,8 @@ export function createPublishRouter(ctx) {
                 });
             }
             catch { /* don't mask the original error */ }
-            res.status(500).json({
-                error: { code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg },
-            });
+            send({ type: 'error', code: 'PORTFOLIO_UPLOAD_FAILED', message: errMsg });
+            res.end();
         }
     });
     // Export the portfolio as a downloadable .zip file.

package/dist/settings.js

@@ -1,4 +1,4 @@
-import { readFileSync, writeFileSync, existsSync, mkdirSync, unlinkSync } from 'node:fs';
+import { readFileSync, writeFileSync, existsSync, mkdirSync, unlinkSync, readdirSync } from 'node:fs';
 import { join } from 'node:path';
 import { homedir } from 'node:os';
 import { createHash } from 'node:crypto';
@@ -235,6 +235,19 @@ export function clearUploadedState(projectDirName, configDir) {
     if (existsSync(path))
         unlinkSync(path);
 }
+export function listUploadedProjects(configDir) {
+    const dir = uploadedDir(configDir);
+    if (!existsSync(dir))
+        return [];
+    return readdirSync(dir)
+        .filter((f) => f.endsWith('.json'))
+        .map((f) => {
+        const dirName = f.replace(/\.json$/, '');
+        const state = getUploadedState(dirName, configDir);
+        return state ? { dirName, state } : null;
+    })
+        .filter((x) => x !== null);
+}
 const PORTFOLIO_PUBLISH_FILE = 'portfolio-publish.json';
 const DEFAULT_PORTFOLIO_TARGET = 'heyi.am';
 function portfolioPublishPath(configDir = getDataDir()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "heyiam",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Turn AI coding sessions into portfolio case studies",
   "type": "module",
   "license": "MIT",