npm - @juspay/shooter - Versions diffs - 1.4.0 → 1.6.0 - Mend

@juspay/shooter 1.4.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (480) hide show

package/scripts/vercel-env-commands.sh CHANGED Viewed

@@ -29,9 +29,9 @@ echo "vercel env add APNS_BUNDLE_ID"
 echo "# Enter: YOUR_BUNDLE_ID_HERE (from .env file)"
 echo ""
-echo "# 5. APNs Private Key (Base64)"
-echo "vercel env add APNS_KEY_BASE64"
-echo "# Enter: YOUR_BASE64_APNS_KEY_HERE (extract from .env between BEGIN/END PRIVATE KEY)"
+echo "# 5. APNs Private Key"
+echo "vercel env add APNS_KEY"
+echo "# Enter: YOUR_APNS_KEY_HERE (.p8 file contents, including BEGIN/END PRIVATE KEY lines)"
 echo ""
 echo "# 6. Device Token (Optional)"

package/server.ts CHANGED Viewed

@@ -5,14 +5,14 @@
 // Load .env before any other imports so all modules see populated process.env.
 import './src/lib/env.js';
+import type { ConversationMessage } from '$lib/types';
 import { existsSync } from 'fs';
 import { createServer, type Server } from 'http';
 import { dirname, join } from 'path';
 import { fileURLToPath } from 'url';
 import { type WebSocket, WebSocketServer } from 'ws';
-import type { ConversationMessage } from './src/lib/modules/server/sessions/types.js';
 // ── Build guard ─────────────────────────────────────────────────────────
 // Fail fast with a clear message instead of a cryptic ERR_MODULE_NOT_FOUND.
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -87,7 +87,7 @@ const sessionWatcherAdapter = {
 if (!process.env.API_KEY) {
   console.warn(
-    `\n⚠ WARNING: API_KEY is not set. Authenticated API routes will return 401.\n  Run 'shooter setup' to configure, or set API_KEY in your environment.\n`,
+    `\n⚠ WARNING: API_KEY is not set. Authenticated API routes will return 401.\n  Run 'shooter setup' to configure, or set API_KEY in your environment.\n`
   );
 }

package/src/app.html CHANGED Viewed

@@ -20,6 +20,169 @@
     %sveltekit.head%
   </head>
   <body data-sveltekit-preload-data="hover">
+    <script>
+      // Global shims for NeuroLink browser SDK — must run before any module code
+      (function () {
+        var noop = function () {};
+        if (typeof globalThis.process === 'undefined') {
+          var p = {
+            env: {},
+            version: 'v24.0.0',
+            platform: 'browser',
+            argv: [],
+            pid: 1,
+            cwd: function () {
+              return '/';
+            },
+            exit: noop,
+            on: function () {
+              return p;
+            },
+            off: function () {
+              return p;
+            },
+            once: function () {
+              return p;
+            },
+            emit: function () {
+              return false;
+            },
+            removeListener: function () {
+              return p;
+            },
+            addListener: function () {
+              return p;
+            },
+            stdout: {
+              write: function () {
+                return true;
+              },
+              on: noop,
+            },
+            stderr: {
+              write: function () {
+                return true;
+              },
+              on: noop,
+            },
+            stdin: { on: noop },
+            nextTick: function (fn) {
+              setTimeout(fn, 0);
+            },
+            hrtime: Object.assign(
+              function (t) {
+                var n = performance.now() * 1e6;
+                var s = Math.floor(n / 1e9);
+                var ns = Math.floor(n % 1e9);
+                if (!t) return [s, ns];
+                var ds = s - t[0];
+                var dns = ns - t[1];
+                if (dns < 0) {
+                  ds -= 1;
+                  dns += 1e9;
+                }
+                return [ds, dns];
+              },
+              {
+                bigint: function () {
+                  return BigInt(Math.floor(performance.now() * 1e6));
+                },
+              }
+            ),
+            memoryUsage: function () {
+              return { rss: 0, heapTotal: 0, heapUsed: 0, external: 0, arrayBuffers: 0 };
+            },
+            cpuUsage: function () {
+              return { user: 0, system: 0 };
+            },
+            versions: { browser: '1.0.0', node: '24.0.0', v8: '0', modules: '0' },
+            release: { name: 'browser' },
+            uptime: function () {
+              return performance.now() / 1000;
+            },
+            title: 'browser',
+            execPath: '/',
+            execArgv: [],
+            features: {},
+            config: {},
+            kill: noop,
+            abort: noop,
+          };
+          globalThis.process = new Proxy(p, {
+            get: function (t, k) {
+              return k in t ? t[k] : noop;
+            },
+          });
+        }
+        if (typeof globalThis.Buffer === 'undefined') {
+          function B() {}
+          B.from = function (d, e) {
+            if (typeof d === 'string') {
+              if (e === 'base64') {
+                var b = atob(d);
+                var u = new Uint8Array(b.length);
+                for (var i = 0; i < b.length; i++) u[i] = b.charCodeAt(i);
+                return u;
+              }
+              return new TextEncoder().encode(d);
+            }
+            return new Uint8Array(d);
+          };
+          B.alloc = function (n) {
+            return new Uint8Array(n);
+          };
+          B.isBuffer = function (o) {
+            return o instanceof Uint8Array;
+          };
+          B.concat = function (l) {
+            var t = 0;
+            for (var i = 0; i < l.length; i++) t += l[i].length;
+            var r = new Uint8Array(t);
+            var o = 0;
+            for (var i = 0; i < l.length; i++) {
+              r.set(l[i], o);
+              o += l[i].length;
+            }
+            return r;
+          };
+          B.byteLength = function (s) {
+            return new TextEncoder().encode(s).length;
+          };
+          globalThis.Buffer = B;
+        }
+        if (typeof globalThis.global === 'undefined') globalThis.global = globalThis;
+        var oST = globalThis.setTimeout.bind(globalThis),
+          oSI = globalThis.setInterval.bind(globalThis),
+          oCT = globalThis.clearTimeout.bind(globalThis),
+          oCI = globalThis.clearInterval.bind(globalThis);
+        function wT(id) {
+          return {
+            valueOf: function () {
+              return id;
+            },
+            ref: function () {
+              return this;
+            },
+            unref: function () {
+              return this;
+            },
+            _id: id,
+          };
+        }
+        globalThis.setTimeout = function () {
+          return wT(oST.apply(null, arguments));
+        };
+        globalThis.setInterval = function () {
+          return wT(oSI.apply(null, arguments));
+        };
+        globalThis.clearTimeout = function (t) {
+          oCT(t && t._id !== undefined ? t._id : t);
+        };
+        globalThis.clearInterval = function (t) {
+          oCI(t && t._id !== undefined ? t._id : t);
+        };
+      })();
+    </script>
     <div style="display: contents">%sveltekit.body%</div>
   </body>
 </html>

package/src/lib/modules/client/activity/ActivityFeed.svelte ADDED Viewed

@@ -0,0 +1,279 @@
+<script lang="ts">
+  import { formatRelativeTime, getApiKey } from '$lib/modules/client/common';
+  import { Banner, Button } from '@juspay/svelte-ui-components';
+  import { onDestroy, onMount } from 'svelte';
+  import { SvelteMap, SvelteSet } from 'svelte/reactivity';
+  import {
+    connect,
+    disconnect,
+    getEvents,
+    getSummaries,
+    isAiAvailable,
+    isConnected,
+    isSummarizing,
+  } from './store.svelte';
+  let showRaw = $state(false);
+  async function getTicket(): Promise<string> {
+    const apiKey = getApiKey();
+    if (!apiKey) {
+      throw new Error('No API key configured');
+    }
+    const res = await fetch('/api/ws-ticket', {
+      headers: { Authorization: `Bearer ${apiKey}` },
+      method: 'POST',
+    });
+    if (!res.ok) {
+      throw new Error('Failed to get WS ticket');
+    }
+    const data = (await res.json()) as { ticket: string };
+    return data.ticket;
+  }
+  onMount(() => {
+    void connect(getTicket);
+  });
+  onDestroy(() => {
+    disconnect();
+  });
+  const summaries = $derived(getSummaries());
+  const events = $derived(getEvents());
+  const connected = $derived(isConnected());
+  const aiReady = $derived(isAiAvailable());
+  const summarizing = $derived(isSummarizing());
+  const unsummarizedCount = $derived(events.filter((e) => !e.summarized).length);
+  // Get unique session count for status display
+  const activeSessionCount = $derived.by(() => {
+    const sessionIds = new SvelteSet<string>();
+    for (const e of events) {
+      if (e.sessionId) {
+        sessionIds.add(e.sessionId);
+      }
+    }
+    return sessionIds.size;
+  });
+  // Group summaries by projectName
+  const projectGroups = $derived.by(() => {
+    const groups = new SvelteMap<string, { name: string; summaries: typeof summaries }>();
+    for (const s of [...summaries].reverse()) {
+      const name = s.projectName || 'Unknown';
+      if (!groups.has(name)) {
+        groups.set(name, { name, summaries: [] });
+      }
+      const group = groups.get(name);
+      if (group) {
+        group.summaries.push(s);
+      }
+    }
+    return Array.from(groups.values());
+  });
+</script>
+<div class="feed">
+  <header>
+    <h2>Activity</h2>
+    <span class="status" class:live={connected}>
+      {connected ? `● Watching ${activeSessionCount} sessions` : '○ No active sessions'}
+    </span>
+    {#if summarizing}
+      <span class="summarizing">Summarizing...</span>
+    {/if}
+  </header>
+  {#if !aiReady}
+    <Banner
+      text="AI summaries unavailable — configure a provider to enable"
+      classes="banner-warning"
+    />
+  {/if}
+  <div class="entries">
+    {#if summaries.length === 0 && events.length === 0}
+      <p class="empty">
+        No recent activity. Summaries will appear here when Claude Code sessions are active on this
+        machine.
+      </p>
+    {/if}
+    {#each projectGroups as group (group.name)}
+      <div class="project-group">
+        <h3 class="project-name">{group.name}</h3>
+        {#each group.summaries as summary (summary.id)}
+          <div class="summary-card">
+            <time>{formatRelativeTime(summary.timestamp)}</time>
+            <p>{summary.text}</p>
+            <span class="event-count">{summary.eventIds.length} events</span>
+          </div>
+        {/each}
+      </div>
+    {/each}
+    {#if unsummarizedCount > 0}
+      <div class="pending">
+        <span>{unsummarizedCount} events pending summary...</span>
+      </div>
+    {/if}
+  </div>
+  <Button
+    classes="btn-ghost raw-toggle"
+    onclick={(): void => {
+      showRaw = !showRaw;
+    }}
+  >
+    {showRaw ? '▾' : '▸'} Raw events ({events.length})
+  </Button>
+  {#if showRaw}
+    <div class="raw-events">
+      {#each [...events].reverse().slice(0, 50) as event (event.id)}
+        <div class="raw-event" class:summarized={event.summarized}>
+          <time>{formatRelativeTime(event.timestamp)}</time>
+          <span class="project">{event.projectName || 'Unknown'}</span>
+          <span class="type">{event.type}</span>
+          {#if event.data.tool}
+            <span class="tool">{event.data.tool}</span>
+          {/if}
+          {#if event.data.filePath}
+            <code class="file-path">{(event.data.filePath as string).slice(0, 80)}</code>
+          {/if}
+          {#if event.data.command}
+            <code>{(event.data.command as string).slice(0, 60)}</code>
+          {/if}
+        </div>
+      {/each}
+    </div>
+  {/if}
+</div>
+<style>
+  .feed {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+  header {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-3) 0;
+  }
+  h2 {
+    margin: 0;
+    font-size: var(--text-lg);
+  }
+  .status {
+    font-size: var(--text-xs);
+    color: var(--text-tertiary);
+  }
+  .status.live {
+    color: var(--ds-green-700);
+  }
+  .summarizing {
+    font-size: var(--text-xs);
+    color: var(--ds-amber-700);
+  }
+  .entries {
+    flex: 1;
+    overflow-y: auto;
+  }
+  .empty {
+    color: var(--text-tertiary);
+    font-size: var(--text-sm);
+  }
+  .summary-card {
+    padding: var(--space-2) var(--space-3);
+    margin-bottom: var(--space-2);
+    background: var(--component-bg);
+    border-radius: var(--radius-md);
+    border-left: 3px solid var(--ds-green-700);
+  }
+  .summary-card time {
+    font-size: var(--text-xs);
+    color: var(--text-tertiary);
+  }
+  .summary-card p {
+    margin: var(--space-1) 0 2px;
+    font-size: var(--text-sm);
+    line-height: var(--leading-normal);
+  }
+  .event-count {
+    font-size: var(--text-xs);
+    color: var(--text-tertiary);
+  }
+  .pending {
+    padding: var(--space-2) var(--space-3);
+    font-size: var(--text-xs);
+    color: var(--ds-amber-700);
+  }
+  :global(.raw-toggle) {
+    --button-color: transparent;
+    --button-text-color: var(--text-tertiary);
+    --button-hover-color: transparent;
+    --button-hover-text-color: var(--text-secondary);
+    --button-font-family: var(--font-mono);
+    --button-font-size: var(--text-xs);
+    --button-padding: var(--space-2) 0;
+    text-align: left;
+  }
+  .raw-events {
+    font-size: var(--text-xs);
+    max-height: 200px;
+    overflow-y: auto;
+  }
+  .raw-event {
+    display: flex;
+    gap: var(--space-2);
+    padding: 2px 0;
+    opacity: 1;
+  }
+  .raw-event.summarized {
+    opacity: 0.5;
+  }
+  .raw-event time {
+    color: var(--text-tertiary);
+    min-width: 60px;
+  }
+  .raw-event .project {
+    color: var(--text-tertiary);
+    min-width: 80px;
+    max-width: 120px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .type {
+    color: var(--ds-blue-700);
+  }
+  .project-group {
+    margin-bottom: var(--space-4);
+  }
+  .project-name {
+    margin: 0 0 var(--space-2) 0;
+    font-size: var(--text-xs);
+    font-weight: 600;
+    color: var(--text-tertiary);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+  .tool {
+    color: var(--ds-green-700);
+  }
+  .file-path {
+    color: var(--ds-amber-700);
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  code {
+    color: var(--text-tertiary);
+    font-size: var(--text-xs);
+  }
+</style>

package/src/lib/modules/client/activity/index.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export { default as ActivityFeed } from './ActivityFeed.svelte';
+export {
+  connect as connectActivityFeed,
+  disconnect as disconnectActivityFeed,
+  getEvents,
+  getSummaries,
+  isConnected as isActivityFeedConnected,
+} from './store.svelte';