Merge remote-tracking branch 'origin/main' into rewrite-e2e-to-playwright

Author: srzeszut

CHANGELOG.md

@@ -1,5 +1,46 @@
 # Changelog
 
+## 0.7.0 (2026-03-17)
+
+### Features
+* Add flash message when LiveView crashes in [#923](https://github.com/software-mansion/live-debugger/pull/923)
+* Add `:auto_port` and `:ignore_startup_errors` configs in [#950](https://github.com/software-mansion/live-debugger/pull/950)
+* Add components tree as filter to global callback traces in [#945](https://github.com/software-mansion/live-debugger/pull/945)
+
+### Bug fixes
+* Fix startup error associated with missing timezone in [#938](https://github.com/software-mansion/live-debugger/pull/938)
+* DeadView mode sometimes is not triggered properly in [#939](https://github.com/software-mansion/live-debugger/pull/939)
+* Fix spacing in open in editor button in [#949](https://github.com/software-mansion/live-debugger/pull/949)
+
+### Enhancements
+* Add better indicator of selected node in [#916](https://github.com/software-mansion/live-debugger/pull/916)
+* Allow opening LiveView/LiveComponent in editor in [#925](https://github.com/software-mansion/live-debugger/pull/925)
+* Use telemetry event for updating components tree in [#926](https://github.com/software-mansion/live-debugger/pull/926)
+* Better description in active LiveViews in [#940](https://github.com/software-mansion/live-debugger/pull/940)
+* Improve displaying nested LiveViews in [#936](https://github.com/software-mansion/live-debugger/pull/936)
+* Cleanup LiveDebugger logs in [#942](https://github.com/software-mansion/live-debugger/pull/942)
+* Moved copy and history buttons to all assigns in [#943](https://github.com/software-mansion/live-debugger/pull/943)
+* Assigns section polish in [#946](https://github.com/software-mansion/live-debugger/pull/946)
+
+### Other
+* Docs: Update website after v0.6.0 release in [#922](https://github.com/software-mansion/live-debugger/pull/922)
+* Chore: update version in [#921](https://github.com/software-mansion/live-debugger/pull/921)
+* Chore: fix process monitor reconnect test case in [#944](https://github.com/software-mansion/live-debugger/pull/944)
+* Tests: Setup Playwright in [#919](https://github.com/software-mansion/live-debugger/pull/919)
+
+## 0.6.1 (2026-02-27)
+
+### Features
+* Allow configuring endpoint drainer in [#933](https://github.com/software-mansion/live-debugger/pull/933)
+
+### Bug fixes
+* Use `handle_continue` to continue init instead of sending a message to self in [#929](https://github.com/software-mansion/live-debugger/pull/929)
+* Enhanced performance of LiveDebugger init in [#928](https://github.com/software-mansion/live-debugger/pull/928)
+
+### Enhancements
+* Better version checks in [#935](https://github.com/software-mansion/live-debugger/pull/935)
+* Support Unix socket IP in endpoint configuration in [#924](https://github.com/software-mansion/live-debugger/pull/924)
+
 ## 0.6.0 (2026-02-05)
 
 ### Features

README.md

@@ -33,7 +33,7 @@ Add `live_debugger` to your list of dependencies in `mix.exs`:
 ```elixir
   defp deps do
     [
-      {:live_debugger, "~> 0.6.0", only: :dev}
+      {:live_debugger, "~> 0.7.0", only: :dev}
     ]
   end
 ```

docs/welcome.md

@@ -35,7 +35,7 @@ Add `live_debugger` to your list of dependencies in `mix.exs`:
 ```elixir
   defp deps do
     [
-      {:live_debugger, "~> 0.6.0", only: :dev}
+      {:live_debugger, "~> 0.7.0", only: :dev}
     ]
   end
 ```

e2e/tests/node-inspector.spec.ts

@@ -7,7 +7,6 @@ import {
   findRefreshTracesButton,
   findClearTracesButton,
   findFiltersButton,
-  restartTracing,
   prepareDevDebuggerPairTest,
   Page,
 } from './dev-dbg-test';
@@ -67,10 +66,8 @@ const findInspectTooltipValueText = (page: Page) =>
 // Trace name assertions helper
 const assertTraceNames = async (page: Page, expectedNames: string[]) => {
   const traces = findTraces(page);
+  await expect(traces).toContainText(expectedNames);
   await expect(traces).toHaveCount(expectedNames.length);
-  for (let i = 0; i < expectedNames.length; i++) {
-    await expect(traces.nth(i)).toContainText(expectedNames[i]);
-  }
 };
 
 // Map entry in trace details (scoped to a trace element)
@@ -351,7 +348,10 @@ test('user can search for callbacks using the searchbar', async ({
   devApp,
   dbgApp,
 }) => {
-  await restartTracing(dbgApp);
+  await findSwitchTracingButton(dbgApp).click();
+  await findClearTracesButton(dbgApp).click();
+
+  await findSwitchTracingButton(dbgApp).click();
   await devApp.locator('button#send-button').click();
   await findSwitchTracingButton(dbgApp).click();
 
@@ -541,7 +541,9 @@ test('user can filter traces by names and execution time', async ({
   devApp,
   dbgApp,
 }) => {
-  await restartTracing(dbgApp);
+  await findSwitchTracingButton(dbgApp).click();
+  await findClearTracesButton(dbgApp).click();
+  await findSwitchTracingButton(dbgApp).click();
 
   await devApp.locator('button#slow-increment-button').click();
   await devApp.locator('button#increment-button').click();

landing/src/components/RoadmapSection.astro

@@ -25,15 +25,15 @@ const accordionData = [
   //     "Increased stability during application recompilation",
   //   ],
   // },
-  {
-    versionNumber: "v0.7.0",
-    bulletpoints: [
-      "Extended filtering of global callback traces",
-      "Links to source files defining the LiveView / LiveComponent",
-      "Better support and representation of nested LiveViews",
-      "More reliable association between browser windows and server processes",
-    ],
-  },
+  // {
+  //   versionNumber: "v0.7.0",
+  //   bulletpoints: [
+  //     "Extended filtering of global callback traces",
+  //     "Links to source files defining the LiveView / LiveComponent",
+  //     "Better support and representation of nested LiveViews",
+  //     "More reliable association between browser windows and server processes",
+  //   ],
+  // },
   {
     versionNumber: "v0.8.0",
     bulletpoints: [

landing/src/components/WhatsNewSection.astro

@@ -6,27 +6,27 @@ import { SquareCheckBig } from "lucide-react";
 
 const newsBlocks = [
   {
-    title: "Ability to send custom messages to LiveViews",
+    title: "Direct Source Code Navigation",
     description:
-      "Directly craft and inject custom events or messages into your LiveView process to test logic in total isolation. This allows you to verify how your handlers behave instantly without manually triggering UI actions or background jobs.",
+      "Jump straight from the Node Inspector to the exact line where your LiveView is defined. A simple shortcut that cuts out the guesswork of finding specific components in your file tree.",
     icon: SquareCheckBig,
   },
   {
-    title: "Clearer error reporting for callback exceptions",
+    title: "Trace Isolation & Filtering",
     description:
-      "LiveDebugger now captures and displays callback exceptions directly within the tool. View the exact error and stack trace the moment a crash occurs, keeping your debugging workflow entirely in the browser.",
+      "Use the new component tree to isolate specific nodes within Global Traces. Easily filter out background noise to focus only on the interactions that matter for your current session.",
     icon: SquareCheckBig,
   },
   {
-    title: "Revisited highlighting mechanism",
+    title: "Tree Structure for Nested LiveViews",
     description:
-      "The revisited highlighting mechanism now extends beyond the node tree to include Active LiveViews and Streams. Simply hover over any item in the tool to instantly spotlight its corresponding element in the browser UI.",
+      "Replaced the flat list with a proper hierarchical Tree Structure for Active LiveViews, making navigation through complex, multi-layered apps feel completely natural and intuitive.",
     icon: SquareCheckBig,
   },
   {
-    title: "Support for temporary assigns",
+    title: "Stability & Workflow Improvements",
     description:
-      "LiveDebugger supports temporary assigns, giving you full visibility into data that doesn’t stay in the socket.",
+      "Dozens of smaller fixes and optimizations to ensure a rock-solid debugging experience.",
     icon: SquareCheckBig,
   },
 ];
@@ -41,7 +41,7 @@ const newsBlocks = [
   >
     <div class="flex flex-col items-center justify-center gap-4">
       <Badge variant="ternary"
-        ><p class="text-sm font-medium">LiveDebugger v0.6.0</p></Badge
+        ><p class="text-sm font-medium">LiveDebugger v0.7.0</p></Badge
       >
       <h2 class="text-primary text-center text-2xl font-bold">What’s new</h2>
       <h3 class="font-regular text-lg">
@@ -52,7 +52,7 @@ const newsBlocks = [
     <div class="aspect-video h-full w-full">
       <iframe
         class="h-full w-full"
-        src="https://www.youtube.com/embed/G2KP0JdRmdo?si=iV2dolcoSBEcOXlr?controls=0"
+        src="https://www.youtube.com/embed/SvKGXRNo-_E?si=bfcjcvP6c4e2e4s7?controls=0"
         title="YouTube video player"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
         referrerpolicy="strict-origin-when-cross-origin"

landing/src/components/getting-started-tabs-content/MixInstallTab.tsx

@@ -3,7 +3,7 @@ import { InlineCodeBlock } from "./InlineCodeBlock";
 
 const mixCode1 = `defp deps do
   [
-    {:live_debugger, "~> 0.6.0", only: :dev}
+    {:live_debugger, "~> 0.7.0", only: :dev}
   ]
 end`;
 

mix.exs

@@ -1,7 +1,7 @@
 defmodule LiveDebugger.MixProject do
   use Mix.Project
 
-  @version "0.7.0-dev"
+  @version "0.8.0-dev"
 
   def project do
     [