@brozarti/spincome 0.1.2 → 0.1.4

package/dist/ad.js

@@ -27,7 +27,7 @@ async function fetchAd(context) {
 }
 async function recordImpression(adId, developerKey, actualCpmCents, context) {
     try {
-        await fetch(`${config_js_1.API_BASE}/ads/impression`, {
+        const res = await fetch(`${config_js_1.API_BASE}/ads/impression`, {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
@@ -36,8 +36,13 @@ async function recordImpression(adId, developerKey, actualCpmCents, context) {
             body: JSON.stringify({ adId, actualCpmCents, ...context }),
             signal: AbortSignal.timeout(3000),
         });
+        if (res.ok) {
+            const data = await res.json();
+            return data.earnedCents ?? 0;
+        }
     }
     catch {
-        // fire-and-forget
+        // ignore
     }
+    return 0;
 }

package/dist/animate.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.animateWhileLoading = animateWhileLoading;
+const HIDE_CURSOR = "\x1b[?25l";
+const SHOW_CURSOR = "\x1b[?25h";
+const CLEAR_LINE = "\x1b[2K\r";
+const UP_ONE = "\x1b[1A";
+const GREEN = "\x1b[32m";
+const BRIGHT_GREEN = "\x1b[92m";
+const DIM = "\x1b[2m";
+const BOLD = "\x1b[1m";
+const R = "\x1b[0m";
+const SPINNER = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const COIN = ["◐", "◓", "◑", "◒"];
+const LOGO = `${BOLD}${GREEN}$${R}${BOLD} spincome${R}`;
+async function animateWhileLoading(work) {
+    process.stdout.write(HIDE_CURSOR);
+    let frame = 0;
+    let dots = 0;
+    let done = false;
+    let result;
+    const tick = setInterval(() => {
+        if (done)
+            return;
+        const spinner = BRIGHT_GREEN + SPINNER[frame % SPINNER.length] + R;
+        const coin = GREEN + COIN[frame % COIN.length] + R;
+        dots = (dots + 1) % 4;
+        const dotStr = DIM + ".".repeat(dots).padEnd(3) + R;
+        process.stdout.write(CLEAR_LINE +
+            `  ${spinner}  ${LOGO}  ${coin} ${DIM}earning${R}${dotStr}`);
+        frame++;
+    }, 80);
+    try {
+        result = await work;
+    }
+    finally {
+        done = true;
+        clearInterval(tick);
+        process.stdout.write(CLEAR_LINE);
+        process.stdout.write(UP_ONE + CLEAR_LINE);
+        process.stdout.write(SHOW_CURSOR);
+    }
+    return result;
+}

package/dist/display.js

@@ -1,28 +1,58 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderAd = renderAd;
-const RESET = "\x1b[0m";
-const BOLD = "\x1b[1m";
+const R = "\x1b[0m";
+const B = "\x1b[1m";
 const DIM = "\x1b[2m";
+const GREEN = "\x1b[32m";
+const BRIGHT_GREEN = "\x1b[92m";
 const CYAN = "\x1b[36m";
 const YELLOW = "\x1b[33m";
-const BG_DARK = "\x1b[48;5;235m";
-function line(content = "", width = 60) {
-    const padded = ` ${content}`.padEnd(width);
-    return `${BG_DARK}${padded}${RESET}`;
+const WHITE = "\x1b[97m";
+const BG = "\x1b[48;5;234m";
+const W = 62;
+function pad(text, visibleLen) {
+    const spaces = Math.max(0, W - 2 - visibleLen);
+    return ` ${text}${" ".repeat(spaces)} `;
 }
-function renderAd(ad) {
-    const W = 60;
-    const divider = `${DIM}${"─".repeat(W)}${RESET}`;
+function box(content, visibleLen) {
+    return `${BG}${pad(content, visibleLen)}${R}`;
+}
+function ruler() {
+    return `${DIM}${"─".repeat(W)}${R}`;
+}
+function renderAd(ad, earnedCents, sessionCents, context) {
+    const earnedDollars = (earnedCents / 100).toFixed(4);
+    const sessionDollars = (sessionCents / 100).toFixed(4);
+    const contextTag = context?.fileExt
+        ? ` · ${context.fileExt.toUpperCase()} dev`
+        : context?.toolName
+            ? ` · ${context.toolName}`
+            : "";
+    const sponsorLine = `${DIM}Sponsored · ${ad.advertiser}${contextTag}${R}`;
+    const headlineLine = `${B}${WHITE}${ad.headline}${R}`;
+    const bodyLine = `${DIM}${ad.body}${R}`;
+    const ctaLine = `${CYAN}${ad.cta}${R}  ${DIM}${ad.clickUrl}${R}`;
+    const earnLine = `${BRIGHT_GREEN}+$${earnedDollars} earned${R}  ${DIM}session total: ${GREEN}$${sessionDollars}${R}`;
+    const footerLine = `${DIM}spincome · /disable to opt out${R}`;
+    const sponsorLen = `Sponsored · ${ad.advertiser}${contextTag}`.length;
+    const headlineLen = ad.headline.length;
+    const bodyLen = ad.body.length;
+    const ctaLen = `${ad.cta}  ${ad.clickUrl}`.length;
+    const earnLen = `+$${earnedDollars} earned  session total: $${sessionDollars}`.length;
+    const footerLen = `spincome · /disable to opt out`.length;
     return [
         "",
-        divider,
-        line(`${DIM}Sponsored by ${ad.advertiser}${RESET}`, W),
-        line(`${BOLD}${CYAN}${ad.headline}${RESET}`, W),
-        line(`${ad.body}`, W),
-        line(`${YELLOW}${ad.cta} → ${ad.clickUrl}${RESET}`, W),
-        line(`${DIM}Earning with spincome.io | /disable to opt out${RESET}`, W),
-        divider,
+        ruler(),
+        box(sponsorLine, sponsorLen),
+        box(headlineLine, headlineLen),
+        box(bodyLine, bodyLen),
+        box("", 0),
+        box(ctaLine, ctaLen),
+        box("", 0),
+        box(earnLine, earnLen),
+        box(footerLine, footerLen),
+        ruler(),
         "",
     ].join("\n");
 }

package/dist/hook.js

@@ -1,7 +1,5 @@
 #!/usr/bin/env node
 "use strict";
-// Entry point for the Claude Code PostToolUse hook.
-// Claude Code pipes the hook payload as JSON on stdin.
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,14 +7,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const ad_js_1 = require("./ad.js");
 const display_js_1 = require("./display.js");
 const config_js_1 = require("./config.js");
+const session_js_1 = require("./session.js");
+const animate_js_1 = require("./animate.js");
 const path_1 = __importDefault(require("path"));
 function extractContext(payload) {
     const toolName = payload.tool_name ?? undefined;
-    // Extract file extension from any path-like field in the tool input
     const filePath = payload.tool_input?.file_path ??
         payload.tool_input?.path ??
         undefined;
-    const fileExt = filePath ? path_1.default.extname(filePath).replace(".", "").toLowerCase() || undefined : undefined;
+    const fileExt = filePath
+        ? path_1.default.extname(filePath).replace(".", "").toLowerCase() || undefined
+        : undefined;
     return { toolName, fileExt };
 }
 async function main() {
@@ -31,13 +32,15 @@ async function main() {
         payload = JSON.parse(Buffer.concat(chunks).toString("utf8"));
     }
     catch {
-        // Malformed or empty stdin -- proceed with empty context
+        // empty or malformed stdin
     }
     const context = extractContext(payload);
+    // Fetch ad and record impression concurrently, animate while waiting
     const ad = await (0, ad_js_1.fetchAd)(context);
     if (!ad)
         process.exit(0);
-    process.stdout.write((0, display_js_1.renderAd)(ad));
-    (0, ad_js_1.recordImpression)(ad.id, config.developerKey, ad.actualCpmCents, context);
+    const earnedCents = await (0, animate_js_1.animateWhileLoading)((0, ad_js_1.recordImpression)(ad.id, config.developerKey, ad.actualCpmCents, context));
+    const session = (0, session_js_1.addToSession)(earnedCents);
+    process.stdout.write((0, display_js_1.renderAd)(ad, earnedCents, session.totalCents, context));
 }
 main().catch(() => process.exit(0));

package/dist/session.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addToSession = addToSession;
+exports.getSessionTotal = getSessionTotal;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const os_1 = __importDefault(require("os"));
+const SESSION_PATH = path_1.default.join(os_1.default.homedir(), ".spincome", "session.json");
+const SESSION_TTL_MS = 4 * 60 * 60 * 1000; // 4 hours = one coding session
+function readSession() {
+    try {
+        const raw = fs_1.default.readFileSync(SESSION_PATH, "utf8");
+        const s = JSON.parse(raw);
+        if (Date.now() - s.startedAt > SESSION_TTL_MS)
+            return null;
+        return s;
+    }
+    catch {
+        return null;
+    }
+}
+function writeSession(s) {
+    const dir = path_1.default.dirname(SESSION_PATH);
+    if (!fs_1.default.existsSync(dir))
+        fs_1.default.mkdirSync(dir, { recursive: true });
+    fs_1.default.writeFileSync(SESSION_PATH, JSON.stringify(s));
+}
+function addToSession(earnedCents) {
+    const existing = readSession();
+    const session = existing
+        ? { ...existing, totalCents: existing.totalCents + earnedCents, impressions: existing.impressions + 1 }
+        : { startedAt: Date.now(), totalCents: earnedCents, impressions: 1 };
+    writeSession(session);
+    return session;
+}
+function getSessionTotal() {
+    return readSession()?.totalCents ?? 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brozarti/spincome",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Earn passive income from your Claude Code sessions",
   "bin": {
     "spincome": "./dist/cli.js"

package/src/ad.ts

@@ -41,9 +41,9 @@ export async function recordImpression(
   developerKey: string,
   actualCpmCents: number,
   context: AdContext
-): Promise<void> {
+): Promise<number> {
   try {
-    await fetch(`${API_BASE}/ads/impression`, {
+    const res = await fetch(`${API_BASE}/ads/impression`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -52,7 +52,12 @@ export async function recordImpression(
       body: JSON.stringify({ adId, actualCpmCents, ...context }),
       signal: AbortSignal.timeout(3000),
     });
+    if (res.ok) {
+      const data = await res.json() as { earnedCents?: number };
+      return data.earnedCents ?? 0;
+    }
   } catch {
-    // fire-and-forget
+    // ignore
   }
+  return 0;
 }

package/src/animate.ts

@@ -0,0 +1,49 @@
+const HIDE_CURSOR = "\x1b[?25l";
+const SHOW_CURSOR = "\x1b[?25h";
+const CLEAR_LINE  = "\x1b[2K\r";
+const UP_ONE      = "\x1b[1A";
+
+const GREEN        = "\x1b[32m";
+const BRIGHT_GREEN = "\x1b[92m";
+const DIM          = "\x1b[2m";
+const BOLD         = "\x1b[1m";
+const R            = "\x1b[0m";
+
+const SPINNER = ["⠋","⠙","⠹","⠸","⠼","⠴","⠦","⠧","⠇","⠏"];
+const COIN    = ["◐","◓","◑","◒"];
+
+const LOGO = `${BOLD}${GREEN}$${R}${BOLD} spincome${R}`;
+
+export async function animateWhileLoading<T>(work: Promise<T>): Promise<T> {
+  process.stdout.write(HIDE_CURSOR);
+
+  let frame = 0;
+  let dots  = 0;
+  let done  = false;
+  let result: T;
+
+  const tick = setInterval(() => {
+    if (done) return;
+    const spinner = BRIGHT_GREEN + SPINNER[frame % SPINNER.length] + R;
+    const coin    = GREEN + COIN[frame % COIN.length] + R;
+    dots = (dots + 1) % 4;
+    const dotStr  = DIM + ".".repeat(dots).padEnd(3) + R;
+    process.stdout.write(
+      CLEAR_LINE +
+      `  ${spinner}  ${LOGO}  ${coin} ${DIM}earning${R}${dotStr}`
+    );
+    frame++;
+  }, 80);
+
+  try {
+    result = await work;
+  } finally {
+    done = true;
+    clearInterval(tick);
+    process.stdout.write(CLEAR_LINE);
+    process.stdout.write(UP_ONE + CLEAR_LINE);
+    process.stdout.write(SHOW_CURSOR);
+  }
+
+  return result!;
+}

package/src/display.ts

@@ -1,30 +1,66 @@
 import type { Ad } from "./ad.js";
 
-const RESET = "\x1b[0m";
-const BOLD = "\x1b[1m";
+const R  = "\x1b[0m";
+const B  = "\x1b[1m";
 const DIM = "\x1b[2m";
-const CYAN = "\x1b[36m";
+const GREEN  = "\x1b[32m";
+const BRIGHT_GREEN = "\x1b[92m";
+const CYAN   = "\x1b[36m";
 const YELLOW = "\x1b[33m";
-const BG_DARK = "\x1b[48;5;235m";
+const WHITE  = "\x1b[97m";
+const BG     = "\x1b[48;5;234m";
 
-function line(content = "", width = 60): string {
-  const padded = ` ${content}`.padEnd(width);
-  return `${BG_DARK}${padded}${RESET}`;
+const W = 62;
+
+function pad(text: string, visibleLen: number): string {
+  const spaces = Math.max(0, W - 2 - visibleLen);
+  return ` ${text}${" ".repeat(spaces)} `;
+}
+
+function box(content: string, visibleLen: number): string {
+  return `${BG}${pad(content, visibleLen)}${R}`;
+}
+
+function ruler(): string {
+  return `${DIM}${"─".repeat(W)}${R}`;
 }
 
-export function renderAd(ad: Ad): string {
-  const W = 60;
-  const divider = `${DIM}${"─".repeat(W)}${RESET}`;
+export function renderAd(ad: Ad, earnedCents: number, sessionCents: number, context?: { toolName?: string; fileExt?: string }): string {
+  const earnedDollars  = (earnedCents / 100).toFixed(4);
+  const sessionDollars = (sessionCents / 100).toFixed(4);
+
+  const contextTag = context?.fileExt
+    ? ` · ${context.fileExt.toUpperCase()} dev`
+    : context?.toolName
+    ? ` · ${context.toolName}`
+    : "";
+
+  const sponsorLine   = `${DIM}Sponsored · ${ad.advertiser}${contextTag}${R}`;
+  const headlineLine  = `${B}${WHITE}${ad.headline}${R}`;
+  const bodyLine      = `${DIM}${ad.body}${R}`;
+  const ctaLine       = `${CYAN}${ad.cta}${R}  ${DIM}${ad.clickUrl}${R}`;
+  const earnLine      = `${BRIGHT_GREEN}+$${earnedDollars} earned${R}  ${DIM}session total: ${GREEN}$${sessionDollars}${R}`;
+  const footerLine    = `${DIM}spincome · /disable to opt out${R}`;
+
+  const sponsorLen   = `Sponsored · ${ad.advertiser}${contextTag}`.length;
+  const headlineLen  = ad.headline.length;
+  const bodyLen      = ad.body.length;
+  const ctaLen       = `${ad.cta}  ${ad.clickUrl}`.length;
+  const earnLen      = `+$${earnedDollars} earned  session total: $${sessionDollars}`.length;
+  const footerLen    = `spincome · /disable to opt out`.length;
 
   return [
     "",
-    divider,
-    line(`${DIM}Sponsored by ${ad.advertiser}${RESET}`, W),
-    line(`${BOLD}${CYAN}${ad.headline}${RESET}`, W),
-    line(`${ad.body}`, W),
-    line(`${YELLOW}${ad.cta} → ${ad.clickUrl}${RESET}`, W),
-    line(`${DIM}Earning with spincome.io | /disable to opt out${RESET}`, W),
-    divider,
+    ruler(),
+    box(sponsorLine,  sponsorLen),
+    box(headlineLine, headlineLen),
+    box(bodyLine,     bodyLen),
+    box("", 0),
+    box(ctaLine,      ctaLen),
+    box("", 0),
+    box(earnLine,     earnLen),
+    box(footerLine,   footerLen),
+    ruler(),
     "",
   ].join("\n");
 }

package/src/hook.ts

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
-// Entry point for the Claude Code PostToolUse hook.
-// Claude Code pipes the hook payload as JSON on stdin.
 
 import { fetchAd, recordImpression, type AdContext } from "./ad.js";
 import { renderAd } from "./display.js";
 import { readConfig } from "./config.js";
+import { addToSession } from "./session.js";
+import { animateWhileLoading } from "./animate.js";
 import path from "path";
 
 interface HookPayload {
@@ -18,15 +18,13 @@ interface HookPayload {
 
 function extractContext(payload: HookPayload): AdContext {
   const toolName = payload.tool_name ?? undefined;
-
-  // Extract file extension from any path-like field in the tool input
   const filePath =
     payload.tool_input?.file_path ??
     payload.tool_input?.path ??
     undefined;
-
-  const fileExt = filePath ? path.extname(filePath).replace(".", "").toLowerCase() || undefined : undefined;
-
+  const fileExt = filePath
+    ? path.extname(filePath).replace(".", "").toLowerCase() || undefined
+    : undefined;
   return { toolName, fileExt };
 }
 
@@ -41,15 +39,21 @@ async function main() {
   try {
     payload = JSON.parse(Buffer.concat(chunks).toString("utf8"));
   } catch {
-    // Malformed or empty stdin -- proceed with empty context
+    // empty or malformed stdin
   }
 
   const context = extractContext(payload);
+
+  // Fetch ad and record impression concurrently, animate while waiting
   const ad = await fetchAd(context);
   if (!ad) process.exit(0);
 
-  process.stdout.write(renderAd(ad));
-  recordImpression(ad.id, config.developerKey, ad.actualCpmCents, context);
+  const earnedCents = await animateWhileLoading(
+    recordImpression(ad.id, config.developerKey, ad.actualCpmCents, context)
+  );
+
+  const session = addToSession(earnedCents);
+  process.stdout.write(renderAd(ad, earnedCents, session.totalCents, context));
 }
 
 main().catch(() => process.exit(0));

package/src/session.ts

@@ -0,0 +1,42 @@
+import fs from "fs";
+import path from "path";
+import os from "os";
+
+const SESSION_PATH = path.join(os.homedir(), ".spincome", "session.json");
+const SESSION_TTL_MS = 4 * 60 * 60 * 1000; // 4 hours = one coding session
+
+interface Session {
+  startedAt: number;
+  totalCents: number;
+  impressions: number;
+}
+
+function readSession(): Session | null {
+  try {
+    const raw = fs.readFileSync(SESSION_PATH, "utf8");
+    const s = JSON.parse(raw) as Session;
+    if (Date.now() - s.startedAt > SESSION_TTL_MS) return null;
+    return s;
+  } catch {
+    return null;
+  }
+}
+
+function writeSession(s: Session): void {
+  const dir = path.dirname(SESSION_PATH);
+  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+  fs.writeFileSync(SESSION_PATH, JSON.stringify(s));
+}
+
+export function addToSession(earnedCents: number): Session {
+  const existing = readSession();
+  const session: Session = existing
+    ? { ...existing, totalCents: existing.totalCents + earnedCents, impressions: existing.impressions + 1 }
+    : { startedAt: Date.now(), totalCents: earnedCents, impressions: 1 };
+  writeSession(session);
+  return session;
+}
+
+export function getSessionTotal(): number {
+  return readSession()?.totalCents ?? 0;
+}