{
  "id": 17713760,
  "title": "Line-anchored output and the filter chips",
  "url": "https://urgent.news/2026/11/02/line-anchored-output-and-the-filter-chips",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-11-02T00:47:28.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/jslab/line-anchored-output-and-the-filter-chips-44jn"
  },
  "original_language": "en",
  "account": "JSLab is a JavaScript and TypeScript development environment for macOS. When you type code and run it, the output panel fills with results, logs, and errors. Each entry is a row tagged with the line of code that produced it, allowing you to quickly navigate between the editor and the output.\n\nHovering over a row highlights its corresponding line in the editor, and clicking a row's line number jumps the cursor to that line. When you re-run the code, output rows with updated values flash for a moment, giving you an instant sense of how your changes impacted the results.\n\nAbove the output panel, there are four filter chips: All, Results, Logs, and Errors. Each chip displays a live count of the respective entries, and the counts remain visible even when they're zero. Results include values from Auto Log and magic comments, Logs consist of console.log, console.info, and console.warn, while Errors encompass thrown errors, stderr, and failed console.assert.\n\nFor example, if an error is thrown during a run, it appears tagged with its line number and corresponding stack frames. The filter chips show All 2, Results 1, Logs 0, Errors 1, indicating the number of entries in each category.\n\nThese filter chips are also accessible through commands in the command palette (⇧⌘P). Additionally, you can copy all entries by right-clicking in the panel and selecting \"Copy All,\" which is useful for pasting the filtered output into an issue or another document.\n\nOutput highlighting and line numbers are customizable in Settings → Appearance. By default, JSLab colors values by type and shows the source line number beside each row. The software launches on November 15, with a full documentation page available at https://js-lab.app/docs/output.",
  "summary": "JSLab feature notes: one docs page, explained. Today: The output panel . JSLab is a JavaScript & TypeScript scratchpad for macOS. You type, it runs, and the output panel fills up. This note covers the two things that make that panel readable: every row knows its line, and four chips filter what you see. Every row knows its line Each result, log and error appears as a row tagged with the line that…",
  "key_points": [
    "JSLab is a macOS development environment for JavaScript and TypeScript.",
    "Output rows display line of code and corresponding results, logs, or errors.",
    "Four filter chips categorize output entries and show live counts."
  ],
  "editors_take": "Tight integration between code lines and output logs streamlines the debugging workflow by turning static console data into interactive navigation tools for macOS developers.",
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}