From a21e086ac7dea670d3e541a8e63899c4216df14f Mon Sep 17 00:00:00 2001 From: Iisyourdad Date: Wed, 10 Jun 2026 19:50:01 -0500 Subject: [PATCH] Revert "Add welcome landing screen" This reverts commit 78247ac9ba2151816b4851f1b08b5c49b45cc38b. --- app/renderer/app.js | 74 +++------------------------------------- app/renderer/style.css | 77 ------------------------------------------ 2 files changed, 5 insertions(+), 146 deletions(-) diff --git a/app/renderer/app.js b/app/renderer/app.js index 88555e0..07b56ec 100644 --- a/app/renderer/app.js +++ b/app/renderer/app.js @@ -12,7 +12,7 @@ class StepForgeApp { this.homeBtn = document.getElementById('btn-home'); this.state = { - view: 'welcome', + view: 'library', query: '', folderFilter: 'all', library: { guides: [], folders: [], guideFolders: {} }, @@ -24,11 +24,9 @@ class StepForgeApp { this.libraryRenderToken = 0; this.view.innerHTML = ` -
`; - this.welcomeHost = document.getElementById('welcome-host'); this.libraryHost = document.getElementById('library-host'); this.editorHost = document.getElementById('editor-host'); @@ -63,7 +61,7 @@ class StepForgeApp { }); this.homeBtn.addEventListener('click', () => { - if (this.state.view !== 'welcome') this.showWelcome(); + if (this.state.view === 'editor') this.showLibrary(); }); document.addEventListener('keydown', (e) => { @@ -87,18 +85,9 @@ class StepForgeApp { } async init() { - this.renderWelcome(); - try { - await this.refreshData(); - } catch (err) { - console.error(err); - } - try { - this.updateCaptureState(await api.capture.state()); - } catch (err) { - console.error(err); - } - if (this.state.view === 'welcome') this.renderWelcome(); + await this.refreshData(); + this.updateCaptureState(await api.capture.state()); + this.renderLibrary(); } async refreshData() { @@ -134,38 +123,12 @@ class StepForgeApp { setView(view) { this.state.view = view; - this.welcomeHost.classList.toggle('hidden', view !== 'welcome'); this.libraryHost.classList.toggle('hidden', view !== 'library'); this.editorHost.classList.toggle('hidden', view !== 'editor'); this.searchInput.classList.toggle('hidden', view !== 'library'); this.renderTopbar(); } - async showWelcome() { - this.editor.setActive(false); - this.setView('welcome'); - this.renderWelcome(); - } - - async openExistingWorkspace() { - try { - await this.refreshData(); - } catch (err) { - console.error(err); - } - this.state.query = ''; - this.searchInput.value = ''; - this.state.folderFilter = 'all'; - this.setView('library'); - this.renderLibrary(); - } - - async startNewCapture() { - const guide = await api.library.create({ title: 'Untitled capture' }); - await this.openGuide(guide.guideId); - await api.capture.session({ action: 'start', guideId: guide.guideId }); - } - async showLibrary(reason = null) { this.editor.setActive(false); this.setView('library'); @@ -219,9 +182,6 @@ class StepForgeApp { renderTopbar() { clearNode(this.topbarContext); - if (this.state.view === 'welcome') { - return; - } if (this.state.view === 'library') { this.topbarContext.append( el('button', { type: 'button', onClick: () => this.createGuide() }, 'New'), @@ -245,30 +205,6 @@ class StepForgeApp { ); } - renderWelcome() { - this.setView('welcome'); - clearNode(this.welcomeHost); - - const body = el('div.welcome', - {}, - el('div.welcome-hero', - {}, - el('div.welcome-kicker', {}, 'Local guide capture'), - el('h1', {}, 'StepForge'), - el('p', {}, 'Offline guide capture and export for local workspaces.'), - ), - el('div.welcome-actions', - {}, - el('button.primary.welcome-action', { type: 'button', onClick: () => this.startNewCapture() }, 'New Capture'), - el('button.welcome-action', { type: 'button', onClick: () => this.openExistingWorkspace() }, 'Existing Workspace'), - el('button.welcome-action', { type: 'button', onClick: () => this.openSettings() }, 'Settings'), - ), - ); - - this.welcomeHost.append(body); - this.renderTopbar(); - } - async renderLibrary() { this.setView('library'); this.editor.setActive(false); diff --git a/app/renderer/style.css b/app/renderer/style.css index ae9b005..7ffddca 100644 --- a/app/renderer/style.css +++ b/app/renderer/style.css @@ -53,14 +53,6 @@ body { #app { display: flex; flex-direction: column; height: 100vh; } #view { flex: 1; min-height: 0; display: flex; } -#welcome-host, -#library-host, -#editor-host { - flex: 1; - min-width: 0; - min-height: 0; - display: flex; -} .hidden { display: none !important; } .muted { color: var(--muted); font-size: 12px; } @@ -163,63 +155,6 @@ kbd { .library, .editor { flex: 1; min-height: 0; display: flex; } -.welcome { - flex: 1; - min-height: 0; - display: flex; - flex-direction: column; - justify-content: space-between; - padding: clamp(28px, 7vh, 76px) clamp(28px, 6vw, 92px) clamp(24px, 8vh, 72px); -} -.welcome-hero { - width: min(760px, 100%); - margin: clamp(32px, 12vh, 132px) auto 0; - text-align: center; -} -.welcome-kicker { - margin-bottom: 12px; - color: var(--muted); - font-size: 12px; - font-weight: 650; - letter-spacing: 0.08em; - text-transform: uppercase; -} -.welcome-hero h1 { - margin: 0; - font-size: clamp(44px, 5vw, 72px); - line-height: 1.03; - letter-spacing: -0.04em; -} -.welcome-hero p { - margin: 16px auto 0; - max-width: 560px; - color: var(--muted); - font-size: 15px; -} -.welcome-actions { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 14px; - width: min(940px, 100%); - margin: 0 auto; -} -.welcome-action { - min-height: 60px; - padding: 15px 18px; - border-radius: 16px; - font-size: 15px; - box-shadow: var(--shadow); -} -.welcome-actions .primary { - background: var(--accent); - border-color: var(--accent); - color: var(--accent-fg); -} -.welcome-actions .primary:hover { - background: var(--accent-strong); - border-color: var(--accent-strong); -} - .lib-side { width: 248px; min-width: 248px; @@ -736,15 +671,3 @@ fieldset legend { border-top: 1px solid var(--border); } -@media (max-width: 820px) { - .welcome { - padding: 24px 20px 28px; - } - .welcome-hero { - margin-top: 72px; - } - .welcome-actions { - grid-template-columns: 1fr; - width: min(440px, 100%); - } -}