verstak

Commit Graph

Author	SHA1	Message	Date
mirivlad	ee503c338f	gui: fix layout — full viewport, dark theme, sidebar+main Problem: UI appeared as narrow dark panel on white background with scrollbar. Root causes: - html/body had no reset — default browser margin/padding = white borders - index.html referenced non-existent /style.css - .app used height:100vh but no width:100vw or overflow:hidden - sidebar used fixed width instead of flexbox Fixed: - index.html: added critical CSS reset (html/body/#app = 100%, margin:0, overflow:hidden, dark bg) - index.html: removed /style.css ref, changed lang to ru, title to Верстак - App.svelte: complete layout rewrite - .app = flex, 100vw x 100vh, overflow:hidden - sidebar = 260px width, full height, flex column - main = flex:1, full height, flex column (header + content) - sidebar nav with sections + nodes using <button> elements - content area fills remaining space - proper dark theme colors throughout - Rebuilt frontend/dist and cmd/verstak-gui/frontend-dist	2026-05-31 19:54:07 +08:00
mirivlad	77a7918569	gui: port frontend to Wails v2 Frontend build failure root cause: - Vite 8 uses rolldown with Wails v3 typed-events plugin - @wailsio/runtime (Wails v3) in frontend dependencies - vite.config.js had wails('./bindings') plugin from Wails v3 template - main.js used Svelte 5 mount() API but Svelte 4 required Fixes: - Remove @wailsio/runtime dependency - Remove wails('./bindings') plugin from vite.config.js - Replace Vite 8 with Vite 5.4.21 + Rollup (stable) - Downgrade Svelte 5 to Svelte 4.2.19 - Downgrade @sveltejs/vite-plugin-svelte to v3.1.2 - Fix main.js: mount() -> new App({ target }) - Rewrite App.svelte with Wails v2 binding calls (window.go.main.App.*) - UI: sidebar with sections, nodes, basic navigation Build: cd frontend && npm run build -> dist/ (476ms) Build GUI: go build -tags 'gui production webkit2_41' -o verstak-gui ./cmd/verstak-gui Run: ./verstak-gui (window opens, no SIGSEGV)	2026-05-31 19:39:49 +08:00

Author

SHA1

Message

Date

mirivlad

ee503c338f

gui: fix layout — full viewport, dark theme, sidebar+main

Problem: UI appeared as narrow dark panel on white background with scrollbar.

Root causes:
- html/body had no reset — default browser margin/padding = white borders
- index.html referenced non-existent /style.css
- .app used height:100vh but no width:100vw or overflow:hidden
- sidebar used fixed width instead of flexbox

Fixed:
- index.html: added critical CSS reset (html/body/#app = 100%, margin:0, overflow:hidden, dark bg)
- index.html: removed /style.css ref, changed lang to ru, title to Верстак
- App.svelte: complete layout rewrite
  - .app = flex, 100vw x 100vh, overflow:hidden
  - sidebar = 260px width, full height, flex column
  - main = flex:1, full height, flex column (header + content)
  - sidebar nav with sections + nodes using <button> elements
  - content area fills remaining space
  - proper dark theme colors throughout
- Rebuilt frontend/dist and cmd/verstak-gui/frontend-dist

2026-05-31 19:54:07 +08:00

mirivlad

77a7918569

gui: port frontend to Wails v2

Frontend build failure root cause:
- Vite 8 uses rolldown with Wails v3 typed-events plugin
- @wailsio/runtime (Wails v3) in frontend dependencies
- vite.config.js had wails('./bindings') plugin from Wails v3 template
- main.js used Svelte 5 mount() API but Svelte 4 required

Fixes:
- Remove @wailsio/runtime dependency
- Remove wails('./bindings') plugin from vite.config.js
- Replace Vite 8 with Vite 5.4.21 + Rollup (stable)
- Downgrade Svelte 5 to Svelte 4.2.19
- Downgrade @sveltejs/vite-plugin-svelte to v3.1.2
- Fix main.js: mount() -> new App({ target })
- Rewrite App.svelte with Wails v2 binding calls (window.go.main.App.*)
- UI: sidebar with sections, nodes, basic navigation

Build: cd frontend && npm run build -> dist/ (476ms)
Build GUI: go build -tags 'gui production webkit2_41' -o verstak-gui ./cmd/verstak-gui
Run: ./verstak-gui (window opens, no SIGSEGV)

2026-05-31 19:39:49 +08:00

2 Commits (4a8f4e331999e929dfbb72a73f14309299fa93e9)