YUI Library Update 3.13.0 released

Orange — Sat, 19 Oct 2013 21:13:57 +0000

YUI Library 3.13.0 The main focus of this release centered around improvements to the Rich Text Editor, but there are changes across the board reflecting the amazing activity of our YUI community.

YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is proven, scalable, fast, and robust.

Built by frontend engineers at Yahoo! and contributors from around the world, it’s an industrial-strength JavaScript library for professionals who love JavaScript.

Changes Details

What’s New In This Release

A full plate of changes and improvements! The main focus of this release centered around improvements to the Rich Text Editor, but there are changes across the board reflecting the amazing activity of our YUI community. You can find them listed below.

Rich Text Editor Improvements

A major new feature for Editor is the ability to work in one of two modes. The traditional mode was via an iframe element on a page, and this is not changed. A second new mode allows Editor to work as an inline editor on a page using ContentEditable.

Due to this, some internal changes have been made. Y.Frame is now a plugin and it extends Y.Plugin.Base. There is a new Plugin called ContentEditable which allows the editor to work without having to use an iframe element. If a container is not specified, EditorBasecreates and plugs an instance of Y.Frame, otherwise it uses the provided container (#1041).

This is thanks to the work of Iliyan Peychev and Tony Pipkin. Check out the updated examples on the staging site for implementation details.

Note if you are already using Editor, there should be no changes needed for you to make, as it is backwards compatible.

App Framework Improvements

Router

Take note that several changes in Router are not backwards compatible. These include a Router’s root path is now enforced as its mount point.

Routers with a specified root will only consider paths as matching its route handles if that path is semantically within the Router’s root path (#1083).

The getPath() method now returns the full current path, whereas before it returned the current path relative to the Router’s root.
This also affects req.path which is now the full path as well. Router’s dispatching process has been changed to take req and res objects instead of creating them inside the _dispatch() method.
This refactor also removed the deprecated support for calling res() as an alias for next().

Please take note of these changes as you may have to change the way you implement Router if you call these methods.

There were several other changes as well.

Router now accepts route objects through its route() method.
These route objects are the same as those specified in a Router’s routes attribute and what Router uses for its internal storage of its routes. If these route objects contain a regular expression as their path or they contain a regex or regexp property, then they are considered fully-processed.

Route objects can also contain any arbitrary metadata which will be preserved (#1067). Additional req attributes were added: req.routerwhich is a reference to the Router instance, and req.route which is a reference to the current route object whose callbacks are being dispatched. Lastly, calling the dispatch() method will now set a req.src to dispatch.

Model

In Y.Model, ModelSync.Local was added which is an extension that provides a sync() implementation for localStorage that can be mixed into Models and ModelLists (#1218). You can find an example in the YUI TodoMVC example app.

Button and Widget Changes

The changes made in both Button and Widget were in order to improve Y.Button. One long-standing issue was the problem of always having to wrap Button with a container element such as a div.

In Widget, support was improved for having single-box widgets (where the ‘bounding box’ was equivalent to the ‘container box’) by defaulting boundingBox to srcNode if CONTENT_TEMPLATE is null (#1125).

In support of this, in Y.Button a labelHTML attribute was added to Y.ButtonCore for nested HTML label support, and now Y.Button correctly retains all node attributes upon render. In the past, the node was recreated, and any custom attributes on the node would get destroyed.

Calendar Updates

Some fixes in Calendar include resolving an issue where one couldn’t select a date when passing minimumDate (#1030), and removal of some superfluous strings from the Hungarian calendar translations (#1054 – thanks Jeroen Versteeg ).

DataTable Changes

DataTable has had a number of updates. A highlight module was added (#1196), improvements were made to the documentation and variable naming for better code understanding (#946 – thanks Satyam), Show All was added to language packs (#1173), acontentUpdateevent was added to trigger after a DataTable has been updated from a dataChange event (#1072), and an issue was fixed with objects that were recursively nested being cloned infinitely (#1008).

In addition, an issue where Paginator’s count would become out of sync with DataTable when DataTable data was added or removed (#1011), and a French language pack was added as well (#1166).

Event, CustomEvent, and Event ValueChange Updates

In Event, delegated focus and blur events now behave the same way other events do when a delegate sub from a container closer to the target calls e.stopPropagation(). Delegate subs from containers higher in the parent axis are not notified (#1145).

In CustomEvent, addTarget and removeTarget are now chainable.

Event ValueChange was updated to support

YUI Library Archives - Orange Internet Solutions