Skip to content

Commit f6f3c7c

Browse files
update: screenshots in Kotlin/Wasm debugging (#4848)
* update: screenshots in Kotlin/Wasm debugging This PR updates screenshots in Kotlin/Wasm debugging according to the new CMP logo * Sarah review * chore: fix indentation Co-authored-by: Sarah Haggarty <[email protected]> --------- Co-authored-by: Sarah Haggarty <[email protected]>
1 parent 4a8ce27 commit f6f3c7c

10 files changed

+5
-5
lines changed

docs/images/wasm/wasm-breakpoints.png

191 KB
Loading
33.3 KB
Loading
30.5 KB
Loading
114 KB
Loading
-24.9 KB
Loading

docs/images/wasm/wasm-debug-scope.png

-144 KB
Loading

docs/images/wasm/wasm-step-into.png

-567 Bytes
Loading

docs/images/wasm/wasm-step-out.png

-576 Bytes
Loading

docs/images/wasm/wasm-step-over.png

-583 Bytes
Loading

docs/topics/wasm/wasm-debugging.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ Create a project using the Kotlin Multiplatform wizard:
2121
3. Select the **Web** option. Make sure that no other options are selected.
2222
4. Click the **Download** button and unpack the resulting archive.
2323

24-
![Kotlin Multiplatform wizard](wasm-compose-web-wizard.png){width=400}
24+
![Kotlin Multiplatform wizard](wasm-compose-web-wizard.png){width=450}
2525

2626
## Open the project in IntelliJ IDEA
2727

@@ -39,7 +39,7 @@ Create a project using the Kotlin Multiplatform wizard:
3939

4040
2. In **composeApp** | **Tasks** | **kotlin browser**, select and run the **wasmJsBrowserDevelopmentRun** task.
4141

42-
![Run the Gradle task](wasm-gradle-task-window.png){width=550}
42+
![Run the Gradle task](wasm-gradle-task-window.png){width=450}
4343

4444
Alternatively, you can run the following command in the terminal from the `WasmDemo` root directory:
4545

@@ -185,7 +185,7 @@ After enabling custom formatters, you can continue with the debugging tutorial.
185185
3. Click on the line numbers to set breakpoints on the code that you want to inspect. Only the lines
186186
with darker numbers can have breakpoints.
187187

188-
![Set breakpoints](wasm-breakpoints.png){width=600}
188+
![Set breakpoints](wasm-breakpoints.png){width=700}
189189

190190
4. Click on the **Click me!** button to interact with the application. This action triggers the execution of the
191191
code, and the debugger pauses when the execution reaches a breakpoint.
@@ -195,11 +195,11 @@ After enabling custom formatters, you can continue with the debugging tutorial.
195195
* ![Step over](wasm-step-over.png){width=30}{type="joined"} Step over to execute the current line and pause on the next line.
196196
* ![Step out](wasm-step-out.png){width=30}{type="joined"} Step out to execute the code until it exits the current function.
197197

198-
![Debug controls](wasm-debug-controls.png){width=600}
198+
![Debug controls](wasm-debug-controls.png){width=450}
199199

200200
6. Check the **Call stack** and **Scope** panes to trace the sequence of function calls and pinpoint the location of any errors.
201201

202-
![Check call stack](wasm-debug-scope.png){width=550}
202+
![Check call stack](wasm-debug-scope.png){width=450}
203203

204204
For an improved visualization of the variable values, see _Use custom formatters_ within the [Configure your browser for debugging](#configure-your-browser-for-debugging) section.
205205

0 commit comments

Comments
 (0)