@expressive/mvc 0.4.7 → 0.5.0

package/lib/index.esm.js

@@ -1,30 +1,5 @@
 import React, { useLayoutEffect, useState, useMemo } from 'react';
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
 class Issue extends Error {
     constructor() {
         super(...arguments);
@@ -87,78 +62,6 @@ function mayRetry(fn) {
 }
 
 const Oops$b = issues({
-    BadCallback: () => `Callback for effect-callback may only return a function.`
-});
-const { assign, create, defineProperty, entries, getPrototypeOf, getOwnPropertyNames, getOwnPropertyDescriptor, getOwnPropertySymbols, values } = Object;
-function define(target, key, value) {
-    defineProperty(target, key, { value });
-}
-function defineLazy(object, property, init) {
-    defineProperty(object, property, {
-        configurable: true,
-        get() {
-            const value = init.call(this);
-            defineProperty(this, property, { value });
-            return value;
-        }
-    });
-}
-function createEffect(callback) {
-    let unSet;
-    return function (value) {
-        if (typeof unSet == "function")
-            unSet();
-        unSet = callback.call(this, value);
-        if (unSet instanceof Promise)
-            unSet = undefined;
-        if (unSet && typeof unSet !== "function")
-            throw Oops$b.BadCallback();
-    };
-}
-function createValueEffect(callback) {
-    let unSet;
-    return function (value) {
-        if (typeof unSet == "function")
-            unSet(value);
-        const out = callback.call(this, value, this);
-        if (typeof out == "boolean")
-            return out;
-        if (!out || out instanceof Promise)
-            return;
-        if (typeof out == "function")
-            unSet = out;
-        else
-            throw Oops$b.BadCallback();
-    };
-}
-
-function ensure(subject, cb) {
-    let control = subject[CONTROL];
-    if (!control) {
-        control = new Controller(subject);
-        define(subject, CONTROL, control);
-    }
-    if (!control.state) {
-        const { waiting } = control;
-        if (cb) {
-            let done;
-            waiting.add(() => {
-                done = cb(control);
-            });
-            return () => done && done();
-        }
-        control.state = new Map();
-        for (const key in subject)
-            control.add(key);
-        const callback = Array.from(waiting);
-        waiting.clear();
-        for (const cb of callback)
-            cb();
-    }
-    return cb ? cb(control) : control;
-}
-
-const Oops$a = issues({
     BadSource: (model, property, got) => `Bad from-instruction provided to ${model}.${property}. Expects an arrow-function or a Model as source. Got ${got}.`,
     PeerNotAllowed: (model, property) => `Attempted to use an instruction result (probably use or tap) as computed source for ${model}.${property}. This is not possible.`,
     Failed: (parent, property, initial) => `An exception was thrown while ${initial ? "initializing" : "refreshing"} [${parent}.${property}].`
@@ -167,7 +70,7 @@ const INFO = new WeakMap();
 const KEYS = new WeakMap();
 const ORDER = new WeakMap();
 function get(source, arg1, arg2) {
-    return apply(function from(key) {
+    return apply(function get(key) {
         const { subject, state } = this;
         const required = arg2 === true || arg1 === true;
         let getSource;
@@ -175,7 +78,7 @@ function get(source, arg1, arg2) {
             arg1 = undefined;
         // Easy mistake, using a peer, will always be unresolved.
         if (typeof source == "symbol")
-            throw Oops$a.PeerNotAllowed(subject, key);
+            throw Oops$b.PeerNotAllowed(subject, key);
         // replace source controller in-case it is different
         if (typeof source == "object")
             getSource = () => ensure(source);
@@ -186,24 +89,23 @@ function get(source, arg1, arg2) {
         }
         // Regular function is too ambiguous so not allowed.
         else
-            throw Oops$a.BadSource(subject, key, source);
+            throw Oops$b.BadSource(subject, key, source);
         const setter = arg1;
         const info = { key, parent: this };
         let sub;
         let order = ORDER.get(this);
         if (!order)
             ORDER.set(this, order = []);
-        state.set(key, undefined);
         const compute = (initial) => {
             try {
                 return setter.call(sub.proxy, sub.proxy);
             }
             catch (err) {
-                Oops$a.Failed(subject, key, initial).warn();
+                Oops$b.Failed(subject, key, initial).warn();
                 throw err;
             }
         };
-        const refreshValue = () => {
+        const refresh = () => {
             let value;
             try {
                 value = compute(false);
@@ -219,19 +121,18 @@ function get(source, arg1, arg2) {
                 }
             }
         };
-        const dependancyDidUpdate = (_key, source) => {
+        const update = (_key, source) => {
             if (source !== this) {
-                refreshValue();
+                refresh();
                 return;
             }
             let pending = KEYS.get(this);
             if (!pending)
                 KEYS.set(this, pending = []);
-            pending.push(refreshValue);
+            pending.push(refresh);
         };
         const create = () => {
-            const control = getSource();
-            sub = control.subscribe(dependancyDidUpdate);
+            sub = getSource().subscribe(update);
             try {
                 const value = compute(true);
                 state.set(key, value);
@@ -242,10 +143,11 @@ function get(source, arg1, arg2) {
             }
             finally {
                 sub.commit();
-                order.push(refreshValue);
+                order.push(refresh);
             }
         };
-        INFO.set(refreshValue, info);
+        state.set(key, undefined);
+        INFO.set(refresh, info);
         return () => {
             const value = sub ? state.get(key) : create();
             if (value === undefined && required)
@@ -270,6 +172,39 @@ function flush(control) {
     KEYS.delete(control);
 }
 
+const Oops$a = issues({
+    BadCallback: () => `Callback for effect-callback may only return a function.`
+});
+const { assign, create, defineProperty, entries, getPrototypeOf, getOwnPropertyNames, getOwnPropertyDescriptor, getOwnPropertySymbols, values } = Object;
+function createEffect(callback) {
+    let unSet;
+    return function (value) {
+        if (typeof unSet == "function")
+            unSet();
+        unSet = callback.call(this, value);
+        if (unSet instanceof Promise)
+            unSet = undefined;
+        if (unSet && typeof unSet !== "function")
+            throw Oops$a.BadCallback();
+    };
+}
+function createValueEffect(callback) {
+    let unSet;
+    return function (value) {
+        if (typeof unSet == "function")
+            unSet(value);
+        const out = callback.call(this, value, this);
+        if (typeof out == "boolean")
+            return out;
+        if (!out || out instanceof Promise)
+            return;
+        if (typeof out == "function")
+            unSet = out;
+        else
+            throw Oops$a.BadCallback();
+    };
+}
+
 class Subscriber {
     constructor(parent, onUpdate) {
         this.onUpdate = onUpdate;
@@ -277,7 +212,7 @@ class Subscriber {
         this.dependant = new Set();
         const proxy = create(parent.subject);
         const using = new Map();
-        define(proxy, LOCAL, this);
+        defineProperty(proxy, LOCAL, { value: this });
         defineProperty(this, "proxy", {
             configurable: true,
             get() {
@@ -298,15 +233,13 @@ class Subscriber {
             }
             else if (handler === true)
                 notify = this.onUpdate(key, parent);
-            const getWhy = () => {
-                const update = getUpdate(parent.subject);
-                const applicable = update.filter(k => using.has(k));
-                UPDATE.set(proxy, applicable);
+            if (!notify)
+                return;
+            const notate = () => {
+                UPDATE.set(proxy, getUpdate(parent.subject).filter(k => using.has(k)));
             };
-            if (notify) {
-                parent.waiting.add(getWhy);
-                parent.waiting.add(notify);
-            }
+            parent.waiting.add(notate);
+            parent.waiting.add(notify);
         });
         this.commit = () => {
             this.active = true;
@@ -326,123 +259,37 @@ class Subscriber {
     }
 }
 
-const UPDATE = new WeakMap();
-function getUpdate(subject) {
-    return UPDATE.get(subject);
-}
-class Controller {
-    constructor(subject) {
-        this.subject = subject;
-        this.frame = new Set();
-        this.waiting = new Set();
-        this.followers = new Set();
-    }
-    subscribe(callback) {
-        return new Subscriber(this, callback);
-    }
-    add(key) {
-        const { subject, state } = this;
-        const { value } = getOwnPropertyDescriptor(subject, key);
-        if (typeof value == "function")
-            return;
-        if (typeof value == "symbol") {
-            const instruction = PENDING.get(value);
-            if (instruction)
-                instruction.call(this, key, this);
-            return;
-        }
-        state.set(key, value);
-        defineProperty(subject, key, {
-            enumerable: false,
-            set: this.ref(key),
-            get() {
-                const local = this[LOCAL];
-                if (local)
-                    local.add(key);
-                return state.get(key);
-            }
-        });
-    }
-    addListener(listener) {
-        this.followers.add(listener);
-        return () => {
-            this.followers.delete(listener);
-        };
-    }
-    ref(key, handler) {
-        const { subject, state } = this;
-        return (value) => {
-            if (state.get(key) == value)
-                return;
-            if (handler)
-                switch (handler.call(subject, value)) {
-                    case true:
-                        this.update(key);
-                    case false:
-                        return;
-                }
-            state.set(key, value);
-            this.update(key);
-        };
-    }
-    update(key) {
-        const { followers, frame, subject, waiting } = this;
-        if (frame.has(key))
-            return;
-        else if (!frame.size)
-            setTimeout(() => {
-                flush(this);
-                UPDATE.set(subject, Array.from(frame));
-                setTimeout(() => {
-                    UPDATE.delete(subject);
-                }, 0);
-                frame.clear();
-                for (const notify of waiting)
-                    try {
-                        waiting.delete(notify);
-                        notify();
-                    }
-                    catch (err) {
-                        console.error(err);
-                    }
-            }, 0);
-        frame.add(key);
-        for (const callback of followers) {
-            const event = callback(key, this);
-            if (typeof event == "function")
-                waiting.add(event);
-        }
-    }
-    clear() {
-        const listeners = [...this.followers];
-        this.followers.clear();
-        listeners.forEach(x => x(null, this));
-    }
-}
-
 const Oops$9 = issues({
     Timeout: (keys, timeout) => `No update for [${keys}] within ${timeout}.`,
     StrictUpdate: () => `Strict update() did not find pending updates.`,
     NoChaining: () => `Then called with undefined; update promise will never catch nor supports chaining.`
 });
-const CONTROL = Symbol("CONTROL");
 const WHY = Symbol("UPDATE");
 const LOCAL = Symbol("LOCAL");
 const STATE = Symbol("STATE");
 class Model {
     constructor() {
-        define(this, CONTROL, new Controller(this));
-        define(this, "get", this);
-        define(this, "is", this);
-        defineLazy(this, "set", () => {
-            const controller = ensure(this);
-            const assign = (key, value) => {
-                controller.state.set(key, value);
-                controller.update(key);
-            };
-            for (const key of controller.state.keys())
-                define(assign, key, controller.ref(key));
-            return assign;
+        defineProperty(this, CONTROL, {
+            value: new Controller(this)
+        });
+        defineProperty(this, "is", {
+            value: this
+        });
+        defineProperty(this, "set", {
+            configurable: true,
+            get: () => {
+                const controller = ensure(this);
+                const value = (key, value) => {
+                    controller.state.set(key, value);
+                    controller.update(key);
+                };
+                for (const key of controller.state.keys())
+                    defineProperty(value, key, {
+                        value: controller.ref(key)
+                    });
+                defineProperty(this, "set", { value });
+                return value;
+            }
         });
     }
     get [STATE]() {
@@ -628,29 +475,150 @@ class Model {
     }
 }
 
-const PENDING = new Map();
-function apply(fn, label) {
-    const name = label || fn.name || "pending";
-    const placeholder = Symbol(`${name} instruction`);
-    function setup(key) {
+const UPDATE = new WeakMap();
+const CONTROL = Symbol("CONTROL");
+function getUpdate(subject) {
+    return UPDATE.get(subject);
+}
+class Controller {
+    constructor(subject) {
+        this.subject = subject;
+        this.frame = new Set();
+        this.waiting = new Set();
+        this.followers = new Set();
+    }
+    subscribe(callback) {
+        return new Subscriber(this, callback);
+    }
+    add(key) {
         const { subject, state } = this;
-        const control = this;
-        PENDING.delete(placeholder);
-        delete subject[key];
-        let output = fn.call(this, key, this);
-        if (typeof output == "function")
-            output = { get: output };
-        if (typeof output != "object")
+        const { value } = getOwnPropertyDescriptor(subject, key);
+        if (typeof value == "function")
             return;
-        if ("explicit" in output && output.explicit) {
-            defineProperty(subject, key, output);
-            return false;
+        if (typeof value == "symbol") {
+            const instruction = PENDING.get(value);
+            if (instruction)
+                instruction.call(this, key, this);
+            return;
+        }
+        state.set(key, value);
+        defineProperty(subject, key, {
+            enumerable: false,
+            set: this.ref(key),
+            get() {
+                const local = this[LOCAL];
+                if (local)
+                    local.add(key);
+                return state.get(key);
+            }
+        });
+    }
+    addListener(listener) {
+        this.followers.add(listener);
+        return () => {
+            this.followers.delete(listener);
+        };
+    }
+    ref(key, handler) {
+        const { subject, state } = this;
+        return (value) => {
+            if (state.get(key) == value)
+                return;
+            if (handler)
+                switch (handler.call(subject, value)) {
+                    case true:
+                        this.update(key);
+                    case false:
+                        return;
+                }
+            state.set(key, value);
+            this.update(key);
+        };
+    }
+    update(key) {
+        const { followers, frame, subject, waiting } = this;
+        if (frame.has(key))
+            return;
+        else if (!frame.size)
+            setTimeout(() => {
+                flush(this);
+                UPDATE.set(subject, Array.from(frame));
+                setTimeout(() => {
+                    UPDATE.delete(subject);
+                }, 0);
+                frame.clear();
+                for (const notify of waiting)
+                    try {
+                        waiting.delete(notify);
+                        notify();
+                    }
+                    catch (err) {
+                        console.error(err);
+                    }
+            }, 0);
+        frame.add(key);
+        for (const callback of followers) {
+            const event = callback(key, this);
+            if (typeof event == "function")
+                waiting.add(event);
+        }
+    }
+    clear() {
+        const listeners = [...this.followers];
+        this.followers.clear();
+        listeners.forEach(x => x(null, this));
+    }
+}
+function ensure(subject, cb) {
+    let control = subject[CONTROL];
+    if (!control)
+        defineProperty(subject, CONTROL, {
+            value: control =
+                new Controller(subject)
+        });
+    if (!control.state) {
+        const { waiting } = control;
+        if (cb) {
+            let done;
+            waiting.add(() => {
+                done = cb(control);
+            });
+            return () => done && done();
         }
+        control.state = new Map();
+        for (const key in subject)
+            control.add(key);
+        const callback = Array.from(waiting);
+        waiting.clear();
+        for (const cb of callback)
+            cb();
+    }
+    return cb ? cb(control) : control;
+}
+
+const PENDING = new Map();
+function apply(fn, label) {
+    const name = label || fn.name || "pending";
+    const placeholder = Symbol(`${name} instruction`);
+    function setup(key) {
+        const { subject, state } = this;
+        const control = this;
+        PENDING.delete(placeholder);
+        delete subject[key];
+        let output = fn.call(this, key, this);
+        if (typeof output == "function")
+            output = { get: output };
+        if (typeof output != "object")
+            return;
+        if ("explicit" in output && output.explicit) {
+            defineProperty(subject, key, output);
+            return false;
+        }
+        let { get: onGet, set: onSet, suspense } = output;
+        if ("value" in output)
+            state.set(key, output.value);
         if ("recursive" in output && output.recursive)
-            output = Object.assign(Object.assign({}, output), { get: getRecursive(key, this) });
-        const desc = output;
-        if ("value" in desc)
-            state.set(key, desc.value);
+            onGet = getRecursive(key, this);
         if ("destroy" in output) {
             const { destroy } = output;
             if (destroy)
@@ -659,57 +627,84 @@ function apply(fn, label) {
                         destroy();
                 });
         }
-        const { get: onGet, set: onSet, enumerable, suspense } = desc;
-        const set = onSet !== false
-            ? this.ref(key, onSet)
-            : undefined;
-        function get() {
-            if (!state.has(key) && suspense)
-                throw suspend(control, key);
-            const local = this[LOCAL];
-            if (local)
-                local.add(key);
-            return onGet
-                ? onGet(local)
-                : state.get(key);
-        }
-        defineProperty(subject, key, { enumerable, get, set });
+        defineProperty(subject, key, {
+            enumerable: output.enumerable,
+            set: onSet !== false
+                ? this.ref(key, onSet)
+                : undefined,
+            get() {
+                if (!state.has(key) && suspense)
+                    throw suspend(control, key);
+                const local = this[LOCAL];
+                if (local)
+                    local.add(key);
+                return onGet
+                    ? onGet(local)
+                    : state.get(key);
+            }
+        });
     }
     PENDING.set(placeholder, setup);
     return placeholder;
 }
 function getRecursive(key, from) {
     const context = new WeakMap();
-    const { state } = from;
     return (local) => {
         if (!local)
-            return state.get(key);
+            return from.state.get(key);
         if (!context.has(local)) {
-            let child;
+            let reset;
             const init = () => {
-                if (child) {
-                    child.release();
-                    local.dependant.delete(child);
-                    context.set(local, undefined);
-                    child = undefined;
-                }
-                const value = state.get(key);
+                if (reset)
+                    reset();
+                const value = from.state.get(key);
                 if (value && CONTROL in value) {
-                    child = ensure(value).subscribe(local.onUpdate);
+                    const child = ensure(value).subscribe(local.onUpdate);
                     if (local.active)
                         child.commit();
                     local.dependant.add(child);
                     context.set(local, child.proxy);
+                    reset = () => {
+                        child.release();
+                        local.dependant.delete(child);
+                        context.set(local, undefined);
+                        reset = undefined;
+                    };
                 }
                 return true;
             };
-            init();
             local.add(key, init);
+            init();
         }
         return context.get(local);
     };
 }
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 const Oops$8 = issues({
     DuplicatePending: (key) => `Invoked action ${key} but one is already active.`
 });
@@ -740,74 +735,6 @@ function act(task) {
     });
 }
 
-class Managed extends Array {
-    constructor(onUpdate) {
-        super();
-        this.lastUpdate = [0, 0];
-        this.update = (from, to) => {
-            this.lastUpdate = [from, to];
-            onUpdate();
-        };
-    }
-    push(...items) {
-        const { length } = this;
-        const end = super.push(...items);
-        this.update(length, end);
-        return end;
-    }
-    unshift(...items) {
-        const end = super.push(...items);
-        this.update(0, end);
-        return end;
-    }
-    splice(start, deleteCount, ...rest) {
-        const end = deleteCount !== rest.length ? Infinity : deleteCount;
-        this.update(start, end);
-        return super.splice(start, deleteCount, ...rest);
-    }
-}
-function array() {
-    return apply(function array(key) {
-        const context = new WeakMap();
-        const array = new Managed(() => this.update(key));
-        const getLocal = (context) => {
-            const proxy = Object.create(array);
-            let rangeA = 0;
-            let rangeB = 0;
-            const onUpdate = () => {
-                const [lastA, lastB] = array.lastUpdate;
-                if (rangeA <= lastB && rangeB >= lastA)
-                    return true;
-            };
-            const listen = (eventA, eventB) => {
-                if (context.active)
-                    return;
-                context.add(key, onUpdate);
-                rangeA = Math.min(rangeA, eventA);
-                rangeB = Math.max(rangeB, eventB);
-            };
-            proxy[Symbol.iterator] = () => {
-                listen(0, Infinity);
-                return array[Symbol.iterator]();
-            };
-            return proxy;
-        };
-        return {
-            value: array,
-            set: false,
-            get: (local) => {
-                if (!local)
-                    return this.state.get(key);
-                if (context.has(local))
-                    return context.get(local);
-                const output = getLocal(local);
-                context.set(local, output);
-                return output;
-            }
-        };
-    });
-}
-
 function ref(callback) {
     return apply(function ref(key) {
         const value = this.ref(key, callback && createValueEffect(callback));
@@ -830,9 +757,8 @@ const Oops$7 = issues({
 function put(factory, argument) {
     return apply(function set(key) {
         const { subject, state } = this;
-        const required = argument === true || argument === undefined;
-        let set;
-        let get;
+        const required = argument === true ||
+            argument === undefined;
         let pending;
         let error;
         const init = () => {
@@ -855,6 +781,14 @@ function put(factory, argument) {
             state.set(key, output);
             return output;
         };
+        if (required)
+            try {
+                init();
+            }
+            catch (err) {
+                Oops$7.Failed(subject, key).warn();
+                throw err;
+            }
         const suspend = () => {
             if (required === false)
                 return undefined;
@@ -865,30 +799,21 @@ function put(factory, argument) {
             });
             throw pending;
         };
-        if (required)
-            try {
-                init();
-            }
-            catch (err) {
-                Oops$7.Failed(subject, key).warn();
-                throw err;
-            }
-        get = () => {
+        const get = () => {
             if (pending)
                 return suspend();
             if (error)
                 throw error;
             if (state.has(key))
                 return state.get(key);
-            let output = init();
+            const output = init();
             return pending
                 ? suspend()
                 : output;
         };
-        if (typeof argument == "function")
-            set = createValueEffect(argument);
-        else
-            set = (value) => {
+        const set = typeof argument == "function"
+            ? createValueEffect(argument)
+            : (value) => {
                 if (value === undefined && required)
                     throw Oops$7.NonOptional(subject, key);
             };
@@ -916,106 +841,25 @@ function set(value, argument) {
     });
 }
 
-const Parent = new WeakMap();
-const Oops$6 = issues({
-    Required: (expects, child) => `New ${child} created standalone but requires parent of type ${expects}. Did you remember to create via use(${child})?`,
-    Unexpected: (expects, child, got) => `New ${child} created as child of ${got}, but must be instanceof ${expects}.`,
-});
-function parent(Expects, required) {
-    return apply(function parent() {
-        const child = this.subject;
-        const value = Parent.get(child);
-        const expected = Expects.name;
-        if (!value) {
-            if (required !== false)
-                throw Oops$6.Required(expected, child);
-        }
-        else if (!(value instanceof Expects))
-            throw Oops$6.Unexpected(expected, child, value);
-        return { value };
-    });
-}
-
 const ANY = Symbol("any");
 function keyed(control, property, initial) {
+    const init = createProxy(emit, watch);
+    const frozen = new Set();
     const context = new Map();
     const users = new Map();
     const watched = new WeakMap();
     const update = new Set();
-    const frozen = new Set();
-    let managed;
-    manage(initial);
-    function reset() {
-        frozen.clear();
-    }
+    let managed = init(initial);
     function watch(on, key) {
         const include = watched.get(on);
         if (include)
             include.add(key);
     }
     function emit(key) {
-        control.waiting.add(reset);
         control.update(property);
+        control.waiting.add(() => frozen.clear());
         update.forEach(notify => notify(key));
     }
-    function manage(current) {
-        managed = create(current);
-        context.clear();
-        assign(managed, {
-            delete(key) {
-                emit(key);
-                return current.delete(key);
-            },
-            clear() {
-                emit(ANY);
-                current.clear();
-            },
-            has(key) {
-                watch(this, key);
-                return current.has(key);
-            },
-            keys() {
-                watch(this, ANY);
-                return current.keys();
-            },
-            values() {
-                watch(this, ANY);
-                return current.values();
-            },
-            entries() {
-                watch(this, ANY);
-                return current.entries();
-            },
-            [Symbol.iterator]() {
-                watch(this, ANY);
-                return current[Symbol.iterator]();
-            },
-        }, current instanceof Set
-            ? {
-                add(key) {
-                    current.add(key);
-                    emit(key);
-                    return this;
-                }
-            }
-            : {
-                get(key) {
-                    watch(this, ANY);
-                    return current.get(key);
-                },
-                set(key, value) {
-                    current.set(key, value);
-                    emit(key);
-                    return this;
-                }
-            });
-        defineProperty(managed, "size", {
-            get() {
-                watch(this, ANY);
-                return current.size;
-            }
-        });
-    }
     function subscribe(local) {
         const proxy = create(managed);
         let watch = users.get(local);
@@ -1058,16 +902,90 @@ function keyed(control, property, initial) {
         },
         set(next) {
             control.state.set(property, next);
-            manage(next);
+            managed = init(next);
+            context.clear();
             emit(ANY);
         },
         destroy() {
             update.clear();
+            context.clear();
         }
     };
+}
+function createProxy(emit, watch) {
+    return (from) => {
+        const proxy = create(from);
+        assign(proxy, {
+            from,
+            delete(key) {
+                emit(key);
+                return from.delete(key);
+            },
+            clear() {
+                emit(ANY);
+                from.clear();
+            },
+            has(key) {
+                watch(this, key);
+                return from.has(key);
+            },
+            keys() {
+                watch(this, ANY);
+                return from.keys();
+            },
+            values() {
+                watch(this, ANY);
+                return from.values();
+            },
+            entries() {
+                watch(this, ANY);
+                return from.entries();
+            },
+            forEach(callbackfn, thisArg) {
+                const acc = [];
+                from.forEach((a, b, c) => {
+                    const result = callbackfn.call(thisArg, a, b, c);
+                    if (result !== undefined)
+                        acc.push(result);
+                });
+                watch(this, ANY);
+                return acc;
+            },
+            [Symbol.iterator]() {
+                watch(this, ANY);
+                return from[Symbol.iterator]();
+            },
+        }, from instanceof Set
+            ? {
+                add(key) {
+                    from.add(key);
+                    emit(key);
+                    return this;
+                }
+            }
+            : {
+                get(key) {
+                    watch(this, ANY);
+                    return from.get(key);
+                },
+                set(key, value) {
+                    from.set(key, value);
+                    emit(key);
+                    return this;
+                }
+            });
+        defineProperty(proxy, "size", {
+            get() {
+                watch(this, ANY);
+                return from.size;
+            }
+        });
+        return proxy;
+    };
 }
 
-const Oops$5 = issues({
+const Parent = new WeakMap();
+const Oops$6 = issues({
     BadArgument: (type) => `Instruction \`use\` cannot accept argument type of ${type}.`,
 });
 function use$1(input, argument) {
@@ -1076,7 +994,7 @@ function use$1(input, argument) {
         if (typeof input === "function")
             input = "prototype" in input ? new input() : input();
         else if (input && typeof input !== "object")
-            throw Oops$5.BadArgument(typeof input);
+            throw Oops$6.BadArgument(typeof input);
         if (input instanceof Map || input instanceof Set)
             return keyed(this, key, input);
         function onUpdate(next) {
@@ -1098,6 +1016,25 @@ function use$1(input, argument) {
     });
 }
 
+const Oops$5 = issues({
+    Required: (expects, child) => `New ${child} created standalone but requires parent of type ${expects}. Did you remember to create via use(${child})?`,
+    Unexpected: (expects, child, got) => `New ${child} created as child of ${got}, but must be instanceof ${expects}.`,
+});
+function has(Expects, required) {
+    return apply(function parent() {
+        const child = this.subject;
+        const value = Parent.get(child);
+        const expected = Expects.name;
+        if (!value) {
+            if (required !== false)
+                throw Oops$5.Required(expected, child);
+        }
+        else if (!(value instanceof Expects))
+            throw Oops$5.Unexpected(expected, child, value);
+        return { value };
+    });
+}
+
 class Lookup {
     constructor() {
         this.table = new Map();
@@ -1382,12 +1319,12 @@ class MVC extends Model {
                 });
             return instance;
         }, []);
-        usePeerContext(instance.get);
+        usePeerContext(instance.is);
         return instance;
     }
     static use(a, b) {
         const instance = useModel(this, a, b);
-        usePeerContext(instance.get);
+        usePeerContext(instance.is);
         return instance;
     }
     /**
@@ -1521,5 +1458,5 @@ class Global extends MVC {
     }
 }
 
-export { CONTROL, Consumer, Global, LOCAL, MVC as Model, Provider, STATE, WHY, act, apply, array, MVC as default, get as from, get, parent, put, ref, set, tap, use$1 as use, useFrom, useLocal, useModel, useTap };
+export { CONTROL, Consumer, Global, LOCAL, MVC as Model, Provider, STATE, WHY, act, apply, MVC as default, get, has, put, ref, set, tap, use$1 as use, useFrom, useLocal, useModel, useTap };
 //# sourceMappingURL=index.esm.js.map