You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Replace the invisible 1x1 PNG placeholders with per-slot SVG placeholders
that render as dashed-border boxes with the slot title, description, and
a "replace with <slot>.png" hint. Reviewers and the user can now see
exactly where each screenshot belongs on the rendered page.
Updated TODO comments to spell out the swap path
(.svg -> .png) and added images/README.md with the replacement workflow.
Copy file name to clipboardExpand all lines: docs/vscode-extension/configuration.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,8 +6,8 @@ description: Configure the B2C DX VS Code Extension — feature toggles, log lev
6
6
7
7
The extension reads B2C Commerce credentials from the same sources as the [B2C CLI](../guide/configuration) (`dw.json`, `SFCC_*` environment variables, `~/.dw.json`, etc.). This page covers the **VS Code-specific** settings under the `b2c-dx.*` namespace, configurable via **Settings** (Cmd+,) → search for `b2c-dx`, or directly in `settings.json`.
8
8
9
-
<!-- TODO(screenshot): settings.png — Settings UI filtered to b2c-dx -->
10
-
9
+
<!-- TODO(screenshot): replace ./images/settings.svg with ./images/settings.png — Settings UI filtered to b2c-dx -->
10
+
11
11
12
12
## Feature Toggles
13
13
@@ -43,8 +43,8 @@ The B2C Script Debugger registers regardless of these toggles — it activates o
43
43
44
44
Allowed values: `trace`, `debug`, `info`, `warn`, `error`, `silent`. The setting is applied immediately on change — no reload needed.
The output channel surfaces SDK logs (request/response summaries, safety-mode evaluations, polling events) plus extension lifecycle events. Drop to `debug` or `trace` when filing a bug report.
Copy file name to clipboardExpand all lines: docs/vscode-extension/features.md
+20-20Lines changed: 20 additions & 20 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,11 +14,11 @@ Browse and manage on-demand sandboxes (ODS) for one or more realms in a dedicate
14
14
15
15
**Cloned sandbox indicators** — clones are tagged in the tree. While a clone is being set up, the source sandbox is shown as `cloning` and the new (target) sandbox is shown as `setting up`. Once the clone stabilizes, both rows display their actual states (`started`, `stopped`, etc.) and the cloned target keeps a visual marker so you can tell it apart from a freshly created sandbox.
16
16
17
-
<!-- TODO(screenshot): sandbox-explorer.png — started + cloned sandbox in the tree -->
<!-- TODO(screenshot): replace ./images/sandbox-context-menu.svg with ./images/sandbox-context-menu.png — right-click context menu over a started sandbox -->
@@ -63,17 +63,17 @@ A **Cartridges** tree view (under the **B2C-DX** activity-bar container) lists e
63
63
64
64
**Workspace toggles**: **Toggle Code Sync** / **Start Code Sync** / **Stop Code Sync** start a watcher that uploads on save. **Upload to Instance** is also available from the file Explorer's context menu when a code-sync session is active.
65
65
66
-
<!-- TODO(screenshot): code-sync.png — Cartridges view with code-version dropdown -->
67
-
66
+
<!-- TODO(screenshot): replace ./images/code-sync.svg with ./images/code-sync.png — Cartridges view with code-version dropdown -->
67
+
68
68
69
69
## SCAPI API Browser
70
70
71
71
Browse SCAPI OpenAPI schemas for your instance and open a Swagger UI panel for any endpoint. Requires OAuth credentials (`clientId`, `clientSecret`) and `shortCode` in `dw.json` — see the [Authentication Setup guide](../guide/authentication).
72
72
73
73
The view lives in its own activity-bar container (**B2C-DX: SCAPI**). Use **Refresh** to reload schemas after changing instances, and **Open API Documentation** to launch the Swagger UI panel.
**Scaffold** (`b2c-dx.scaffold.generate`) — quick-pick over the SDK's scaffold templates; appears in the **File → New File...** picker and as **New from Scaffold...** when you right-click a folder in the Explorer.
103
103
104
104
**CAP install** (`b2c-dx.cap.install`) — appears on the right-click menu of a folder in the Explorer when the folder contains a `commerce-app.json`. Activation is also wired to `workspaceContains:**/commerce-app.json` so the extension auto-activates when you open a CAP project.
105
105
106
-
<!-- TODO(screenshot): scaffold-picker.png — "New from Scaffold..." quick-pick -->
`b2c-dx.openUI` opens a guided webview UI for scaffolding a Storefront Next page (PageType + Region definitions). The generated `.tsx` file is written to your workspace's `routes/` folder when one exists, or to a path you pick when the workspace has no routes folder.
Each `<slot>.svg` in this directory is a visible "Screenshot placeholder" used by the VS Code extension docs pages. They render as dashed-border boxes with the slot title and a description, so reviewers can see exactly where a real screenshot belongs.
4
+
5
+
## Replacing a placeholder
6
+
7
+
1. Capture the screenshot as a PNG at retina resolution (typically ~2560×1440 max).
8
+
2. Save it as `./<slot>.png` in this directory (use the same `<slot>` name as the SVG).
9
+
3. In the markdown page that references it, swap the `.svg` extension for `.png`:
0 commit comments