{"id":45689460,"url":"https://github.com/florian-noever/al-actionimage-viewer","last_synced_at":"2026-04-01T20:02:06.912Z","repository":{"id":340201442,"uuid":"1087142269","full_name":"Florian-Noever/al-actionimage-viewer","owner":"Florian-Noever","description":"View, Search and Copy AL Action Images","archived":false,"fork":false,"pushed_at":"2026-03-15T16:22:45.000Z","size":4579,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-16T04:36:47.326Z","etag":null,"topics":["action-images","actions","al","al-language","business-central","dynamics-365","icons","viewer"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Florian-Noever.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-31T12:50:08.000Z","updated_at":"2026-03-15T16:22:48.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/Florian-Noever/al-actionimage-viewer","commit_stats":null,"previous_names":["florian-noever/al-actionimage-viewer"],"tags_count":13,"template":false,"template_full_name":null,"purl":"pkg:github/Florian-Noever/al-actionimage-viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-Noever%2Fal-actionimage-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-Noever%2Fal-actionimage-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-Noever%2Fal-actionimage-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-Noever%2Fal-actionimage-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Florian-Noever","download_url":"https://codeload.github.com/Florian-Noever/al-actionimage-viewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Florian-Noever%2Fal-actionimage-viewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31291337,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-01T13:12:26.723Z","status":"ssl_error","status_checked_at":"2026-04-01T13:12:25.102Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["action-images","actions","al","al-language","business-central","dynamics-365","icons","viewer"],"created_at":"2026-02-24T16:00:42.739Z","updated_at":"2026-04-01T20:02:06.902Z","avatar_url":"https://github.com/Florian-Noever.png","language":"C#","funding_links":["https://www.buymeacoffee.com/florian_noever"],"categories":[],"sub_categories":[],"readme":"# \u003cimg src=\"./assets/icon.png\" alt=\"\" height=\"26\"\u003e AL ActionImage Viewer\r\n\r\nBrowse, search, copy, and export AL Action Images loaded directly from the [AL Language extension for Microsoft Dynamics 365 Business Central](https://marketplace.visualstudio.com/items?itemName=ms-dynamics-smb.al). Images are organised by category, fully searchable, and zoomable. The viewer is available both as a full editor panel and as an always-visible activity bar sidebar.\r\n\r\n![Example Image](./assets/meta/example.png)\r\n\r\n---\r\n\r\n## ✨ Features\r\n\r\n- **Browse by category** — all image categories from the AL extension are listed in a collapsible rail, plus a synthetic \"All Images\" view that aggregates every image\r\n- **Search** — filter images by name with plain text or wildcard patterns (`Action*`, `*Image`, `*Copy*`)\r\n- **Zoom** — scale tiles from 40 % to 200 % using buttons, a slider, keyboard shortcuts, or Ctrl+Scroll\r\n- **Copy** — copy an image's name or the image itself to the clipboard via the right-click context menu\r\n- **Export** — save a single image or all images in a category to disk (via the context menu)\r\n- **Drag \u0026 drop** — drag a tile directly to your file manager or desktop\r\n- **Sidebar** — a persistent view in the activity bar that is always available without opening a separate panel\r\n- **State persistence** — zoom level and rail collapse state are saved and restored across reloads\r\n\r\n---\r\n\r\n## 🧰 Usage\r\n\r\n### Panel\r\n\r\nOpen the command palette (`Ctrl+Shift+P` / `Cmd+Shift+P`) and run **AL ActionImage Viewer**.\r\n\r\nA new editor tab opens with:\r\n\r\n- **Left rail** — a list of all image categories; click one to filter the grid, or right-click a category to export all its images\r\n- **Top header** — search box, zoom controls, a sort toggle (A→Z / Z→A), and a reload button\r\n- **Image grid** — virtualised tile grid; click a tile to select it, right-click for copy/export options\r\n\r\nThe rail collapses automatically when the panel is narrow and can also be toggled manually with the arrow button.\r\n\r\n### Sidebar\r\n\r\nClick the **AL ActionImage Viewer** icon in the activity bar. The sidebar shows the full image grid (without the category rail) and is always visible alongside your other panels.\r\n\r\n### Search Tips\r\n\r\n- Plain text (`action`) — matches any image whose name contains the text\r\n- Wildcard prefix (`*Image`) — matches names that end with the term\r\n- Wildcard suffix (`Action*`) — matches names that begin with the term\r\n- Wildcards on both sides (`*Copy*`) — same as plain text substring match\r\n- Quoted string (`\"ActionRunObject\"`) — case-insensitive exact match\r\n\r\n---\r\n\r\n## ⌨️ Keyboard Shortcuts\r\n\r\nThese shortcuts work in the panel and in the sidebar (except where noted). Shortcuts that modify zoom or category are disabled when a text input is focused.\r\n\r\n| Key                  | Action                                                                     |\r\n| -------------------- | -------------------------------------------------------------------------- |\r\n| `Ctrl+F` / `Cmd+F`   | Focus the search box                                                       |\r\n| `↑` `↓` `←` `→`      | Navigate the image grid                                                    |\r\n| `Home` / `End`       | Jump to the first / last image                                             |\r\n| `Menu` / `Shift+F10` | Open the context menu for the focused tile                                 |\r\n| `1` – `9`            | Switch to category by position (`1` = All Images, `2` = first category, …) |\r\n| `+` / `=`            | Zoom in                                                                    |\r\n| `-`                  | Zoom out                                                                   |\r\n| `0`                  | Reset zoom to 100 %                                                        |\r\n| `Ctrl+Scroll`        | Zoom in / out with the mouse wheel                                         |\r\n| `F5`                 | Reload images from the AL extension                                        |\r\n\r\n---\r\n\r\n## 🧠 Requirements\r\n\r\nThe [AL Language extension for Microsoft Dynamics 365 Business Central](https://marketplace.visualstudio.com/items?itemName=ms-dynamics-smb.al) must be installed.\r\n\r\n\u003e **Note:** This extension reads files from your local machine and must run on the local (UI) machine. It is not supported over remote connections (SSH, Dev Containers, WSL, etc.).\r\n\r\n---\r\n\r\n## 🧩 Repository\r\n\r\nGitHub: [Florian-Noever/al-actionimage-viewer](https://github.com/Florian-Noever/al-actionimage-viewer)\r\n\r\nBug reports and feature requests are welcome via [Issues](https://github.com/Florian-Noever/al-actionimage-viewer/issues).\r\n\r\n---\r\n\r\n## 🛠️ Developer Notes\r\n\r\n### Project Architecture\r\n\r\nThe extension is made up of three layers:\r\n\r\n| Layer             | Technology                                                           | Purpose                                                                                                                                     |\r\n| ----------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| VS Code extension | TypeScript, VS Code API                                              | Activates the webview panel and sidebar, spawns the bridge binary, relays image data                                                        |\r\n| Webview UI        | Vue 3, Vite, `@tanstack/vue-virtual`, `floating-vue`, `@vueuse/core` | Interactive image browser rendered inside the VS Code webview sandbox                                                                       |\r\n| Bridge binary     | .NET 10, `System.CommandLine`                                        | Locates the AL Language extension DLL, reflects over it to extract image resources, and writes results to stdout as a custom binary payload |\r\n\r\n### Build Commands\r\n\r\n```bash\r\n# Compile the TypeScript extension\r\nnpm run compile\r\n\r\n# Build the Vue webview bundle (outputs to public/)\r\nnpm run build:webview\r\n\r\n# Compile extension in watch mode (default build task)\r\nnpm run watch\r\n\r\n# Publish the C# bridge binary for all platforms\r\ndotnet publish -c Release /p:PublishProfile=win32\r\ndotnet publish -c Release /p:PublishProfile=linux\r\ndotnet publish -c Release /p:PublishProfile=darwin\r\n\r\n# Package the extension as a .vsix\r\nnpm run package\r\n```\r\n\r\nPre-built bridge binaries for `win32`, `linux`, and `darwin` are committed under `bin/`.\r\n\r\n### Debug Overlay\r\n\r\nPress `Ctrl+Shift+D` (or `Cmd+Shift+D`) inside the webview to toggle a debug border overlay that visualises layout boundaries. A badge appears in the corner while the overlay is active.\r\n\r\n---\r\n\r\n## 📜 License\r\n\r\nLicensed under the [MIT License](./LICENSE).\r\n\r\n\u003cbr\u003e\r\n\u003cbr\u003e\r\n\r\n[![\"Buy me a coffee\"](./assets/meta/orange-button-x180.png)](https://www.buymeacoffee.com/florian_noever)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflorian-noever%2Fal-actionimage-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflorian-noever%2Fal-actionimage-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflorian-noever%2Fal-actionimage-viewer/lists"}