phoenix_live_view changelog

Hey team! Here are the latest and greatest updates to our project. Dive in and see what's new! 🚀

Bugfixes

  • Updated Playwright & Fixed Setup: We've upgraded Playwright to v1.45.1, which resolves some setup issues and streamlines the process. Now, npm run setup handles everything for you. Enjoy a smoother ride with clearer instructions! 🛠️
  • CI Workflow Tweaks: Our CI workflow got a little love too. We've updated Elixir to 1.17.2, OTP to 27.0, and Node.js to 20.x. Plus, we've reverted a previous name change in the e2e CI step. Everything's running like a well-oiled machine now! ⚙️

Improvements

  • Enhanced JS Interop Guide: The js-interop.md file got a makeover! We’ve added a more efficient method for pushing out-of-band events using push_event. This update includes shiny new code examples and emphasizes the global nature of these events. Happy coding! 💡
  • Dependency Updates: We've freshened up our dependencies. Phoenix_live_reload is now "~> 1.4", and we've added phoenix_html_helpers "~> 1.0". Changes in mix.exs, mix.lock, and test/support/live_views/elements.ex ensure everything works seamlessly with these updates. 📦

Enjoy the new updates and happy coding! 🌟

Included Commits

2024-07-09T18:56:39 See commit

This commit updates the js-interop.md file, specifically the section on pushing out-of-band events to the client. It explains that the data attribute approach is not ideal for frequent data pushes and provides an alternative method using the push_event function. The commit includes changes to code examples, demonstrating how to use push_event to push events to the client, which are then dispatched to all active hooks handling that event.

The update also emphasizes that events pushed from the server via push_event are global and will be dispatched to all active hooks on the client. It mentions the need to scope events in certain situations, such as when pushing events from a live component with siblings on the current live view. Overall, the commit provides clarity on how to push out-of-band events to the client using the push_event function and highlights the global nature of these events.

Files changed

  • guides/client/js-interop.md
2024-07-11T16:16:29 See commit

This commit updates the Playwright version to v1.45.1, fixing setup issues and improving instructions. In the .github/workflows/ci.yml file, the image for the Playwright container is updated to v1.45.1, and the setup step is modified to run npm run setup instead of separate npm install and asset build commands. In the package.json file, the Playwright/test version is also updated to v1.45.1, and a setup script is added to handle dependencies installation. Additionally, in the package-lock.json file, Playwright and Playwright-core versions are updated to v1.45.1, ensuring compatibility with the latest changes.

Overall, this commit focuses on updating dependencies, fixing setup procedures, and providing clearer instructions for running end-to-end tests with Playwright. These changes aim to streamline the setup process and improve the developer experience when working with Playwright for testing purposes.

Files changed

  • .github/workflows/ci.yml
  • README.md
  • package-lock.json
  • package.json
  • test/e2e/playwright.config.js
2024-07-11T16:23:02 See commit

This commit updates the Continuous Integration (CI) workflow by modifying the .github/workflows/ci.yml file. The changes include updating the Elixir and OTP versions to 1.17.2 and 27.0 respectively, as well as updating the Node.js version to 20.x. Additionally, the commit reverts a previous change that renamed the end-to-end (e2e) CI step, undoing the name change back to its original state.

Overall, the commit focuses on updating the CI configuration to use newer versions of Elixir, OTP, and Node.js, while also addressing a previous change that altered the name of a specific CI step related to end-to-end testing. The modifications aim to improve the efficiency and compatibility of the CI workflow for the project.

Files changed

  • .github/workflows/ci.yml
2024-07-11T16:44:31 See commit

This commit involves updating dependencies in the project. The mix.exs file was modified to include changes such as updating the phoenix_live_reload version to "~> 1.4" and adding a new dependency phoenix_html_helpers with version "~> 1.0". In the mix.lock file, multiple dependencies were updated to newer versions, with additions and deletions made to accommodate these changes. Additionally, in the test/support/live_views/elements.ex file, modifications were made to use the phoenix_html_helpers module for form elements like date_select, time_select, and datetime_select.

Overall, this commit focuses on updating dependencies across the project, ensuring compatibility with newer versions and making necessary adjustments to code that relies on these dependencies. The changes made in the mix.exs, mix.lock, and test/support/live_views/elements.ex files reflect the updates made to dependencies and the corresponding modifications required for the project to function correctly with the updated versions.

Files changed

  • mix.exs
  • mix.lock
  • test/support/live_views/elements.ex