aberdeen 1.0.4 → 1.0.5

package/README.md

@@ -1,12 +1,10 @@
 # [Aberdeen](https://aberdeenjs.org/) [![](https://img.shields.io/badge/license-ISC-blue.svg)](https://github.com/vanviegen/aberdeen/blob/master/LICENSE.txt) [![](https://badge.fury.io/js/aberdeen.svg)](https://badge.fury.io/js/aberdeen) ![](https://img.shields.io/bundlejs/size/aberdeen) [![](https://img.shields.io/github/last-commit/vanviegen/aberdeen)](https://github.com/vanviegen/aberdeen)
 
-Build blazing-fast, reactive UIs in pure TypeScript/JavaScript – no virtual DOM.
+Build fast reactive UIs in pure TypeScript/JavaScript without a virtual DOM.
 
-Aberdeen offers a refreshingly simple approach to reactive UIs. Its core idea:
+Aberdeen's approach is refreshingly simple:
 
-> Use many small, anonymous functions for emitting DOM elements, and automatically rerun them when their underlying *proxied* data changes. This proxied data can be anything from simple values to complex, typed, and deeply nested data structures.
-
-Now, let's dive into why this matters...
+> Use many small anonymous functions for emitting DOM elements, and automatically rerun them when their underlying data changes. JavaScript `Proxy` is used to track reads and updates to this data, which can consist of anything, from simple values to complex, typed, and deeply nested data structures. 
 
 ## Why use Aberdeen?
 
@@ -54,7 +52,7 @@ Okay, next up is a somewhat more complex app - a todo-list with the following be
 - Pressing one of the buttons, or pressing enter will transition from 'editing state' to 'viewing state', saving the new label text unless cancel was pressed.
 - In 'viewing state', the label is shown as non-editable. There's an 'Edit' link, that will transition the item to 'editing state'. Clicking anywhere else will toggle the done status.
 - The list of items is sorted alphabetically by label. Items move when 'save' changes their label.
-- Items that are created, moved or deleted are grown and shrink as appropriate.
+- Items that are created, moved or deleted grow and shrink as appropriate.
 
 Pfew.. now let's look at the code:
 

package/dist/aberdeen.js

@@ -834,8 +834,7 @@ var refHandler = {
 function ref(target, index) {
   return new Proxy({ proxy: target, index }, refHandler);
 }
-function applyBind(_el, target) {
-  const el = _el;
+function applyBind(el, target) {
   let onProxyChange;
   let onInputChange;
   let type = el.getAttribute("type");
@@ -857,7 +856,11 @@ function applyBind(_el, target) {
     onInputChange = () => target.value = type === "number" || type === "range" ? el.value === "" ? null : +el.value : el.value;
     if (value === undefined)
       onInputChange();
-    onProxyChange = () => el.value = target.value;
+    onProxyChange = () => {
+      el.value = target.value;
+      if (el.tagName === "SELECT" && el.value != target.value)
+        throw new Error(`SELECT has no '${target.value}' OPTION (yet)`);
+    };
   }
   observe(onProxyChange);
   el.addEventListener("input", onInputChange);
@@ -1197,5 +1200,5 @@ export {
   $
 };
 
-//# debugId=96472D32607348EB64756E2164756E21
+//# debugId=D0AD62307DFA7AC364756E2164756E21
 //# sourceMappingURL=aberdeen.js.map