From c71296b01a7a7fcde0c5563f1af4978b39aad456 Mon Sep 17 00:00:00 2001 From: Root At Skic Date: Sun, 8 Nov 2026 20:48:35 +0200 Subject: [PATCH 1/2] 0.10.8: main.archify opens with its top-level panels collapsed Shared, Diagrams, Registries and Decisions start closed on the model page; folders inside keep their own default. Open or closed is still kept in the webview state while the page is open. --- CHANGELOG.md | 4 ++++ package-lock.json | 4 ++-- package.json | 2 +- src/webview/page.ts | 9 +++++---- 4 files changed, 12 insertions(+), 7 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7669267..47e66d2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Changelog +## 0.10.8 — 2026-11-08 + +- **A model opens as its outline.** On `main.archify` the top-level panels (Shared, Diagrams, Registries, Decisions) start collapsed; open the one you need. What you open or close is kept while the page is open. + ## 0.10.7 — 2026-11-08 - **Model | Graph | Source looks like 2D | 3D.** The selected view is the same inset pill, the same height as the other toolbar controls. diff --git a/package-lock.json b/package-lock.json index 5efdcf4..a2a0523 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "archify-vscode-ext", - "version": "0.10.7", + "version": "0.10.8", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "archify-vscode-ext", - "version": "0.10.7", + "version": "0.10.8", "license": "MIT", "dependencies": { "@codemirror/autocomplete": "^6.20.4", diff --git a/package.json b/package.json index 724bbdf..a5c1846 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "archify-vscode-ext", "displayName": "Archify Diagram Viewer", "description": "Archify diagrams in VS Code. Write diagrams as .archify files in YAML: they open as the interactive diagram, with live updates, validation, templates and completion. Also previews Archify's own JSON files (*.architecture.json, …) and opens rendered Archify HTML.", - "version": "0.10.7", + "version": "0.10.8", "publisher": "root-at-skic", "license": "MIT", "sponsor": { diff --git a/src/webview/page.ts b/src/webview/page.ts index f2ad321..5901d75 100644 --- a/src/webview/page.ts +++ b/src/webview/page.ts @@ -208,6 +208,7 @@ function bridgeScript(options: PageOptions): string { }, true); // Collapsible panels of the model page; open/closed is kept in the webview state. + // The model page's top-level panels start closed: a model opens as its outline. function panelStates() { return (vscode.getState() || {}).modelPanels || {}; } function panel(key, className, title, count, defaultOpen) { // count: a number or a short text such as "3 files". @@ -624,7 +625,7 @@ function bridgeScript(options: PageOptions): string { live.hidden = true; body.appendChild(live); var count = model.groups.reduce(function (n, g) { return n + g.diagrams.length; }, 0); - var diagramsPanel = panel('diagrams', 'archify-model-diagrams', 'Diagrams', count, true); + var diagramsPanel = panel('diagrams', 'archify-model-diagrams', 'Diagrams', count, false); body.appendChild(diagramsPanel); if (!count) diagramsPanel.appendChild(el('p', 'archify-model-empty', 'No diagrams yet. Add .archify files next to main.archify or in subfolders.')); model.groups.forEach(function (group) { @@ -658,7 +659,7 @@ function bridgeScript(options: PageOptions): string { byFile[element.file].push(element); }); files.sort(); - var registryPanel = panel('registry', 'archify-model-registry', 'Registries', files.length + (files.length === 1 ? ' file' : ' files'), true); + var registryPanel = panel('registry', 'archify-model-registry', 'Registries', files.length + (files.length === 1 ? ' file' : ' files'), false); body.appendChild(registryPanel); files.forEach(function (file) { var elements = byFile[file].slice().sort(function (a, b) { return a.line - b.line; }); @@ -676,7 +677,7 @@ function bridgeScript(options: PageOptions): string { } // Decisions: one list, live ones first, superseded and rejected dimmed and last. if (model.decisions && model.decisions.length) { - var decisionsPanel = panel('decisions', 'archify-model-decisions', 'Decisions', model.decisions.length, true); + var decisionsPanel = panel('decisions', 'archify-model-decisions', 'Decisions', model.decisions.length, false); body.appendChild(decisionsPanel); var decisionList = el('ul', 'archify-model-list archify-decision-list'); model.decisions.forEach(function (row) { decisionList.appendChild(decisionRowItem(row)); }); @@ -723,7 +724,7 @@ function bridgeScript(options: PageOptions): string { if (!info) { holder.hidden = true; return; } holder.hidden = false; var others = info.people.filter(function (p) { return !p.me; }); - var livePanel = panel('live', 'archify-model-live is-' + info.state, 'Shared \u00b7 ' + info.name, others.length ? others.length + 1 + ' here' : info.host, true); + var livePanel = panel('live', 'archify-model-live is-' + info.state, 'Shared \u00b7 ' + info.name, others.length ? others.length + 1 + ' here' : info.host, false); var status = el('div', 'archify-live-status'); status.appendChild(el('span', 'archify-live-dot')); status.appendChild(el('span', 'archify-live-state', (LIVE_STATE[info.state] || info.state) + (info.state === 'online' ? ' on ' + info.host : ''))); -- 2.54.0 From 517697197ebb310f07fabaaf53f0881087ae3392 Mon Sep 17 00:00:00 2001 From: Root At Skic Date: Sun, 8 Nov 2026 20:59:16 +0200 Subject: [PATCH 2/2] Sync button sits in the view switch's row on every page Model, registry and decision pages: next to the switch, not floating above it. Graph page: after Export PNG (its header is built by graph.js a moment later, so the button waits for it) instead of covering Export. Sized to the controls beside it. --- CHANGELOG.md | 1 + src/webview/page.ts | 25 ++++++++++++++++++------- 2 files changed, 19 insertions(+), 7 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 47e66d2..2c50d14 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,7 @@ ## 0.10.8 — 2026-11-08 - **A model opens as its outline.** On `main.archify` the top-level panels (Shared, Diagrams, Registries, Decisions) start collapsed; open the one you need. What you open or close is kept while the page is open. +- **Sync button in line on every page.** On the model, registry and decision pages it sits next to Model | Graph | Source instead of floating above it, and on the Graph page it comes after Export PNG instead of covering it. It takes the height of the controls beside it. ## 0.10.7 — 2026-11-08 diff --git a/src/webview/page.ts b/src/webview/page.ts index 5901d75..7c5fa02 100644 --- a/src/webview/page.ts +++ b/src/webview/page.ts @@ -902,14 +902,23 @@ function bridgeScript(options: PageOptions): string { button.type = 'button'; button.title = 'Archify Sync: sign in, share this model with others, or join one'; button.addEventListener('click', function (event) { event.stopPropagation(); post({ type: 'syncMenu' }); }); - // A diagram page has Archify's toolbar at the top right: the button goes - // last in it, after Export. Other pages have nothing there; it floats. - var toolbar = document.querySelector('body > .toolbar'); - if (toolbar) { + // Last in the row that holds the view switch: Archify's toolbar on a + // diagram (after Export), the Graph page's header actions (after Export, + // built a moment later by graph.js), next to the switch on the other + // pages. It floats only while there is no such row. + document.body.appendChild(button); + function place() { + var modeSwitch = document.getElementById('archify-mode-switch'); + var row = document.querySelector('.ag-actions') || (modeSwitch && modeSwitch.parentElement) || document.querySelector('body > .toolbar'); + if (!row || row === document.body) return false; button.classList.add('in-toolbar'); - toolbar.appendChild(button); - } else { - document.body.appendChild(button); + row.classList.add('archify-sync-row'); + row.appendChild(button); + return true; + } + if (!place() && window.MutationObserver) { + var watch = new MutationObserver(function () { if (place()) watch.disconnect(); }); + watch.observe(document.body, { childList: true, subtree: true }); } showSyncState(false); post({ type: 'syncReady' }); @@ -940,7 +949,9 @@ function bridgeScript(options: PageOptions): string { + ' display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; cursor: pointer !important;' + ' color: #fff !important; background: var(--vscode-button-background, #0e639c) !important; border: 1px solid var(--vscode-contrastBorder, transparent) !important;' + ' box-shadow: 0 1px 4px rgba(0,0,0,.35) !important; }' + + ' .archify-model-switch-row.archify-sync-row { display: flex !important; align-items: center !important; gap: 0.5rem !important; }' + ' #archify-sync-button.in-toolbar { position: relative !important; top: auto !important; right: auto !important; align-self: center !important; flex: none !important; width: 36px !important; height: 36px !important; }' + + ' .ag-actions #archify-sync-button.in-toolbar, .archify-model-switch-row #archify-sync-button.in-toolbar { align-self: stretch !important; height: auto !important; width: auto !important; aspect-ratio: 1 / 1 !important; }' + ' body.vscode-high-contrast #archify-sync-button:not(.is-shared) { background: #0e639c !important; }' + ' #archify-sync-button svg { display: block !important; width: 16px !important; height: 16px !important; flex: none !important; }' + ' #archify-sync-button:hover { background: var(--vscode-button-hoverBackground, #1177bb) !important; }' -- 2.54.0