Merge remote-tracking branch 'origin/main' into issue#94

Author: AlonBilman

CHANGELOG.md

@@ -6,31 +6,36 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 
 ## [Unreleased]
 
+## [0.0.16] - 2025-05-07
+
 ### Added
 
+- Pan & zoom for the graphs in both the IDE extensions and the web version
 - Documentation now renders `dot` and `dot-cfg` (CFG-styled DOT diagrams)
-- Documentation about our usage of Graphviz
-- Documentation about the representation of control flow in the graph
+- Added docs about GraphViz tips and tricks
+- Added docs about our choices of visuals
 - Added support for "special" function detection and process-terminating nodes in the graph.
   This is currently only enabled in the `/render` page to slowly build up a collection of
   functions to match and confidence in the representation before adding to the main tool.
-- When changing the code language, the URL is updated to reflect that.
+- In the web demo, URL now updates to reflect the selected language.
 
 ### Fixed
 
 - Multiple `catch` clauses in C++ are now handled properly, even in case of comments between them.
 - Segmentation of `catch` clauses in C++ is now a lot better.
-- Fixed an issue where after sharing and reopening the page, clicking the "Share" button again would default the language back to Go instead of preserving the selected one.
+- Fixed an issue where after sharing and reopening the page,
+  clicking the "Share" button again would default the language back to Go instead of preserving the selected one.
+- Exit nodes are now drawn properly even inside `try` blocks.
 
 ### Changed
 
 - The `bun typedoc` command was renamed to `bun docs`, as some contributors had issues
   with unexpected recursion in the command. It is also a nicer name.
 - Language definitions are now more unified, making it easier to add new languages.
 - `language` URL query parameter now takes language name instead of index.
-- Sharing now shares full config in addition to code.
-- Sharing now uses the `compressed=` query parameter for all information.
+- Sharing now includes configuration (color scheme, switch handling, highlighting) in addition to the code.
 - Migrated from Bun Test to Vitest. Tests are now run using `bun vitest`.
+- Web version layout changed to always fit in one screen (no scrollbar).
 
 ## [0.0.15] - 2025-03-26
 

README.md

@@ -52,6 +52,14 @@ Custom color schemes are created via the [interactive demo](https://tmr232.githu
 4. Paste the config into the `Custom Color Scheme` field in the VSCode extension settings.<br/>
    ![The Custom Color Scheme field in the settings](media/screenshots/color-scheme/settings-custom.png)
 
+## Pan & Zoom
+
+If the graph is too small, enable the "Pan & Zoom" checkbox.
+You can zoom with the mouse wheel, and pan by dragging the mouse.
+Additionally, the view will automatically pan to the highlighted node when it changes.
+
+![Demonstration of pan & zoom in VSCode](media/gif/panzoom-demo.gif)
+
 ## Supported Languages
 
 - [Go](https://tmr232.github.io/function-graph-overview/?language=go)

bun.lock

@@ -7,7 +7,7 @@
     "@svgdotjs/svg.js": "^3.2.4",
     "@ts-graphviz/ast": "^2.0.7",
     "@types/object-hash": "^3.0.6",
-    "@types/vscode": "^1.94.0",
+    "@types/vscode": "^1.99.1",
     "@vscode/vsce": "^3.1.1",
     "core-js": "^3.41.0",
     "esbuild": "^0.25.0",
@@ -39,7 +39,7 @@
     "@vitest/coverage-v8": "^3.1.1",
     "@vitest/ui": "^3.1.1",
     "eslint": "^9.24.0",
-    "glob": "^11.0.1",
+    "glob": "^11.0.2",
     "graphology-utils": "^2.5.2",
     "lz-string": "^1.5.0",
     "markdown-it": "^14.1.0",
@@ -48,15 +48,15 @@
     "svelte": "^5.0.0",
     "svelte-awesome-color-picker": "^4.0.0",
     "svelte-codemirror-editor": "^1.4.1",
-    "tree-sitter-c": "^0.23.1",
+    "tree-sitter-c": "^0.23.5",
     "tree-sitter-cli": "^0.25.3",
     "tree-sitter-cpp": "^0.23.4",
     "tree-sitter-go": "^0.23.1",
-    "tree-sitter-python": "^0.23.2",
+    "tree-sitter-python": "^0.23.6",
     "tree-sitter-typescript": "^0.23.2",
     "typedoc": "^0.28.1",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.29.1",
+    "typescript-eslint": "^8.31.1",
     "vite": "6.2.6",
     "vitest": "^3.0.8"
   },
@@ -90,7 +90,7 @@
   "//": "START EXTENSION ATTRIBUTES",
   "publisher": "tamir-bahar",
   "name": "function-graph-overview",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Function Graph Overview",
   "displayName": "Function Graph Overview",
   "icon": "./media/icon.png",

media/gif/panzoom-demo.gif

@@ -105,20 +105,22 @@ function resetList() {
   .wrapper {
     display: flex;
     justify-content: center;
-    margin-top: 3rem;
   }
   .label {
     align-self: center;
   }
   .main {
     width: fit-content;
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
   }
   .border {
     border: 1px solid var(--color-picker-border);
     border-radius: 100%;
     width: fit-content;
-    margin: 0px;
-    padding: 0px;
+    margin: 0;
+    padding: 0;
   }
 
   .colors {