npm - six-degrees - Versions diffs - 0.2.1 → 0.3.0 - Mend

six-degrees 0.2.1 → 0.3.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 (470) hide show

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

@@ -1,37 +1,62 @@
 'use client';
 import { useState, useEffect } from 'react';
+import { Section, Body, Mono, Status, Btn, LINE } from './ui';
 // 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", here or in the Mac app's menu (which opens this page at
-// /setup?check=updates — the same click, made from the menu). Loading the panel
-// only reads the local state.
-const LINE = '1px solid rgba(255,255,255,0.1)';
+// /settings?check=updates — the same click, made from the menu). Loading the
+// panel only reads the local state.
+//
+// In the Mac app, installing is a second, separate click ("Install and
+// restart"). Nothing is downloaded before it.
 export default function UpdatePanel() {
   const [local, setLocal] = useState(null);
+  useEffect(() => {
+    fetch('/api/update').then((r) => r.json()).then(setLocal).catch(() => {});
+  }, []);
+  if (!local) return null;
+  if (local.installed) return <InstalledUpdates local={local} />;
+  return <GitUpdates local={local} />;
+}
+async function post(body) {
+  const r = await fetch('/api/update', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(body),
+  });
+  const d = await r.json().catch(() => ({}));
+  return { ok: r.ok, d };
+}
+// ── a git checkout ────────────────────────────────────────────────────────────
+// `git fetch` and `git pull`, exactly as you would type them.
+function GitUpdates({ local }) {
   const [result, setResult] = useState(null);
   const [busy, setBusy] = useState(null);
   const [error, setError] = useState(null);
   const [done, setDone] = useState(null);
+  // The menu's "Check for Updates…" runs its check here too.
   useEffect(() => {
-    fetch('/api/update').then((r) => r.json()).then(setLocal).catch(() => {});
+    if (new URLSearchParams(window.location.search).get('check') !== 'updates') return;
+    document.getElementById('updates')?.scrollIntoView({ block: 'center' });
+    call('check');
+    window.history.replaceState(null, '', window.location.pathname);
+    // Runs once, when the panel appears.
   }, []);
   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) {
+      const { ok, d } = await post({ action });
+      if (!ok) {
         setError(d.error || 'Something went wrong.');
         if (d.dirty) setResult({ dirty: d.dirty });
         return;
@@ -45,23 +70,8 @@ export default function UpdatePanel() {
     }
   }
-  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>
+    <Section id="updates" title="Updates">
       {done ? (
         <>
           <Body>
@@ -79,7 +89,7 @@ export default function UpdatePanel() {
             You are on <Mono>{local.sha}</Mono> — “{local.subject}”.
           </Body>
-          {result && result.behind === 0 && <Status ok>You&rsquo;re up to date.</Status>}
+          {result && result.behind === 0 && <Status tone="ok">You&rsquo;re up to date.</Status>}
           {result && result.behind > 0 && (
             <>
@@ -98,7 +108,7 @@ export default function UpdatePanel() {
             </Body>
           )}
-          <div style={{ display: 'flex', gap: 10, marginTop: 12, flexWrap: 'wrap' }}>
+          <Row>
             <Btn onClick={() => call('check')} disabled={!!busy}>
               {busy === 'check' ? 'Checking…' : 'Check for updates'}
             </Btn>
@@ -107,7 +117,7 @@ export default function UpdatePanel() {
                 {busy === 'pull' ? 'Updating…' : `Install ${result.behind} update${result.behind === 1 ? '' : 's'}`}
               </Btn>
             )}
-          </div>
+          </Row>
         </>
       )}
@@ -117,43 +127,98 @@ export default function UpdatePanel() {
         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>
+    </Section>
   );
 }
+// ── an installed copy ─────────────────────────────────────────────────────────
 // 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.
+// the top. "Check for updates" asks GitHub for the newest version number, on a
+// click only. The Mac app can then install it itself, on a second click; when
+// it can't (or for npm), this hands over the exact line to run instead, saying
+// what that line would do for this copy. Where it would do harm (a network
+// kept inside the app, which the line deletes with it), it isn't offered.
+const ACTIVE = ['checking', 'downloading', 'verifying', 'preparing', 'restarting'];
 function InstalledUpdates({ local }) {
+  const mac = local.kind === 'mac-app';
   const [busy, setBusy] = useState(false);
   const [result, setResult] = useState(null);
   const [error, setError] = useState(null);
   const [copied, setCopied] = useState(false);
   const [checkedAt, setCheckedAt] = useState(null);
+  const [job, setJob] = useState(local.job || null);   // an install, while it runs
+  const [starting, setStarting] = useState(false);
+  const [refused, setRefused] = useState(null);         // why an install couldn't start
+  const [refusedCode, setRefusedCode] = useState(null);
+  const [refusedFallback, setRefusedFallback] = useState(undefined); // the Terminal line then (see fallbackText)
+  const [gone, setGone] = useState(0);                   // polls that found no server: it is restarting
+  const [slow, setSlow] = useState(false);
+  const active = Boolean(job && ACTIVE.includes(job.phase));
+  const restarting = active && (job.phase === 'restarting' || gone > 0);
   // Opened from the menu's "Check for Updates…": bring the panel into view and
-  // run the check that click asked for.
+  // run the check that click asked for. After an update the app opens here
+  // (#updates), to show how it went.
   useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
-    if (params.get('check') !== 'updates') return;
     const panel = () => document.getElementById('updates');
+    if (window.location.hash === '#updates') panel()?.scrollIntoView({ block: 'start' });
+    if (new URLSearchParams(window.location.search).get('check') !== 'updates') return;
+    window.history.replaceState(null, '', window.location.pathname);
+    if (local.job && ACTIVE.includes(local.job.phase)) return; // an install is already under way
     panel()?.scrollIntoView({ block: 'center' });
     check().then(() => panel()?.scrollIntoView({ block: 'end', behavior: 'smooth' }));
-    window.history.replaceState(null, '', window.location.pathname);
-  }, []);
+  }, [local.job]);
+  // Follow an install. Once it restarts, this server goes away. The next one to
+  // answer is the new version, or the old one put back; reloading shows which.
+  useEffect(() => {
+    if (!active) return undefined;
+    let alive = true;
+    const timer = setTimeout(async () => {
+      try {
+        if (restarting) {
+          const r = await fetch('/api/update', { cache: 'no-store' });
+          const d = await r.json();
+          if (!alive) return;
+          if (!d.job || d.job.id !== job.id) {
+            window.location.reload();
+            return;
+          }
+          setGone(0);          // the same server, still here: not restarting after all
+          setJob(d.job);
+        } else {
+          const { ok, d } = await post({ action: 'update-status' });
+          if (alive && ok && d.job) setJob(d.job);
+        }
+      } catch {
+        if (alive) setGone((n) => n + 1);
+      }
+    }, restarting ? 1500 : 600);
+    return () => { alive = false; clearTimeout(timer); };
+  }, [job, gone, active, restarting]);
+  // A restart takes a few seconds. After a minute, say what to do.
+  useEffect(() => {
+    if (!restarting) return undefined;
+    const timer = setTimeout(() => setSlow(true), 60000);
+    return () => clearTimeout(timer);
+  }, [restarting]);
   async function check() {
     setBusy(true);
     setResult(null);
     setError(null);
+    // A new check is a new start: an earlier attempt's failure no longer applies.
+    setRefused(null);
+    setRefusedCode(null);
+    setRefusedFallback(undefined);
+    setJob((j) => (j && ACTIVE.includes(j.phase) ? j : 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.');
+      const { ok, d } = await post({ action: 'check-release' });
+      if (!ok) setError(d.error || 'Could not check.');
       else { setResult(d); setCheckedAt(new Date()); }
     } catch (e) {
       setError(e.message);
@@ -162,6 +227,35 @@ function InstalledUpdates({ local }) {
     }
   }
+  async function install() {
+    setStarting(true);
+    setRefused(null);
+    setRefusedCode(null);
+    setRefusedFallback(undefined);
+    setGone(0);
+    setSlow(false);
+    try {
+      const { ok, d } = await post({ action: 'install-release' });
+      if (d.job) setJob(d.job);
+      if (!ok) {
+        setRefused(d.error || 'The update could not start.');
+        setRefusedCode(d.refusal || null);
+        if ('fallback' in d) setRefusedFallback(d.fallback);
+      }
+    } catch (e) {
+      setRefused(e.message);
+    } finally {
+      setStarting(false);
+    }
+  }
+  async function cancel() {
+    try {
+      const { d } = await post({ action: 'cancel-install' });
+      if (d.job) setJob(d.job);
+    } catch { /* the next poll shows where it got to */ }
+  }
   async function copy() {
     try {
       await navigator.clipboard.writeText(local.command);
@@ -172,106 +266,199 @@ function InstalledUpdates({ local }) {
     }
   }
-  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.'
-      : 'Stop this copy first (Ctrl-C in the terminal it runs in), then run this to start the newest version. Your network stays where it is.';
+  const failed = job?.phase === 'failed';
+  const canInstall = mac && result?.install?.possible;
+  // The install offered a version, and a newer one has come out since, or it
+  // was never offered one on this server: the answer is a new check, not "Try again".
+  const needsCheck = (failed && job.code === 'stale-check') || refusedCode === 'not-checked';
+  // What the Terminal line would do here (lib/updater.js terminalFallback);
+  // null for the Mac app where it must not be offered.
+  const fallback = refusedFallback !== undefined ? refusedFallback : result?.fallback;
+  // The Terminal line: always for npm and source copies, and for the Mac app
+  // whenever it can't install the update itself, or the last time it tried
+  // didn't work (so a second try that fails the same way isn't the only way),
+  // except where the line would do harm.
+  const showLine = result?.newer && (!mac || fallback)
+    && (!canInstall || failed || refused || local.lastUpdate?.tone === 'bad');
+  const how = fallbackText({ mac, kind: local.kind, canInstall, fallback });
   return (
-    <Wrap>
-      <Title>Updates</Title>
+    <Section id="updates" title="Updates">
+      {local.lastUpdate && !active && <LastUpdate report={local.lastUpdate} />}
       <Body>You have version <Mono>{local.version}</Mono>.</Body>
-      {result && !result.latest && <Status>No release has been published yet.</Status>}
-      {result?.latest && !result.newer && (
-        <Status ok>
-          You&rsquo;re up to date: {result.latest.version} is the newest version.
-          {checkedAt && <span style={{ color: '#8b9a9a' }}> Checked at {checkedAt.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' })}.</span>}
-        </Status>
-      )}
-      {result?.newer && (
+      {active ? (
+        <Progress job={job} restarting={restarting} slow={slow} onCancel={cancel} />
+      ) : (
         <>
-          <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>
-        </>
-      )}
+          {failed && (
+            <Status tone="bad"><strong>The update didn&rsquo;t finish.</strong> {job.error} Nothing was changed.</Status>
+          )}
+          {job?.phase === 'cancelled' && <Status>Cancelled. Nothing was changed.</Status>}
+          {refused && <Status tone="bad">{refused}</Status>}
-      {!result?.newer && (
-        <div style={{ marginTop: 12 }}>
-          <Btn onClick={check} disabled={busy}>{busy ? 'Checking…' : result ? 'Check again' : 'Check for updates'}</Btn>
-        </div>
+          {result && !result.latest && <Status>No release has been published yet.</Status>}
+          {result?.latest && !result.newer && (
+            <Status tone="ok">
+              You&rsquo;re up to date: {result.latest.version} is the newest version.
+              {checkedAt && <span style={{ color: '#8b9a9a' }}> Checked at {checkedAt.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' })}.</span>}
+            </Status>
+          )}
+          {result?.newer && (
+            <>
+              <Body style={{ color: '#00ff88' }}>Version {result.latest.version} is available.</Body>
+              {canInstall && (
+                <>
+                  <Body>
+                    It downloads {result.install.size ? `about ${megabytes(result.install.size)} MB` : 'the new version'} from
+                    GitHub, checks it, then closes, replaces itself and reopens. Your network isn&rsquo;t touched, and a
+                    backup of it is made first.
+                  </Body>
+                  <Row>
+                    {needsCheck ? (
+                      <Btn onClick={check} disabled={busy} primary>{busy ? 'Checking…' : 'Check again'}</Btn>
+                    ) : (
+                      <Btn onClick={install} disabled={starting} primary>
+                        {starting ? 'Starting…' : failed || refused ? 'Try again' : 'Install and restart'}
+                      </Btn>
+                    )}
+                    <WhatChanged url={result.latest.url} />
+                  </Row>
+                </>
+              )}
+              {mac && !canInstall && result.install?.reason && <Body>{result.install.reason}</Body>}
+              {showLine && (
+                <>
+                  <Body>{how}</Body>
+                  {local.testReleases ? (
+                    // The line installs the real release from GitHub, not the
+                    // test one, into Applications: over the copy someone uses.
+                    <pre style={pre}>Not shown in test mode: it would install the real release from GitHub into Applications.</pre>
+                  ) : (
+                    <>
+                      <pre style={pre}>{local.command}</pre>
+                      <Row>
+                        <Btn onClick={copy} primary={!canInstall}>{copied ? 'Copied' : 'Copy'}</Btn>
+                        {!canInstall && <WhatChanged url={result.latest.url} />}
+                      </Row>
+                    </>
+                  )}
+                </>
+              )}
+              {!canInstall && !showLine && <Row><WhatChanged url={result.latest.url} /></Row>}
+            </>
+          )}
+          {!result?.newer && (
+            <Row>
+              <Btn onClick={check} disabled={busy}>{busy ? 'Checking…' : result ? 'Check again' : 'Check for updates'}</Btn>
+            </Row>
+          )}
+        </>
       )}
       {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.
+        number, and nothing about you is sent.
+        {mac && ' Only a second click, Install and restart, downloads the new version.'}
       </Body>
-    </Wrap>
+      {local.testReleases && (
+        <Body style={{ fontSize: 12, color: '#FFD700', marginTop: 6 }}>
+          Test mode: releases are read from <Mono>{local.testReleases}</Mono> on this computer, not from GitHub.
+        </Body>
+      )}
+    </Section>
   );
 }
-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',
-};
+const megabytes = (bytes) => Math.max(1, Math.round(bytes / 1e6));
-function Wrap({ children }) {
-  return (
-    <div id="updates" style={{ marginTop: 32, paddingTop: 24, borderTop: LINE }}>{children}</div>
-  );
+// What the Terminal line does, for this copy. For the Mac app that depends on
+// where it is (lib/updater.js terminalFallback): install.sh replaces the app in
+// Applications, and anywhere else it installs a second copy there, which only
+// opens once this one has quit (one copy runs at a time).
+function fallbackText({ mac, kind, canInstall, fallback }) {
+  if (!mac) {
+    return kind === 'source'
+      ? 'A copy built from the source code updates by fetching the code and building it again, which it can\'t do while it runs. Stop it (Ctrl-C), then run this in the six-degrees folder. Your network stays where it is.'
+      : 'This copy runs inside the terminal that started it, so it can\'t replace itself while it runs. Stop it first (Ctrl-C), then run this to start the newest version. Your network stays where it is.';
+  }
+  if (!fallback) return null;
+  const data = fallback.dataDir
+    ? ` It opens the new version on the usual data folder, not on ${fallback.dataDir}: to use that one, quit it and open it again with --data-dir, as you opened this one.`
+    : '';
+  if (fallback.mode === 'replace') {
+    return `${canInstall ? 'Or paste this into Terminal.' : 'Paste this into Terminal instead.'} It closes this app, puts the new version in its place and opens it. Your network stays where it is.${data}`;
+  }
+  return `${canInstall ? 'Or copy' : 'Copy'} this line, quit Six Degrees, then paste it into Terminal. It installs the new version at ${fallback.installsTo}, not where this copy is, and opens it: use that one from then on. Your network stays where it is.${data}`;
 }
-// The answer to a check, where it can't be missed.
-function Status({ children, ok }) {
+function Progress({ job, restarting, slow, onCancel }) {
+  const pct = job.total ? Math.min(100, Math.round((job.received / job.total) * 100)) : null;
+  const text = restarting ? 'Restarting… Six Degrees closes and opens again in a moment.'
+    : job.phase === 'checking' ? 'Asking GitHub for the newest version…'
+      : job.phase === 'downloading'
+        ? `Downloading ${job.version}…${pct !== null ? ` ${pct}% (${megabytes(job.received)} of ${megabytes(job.total)} MB)` : ''}`
+        : job.phase === 'verifying' ? 'Checking the download…'
+          : 'Preparing the new version…';
   return (
-    <div role="status" style={{
-      marginTop: 10, padding: '10px 14px', borderRadius: 8, fontSize: 13.5, lineHeight: 1.6,
-      color: ok ? '#00ff88' : '#e8e8ee',
-      background: ok ? 'rgba(0,255,136,0.08)' : 'rgba(255,255,255,0.05)',
-      border: `1px solid ${ok ? 'rgba(0,255,136,0.3)' : 'rgba(255,255,255,0.12)'}`,
-    }}>{ok && '✓ '}{children}</div>
+    <div role="status" aria-live="polite" style={{ marginTop: 12 }}>
+      <Body style={{ color: '#e8e8ee' }}>{text}</Body>
+      {job.phase === 'downloading' && pct !== null && (
+        <div role="progressbar" aria-valuemin={0} aria-valuemax={100} aria-valuenow={pct} aria-label="Download"
+          style={{ height: 6, borderRadius: 3, background: 'rgba(255,255,255,0.08)', marginTop: 10, overflow: 'hidden', maxWidth: 420 }}>
+          <div style={{ width: `${pct}%`, height: '100%', background: 'linear-gradient(90deg, #9B59B6, #3498DB)', transition: 'width 0.4s ease' }} />
+        </div>
+      )}
+      {slow && (
+        <Body>This is taking longer than it should. If Six Degrees doesn&rsquo;t open again by itself, open it from your Applications folder.</Body>
+      )}
+      {!restarting && (
+        <Row>
+          <Btn onClick={onCancel}>Cancel</Btn>
+        </Row>
+      )}
+    </div>
   );
 }
-function Title({ children }) {
-  return <div style={{ fontSize: 15.5, fontWeight: 650, marginBottom: 6 }}>{children}</div>;
-}
-function Body({ children, style }) {
+// How the last update went, shown once the app is back (for a week).
+function LastUpdate({ report }) {
+  const when = new Date(report.at).toLocaleString([], { dateStyle: 'medium', timeStyle: 'short' });
   return (
-    <div style={{ fontSize: 13.5, color: '#8b9a9a', lineHeight: 1.6, marginTop: 4, ...style }}>
-      {children}
-    </div>
+    <Status tone={report.tone === 'ok' ? 'ok' : 'bad'}>
+      {report.text} <span style={{ color: '#8b9a9a' }}>({when})</span>
+      {report.tone === 'ok' && report.previous && (
+        <span style={{ display: 'block', fontSize: 12.5, color: '#8b9a9a', marginTop: 4 }}>
+          A copy of the version you had is kept in <Mono>{report.previous}</Mono> until the next update.
+          To go back to it, open that file and drag the app it gives you into your Applications folder.
+        </span>
+      )}
+    </Status>
   );
 }
-function Mono({ children }) {
+function WhatChanged({ url }) {
+  if (!url) return null;
   return (
-    <code style={{ background: 'rgba(255,255,255,0.08)', padding: '1px 5px', borderRadius: 4 }}>
-      {children}
-    </code>
+    <a href={url} target="_blank" rel="noreferrer" style={{ color: '#3498DB', fontSize: 13.5 }}>
+      What changed →
+    </a>
   );
 }
-function Btn({ children, onClick, disabled, primary }) {
+function Row({ children }) {
   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>
+    <div style={{ display: 'flex', gap: 10, marginTop: 12, flexWrap: 'wrap', alignItems: 'center' }}>{children}</div>
   );
 }
+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',
+};

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

@@ -20,14 +20,15 @@ export default function UserProvider({ children }) {
   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.
+    // Demo mode: hand back a fixed identity so the app renders the invented
+    // sample network (public/demo-data.json) for everyone, with no onboarding
+    // and no /api/users call. It names no company, as a CSV import doesn't.
     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: '',
+        role: '', company: '', industry: '', sectors: [], goals: [], linkedin_url: '',
       });
       setReady(true);
       return;