npm - six-degrees - Versions diffs - 0.2.0 - Mend

six-degrees 0.2.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 (1729) hide show

package/.next/standalone/app/components/StaleServerBanner.js ADDED Viewed

@@ -0,0 +1,53 @@
+'use client';
+import { useEffect, useState } from 'react';
+// "I pulled, so I am up to date" is the right expectation. It was wrong here
+// only because a running server keeps serving the code it loaded at startup —
+// which is invisible, and looks exactly like the update having failed.
+//
+// So the app says it. On every page, not buried at the bottom of one.
+export default function StaleServerBanner() {
+  const [info, setInfo] = useState(null);
+  useEffect(() => {
+    let alive = true;
+    fetch('/api/update')
+      .then((r) => r.json())
+      .then((d) => { if (alive && d?.restartNeeded) setInfo(d); })
+      .catch(() => {});
+    return () => { alive = false; };
+  }, []);
+  if (!info) return null;
+  return (
+    <div
+      role="status"
+      style={{
+        position: 'fixed', left: 0, right: 0, bottom: 0, zIndex: 9999,
+        background: 'linear-gradient(90deg, #FFD700, #FF6B35)', color: '#1a1200',
+        padding: '9px 16px', fontSize: 13, fontWeight: 600, lineHeight: 1.5,
+        display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 10,
+        flexWrap: 'wrap', textAlign: 'center',
+      }}
+    >
+      <span>
+        You have newer code on disk ({info.sha}) than this server is running ({info.bootSha}).
+        Restart it to see the changes — <code style={{
+          background: 'rgba(0,0,0,0.16)', padding: '1px 6px', borderRadius: 4,
+        }}>Ctrl-C</code> in the terminal, then <code style={{
+          background: 'rgba(0,0,0,0.16)', padding: '1px 6px', borderRadius: 4,
+        }}>npm run dev</code>.
+      </span>
+      <button
+        onClick={() => setInfo(null)}
+        style={{
+          border: 'none', background: 'rgba(0,0,0,0.18)', color: '#1a1200',
+          borderRadius: 6, padding: '3px 10px', fontWeight: 700, cursor: 'pointer',
+        }}
+      >Dismiss</button>
+    </div>
+  );
+}

package/.next/standalone/app/components/UpdatePanel.js ADDED Viewed

@@ -0,0 +1,246 @@
+'use client';
+import { useState, useEffect } from 'react';
+// Nothing here runs on its own. The spec forbids a silent update check, and
+// this respects that: the first network call happens when someone presses
+// "Check for updates". Loading the panel only reads the local git state.
+const LINE = '1px solid rgba(255,255,255,0.1)';
+export default function UpdatePanel() {
+  const [local, setLocal] = useState(null);
+  const [result, setResult] = useState(null);
+  const [busy, setBusy] = useState(null);
+  const [error, setError] = useState(null);
+  const [done, setDone] = useState(null);
+  useEffect(() => {
+    fetch('/api/update').then((r) => r.json()).then(setLocal).catch(() => {});
+  }, []);
+  async function call(action) {
+    setBusy(action);
+    setError(null);
+    try {
+      const r = await fetch('/api/update', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action }),
+      });
+      const d = await r.json();
+      if (!r.ok) {
+        setError(d.error || 'Something went wrong.');
+        if (d.dirty) setResult({ dirty: d.dirty });
+        return;
+      }
+      if (action === 'check') setResult(d);
+      else { setDone(d); setResult(null); }
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(null);
+    }
+  }
+  if (!local) return null;
+  if (local.installed) return <InstalledUpdates local={local} />;
+  if (local.supported === false) {
+    return (
+      <Wrap>
+        <Title>Updates</Title>
+        <Body>{local.reason}</Body>
+      </Wrap>
+    );
+  }
+  return (
+    <Wrap>
+      <Title>Updates</Title>
+      {done ? (
+        <>
+          <Body>
+            Updated to <Mono>{done.sha}</Mono> — “{done.subject}”.
+          </Body>
+          <Body style={{ color: done.needsRestart ? '#FFD700' : undefined }}>
+            {done.needsRestart
+              ? 'Stop the app in your terminal and start it again — this update changed how it starts.'
+              : 'The page will pick up most changes on its own. Restart the app if anything looks odd.'}
+          </Body>
+        </>
+      ) : (
+        <>
+          <Body>
+            You are on <Mono>{local.sha}</Mono> — “{local.subject}”.
+          </Body>
+          {result && result.behind === 0 && <Body>Up to date.</Body>}
+          {result && result.behind > 0 && (
+            <>
+              <Body style={{ color: '#00ff88' }}>
+                {result.behind} update{result.behind === 1 ? '' : 's'} available.
+              </Body>
+              <pre style={pre}>{result.commits.join('\n')}</pre>
+            </>
+          )}
+          {result?.dirty?.length > 0 && (
+            <Body>
+              Changed files here:{' '}
+              <Mono>{result.dirty.join(', ')}</Mono>. Commit or discard them first — this
+              will not throw away your work.
+            </Body>
+          )}
+          <div style={{ display: 'flex', gap: 10, marginTop: 12, flexWrap: 'wrap' }}>
+            <Btn onClick={() => call('check')} disabled={!!busy}>
+              {busy === 'check' ? 'Checking…' : 'Check for updates'}
+            </Btn>
+            {result?.behind > 0 && (
+              <Btn onClick={() => call('pull')} disabled={!!busy} primary>
+                {busy === 'pull' ? 'Updating…' : `Install ${result.behind} update${result.behind === 1 ? '' : 's'}`}
+              </Btn>
+            )}
+          </div>
+        </>
+      )}
+      {error && <Body style={{ color: '#ff7676' }}>{error}</Body>}
+      <Body style={{ fontSize: 12, color: '#667', marginTop: 12 }}>
+        Nothing is checked automatically and nothing about you is sent — this runs the
+        same <Mono>git fetch</Mono> and <Mono>git pull</Mono> you would type yourself.
+      </Body>
+    </Wrap>
+  );
+}
+// The Mac app and the npm package update by installing the newer release over
+// the top. This asks GitHub for the newest version number — on a click only —
+// and hands over the exact line to run.
+function InstalledUpdates({ local }) {
+  const [busy, setBusy] = useState(false);
+  const [result, setResult] = useState(null);
+  const [error, setError] = useState(null);
+  const [copied, setCopied] = useState(false);
+  async function check() {
+    setBusy(true);
+    setError(null);
+    try {
+      const r = await fetch('/api/update', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action: 'check-release' }),
+      });
+      const d = await r.json();
+      if (!r.ok) setError(d.error || 'Could not check.');
+      else setResult(d);
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function copy() {
+    try {
+      await navigator.clipboard.writeText(local.command);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1600);
+    } catch {
+      setError('Could not copy — select the line and copy it by hand.');
+    }
+  }
+  const how = local.kind === 'mac-app'
+    ? 'Paste this into Terminal. It closes this app, puts the new version in its place and opens it. Your network stays where it is.'
+    : local.kind === 'source'
+      ? 'Stop the app (Ctrl-C), then run this in the six-degrees folder. It fetches the newest code, builds it and starts it again. Your network stays where it is.'
+      : 'Run this in a terminal to start the newest version. Your network stays where it is.';
+  return (
+    <Wrap>
+      <Title>Updates</Title>
+      <Body>You have version <Mono>{local.version}</Mono>.</Body>
+      {result && !result.latest && <Body>No release has been published yet.</Body>}
+      {result?.latest && !result.newer && <Body>That is the newest version.</Body>}
+      {result?.newer && (
+        <>
+          <Body style={{ color: '#00ff88' }}>Version {result.latest.version} is available.</Body>
+          <Body>{how}</Body>
+          <pre style={pre}>{local.command}</pre>
+          <div style={{ display: 'flex', gap: 10, marginTop: 10, flexWrap: 'wrap', alignItems: 'center' }}>
+            <Btn onClick={copy} primary>{copied ? 'Copied' : 'Copy'}</Btn>
+            {result.latest.url && (
+              <a href={result.latest.url} target="_blank" rel="noreferrer"
+                 style={{ color: '#3498DB', fontSize: 13.5 }}>
+                What changed →
+              </a>
+            )}
+          </div>
+        </>
+      )}
+      {!result?.newer && (
+        <div style={{ marginTop: 12 }}>
+          <Btn onClick={check} disabled={busy}>{busy ? 'Checking…' : 'Check for updates'}</Btn>
+        </div>
+      )}
+      {error && <Body style={{ color: '#ff7676' }}>{error}</Body>}
+      <Body style={{ fontSize: 12, color: '#667', marginTop: 12 }}>
+        Nothing is checked automatically. The button asks GitHub for the newest version
+        number and nothing about you is sent.
+      </Body>
+    </Wrap>
+  );
+}
+const pre = {
+  background: 'rgba(0,0,0,0.45)', border: LINE, borderRadius: 8, padding: 12,
+  margin: '8px 0 0', fontSize: 12, lineHeight: 1.7, color: '#b9c6c6',
+  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',
+  whiteSpace: 'pre-wrap', maxHeight: 180, overflow: 'auto',
+};
+function Wrap({ children }) {
+  return (
+    <div style={{ marginTop: 32, paddingTop: 24, borderTop: LINE }}>{children}</div>
+  );
+}
+function Title({ children }) {
+  return <div style={{ fontSize: 15.5, fontWeight: 650, marginBottom: 6 }}>{children}</div>;
+}
+function Body({ children, style }) {
+  return (
+    <div style={{ fontSize: 13.5, color: '#8b9a9a', lineHeight: 1.6, marginTop: 4, ...style }}>
+      {children}
+    </div>
+  );
+}
+function Mono({ children }) {
+  return (
+    <code style={{ background: 'rgba(255,255,255,0.08)', padding: '1px 5px', borderRadius: 4 }}>
+      {children}
+    </code>
+  );
+}
+function Btn({ children, onClick, disabled, primary }) {
+  return (
+    <button onClick={onClick} disabled={disabled} style={{
+      padding: '9px 18px', borderRadius: 7, fontSize: 13.5, fontWeight: 650,
+      color: disabled ? '#667' : '#fff', border: LINE,
+      background: disabled ? 'rgba(255,255,255,0.05)'
+        : primary ? 'linear-gradient(135deg, #9B59B6, #3498DB)' : 'rgba(255,255,255,0.08)',
+      cursor: disabled ? 'not-allowed' : 'pointer',
+    }}>{children}</button>
+  );
+}

package/.next/standalone/app/components/UserProvider.js ADDED Viewed

@@ -0,0 +1,116 @@
+'use client';
+import { createContext, useContext, useState, useEffect } from 'react';
+import { getUserId, getUserName, setUser, hasUser } from '../../lib/user';
+import { IS_DEMO, DEMO_USER } from '../../lib/demo';
+import { hasCsvNetwork, CSV_USER } from '../../lib/csv';
+const UserContext = createContext({
+  userId: null, userName: null, userProfile: null, ready: false,
+});
+export function useUser() {
+  return useContext(UserContext);
+}
+export default function UserProvider({ children }) {
+  const [userId, setUserId] = useState(null);
+  const [userName, setUserName] = useState(null);
+  const [userProfile, setUserProfile] = useState(null);
+  const [ready, setReady] = useState(false);
+  useEffect(() => {
+    // Demo mode: hand back a fixed identity so the app renders Blake's snapshot
+    // for everyone, with no onboarding and no /api/users call.
+    if (IS_DEMO) {
+      setUserId(DEMO_USER.id);
+      setUserName(DEMO_USER.name);
+      setUserProfile({
+        name: DEMO_USER.name, headline: DEMO_USER.headline,
+        role: '', company: 'Stead Labs', industry: '', sectors: [], goals: [], linkedin_url: '',
+      });
+      setReady(true);
+      return;
+    }
+    // An imported CSV is a local, account-free session: adopt a local identity
+    // so the app opens straight into their network with no /api/users call.
+    if (hasCsvNetwork()) {
+      setUserId(CSV_USER.id);
+      setUserName(CSV_USER.name);
+      setUserProfile({
+        name: CSV_USER.name, headline: 'Imported from your LinkedIn CSV',
+        role: '', company: '', industry: '', sectors: [], goals: [], linkedin_url: '',
+      });
+      setReady(true);
+      return;
+    }
+    // Who "you" are is decided by the server, from the data: the profile that
+    // owns the network, or a new one on a fresh install (lib/profile.js).
+    //
+    // It used to live in this browser's localStorage and was asked for by name.
+    // localStorage is per-origin, so the packaged app (127.0.0.1:6363) and a dev
+    // server (localhost:3000) were two strangers to each other, and every name
+    // typed into the prompt that did not match exactly made a new, empty
+    // profile. The network then vanished from view and the scraper refused to
+    // pick between the duplicates. The browser now only caches the answer.
+    const toProfile = (u) => ({
+      name: u.name,
+      headline: u.headline || '',
+      role: u.role || '',
+      company: u.company || '',
+      industry: u.industry || '',
+      sectors: u.sectors || [],
+      goals: u.goals || [],
+      linkedin_url: u.linkedin_url || '',
+    });
+    fetch('/api/users?me=1')
+      .then((r) => r.json())
+      .then((data) => {
+        const me = data.user;
+        if (!me) throw new Error('no profile');
+        setUser(me.id, me.name);
+        setUserId(me.id);
+        setUserName(me.name);
+        setUserProfile(toProfile(me));
+      })
+      .catch(() => {
+        // Server unreachable: fall back to whatever this browser last knew.
+        if (hasUser()) {
+          setUserId(getUserId());
+          setUserName(getUserName());
+        }
+      })
+      .finally(() => setReady(true));
+  }, []);
+  const login = (id, name) => {
+    setUser(id, name);
+    setUserId(id);
+    setUserName(name);
+    // Fetch profile after login
+    fetch(`/api/users?id=${id}`)
+      .then(r => r.json())
+      .then(data => {
+        if (data.user) {
+          setUserProfile({
+            name: data.user.name,
+            headline: data.user.headline || '',
+            role: data.user.role || '',
+            company: data.user.company || '',
+            industry: data.user.industry || '',
+            sectors: data.user.sectors || [],
+            goals: data.user.goals || [],
+            linkedin_url: data.user.linkedin_url || '',
+          });
+        }
+      })
+      .catch(() => {});
+  };
+  return (
+    <UserContext.Provider value={{ userId, userName, userProfile, ready, login }}>
+      {children}
+    </UserContext.Provider>
+  );
+}

package/.next/standalone/app/components/views.js ADDED Viewed

@@ -0,0 +1,59 @@
+// The view registry.
+//
+// Adding a visual used to mean three edits in three files that had to agree:
+// a branch in page.js's switch, an entry in FilterPanel's menu, and a bespoke
+// set of props chosen per view. Each view took a slightly different shape —
+// some wanted `mode`, some `userName`, one wanted `tierColors` and a ref — so
+// the wiring was the part you got wrong.
+//
+// Now a view is one entry here. Every view receives the SAME props object and
+// destructures what it needs; React ignores the rest. Adding one means writing
+// the component and adding a row.
+import ForceGraph from './ForceGraph';
+import OrbitGraph from './OrbitGraph';
+import ChainView from './ChainView';
+import BridgeRing from './BridgeRing';
+import GridView from './GridView';
+import ListView from './ListView';
+import RingsView from './RingsView';
+import SeparationView from './SeparationView';
+/**
+ * `modes` — which top-level mode the view belongs in ('network', 'degrees').
+ * `allDegree2` — give it every 2nd-degree row rather than the mode-filtered
+ *   set. Only Orbit wants this: it draws each bridge's circle in both modes and
+ *   narrows to the bridges on screen itself. Declared here rather than hidden
+ *   in a branch, because an exception you cannot see is one you break later.
+ */
+export const VIEWS = {
+  galaxy:   { component: ForceGraph, modes: ['network'],            label: 'Galaxy',        icon: '🌌', desc: 'Force-directed layout' },
+  orbit:    { component: OrbitGraph, modes: ['network', 'degrees'], label: 'Orbit',         icon: '🪐', desc: 'Tier orbits + circle dots; in Degrees, every mapped circle fanned out', allDegree2: true },
+  separation: { component: SeparationView, modes: ['degrees'],    label: 'Separation',    icon: '🏆', desc: 'Every 2nd degree, ranked · every way in' },
+  chain:    { component: ChainView,  modes: ['degrees'],            label: 'Bridge Chains', icon: '🔗', desc: 'Degree paths' },
+  revolver: { component: BridgeRing, modes: ['degrees'],            label: 'Revolver',      icon: '🎯', desc: 'Rotary dial · spin to switch' },
+  rings:    { component: RingsView,  modes: ['network', 'degrees'], label: 'Pyramid',       icon: '🔺', desc: 'Tier hierarchy' },
+  list:     { component: ListView,   modes: ['network', 'degrees'], label: 'List',          icon: '☰', desc: 'Ranked power list' },
+  grid:     { component: GridView,   modes: ['network', 'degrees'], label: 'Grid',          icon: '▦', desc: 'Cards' },
+};
+/**
+ * The order they appear in the menu. Separation is the first Degrees view, so
+ * it is also where resolveView lands when the chosen view isn't a Degrees one
+ * (Galaxy, say, carried over from Network Circle).
+ */
+const ORDER = ['galaxy', 'orbit', 'separation', 'chain', 'revolver', 'rings', 'list'];
+export function viewsForMode(mode) {
+  return ORDER
+    .filter((key) => VIEWS[key]?.modes.includes(mode))
+    .map((key) => ({ key, ...VIEWS[key] }));
+}
+/** The view to render, falling back to the first one this mode allows. */
+export function resolveView(visualMode, mode) {
+  const chosen = VIEWS[visualMode];
+  if (chosen && chosen.modes.includes(mode)) return { key: visualMode, ...chosen };
+  const first = viewsForMode(mode)[0];
+  return first ?? { key: 'list', ...VIEWS.list };
+}

package/.next/standalone/app/favicon.ico ADDED Viewed

Binary file

package/.next/standalone/app/globals.css ADDED Viewed

@@ -0,0 +1,33 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+body {
+  background: #0a0a1a;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+/* The map pins itself so the graph canvas can fill the window. This used to be
+   on `body`, which meant every other page — Scan, Profile, Import, Outlink —
+   could not scroll at all: anything below the fold was rendered, running, and
+   unreachable. That is how the tier picker and the update panel appeared to be
+   missing when they were on screen the whole time, just past the bottom edge. */
+body:has(> div > [data-map]) {
+  overflow: hidden;
+}
+::-webkit-scrollbar {
+  width: 6px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 3px;
+}