We can't find the internet
Attempting to reconnect
Something went wrong!
Hang in there while we get back on track
phoenix_live_view changelog
Welcome to the latest updates, where we've sprinkled in a dash of magic and a sprinkle of fun to keep your development journey smooth and exciting! Here's what's new and improved:
-
New Feature: Overwrite Hook Properties π£
We've given theViewHook
class a little makeover! Now, you can overwrite hook properties when you need to, and we'll just give you a friendly nudge with a warning instead of blocking you. This change helps keep things backward compatible, so your existing hooks won't throw a tantrum. Plus, we've beefed up the test suite to make sure everything works like a charm while keeping you in the loop with console warnings. -
Improvement: Asset Update π
We've polished up some of those static asset files in the Phoenix LiveView framework. While we didn't spill all the beans on the specifics, you can expect enhancements that might boost performance, compatibility, or even sneak in some new features. Your interactive web apps are in for a treat! -
Chore: Disable Fail-Fast for CI π§
We've tweaked the CI workflow to disable the fail-fast feature. Now, all jobs in the CI pipeline will run to completion, giving you a full picture of what's going on, even if something trips up. This change aims to provide a more thorough testing approach, helping you spot multiple issues at once like a pro detective! -
Improvement: Fix Build Against Elixir Main π οΈ
To keep things running smoothly, we've updated the CI configuration to use "main-otp-28" instead of the plain "main" for Elixir. This ensures compatibility with the latest and greatest from Elixir's OTP 28 release, preventing any sneaky warnings or issues. Your builds are now more robust and ready to rock!
Happy coding, and may your bugs be ever in your favor! π
Hey there, awesome developers! π We've got some exciting updates and fixes rolled out for you. Dive into the latest changes and see how they can make your coding journey smoother and more fun! π
-
New feature: Omit Name for Colocated JS
You asked, and we delivered! Now, in thePhoenix.LiveView.ColocatedJS
module, you can skip specifying aname
for your colocated JavaScript files if they're just for side effects. This means less clutter and more streamlined code. Just remember, if you're using akey
, you'll still need thatname
. Weβve also updated our test suite to make sure everything runs smoothly. π -
Bugfix: Variable Tainting Issue
We've squashed a bug that was causing some form fields not to update when their changeset was modified. A missinganalyze
call was the culprit, but it's all fixed now! Your forms should re-render like a charm, reflecting any changes in real-time. We've also added some tests to ensure everything is in tip-top shape. π οΈ -
Improvement: Custom Error for Duplicate IDs
Running into duplicate IDs with keyed comprehensions? We've got you covered with a new, more descriptive error message. Now, you'll get detailed info about where the duplication occurs, making debugging a breeze. We've also added a test case to keep things robust and reliable. π΅οΈββοΈ -
Bugfix: Fix for Live Components Error Handling
OurPhoenix.LiveView.Debug.live_components
function is now better at handling invalid PIDs. We've switched to catching:exit
signals, ensuring you get a clear error message when something's amiss. Plus, there's a new test to make sure everything's working as it should. π― -
Improvement: Documentation Update
We've tweaked the syncing changes guide to update a Topbar library method. Instead oftopbar.delayedShow(500)
, it's nowtopbar.show(500)
. This ensures your Topbar pops up immediately during page loads. Just a little change for a smoother experience! π
Happy coding, and keep those awesome projects coming! π»β¨
Here's a roundup of the latest and greatest updates to the Phoenix LiveView framework, where we've been busy sprinkling in some magic to make your development experience even more delightful. Let's dive into the details! π
-
New feature: Allow any selector as portal target π―
We've leveled up the portal feature by allowing any CSS selector as a target for teleportation! Now you can send elements directly into the<body>
or any other specified selector. This gives you superpowers in managing your DOM elements. Our team added a bunch of tests to make sure everything works like a charm. π -
New feature: Add event payload to
phx:push
events π¦
Say hello to more flexible event handling! We've added an event payload feature tophx:push
events, letting you capture and include the original event details. This means more control and customization for your LiveView interactions. π -
New feature: Introduce
:key
-ed:for
comprehensions π
Optimize your change-tracking with our new:key
-ed:for
comprehensions. This feature transforms comprehension content into LiveComponents, making data payloads leaner and more efficient. Just remember, it's limited to HTML tags for now. ποΈ -
Improvement: Allow inline matcher to be strings too π
We've made it easier to specify inline components by allowing the:inline_matcher
option to accept strings! This makes configuring your inline elements more intuitive while still supporting regular expressions. π‘ -
New feature: Add option to treat custom components as inline π
Customize your component formatting with the new:inline_matcher
option. Now you can specify which components should be treated as inline elements, giving you more control over your HTML formatting. β¨ -
New feature: Update documentation with
:reply
example inhandle_event
π
We've enriched our documentation with a shiny new example of using the:reply
feature in thehandle_event
callback. Check it out to see how you can implement interactive features with ease. π -
Bugfix: Ensure directory exists when writing empty manifest π οΈ
We squashed a bug in thewrite_new_manifests!
function by making sure the target directory exists before writing an empty manifest file. Smooth sailing from here on out! β΅ -
Bugfix: Fix backticks and macro component example βοΈ
Our eagle-eyed team spotted and fixed some formatting issues with backticks and an example in the documentation. Now everything looks neat and tidy, just the way we like it. π§Ή
These updates are all about making your life easier and your code cleaner. Enjoy the new features and improvements, and keep on building awesome things with Phoenix LiveView! π
Here's the latest scoop on our updates, bringing you a bunch of exciting new features and improvements to make your development experience smoother and more delightful. π
New feature: Say hello to JS.ignore_attributes
! π This nifty addition allows you to ignore updates to specific attributes during DOM updates, particularly useful for elements like dialog
and details
that rely on attributes like open
to maintain their state. No more cumbersome workaroundsβjust use JS.ignore_attributes
to keep those attributes intact during LiveView updates. It's a game-changer for maintaining user interactions without accidental resets.
New feature: Introducing Phoenix.LiveView.Debug
! π΅οΈββοΈ This new module is your best friend for runtime introspection and debugging of LiveView processes. You can now list all connected LiveViews, verify if a process is a LiveView, and even peek into LiveComponents. These tools enhance your ability to debug and monitor LiveView applications, making it easier to keep everything running smoothly.
Improvement: We've jazzed up the phoenix_live_view
JavaScript library with the ignoreAttrs
function, giving you more control over which attributes to ignore during DOM updates. This enhancement provides a refined approach to managing dynamic elements, ensuring your app remains flexible and responsive. Plus, we've sprinkled in some documentation comments to make using these new commands a breeze.
Improvement: Formatting consistency alert! ποΈ The Phoenix.LiveView.HTMLFormatter
now preserves the format of HTML tags when immediately followed by interpolation, just like it does with text. This tweak ensures a more predictable and consistent formatting behavior, making your code look as polished as ever.
Improvement: The form bindings guide just got a new section! π Learn how to prevent form submission using JavaScript, perfect for client-side validation or business logic needs before server processing. With clear instructions and example code, this enhancement empowers you to enforce validation rules and keep those submissions squeaky clean. π§Ό
These updates are all about making your life easier and your applications more robust. Dive in and enjoy the new features and improvements! πͺ
Hey there, awesome devs! π We've got some exciting updates and tweaks in the Phoenix LiveView world that are going to make your coding life a whole lot smoother and more fun. Let's dive into the juicy details:
-
New feature: Attribute Formatters π
We've introduced support forattribute_formatters
in the Phoenix LiveView library. This new feature lets you specify custom formatters for specific attributes, making your HTML formatting game stronger than ever! TheHTMLFormatter
now validates and normalizes these formatters, ensuring everything runs smoothly. We've also updated the docs and added a test case to show off how you can turn attribute values into uppercase with ease. πͺ -
New feature: Telemetry Event for Destroyed Components π
Say hello to the new telemetry event[:phoenix, :live_component, :destroyed]
! This baby gets dispatched when aPhoenix.LiveComponent
is removed from a page, helping you keep track of component destruction like a pro. The event comes packed with metadata, and we've updated tests to ensure it fires correctly. This is a game-changer for debugging and monitoring your live components. -
Improvement: Focusable Tabindex 0 π
We've improved the handling of focusable elements by allowing a tabindex of 0 to be focusable, aligning with MDN recommendations. This change boosts accessibility, letting users navigate to these elements using keyboard controls. We've added tests to confirm that this works like a charm, ensuring your app is more accessible and user-friendly. -
Improvement: Code Cleanup π§Ή
A little housekeeping in theHTMLFormatter
module! We've removed an unnecessary variable, making the code cleaner and more readable. This small refactor enhances the maintainability of the code without changing its functionality. Sometimes less is more, right? -
Improvement: Asset Updates π¦
We've updated various static asset files, including JavaScript files in both CommonJS and ES module formats, along with their source maps. These updates bring enhancements and bug fixes to the LiveView functionality, ensuring you're always working with the latest and greatest features.
Keep rocking those keyboards, and happy coding! π»β¨
Hey there, awesome devs! π Here's the latest scoop on what's been cooking in our codebase:
- Improvement: We've jazzed up the docs for LiveView applications! The
guides/server/live-layouts.md
file got a little love with a rephrased description of the root layout. Now, it's crystal clear that this layout holds the<html>
, head, and body tags, and ensures a smooth, consistent vibe during live navigation across LiveViews. Big shoutout to Andrew Ian Stewart for co-authoring this clarity boost! πβ¨
Keep rocking those LiveView apps with this freshened-up guidance! π
Here's the latest scoop on our updates, packed with improvements to make your coding journey smoother and more delightful! π
-
Improvement: Fixed Link to Bindings Guide Fragment
We've polished up the Phoenix LiveView module documentation by correcting a link reference. Now, when you're diving into scroll events and infinite pagination, you'll land exactly where you need to be! π§ -
Bugfix: Typo in live-layouts.md
Typo alert! We've fixed a sneaky little typo in the LiveView applications documentation. "LvieView" is now properly spelled as "LiveView." Because spelling counts, even in code! πβ¨
Enjoy the smoother sailing with these updates! π
Here's a delightful update on the latest changes and improvements made to the Phoenix LiveView framework. We've been busy enhancing features, fixing bugs, and polishing the overall experience to make your development journey smoother and more enjoyable. π
-
New feature: The
liveSocket.js()
has been supercharged with the addition ofnavigate
,patch
, andpush
commands. This gives developers more control over client-side interactions, making it easier than ever to manage navigation and updates within your LiveView applications. Plus, we've added tests to ensure everything works like a charm. π -
Improvement: The
used_input?
method inPhoenix.Component
now plays nicely with structs, treating them correctly and ensuring robust input handling. This update enhances the flexibility and reliability of component parameter evaluations. πͺ -
Improvement: We've polished the handling of flash messages during fallback redirects. Now, when an unauthorized or stale response triggers a redirect, your flash messages will be safely preserved, ensuring a seamless user experience. New end-to-end tests have been added to guarantee everything stays in tip-top shape. β¨
-
Bugfix: Sticky LiveViews are here to stay! No more shutting down during
push_navigate
events. This fix ensures that your sticky LiveViews remain active, preserving user interactions and state during navigation. π§² -
Improvement: We've spruced up the
phoenix_live_view
JavaScript files, focusing on better handling of locked references and form element updates. This includes the introduction of anElementRef
class for cleaner, more maintainable code. π§ -
Bugfix: A little tweak to the documentation for the
:for
attribute in EEx templates. We've removed an unnecessary trailing character to make sure everything looks just right. Because even the smallest details matter! π
These updates are designed to enhance your development experience, making it more intuitive, efficient, and fun. Keep building awesome apps with Phoenix LiveView! π
Hey there, awesome developers! π We've got some exciting updates and improvements to share with you. Here's a rundown of the latest changes that are sure to make your coding experience even better:
-
Improvement: LazyHTML Takes the Stage! π
We're switching things up by introducing LazyHTML as the new HTML engine forLiveViewTest
. Say goodbye to Floki and hello to modern CSS selector features, like:is()
and:has()
, thanks to LazyHTML's lexbor library base. This change is mostly backward compatible, but if you're using Floki-specific selectors, you'll need to tweak your test code. Bonus: LazyHTML is faster and reduces memory allocation, which means your tests will run like a dream. π -
Improvement: Docs Get a Makeover! π
We've spruced up the documentation by removing mentions of thephx-page-loading
attribute. Now, you can manage page loading events withPhoenix.LiveView.JS.push/3
and thepage_loading: true
option. This change is all about keeping things fresh and up-to-date, so your docs reflect the latest and greatest practices. Big shoutout to Steffen Deusch for the co-authoring magic! β¨ -
Bugfix: Typo Takedown! π
We squashed a pesky typo in the LiveViewTest docs. The phrase "along with some with hidden input values" is now crystal clear as "along with some hidden input values." It's a small change, but it makes a big difference in readability. Keep those docs pristine, folks! π
These updates are all about enhancing your coding journey, so dive in and enjoy the improved performance, functionality, and documentation. Happy coding! π
Here's the latest scoop on what's been cooking in the code kitchen! π³ This update brings some exciting improvements to how live sessions and authentication are handled in Phoenix applications. Let's dive into the details:
-
Improvement: Unify Live Session Examples with
mix phx.gen.auth
Generated Code π
We've streamlined the examples for live sessions, making them play nice and tidy with the code generated bymix phx.gen.auth
. This means your live sessions for both regular users and admins are now neatly organized within their respectivescope
blocks. This tidy-up not only makes the code look cleaner but also makes the authentication flow smoother and more cohesive. π§Όβ¨ -
Documentation Boost π
We've given the documentation a sprinkle of magic dust to ensure it clearly explains how to implement authentication and authorization consistently across both live and regular HTTP routes. Now, it's easier than ever to keep your routes secure and your mind at ease. π‘οΈ -
Router Revamp π
The router's had a makeover to make integrating authentication mechanisms a breeze. Consistency is key, so we've emphasized applying the same security protocols across all routes, whether they're live sessions or standard HTTP. This ensures a unified and secure experience for everyone. π
These changes are all about making your life easier and your applications more robust. Happy coding! π
Hey there, awesome developers! π We've got some cool updates and fixes here for the Phoenix LiveView framework. Let's dive into the latest changes and improvements that'll make your coding life a tad bit easier!
-
New feature: We've introduced tests for handling file uploads within nested LiveViews! This enhancement focuses on making sure uploads work smoothly even in complex nested structures. The
UploadChannelTest
module has been updated to include a new nested LiveView,NestedUploadLive
, which is all about testing uploads in more intricate scenarios. This change is a big win for improving the robustness of the upload feature in nested situations. π -
Improvement: A new change ensures that stream elements are forcibly removed during a join patch operation. This update enhances stream management, especially when dealing with nested components. The method now checks ownership before removing elements, making sure your streams are as tidy as your codebase! π
-
Improvement: The
refute_redirected
function got a little more flexible! Now, it can refute any redirection, not just specific paths. This makes testing even more comprehensive, allowing you to assert that no redirection occurs at all for a given view. πͺ -
Bugfix: We've tackled an issue with the
_target
parameter being decoded too early. The fix ensures that decoding happens at the right time, making sure your form values are accurately processed. This resolves a pesky bug and keeps things running smoothly. π -
Bugfix: Another fix ensures the
_target
parameter is sent as"undefined"
when it doesn't exist. This maintains backward compatibility with older versions, even if it feels a bit quirky. But hey, it works! π€·ββοΈ -
Bugfix: The
sync_with_root
function in theClientProxy
module has been patched up to ensure the correct root view's PID is used during the ping operation. This little tweak enhances the reliability of syncing between child and root views. π
These updates are here to make your life easier and your applications more robust. Keep on coding and enjoy the ride! π
Hey there, awesome devs! We've got some exciting updates and fixes for you. Let's dive into what's new and improved! π
New Feature: Simplified Live Sessions
We've removed the version field from live_session
to make your life easier. Previously, this version field caused LiveViews to fully reload after a deployment, losing state and breaking form recovery. Now, by relying solely on the live_session
name for security, your LiveViews will smoothly handle updates without unnecessary reloads. This change keeps things simple and efficient, ensuring your sensitive routes stay protected with on_mount hooks. π
Bugfix: Curly Interpolation in Style/Script Tags
No more curly interpolation mishaps in your <style>
and <script>
tags! We've fixed an issue where the phx-no-curly-interpolation
attribute was disabling curly interpolation for all elements indiscriminately. Now, it smartly skips disabling interpolation for these tags, so your scripts and styles behave just as you intend. π οΈ
Thanks for being part of our community! Keep building awesome stuff and enjoy the smoother, more reliable LiveView experience. Happy coding! π»β¨
Hey there, fellow code enthusiasts! π We've got some nifty updates and fixes for the Phoenix Live View framework that are sure to make your development experience even smoother. Let's dive into the latest changes:
-
New Feature: Skip Persistent ID Generation π
You can now skip the automatic generation of persistent IDs for form inputs by using theskip_persistent_id
attribute. This gives you greater control over form input management, especially when those pesky hidden_persistent_id
fields aren't needed. Major kudos to the team for addressing issue #3673 and adding this much-requested feature! -
Improvement: Enhanced Disconnection Handling π
We've improved how disconnection events are managed by introducing aDISCONNECTED_TIMEOUT
constant (set at 500 milliseconds) and adisconnectedTimer
variable. This makes your LiveView app more robust and responsive during network hiccups. Plus, the loader logic now better handles pending disconnection notifications. Smooth sailing ahead! -
Improvement: Keep Active Focus During Reconnection π
No more losing focus during reconnections! We've updated theLiveSocket
andView
classes to ensure your active input stays focused even when the connection drops and comes back. Say goodbye to those annoying interruptions during live updates! -
Improvement: Clarifications on Nested Live Views π
We've added some helpful hints to thelive_render
docs about usingfind_live_child/2
and recommended trying LiveComponents before diving into nested LiveViews. These updates aim to guide you towards better component design practices. Thanks to Steffen Deusch for the co-authorship! -
Bugfix: Fix Pending Link Update Race Condition π
A sneaky race condition inapplyPendingDiffs
was causing updates to be dropped. We've fixed it by ensuring pending updates are skipped when a link is still pending. No more silent update losses during navigation transitions! -
Bugfix: Debounce Blur Event Fix π
We've tweaked the debounce functionality for the "blur" event so that the callback triggers only once when no other event has been received since the last blur. This ensures efficient event handling and prevents multiple triggers from the same event. Your input interactions just got a whole lot smoother!
That's all for now! We hope these updates make your coding adventures more enjoyable. Happy coding! π»β¨
Hey there! Here's the latest scoop on the updates we've been working on. We've focused on making things faster, tidier, and more understandable. Check out the highlights below! π
-
Improvement in Form Serialization: We've turbocharged the
serializeForm
function! ποΈπ¨ It now zooms through large forms with ease, avoiding unnecessary work and complexity. The new streamlined approach means less waiting time and fewer browser hang-ups when dealing with hefty forms. Plus, we've tidied up the code with some linting and improved the way input names are handled. -
Asset Updates: Our assets got a makeover! π¨ The JavaScript files have been updated, focusing on smarter logic to track form inputs. This means a more efficient way of identifying which inputs are unused or hidden, resulting in a smoother and faster experience.
-
Documentation Boost for put_flash: We've polished up the docs for
put_flash
. πβ¨ Now, it's easier to understand how flash messages work, their lifespan, and their behavior during navigation. Plus, we've highlighted best practices to ensure only user-friendly notifications are included. -
Chore: E2E Test Warnings: We tidied up the end-to-end test warnings. π§Ή No more pesky alerts during test runs! By removing unused aliases and optimizing the code, we've made the testing process cleaner and more enjoyable.
Hope you enjoy the improvements! π
Hey there, awesome developers! We've got some exciting updates and improvements lined up for you. From enhancing documentation to fixing pesky bugs, these changes are here to make your coding life easier and more efficient. Let's dive into the details! π
-
Improvement: We've spruced up the documentation for using scopes in JavaScript commands for DOM selectors. Now, you can use
{:inner, "selector"}
to target elements within the interacted element, and{:closest, "selector"}
to zero in on the nearest ancestor element. This means more precise DOM element targeting and clearer guidance on using the:to
option. Your dropdown components will thank you! π― -
Improvement: Our JavaScript files got a little makeover! We've added an
isLocked
method to check element lock status and a shiny newonUnlock
method for executing callbacks when elements are unlocked. Plus, we've improved theDOMPatch
class to handle child elements and undo references better. Your dynamic web applications just got a whole lot more dynamic! πͺ -
New Feature: Introducing a new configuration option for handling errors in LiveViews. Now, you can choose whether detected errors should raise exceptions or just give you a friendly warning. This flexibility is perfect for tailoring your testing experience. Plus, we've squashed the duplicate LiveComponents bug (Fixes #3650) and added tests to keep everything in check. π οΈ
-
Improvement: Our changelog is now in perfect harmony with the 1.0 branch. We've updated error handling for duplicate IDs and improved error detection and reporting. Expect clearer documentation and better error logging in your JavaScript console. πΆ
-
Bugfix: We tackled issues with file uploads when forms are locked due to unrelated changes. By unifying DOM patching logic, we've ensured that uploads only happen when the closest locked element is unlocked. This fix resolves multiple issues and makes managing dynamic forms and uploads a breeze! π
-
Bugfix: We made sure hooks are only added to elements owned by the current view, addressing issue #3530. This change prevents errors and ensures hooks are initialized correctly. We've also added end-to-end tests to validate these improvements. π§©
-
New Feature: We're kicking off the development phase for version 1.1.0! This update involves changes to key files like CHANGELOG.md, mix.exs, package.json, and package-lock.json, paving the way for exciting new features and enhancements. Stay tuned for more awesomeness! π
We hope these changes make your development journey smoother and more enjoyable. Keep on coding, and may your bugs be few and your features many! π
Welcome to the latest and greatest updates to the Phoenix framework! We've been busy bees, buzzing around to enhance your developer experience with some sweet improvements and bug fixes. Let's dive into what's new and shiny! πβ¨
Improvement: More Guidelines Around LiveComponents
We've beefed up the guidelines for LiveComponents, helping you distinguish between different component types and their purposes. Now, it's crystal clear that Phoenix.Component
is your go-to for code organization and markup reuse, while Phoenix.LiveComponent
is the hero for sharing state, markup, and events across LiveViews. Nested Phoenix.LiveView
components? Perfect for when you need complete isolation, including error handling. These updates are here to guide you in using LiveComponents like a pro! ππ§
Improvement: Update Assets
Focus management just got a whole lot smarter! We've jazzed up the JavaScript files to enhance focus behavior when navigating between elements. Now, the focus is more predictable and accessible, especially when elements are playing peek-a-boo. Whether it's CommonJS, ES modules, or a minified version, we've got you covered across the board! ππ―
Improvement: Update Examples of inputs_for
We've polished up the inputs_for
examples by specifying the field to retrieve from the changeset. No more guessing games! Now, the code explicitly accesses the :total
field, making your helper functions more accurate and robust. π οΈπ
Bugfix: Handle Entering FocusWrap from Outside (#3641)
We've squashed a pesky bug that caused focus issues when entering FocusWrap from outside. By checking the relatedTarget
of the focus event, we've ensured a smooth and intuitive focus experience. No more unintentional boundary element focusingβjust seamless navigation! π―π§
Bugfix: Use Socket.t()
Instead of %Socket{}
(#3634)
We've tidied up the type specifications in the Phoenix LiveView module, swapping %Socket{}
for Socket.t()
. This change brings clarity and consistency, aligning with Elixir's best practices. Your code is now cleaner, clearer, and ready to rock! πΈπ
That's all for now, folks! Keep coding and creating with Phoenix, and stay tuned for more exciting updates. π
Welcome to the latest updates! We've been busy bees π, buzzing around and making improvements to enhance your experience with the Phoenix framework. Here's a rundown of the exciting changes and fixes we've implemented:
-
New feature: We've added a shiny new example to our documentation, showing off how to use dynamic components like a pro! Now you can see how to dynamically call a module and function using Elixir's
apply/3
. This example will have you rendering different outputs based on runtime conditions in no time! π -
Improvement: Say goodbye to multiple
package.json
files! We've streamlined everything into a single file, making dependency management a breeze. Plus, we've given our ESLint configuration a makeover, ditching deprecated rules and adding cool new plugins for consistent coding. Your development experience just got a whole lot smoother! π -
Improvement: Our LiveView JavaScript files got a little love, too! We've fine-tuned the logic for filtering components, ensuring only the relevant ones are processed. This means better performance and accuracy when handling components. We've also tidied up the
destroyHook
method for better readability. π§Ή -
Bugfix: We squashed a pesky bug in the
destroyHook
function that was causing hooks to be called more times than your alarm clock on a Monday morning. Now, hooks are properly cleared, ensuring a clean and error-free experience. π -
Improvement: Our
attr/3
documentation got a boost with the addition of:fun
and{:fun, arity}
types. This makes it crystal clear how to specify function types when working with Phoenix components. π -
Bugfix: We've scoped out the
findExistingParentCIDs
function to ensure it ignores CIDs in child LiveViews. This fix ensures updates aren't overlooked, keeping your LiveView components in tip-top shape. π§
Enjoy these updates and keep on building amazing things with Phoenix! π
Here's the latest scoop on what's been happening under the hood. π We've rolled out some exciting new features, squashed pesky bugs, and made a few tweaks to keep everything running smoothly. Let's dive in!
-
New feature: Added a shiny new
metadata
field to the LiveSocket JavaScript interop guide! π This field allows you to send extra user-defined info along with events to the server. Check out the "Key events" section for some cool examples. This update also includes some tidying up of the docs forhooks
anduploaders
. Say hello to enhanced functionality and usability! πͺ -
Improvement: Weβve clarified how
class
andstyle
attributes work in ~H syntax. Now, if their value isfalse
ornil
, theyβll be rendered as empty strings instead of disappearing into the void. πͺ Plus, whenclass
is a list,nil
andfalse
entries are tossed out like yesterdayβs leftovers. ποΈ Enjoy a clearer understanding and a smoother dev experience! -
Bugfix: Tackled a sticky situation with live views in version 1.0.1. Sticky live views no longer receive a URL upon joining, as they're not mounted at the router. π οΈ This fix includes some updates to integration tests and tweaks to several files, ensuring everything runs like a well-oiled machine. Kudos to Steffen Deusch for co-authoring this fix!
-
Improvement: Released version 1.0.2 with updates to
package.json
,package-lock.json
, and various static files. These changes hint at some nifty enhancements or bug fixes to keep the Live View functionality top-notch. π¦ -
Improvement: Updated a bunch of static assets related to Phoenix Live View, including JavaScript files and their source maps. These updates aim to boost performance and compatibility, ensuring youβre working with the latest and greatest. π
-
Chore: Bumped
ex_doc
from 0.35.1 to 0.36.1 andearmark_parser
from 1.4.41 to 1.4.42. π These updates are all about keeping things fresh and shiny, with a focus on documentation tools and libraries. Better docs, better dev life! π
That's all for now, folks! Stay tuned for more updates and keep on coding. π»β¨
Hey there, code wizards! π We've got some exciting updates for you in the world of Phoenix LiveView. Let's dive into the magical improvements that are sure to make your development experience smoother and more enchanting!
New feature: Evaluate JS Commands During Form Recovery
We've sprinkled some JavaScript pixie dust on the form recovery process! Now, when you're working with forms in LiveView, JS commands will be evaluated, ensuring a seamless experience even if you're dealing with those pesky disconnections and reconnections. This update makes sure your input values stay put and behave like the good little elements they are, even in the face of adversity! π§ββοΈβ¨
Improvement: Update Assets
Our event handling just got a major glow-up! We've revamped the way event handlers are defined and executed, making sure everything runs as smooth as butter. By introducing a new handler function, we've ensured that events are only pushed if the target view is connected, making event processing more efficient and user-friendly. Your LiveView experience just got a whole lot more magical! πͺ
Improvement: Track Braces State in Tokenizer
Brace yourselvesβliterally! We've enhanced our tokenizer to keep track of brace states during tokenization. This means your HTML templates will handle expressions like a pro, especially when using the phx-no-curly-interpolation
attribute. Our tests confirm that everything's working as intended, preserving your literal braces in the rendered HTML. So, go ahead and unleash your creativity with dynamic content, because we've got your back! π‘οΈ
That's all for now, folks! Keep coding and may your bugs be few and your features be plentiful! π
Hey there, Phoenix LiveView enthusiasts! We've got some cool updates and fixes to share with you, so grab a cup of coffee and dive in with us. π
-
Bugfix: phx-trigger-action check for cloned tree
We've squashed a pesky bug related to thephx-trigger-action
! Now, theisNowTriggerFormExternal
method does a double-check: ensuring forms are part of the document body and have thephx-trigger-external
attribute. This means no more false positives when deciding if a form should trigger an external action. Plus, forms marked for external triggering are now handled like a pro during morphing. π -
Improvement: Changelog Updates
Our changelog got a makeover! It now highlights essential fixes like cutting down on unnecessary compile-time dependencies and stopping those annoying crashes when testing LiveViews with XML. We've also made surephx-trigger-action
doesn't mess with locked forms. And there are some sweet enhancements like deduplication instream/4
functions and better map key tracking. All these tweaks make your LiveView experience smoother than ever! π -
Improvement: Change-track non-existing keys in maps
We've optimized how templates handle non-existent map keys. If a key is missing before and after a change, no re-rendering will be triggered. This means fewer unnecessary updates and a performance boost. We've got tests in place to ensure this works like a charm. β‘ -
Improvement: Asset Updates
Our JavaScript files got some love, too! TheisNowTriggerFormExternal
function is now smarter, and we've introducedexternalFormTriggered
to track external form triggers during DOM patching. These updates make sure external forms get the VIP treatment they deserve. π¨ -
Bugfix: No more compile-time deps when expanding literals
We've tackled the issue of unwanted compile-time dependencies when expanding literals. By tweaking howMacro.expand_literals
is called, we've ensured smoother macro processing in the Phoenix framework. Say goodbye to unnecessary compile-time references! π οΈ
That's all for now! Keep those LiveViews lively and stay tuned for more updates. π