ES6 Proxy

src/api/observable.ts

@@ -116,6 +116,35 @@ export class IObservableFactories {
 		return res as any;
 	}
 
+	dynamic<T>(props: T, name?: string): T & IObservableObject {
+		if (arguments.length > 2)
+			incorrectlyUsedAsDecorator("object");
+		invariant(typeof Proxy === 'function', "dynamic objects are not supported in this environment");
+		const internalMap = new ObservableMap(props, referenceEnhancer, name);
+		const result = new Proxy(internalMap, {
+			get(target, property:string, receiver){
+				if (property === '$mobx'){
+					return target[property];
+				}
+				return target.get(property);
+			},
+			set(target, property:string, value, receiver){
+				if (property === '$mobx'){
+					return false;}
+				target.set(property, value);
+				return true;
+			},
+			ownKeys: function(target) {
+				return target.keys();
+			},
+			getOwnPropertyDescriptor: function(target, property:string) {
+				return {enumerable: target.has(property), configurable:true};
+			}
+		});
+
+		return result as any;
+	}
+
 
 	/**
 	 * Decorator that creates an observable that only observes the references, but doesn't try to turn the assigned value into an observable.ts.

src/utils/utils.ts

@@ -6,10 +6,7 @@ export function getGlobal() {
 	return global;
 }
 
-export interface Lambda {
-	(): void;
-	name?: string;
-}
+export type Lambda = Function;
 
 export function getNextId() {
 	return ++globalState.mobxGuid;

test/makereactive.js

@@ -583,6 +583,44 @@ test("boxed value json", t => {
 	t.end();
 })
 
+test("proxied value json", t => {
+	if(typeof Proxy === 'function') {
+		try {
+			const log = [];
+			const todos = mobx.observable.dynamic({
+				"a23bf": {completed: false}
+			});
+
+			const cleanup = mobx.autorun(() => {
+				try {
+					log.push(Object.keys(todos));
+				} catch (e) {
+					t.error('error in autorun', e);
+				}
+			});
+
+			t.equal(log.length, 1);
+			t.equal(log[0][0], "a23bf");
+
+			todos["a8235"] = {completed: true};
+
+			t.equal(log.length, 2);
+			t.equal(log[1][0], "a23bf");
+			t.equal(log[1][1], "a8235");
+			cleanup();
+		} catch (e) {
+			t.error('error in test', e);
+		}
+	} else {
+		t.throws(() => mobx.observable.dynamic({
+			"a23bf": {completed: false}
+		}))
+	}
+	t.end();
+});
+
+
+
 test("computed value scope", t => {
 	var a = mobx.observable({
 		x: 1,

tsconfig.json

@@ -12,7 +12,8 @@
 		"noImplicitUseStrict": true,
 		"noImplicitAny": false,
 		"lib": [
-			"es5",
+			"ES2015.Proxy",
+			"es6",
 			"dom"
 		]
     },