six-degrees 0.2.0 → 0.2.1

package/.next/standalone/app/profile/page.js

@@ -1,7 +1,6 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { runScrape, scraperStatus, notReadyMessage } from '../../lib/scraper-client';
 import { loadNetwork } from '../../lib/network';
 import MappingProgress from '../components/MappingProgress';
 import { IS_DEMO } from '../../lib/demo';
@@ -33,10 +32,6 @@ function ProfileInner() {
   const [notifications, setNotifications] = useState([]);
   const [queueStats, setQueueStats] = useState({ total: 0, sent: 0, accepted: 0 });
   const [mapping, setMapping] = useState({ degree1: [], degree2: [], skips: [] });
-  const [setupStatus, setSetupStatus] = useState('idle');
-  const [setupLog, setSetupLog] = useState([]);
-  const [bridgeStatus, setBridgeStatus] = useState('idle');
-  const [bridgeLog, setBridgeLog] = useState([]);
 
   useEffect(() => {
     if (IS_DEMO) return;
@@ -207,104 +202,6 @@ function ProfileInner() {
           </div>
         </div>
 
-        {/* === SET UP ACCOUNT === */}
-        <SetupScrapeCard status={setupStatus} log={setupLog} onStart={async () => {
-          setSetupStatus('running');
-          setSetupLog(['Checking the scraper...']);
-          const blocked = notReadyMessage(await scraperStatus().catch(() => null));
-          if (blocked) {
-            setSetupStatus('offline');
-            setSetupLog([blocked]);
-            return;
-          }
-          try {
-            const final = await runScrape('full', { onLog: setSetupLog });
-            setSetupStatus(final.exitCode === 0 ? 'done' : 'error');
-          } catch { setSetupStatus('error'); }
-        }} onRetry={() => { setSetupStatus('idle'); setSetupLog([]); }} />
-
-        {/* === AUTO-BRIDGE ALL === */}
-        <div style={{
-          background: 'rgba(155,89,182,0.06)', borderRadius: 12, padding: 20, marginBottom: 24,
-          border: '1px solid rgba(155,89,182,0.2)',
-        }}>
-          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 }}>
-            <h3 style={{ fontSize: 14, fontWeight: 700, margin: 0, color: '#9B59B6' }}>Auto-Bridge All</h3>
-            {bridgeStatus === 'done' && <span style={{ fontSize: 10, color: '#00ff88', fontWeight: 600 }}>Complete</span>}
-          </div>
-          <p style={{ fontSize: 11, color: '#888', margin: '0 0 12px' }}>
-            Scan every connection&apos;s network. S-tier first → D-tier last. 2 min cooldown between each.
-          </p>
-
-          {bridgeStatus === 'idle' && (
-            <button onClick={async () => {
-              setBridgeStatus('running');
-              setBridgeLog(['Checking the scraper...']);
-              const blocked = notReadyMessage(await scraperStatus().catch(() => null));
-              if (blocked) {
-                setBridgeStatus('offline');
-                setBridgeLog([blocked]);
-                return;
-              }
-              try {
-                const final = await runScrape('auto-bridge', { onLog: setBridgeLog });
-                setBridgeStatus(final.exitCode === 0 ? 'done' : 'error');
-              } catch { setBridgeStatus('error'); }
-            }} style={{
-              width: '100%', padding: '12px', borderRadius: 8, border: 'none', cursor: 'pointer',
-              background: 'linear-gradient(135deg, #9B59B6, #FF6B35)',
-              color: '#fff', fontWeight: 700, fontSize: 14,
-            }}>
-              Auto-Bridge All Connections
-            </button>
-          )}
-
-          {bridgeStatus === 'offline' && (
-            <div>
-              <div style={{ padding: '10px', borderRadius: 8, background: 'rgba(255,80,80,0.1)', border: '1px solid rgba(255,80,80,0.3)', color: '#ff5050', fontSize: 12, marginBottom: 8, textAlign: 'center' }}>
-                Scraper offline — start it first
-              </div>
-              <button onClick={() => setBridgeStatus('idle')} style={{
-                width: '100%', padding: '10px', borderRadius: 8, border: 'none', cursor: 'pointer',
-                background: 'rgba(255,255,255,0.1)', color: '#aaa', fontWeight: 600, fontSize: 12,
-              }}>Retry</button>
-            </div>
-          )}
-
-          {bridgeStatus === 'running' && (
-            <div style={{
-              padding: '10px', borderRadius: 8, background: 'rgba(155,89,182,0.1)',
-              border: '1px solid rgba(155,89,182,0.3)',
-            }}>
-              <div style={{ display: 'flex', alignItems: 'center', gap: 6, marginBottom: 4 }}>
-                <div style={{ width: 8, height: 8, borderRadius: '50%', background: '#9B59B6', animation: 'pulse 1s infinite' }} />
-                <span style={{ fontSize: 11, fontWeight: 600, color: '#9B59B6' }}>Bridging...</span>
-              </div>
-              <div style={{ fontFamily: 'monospace', fontSize: 9, color: '#777', maxHeight: 150, overflow: 'auto' }}>
-                {bridgeLog.map((l, i) => <div key={i}>{l}</div>)}
-              </div>
-            </div>
-          )}
-
-          {bridgeStatus === 'done' && (
-            <div style={{ padding: '10px', borderRadius: 8, background: 'rgba(0,255,136,0.1)', border: '1px solid rgba(0,255,136,0.3)', color: '#00ff88', fontSize: 12, fontWeight: 600, textAlign: 'center' }}>
-              All bridges mapped! Refresh the app.
-            </div>
-          )}
-
-          {bridgeStatus === 'error' && (
-            <div>
-              <div style={{ padding: '10px', borderRadius: 8, background: 'rgba(255,80,80,0.1)', border: '1px solid rgba(255,80,80,0.3)', color: '#ff5050', fontSize: 12, textAlign: 'center', marginBottom: 8 }}>
-                Something went wrong
-              </div>
-              <button onClick={() => { setBridgeStatus('idle'); setBridgeLog([]); }} style={{
-                width: '100%', padding: '10px', borderRadius: 8, border: 'none', cursor: 'pointer',
-                background: 'rgba(255,255,255,0.1)', color: '#aaa', fontWeight: 600, fontSize: 12,
-              }}>Try Again</button>
-            </div>
-          )}
-        </div>
-
         {/* === 2ND-DEGREE MAPPING PROGRESS === */}
         <MappingProgress
           degree1={mapping.degree1}
@@ -495,78 +392,3 @@ function StatCard({ label, value, color }) {
     </div>
   );
 }
-
-function SetupScrapeCard({ status, log, onStart, onRetry }) {
-  return (
-    <div style={{
-      background: 'rgba(52,152,219,0.06)', borderRadius: 12, padding: 20, marginBottom: 24,
-      border: '1px solid rgba(52,152,219,0.2)',
-    }}>
-      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 8 }}>
-        <h3 style={{ fontSize: 14, fontWeight: 700, margin: 0, color: '#3498DB' }}>Account Setup</h3>
-        {status === 'done' && <span style={{ fontSize: 10, color: '#00ff88', fontWeight: 600 }}>Complete</span>}
-      </div>
-      <p style={{ fontSize: 11, color: '#888', margin: '0 0 12px' }}>
-        Full scrape of all your LinkedIn connections with profile photos. Takes 3-5 minutes.
-      </p>
-
-      {status === 'idle' && (
-        <button onClick={onStart} style={{
-          width: '100%', padding: '12px', borderRadius: 8, border: 'none', cursor: 'pointer',
-          background: 'linear-gradient(135deg, #3498DB, #9B59B6)',
-          color: '#fff', fontWeight: 700, fontSize: 14,
-        }}>
-          Set Up Account — Full Scrape
-        </button>
-      )}
-
-      {status === 'offline' && (
-        <div>
-          <div style={{ padding: '10px', borderRadius: 8, background: 'rgba(255,80,80,0.1)', border: '1px solid rgba(255,80,80,0.3)', color: '#ff5050', fontSize: 12, marginBottom: 8, textAlign: 'center' }}>
-            Scraper server offline
-          </div>
-          <p style={{ fontSize: 10, color: '#888', textAlign: 'center', marginBottom: 8 }}>
-            Open the <strong>Scan</strong> page to finish setting the scraper up
-          </p>
-          <button onClick={onRetry} style={{
-            width: '100%', padding: '10px', borderRadius: 8, border: 'none', cursor: 'pointer',
-            background: 'rgba(255,255,255,0.1)', color: '#aaa', fontWeight: 600, fontSize: 12,
-          }}>Retry</button>
-        </div>
-      )}
-
-      {status === 'running' && (
-        <div style={{
-          padding: '10px', borderRadius: 8, background: 'rgba(52,152,219,0.1)',
-          border: '1px solid rgba(52,152,219,0.3)',
-        }}>
-          <div style={{ display: 'flex', alignItems: 'center', gap: 6, marginBottom: 4 }}>
-            <div style={{ width: 8, height: 8, borderRadius: '50%', background: '#3498DB', animation: 'pulse 1s infinite' }} />
-            <span style={{ fontSize: 11, fontWeight: 600, color: '#3498DB' }}>Scanning all connections...</span>
-          </div>
-          <div style={{ fontFamily: 'monospace', fontSize: 10, color: '#888', maxHeight: 120, overflow: 'auto' }}>
-            {log.map((l, i) => <div key={i}>{l}</div>)}
-          </div>
-        </div>
-      )}
-
-      {status === 'done' && (
-        <div style={{ padding: '10px', borderRadius: 8, background: 'rgba(0,255,136,0.1)', border: '1px solid rgba(0,255,136,0.3)', color: '#00ff88', fontSize: 12, fontWeight: 600, textAlign: 'center' }}>
-          All connections scraped with images! Refresh the app to see your network.
-        </div>
-      )}
-
-      {status === 'error' && (
-        <div>
-          <div style={{ padding: '10px', borderRadius: 8, background: 'rgba(255,80,80,0.1)', border: '1px solid rgba(255,80,80,0.3)', color: '#ff5050', fontSize: 12, textAlign: 'center', marginBottom: 8 }}>
-            Something went wrong
-          </div>
-          <button onClick={onRetry} style={{
-            width: '100%', padding: '10px', borderRadius: 8, border: 'none', cursor: 'pointer',
-            background: 'rgba(255,255,255,0.1)', color: '#aaa', fontWeight: 600, fontSize: 12,
-          }}>Try Again</button>
-        </div>
-      )}
-    </div>
-  );
-}

package/.next/standalone/app/setup/page.js

@@ -15,7 +15,7 @@ const BG = '#0a0a1a';
 const LINE = '1px solid rgba(255,255,255,0.1)';
 
 const ACTION_LABELS = {
-  install: 'Installing the scraper',
+  install: 'Installing the scanner',
   login: 'Waiting for you to sign in',
   full: 'Scanning your whole network',
   refresh: 'Checking for new connections',
@@ -183,7 +183,7 @@ function SetupInner() {
 
         {notFound && (
           <Box tone="bad">
-            <b>Can’t find the scraper files.</b><br />
+            <b>Can’t find the scanner files.</b><br />
             <span style={{ color: '#9aa' }}>
               Expected <code style={code}>scripts/scrape.py</code> next to the app. If you
               downloaded a zip, run the app from inside the project folder.
@@ -195,7 +195,7 @@ function SetupInner() {
           <Box tone="bad">
             <b>Google Chrome isn’t installed.</b><br />
             <span style={{ color: '#9aa' }}>
-              The scraper drives your real Chrome. Install it from{' '}
+              The scanner drives your real Chrome. Install it from{' '}
               <a href="https://www.google.com/chrome/" target="_blank" rel="noreferrer"
                  style={{ color: '#3498DB' }}>google.com/chrome</a>, then reload this page.
             </span>
@@ -206,7 +206,7 @@ function SetupInner() {
         <Step
           n={1}
           done={!!c.dependencies}
-          title="Install what the scraper needs"
+          title="Install what the scanner needs"
           body={
             c.dependencies
               ? 'Installed.'

package/.next/standalone/bin/six-degrees.mjs

@@ -84,10 +84,15 @@ function freePort(start, attempts = 20) {
 function openBrowser(url) {
   const cmd = platform() === 'darwin' ? 'open' : platform() === 'win32' ? 'start' : 'xdg-open';
   const args = platform() === 'win32' ? ['', url] : [url];
+  // A machine with no desktop (no xdg-open) can't open one; say where to go.
+  // spawn reports a missing command as an 'error' event, not a throw.
+  const instead = () => console.log(`  Open ${url} in your browser.`);
   try {
-    spawn(cmd, args, { stdio: 'ignore', detached: true, shell: platform() === 'win32' }).unref();
+    const child = spawn(cmd, args, { stdio: 'ignore', detached: true, shell: platform() === 'win32' });
+    child.on('error', instead);
+    child.unref();
   } catch {
-    /* a browser that will not open is not worth failing over */
+    instead();
   }
 }
 

package/.next/standalone/install.sh

@@ -110,7 +110,7 @@ stop_running_copy() {
 main() {
   printf '\n  6 Degrees — installer\n\n'
 
-  [ "$(uname -s)" = "Darwin" ] || fail "This installer is for macOS. On Linux, run it from source (see the README). Windows isn't supported yet."
+  [ "$(uname -s)" = "Darwin" ] || fail "This installer is for macOS. On Linux, run: npx six-degrees (needs Node 22.13 or later). Windows isn't supported yet."
 
   local arch
   # A Terminal running under Rosetta reports x86_64 even on Apple Silicon, and

package/.next/standalone/lib/csv.js

@@ -56,6 +56,34 @@ function hashId(input) {
   return `csv-${Math.abs(h).toString(36)}`;
 }
 
+/** One connection, built from what the export itself says about the person. */
+function connectionFrom({ id, name, role, company, profileUrl, connected_date }) {
+  // /paths and the sidebar read seniority off `headline`, not `role`, so
+  // rebuild the "Role at Company" shape the scanner would have produced.
+  const headline = role && company ? `${role} at ${company}` : role || company || name;
+  return {
+    id,
+    degree: 1,
+    name,
+    headline,
+    role,
+    company,
+    profile_url: profileUrl || null,
+    profile_image_url: null,   // the official export carries no photos
+    connected_date,
+    source_connection_id: null,
+    is_catalyst: false,
+    catalyst_score: null,
+    circle_power: null,
+    circle_s_count: null,
+    circle_a_count: null,
+    circle_elite_pct: null,
+    outreach_status: null,
+    unlock_status: null,
+    ...scoreRecord(headline, company),
+  };
+}
+
 // ── The importer ───────────────────────────────────────────────────────────
 export function parseConnectionsCsv(text) {
   const rows = parseCsv(text);
@@ -90,10 +118,6 @@ export function parseConnectionsCsv(text) {
     const role = cell(iPosition);
     const profileUrl = cell(iUrl);
 
-    // /paths and the sidebar read seniority off `headline`, not `role`, so
-    // rebuild the "Role at Company" shape the scraper would have produced.
-    const headline = role && company ? `${role} at ${company}` : role || company || name;
-
     const id = profileUrl ? hashId(profileUrl) : `csv-row-${connections.length}`;
     if (seen.has(id)) { skipped++; continue; }
     seen.add(id);
@@ -105,27 +129,7 @@ export function parseConnectionsCsv(text) {
       if (!isNaN(d.getTime())) connected_date = d.toISOString().split('T')[0];
     }
 
-    connections.push({
-      id,
-      degree: 1,
-      name,
-      headline,
-      role,
-      company,
-      profile_url: profileUrl || null,
-      profile_image_url: null,   // the official export carries no photos
-      connected_date,
-      source_connection_id: null,
-      is_catalyst: false,
-      catalyst_score: null,
-      circle_power: null,
-      circle_s_count: null,
-      circle_a_count: null,
-      circle_elite_pct: null,
-      outreach_status: null,
-      unlock_status: null,
-      ...scoreRecord(headline, company),
-    });
+    connections.push(connectionFrom({ id, name, role, company, profileUrl, connected_date }));
   }
 
   if (!connections.length) {
@@ -148,8 +152,29 @@ export function saveSessionNetwork({ degree1 = [], degree2 = [], source = 'csv'
   }
 }
 
+// A scored row is ~540 characters and the tab holds ~5 million, which capped an
+// import near 9,000 connections. So the tab keeps only what the export says about
+// each person (~130 characters) and scores it again on load: an export at
+// LinkedIn's own maximum of 30,000 connections fits.
+export function packConnections(connections) {
+  return connections.map((c) => [c.id, c.name, c.role, c.company, c.profile_url, c.connected_date]);
+}
+
+export function unpackConnections(rows = []) {
+  return rows
+    .map(([id, name, role, company, profileUrl, connected_date]) => connectionFrom({ id, name, role, company, profileUrl, connected_date }))
+    .sort((a, b) => b.power_score - a.power_score);
+}
+
 export function saveCsvNetwork(connections) {
-  return saveSessionNetwork({ degree1: connections, degree2: [], source: 'csv' });
+  try {
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify({
+      packed: packConnections(connections), degree2: [], source: 'csv', importedAt: Date.now(),
+    }));
+    return true;
+  } catch {
+    return false; // quota
+  }
 }
 
 export function hasCsvNetwork() {
@@ -161,7 +186,8 @@ export function loadCsvNetwork() {
     const raw = sessionStorage.getItem(STORAGE_KEY);
     if (!raw) return null;
     const parsed = JSON.parse(raw);
-    return { degree1: parsed.degree1 || [], degree2: parsed.degree2 || [], source: parsed.source || 'csv' };
+    const degree1 = parsed.packed ? unpackConnections(parsed.packed) : parsed.degree1 || [];
+    return { degree1, degree2: parsed.degree2 || [], source: parsed.source || 'csv' };
   } catch { return null; }
 }
 

package/.next/standalone/lib/release.js

@@ -39,12 +39,15 @@ export function installKind(env = process.env, root = '') {
 }
 
 /** What to run to update, for each way of installing. */
-export function updateCommand(kind, slug) {
+export function updateCommand(kind, slug, { dataDir } = {}) {
   if (kind === 'mac-app') {
     return `curl -fsSL https://raw.githubusercontent.com/${slug}/main/install.sh | bash`;
   }
   if (kind === 'source') {
     return 'git pull && npm ci && npm run build && npm run start:packaged';
   }
-  return 'npx six-degrees@latest';
+  // A copy started with --data-dir must be restarted with it, or the new
+  // version opens an empty network in the default folder.
+  const quoted = dataDir && `'${String(dataDir).replace(/'/g, `'\\''`)}'`;
+  return quoted ? `npx six-degrees@latest --data-dir ${quoted}` : 'npx six-degrees@latest';
 }

package/.next/standalone/lib/scraper-client.js

@@ -20,7 +20,7 @@ export async function startScrape(action, name, extra = {}) {
     body: JSON.stringify({ action, ...(name ? { name } : {}), ...extra }),
   });
   const d = await r.json().catch(() => ({}));
-  if (!r.ok) throw new Error(d.error || 'Could not start the scraper.');
+  if (!r.ok) throw new Error(d.error || 'Could not start the scanner.');
   return d;
 }
 
@@ -48,9 +48,9 @@ export function runScrape(action, { name, onLog, ...extra } = {}) {
 /** What to tell someone when the scraper is not usable yet. */
 export function notReadyMessage(status) {
   if (!status) return 'Could not reach the app.';
-  if (!status.checks?.scriptsFound) return 'The scraper files are missing from this install.';
+  if (!status.checks?.scriptsFound) return 'The scanner files are missing from this install.';
   if (!status.checks?.python) return 'Python 3 is not installed on this machine.';
-  if (!status.checks?.dependencies) return 'The scraper is not installed yet — open Scan to set it up.';
+  if (!status.checks?.dependencies) return 'The scanner is not installed yet — open Scan to set it up.';
   if (!status.checks?.chrome) return 'Google Chrome is not installed.';
   return null;
 }