phoenix_live_dashboard changelog

Welcome to the latest update! We've been busy bees 🐝 making some awesome improvements and squashing those pesky bugs. Here's a peek at what's new:

  • Improvement: Build assets on CI and add caching 🚀
    We've supercharged our CI/CD pipeline! There's a shiny new GitHub Actions workflow that builds assets whenever you push to the main branch or any versioned branches. Thanks to some nifty caching for Mix and npm dependencies, your builds are now faster and way more efficient. Plus, any updated assets get automatically committed and pushed back to the repo. How's that for streamlining?

  • Improvement: Update assets 🎨
    Our CSS file just went on a massive diet! We've trimmed down dist/css/app.css by a whopping 11,923 lines, with only 3 new additions. This overhaul means leaner, meaner styles that are easier to maintain and load faster. Your browser will thank you!

  • Improvement: Fix img csp nonce 🔒
    Security and style in one go! We've revamped the footer component by swapping <img> tags for <div> elements to better handle CSP nonces. This not only boosts security but also gives our logos a fresh new look with updated CSS styles. It's a win-win for design and compliance.

  • Bugfix: fix test that relied on push_patch to wrong live session 🐛
    We found a test that was a bit lost, relying on the wrong live session. Oops! That's all sorted now, ensuring our tests are accurate and the results are reliable. Your app's behavior should be spot-on during testing.

  • Chore: don't migrate to curly braces yet 🤔
    We've hit pause on switching to curly braces for now. After some careful consideration, we've decided it's best to hold off to keep things stable and readable. No rush, we'll get there when the time is right!

Stay tuned for more updates, and keep those feature requests and feedback coming. Happy coding! 🎉

Included Commits

2024-12-04T08:27:05 See commit

The commit titled "Fix img csp nonce (#459)" focuses on addressing the Content Security Policy (CSP) nonce for images within the project's footer component. The changes include modifications to the styles and HTML structure of the footer, enhancing the layout by replacing <img> tags with <div> elements that serve as logos. This change is intended to improve the security and compliance of the application by ensuring that image elements utilize the proper nonce attributes, which are crucial for CSP enforcement.

In addition to the structural updates, the commit also introduces new CSS styles for the logos, ensuring that they are appropriately sized and displayed. The changes to the dash.html.heex file reflect a shift from inline images to background images set in divs, thereby aligning with the updated security practices. The commit also includes minor adjustments in the test file to remove assertions related to the old image nonce implementation, ensuring that the tests remain relevant to the new structure. Overall, this commit enhances both the security and design of the footer component in the application.

Files changed

  • assets/css/app/components/_footer.scss
  • dist/css/app.css
  • lib/phoenix/live_dashboard/layouts/dash.html.heex
  • test/phoenix/live_dashboard_test.exs
2024-12-04T09:41:56 See commit

The commit introduces a new GitHub Actions workflow for building assets, which is triggered on pushes to the main branch and versioned branches. The new workflow, defined in .github/workflows/assets.yml, sets up an environment using Elixir and OTP, caches dependencies for both Mix and npm, installs necessary packages, and builds the assets. Additionally, it includes a step to automatically commit and push the updated assets back to the repository.

Moreover, the existing CI workflow in .github/workflows/ci.yml is modified to include similar caching mechanisms for Mix and npm dependencies, enhancing efficiency during testing. This commit overall improves the CI/CD pipeline by optimizing the build and dependency management processes, ensuring faster builds and reduced redundancy in asset compilation.

Files changed

  • .github/workflows/assets.yml
  • .github/workflows/ci.yml
2024-12-04T09:43:04 See commit

The commit primarily involves significant modifications to the dist/css/app.css file, where a total of 12,926 changes were made, including 3 additions and a remarkable deletion of 11,923 lines. This indicates a major overhaul of the CSS file, likely aimed at optimizing the code, improving performance, or restructuring the styles for better maintainability.

Such a substantial reduction in code size suggests a move towards a more efficient stylesheet, possibly by removing unused styles or consolidating CSS rules. Overall, this update reflects a focused effort to enhance the project's asset management, particularly in the styling aspect.

Files changed

  • dist/css/app.css
2024-12-04T11:24:23 See commit

This commit addresses an issue in the test suite where a test was incorrectly relying on the push_patch function, which was associated with the wrong live session. The fix ensures that the test accurately reflects the intended session context, thereby improving the reliability and correctness of the test outcomes.

By correcting the session linkage, the commit enhances the overall integrity of the testing framework, ensuring that future test executions yield valid results and maintain the expected behavior of the application.

Files changed

2024-12-04T11:28:12 See commit

The commit titled "don't migrate to curly braces yet" indicates a decision to postpone the transition to using curly braces in the codebase. This suggests that the team has evaluated the current state of the code and determined that it may not be the right time to implement this change, possibly due to concerns about stability, readability, or compatibility with existing code.

The specific changes made in this commit are not detailed, but the overall message emphasizes a cautious approach to code migration practices, prioritizing the integrity of the project over adopting new formatting conventions at this stage.

Files changed