dom-render 1.0.74 → 1.0.77

package/DomRenderProxy.js

@@ -1,327 +1,342 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomRenderProxy = void 0;
-var RawSet_1 = require("./RawSet");
-var EventManager_1 = require("./events/EventManager");
-var ScriptUtils_1 = require("./utils/script/ScriptUtils");
-var Types_1 = require("./types/Types");
-var excludeGetSetPropertys = ['onBeforeReturnGet', 'onBeforeReturnSet', '__domrender_components', '__render', '_DomRender_isFinal', '_domRender_ref', '_rawSets', '_domRender_proxy', '_targets', '_DomRender_origin', '_DomRender_ref', '_DomRender_proxy'];
-var DomRenderProxy = /** @class */ (function () {
-    function DomRenderProxy(_domRender_origin, target, config) {
-        this._domRender_origin = _domRender_origin;
-        this.config = config;
-        this._domRender_ref = new Map();
-        this._rawSets = new Map();
-        this._targets = new Set();
-        if (target) {
-            this._targets.add(target);
-        }
-    }
-    DomRenderProxy.unFinal = function (obj) {
-        return Types_1.DomRenderFinalProxy.unFinal(obj);
-    };
-    DomRenderProxy.final = function (obj) {
-        return Types_1.DomRenderFinalProxy.final(obj);
-    };
-    DomRenderProxy.isFinal = function (obj) {
-        return Types_1.DomRenderFinalProxy.isFinal(obj);
-    };
-    DomRenderProxy.prototype.run = function (objProxy) {
-        var _this = this;
-        this._domRender_proxy = objProxy;
-        var obj = objProxy._DomRender_origin;
-        if (obj) {
-            Object.keys(obj).forEach(function (it) {
-                var _a, _b;
-                // console.log('key-------->', it)
-                var target = obj[it];
-                if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Types_1.Shield)) {
-                    // console.log('target-------->', it, target);
-                    // console.count('target')
-                    // console.log('target-------->')
-                    var filter = (_b = (_a = _this.config.proxyExcludeTyps) === null || _a === void 0 ? void 0 : _a.filter(function (it) { return target instanceof it; })) !== null && _b !== void 0 ? _b : [];
-                    if (filter.length === 0) {
-                        var proxyAfter = _this.proxy(objProxy, target, it);
-                        obj[it] = proxyAfter;
-                    }
-                }
-            });
-        }
-        this._targets.forEach(function (target) {
-            _this.initRender(target);
-        });
-    };
-    DomRenderProxy.prototype.initRender = function (target) {
-        var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g;
-        var onCreate = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, 'dr-on-create');
-        var createParam = undefined;
-        if (onCreate) {
-            createParam = ScriptUtils_1.ScriptUtils.evalReturn(onCreate, this._domRender_proxy);
-        }
-        (_d = (_c = this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call(_c, createParam);
-        var innerHTML = (_e = target.innerHTML) !== null && _e !== void 0 ? _e : '';
-        this._targets.add(target);
-        var rawSets = RawSet_1.RawSet.checkPointCreates(target, this.config);
-        EventManager_1.eventManager.applyEvent(this._domRender_proxy, EventManager_1.eventManager.findAttrElements(target, this.config), this.config);
-        rawSets.forEach(function (it) {
-            var variables = it.getUsingTriggerVariables(_this.config);
-            if (variables.size <= 0) {
-                _this.addRawSet('', it);
-            }
-            else {
-                variables.forEach(function (sit) {
-                    _this.addRawSet(sit, it);
-                });
-            }
-        });
-        this.render(this.getRawSets());
-        var render = { target: target };
-        var creatorMetaData = {
-            creator: this._domRender_proxy,
-            rootCreator: this._domRender_proxy,
-            innerHTML: innerHTML
-        };
-        (_g = (_f = this._domRender_proxy) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, { render: render, creatorMetaData: creatorMetaData });
-    };
-    DomRenderProxy.prototype.getRawSets = function () {
-        var set = new Set();
-        this._rawSets.forEach(function (v, k) {
-            v.forEach(function (it) { return set.add(it); });
-        });
-        return Array.from(set);
-    };
-    DomRenderProxy.prototype.render = function (raws) {
-        var _this = this;
-        if (typeof raws === 'string') {
-            var iter = this._rawSets.get(raws);
-            if (iter) {
-                raws = Array.from(iter);
-            }
-            else {
-                raws = undefined;
-            }
-        }
-        var removeRawSets = [];
-        (raws !== null && raws !== void 0 ? raws : this.getRawSets()).forEach(function (it) {
-            var _a;
-            it.getUsingTriggerVariables(_this.config).forEach(function (path) { return _this.addRawSet(path, it); });
-            // console.log('------->', it, it.isConnected)
-            if (it.isConnected) {
-                if ((_a = it.detect) === null || _a === void 0 ? void 0 : _a.action) {
-                    it.detect.action();
-                }
-                else {
-                    var rawSets = it.render(_this._domRender_proxy, _this.config);
-                    if (rawSets && rawSets.length > 0) {
-                        _this.render(rawSets);
-                    }
-                }
-            }
-            else {
-                removeRawSets.push(it);
-                // this.removeRawSet(it)
-            }
-        });
-        if (removeRawSets.length > 0) {
-            this.removeRawSet.apply(this, removeRawSets);
-        }
-    };
-    DomRenderProxy.prototype.root = function (paths, value, lastDoneExecute) {
-        var _this = this;
-        if (lastDoneExecute === void 0) { lastDoneExecute = true; }
-        // console.log('root--->', paths, value, this._domRender_ref, this._domRender_origin);
-        var fullPaths = [];
-        if (this._domRender_ref.size > 0) {
-            this._domRender_ref.forEach(function (it, key) {
-                if ('_DomRender_isProxy' in key) {
-                    it.forEach(function (sit) {
-                        var _a;
-                        var items = (_a = key._DomRender_proxy) === null || _a === void 0 ? void 0 : _a.root(paths.concat(sit), value, lastDoneExecute);
-                        fullPaths.push(items.join(','));
-                    });
-                }
-            });
-        }
-        else {
-            var strings = paths.reverse();
-            var fullPathStr_1 = strings.map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('').slice(1);
-            if (lastDoneExecute) {
-                var iterable = this._rawSets.get(fullPathStr_1);
-                // array check
-                var front = strings.slice(0, strings.length - 1).map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('');
-                var last = strings[strings.length - 1];
-                var data = ScriptUtils_1.ScriptUtils.evalReturn('this' + front, this._domRender_proxy);
-                if (last === 'length' && Array.isArray(data)) {
-                    var aIterable = this._rawSets.get(front.slice(1));
-                    if (aIterable) {
-                        this.render(Array.from(aIterable));
-                    }
-                }
-                else if (iterable) {
-                    this.render(Array.from(iterable));
-                }
-                this._targets.forEach(function (it) {
-                    if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
-                        var targets = EventManager_1.eventManager.findAttrElements(it, _this.config);
-                        EventManager_1.eventManager.changeVar(_this._domRender_proxy, targets, "this.".concat(fullPathStr_1), _this.config);
-                    }
-                });
-            }
-            fullPaths.push(fullPathStr_1);
-        }
-        return fullPaths;
-    };
-    DomRenderProxy.prototype.set = function (target, p, value, receiver) {
-        var _a, _b, _c;
-        if (typeof p === 'string' && p !== '__domrender_components' && excludeGetSetPropertys.includes(p)) {
-            target[p] = value;
-            return true;
-        }
-        // console.log('set proxy-->', target, p, value, this._rawSets, this._domRender_ref);
-        // if (typeof p === 'string' && '__render' === p) {
-        //     (target as any)[p] = value;
-        //     return true;
-        // }
-        // console.log('set--?', p, target, value);
-        if (typeof p === 'string') {
-            value = this.proxy(receiver, value, p);
-        }
-        target[p] = value;
-        var fullPath;
-        if (typeof p === 'string') {
-            fullPath = this.root([p], value);
-        }
-        // console.log('full path:', fullPath);
-        if (('onBeforeReturnSet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnSets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
-            (_c = (_b = receiver) === null || _b === void 0 ? void 0 : _b.onBeforeReturnSet) === null || _c === void 0 ? void 0 : _c.call(_b, p, value, fullPath);
-        }
-        return true;
-    };
-    DomRenderProxy.prototype.get = function (target, p, receiver) {
-        var _a, _b, _c;
-        // console.log('get-->', target, p, receiver);
-        if (p === '_DomRender_origin') {
-            return this._domRender_origin;
-        }
-        else if (p === '_DomRender_ref') {
-            return this._domRender_ref;
-        }
-        else if (p === '_DomRender_proxy') {
-            return this;
-        }
-        else {
-            // Date라던지 이런놈들은-_-프록시가 이상하게 동작해서
-            // console.log('--->', p, target, target.bind, 'bind' in target)
-            // if ((p in target) && ('bind' in target)) {
-            //     try{
-            //     return (target as any)[p].bind(target);
-            //     }catch (e) {
-            //         console.error(e)
-            //     }
-            // } else {
-            //     return (target as any)[p]
-            // }
-            // return (p in target) ? (target as any)[p].bind(target) : (target as any)[p]
-            // console.log('-->', p, Object.prototype.toString.call((target as any)[p]), (target as any)[p])
-            // return (target as any)[p]
-            var it_1 = target[p];
-            if (it_1 && typeof it_1 === 'object' && ('_DomRender_isProxy' in it_1) && Object.prototype.toString.call(it_1._DomRender_origin) === '[object Date]') {
-                it_1 = it_1._DomRender_origin;
-            }
-            if (('onBeforeReturnGet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnGets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
-                (_c = (_b = receiver) === null || _b === void 0 ? void 0 : _b.onBeforeReturnGet) === null || _c === void 0 ? void 0 : _c.call(_b, p, it_1, this.root([p], it_1, false));
-            }
-            return it_1;
-        }
-    };
-    DomRenderProxy.prototype.has = function (target, p) {
-        return p === '_DomRender_isProxy' || p in target;
-    };
-    DomRenderProxy.prototype.proxy = function (parentProxy, obj, p) {
-        var _a, _b;
-        var proxyTarget = ((_b = (_a = this.config.proxyExcludeTyps) === null || _a === void 0 ? void 0 : _a.filter(function (it) { return obj instanceof it; })) !== null && _b !== void 0 ? _b : []).length <= 0;
-        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Types_1.Shield)) {
-            var domRender = new DomRenderProxy(obj, undefined, this.config);
-            domRender.addRef(parentProxy, p);
-            var proxy = new Proxy(obj, domRender);
-            domRender.run(proxy);
-            return proxy;
-        }
-        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Types_1.Shield)) {
-            var d = obj._DomRender_proxy;
-            d.addRef(this._domRender_proxy, p);
-            return obj;
-        }
-        else {
-            return obj;
-        }
-    };
-    DomRenderProxy.prototype.addRef = function (parent, path) {
-        var _a;
-        if (!this._domRender_ref.get(parent)) {
-            this._domRender_ref.set(parent, new Set());
-        }
-        (_a = this._domRender_ref.get(parent)) === null || _a === void 0 ? void 0 : _a.add(path);
-    };
-    DomRenderProxy.prototype.addRawSetAndRender = function (path, rawSet) {
-        this.addRawSet(path, rawSet);
-        this.render([rawSet]);
-    };
-    DomRenderProxy.prototype.addRawSet = function (path, rawSet) {
-        var _a;
-        // console.log('addRawSet-->', path, rawSet)
-        if (!this._rawSets.get(path)) {
-            this._rawSets.set(path, new Set());
-        }
-        (_a = this._rawSets.get(path)) === null || _a === void 0 ? void 0 : _a.add(rawSet);
-    };
-    // public removeRawSet(...raws: RawSet[]) {
-    //     this._rawSets.forEach(it => {
-    //         raws.forEach(sit => it.delete(sit));
-    //     })
-    //     this.garbageRawSet();
-    // }
-    DomRenderProxy.prototype.removeRawSet = function () {
-        var raws = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            raws[_i] = arguments[_i];
-        }
-        this._rawSets.forEach(function (it) {
-            it.forEach(function (sit) {
-                if (!sit.isConnected) {
-                    it.delete(sit);
-                }
-                else if (raws.includes(sit)) {
-                    it.delete(sit);
-                }
-            });
-        });
-        this.targetGarbageRawSet();
-    };
-    DomRenderProxy.prototype.targetGarbageRawSet = function () {
-        var _this = this;
-        this._targets.forEach(function (it) {
-            if (!it.isConnected) {
-                _this._targets.delete(it);
-            }
-        });
-    };
-    DomRenderProxy.prototype.garbageRawSet = function () {
-        var _this = this;
-        this._targets.forEach(function (it) {
-            if (!it.isConnected) {
-                _this._targets.delete(it);
-            }
-        });
-        this._rawSets.forEach(function (it) {
-            it.forEach(function (sit) {
-                if (!sit.isConnected) {
-                    it.delete(sit);
-                }
-            });
-        });
-    };
-    return DomRenderProxy;
-}());
-exports.DomRenderProxy = DomRenderProxy;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DomRenderProxy = void 0;
+var RawSet_1 = require("./RawSet");
+var EventManager_1 = require("./events/EventManager");
+var ScriptUtils_1 = require("./utils/script/ScriptUtils");
+var Types_1 = require("./types/Types");
+var excludeGetSetPropertys = ['onBeforeReturnGet', 'onBeforeReturnSet', '__domrender_components', '__render', '_DomRender_isFinal', '_domRender_ref', '_rawSets', '_domRender_proxy', '_targets', '_DomRender_origin', '_DomRender_ref', '_DomRender_proxy'];
+var DomRenderProxy = /** @class */ (function () {
+    function DomRenderProxy(_domRender_origin, target, config) {
+        this._domRender_origin = _domRender_origin;
+        this.config = config;
+        this._domRender_ref = new Map();
+        this._rawSets = new Map();
+        this._targets = new Set();
+        if (target) {
+            this._targets.add(target);
+        }
+    }
+    DomRenderProxy.unFinal = function (obj) {
+        return Types_1.DomRenderFinalProxy.unFinal(obj);
+    };
+    DomRenderProxy.final = function (obj) {
+        return Types_1.DomRenderFinalProxy.final(obj);
+    };
+    DomRenderProxy.isFinal = function (obj) {
+        return Types_1.DomRenderFinalProxy.isFinal(obj);
+    };
+    DomRenderProxy.prototype.run = function (objProxy) {
+        var _this = this;
+        var _a, _b;
+        this._domRender_proxy = objProxy;
+        (_b = (_a = objProxy) === null || _a === void 0 ? void 0 : _a.onProxyDomRender) === null || _b === void 0 ? void 0 : _b.call(_a, this.config);
+        var obj = objProxy._DomRender_origin;
+        if (obj) {
+            Object.keys(obj).forEach(function (it) {
+                var _a, _b;
+                // console.log('key-------->', it)
+                var target = obj[it];
+                if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Types_1.Shield)) {
+                    // console.log('target-------->', it, target);
+                    // console.count('target')
+                    // console.log('target-------->')
+                    var filter = (_b = (_a = _this.config.proxyExcludeTyps) === null || _a === void 0 ? void 0 : _a.filter(function (it) { return target instanceof it; })) !== null && _b !== void 0 ? _b : [];
+                    if (filter.length === 0) {
+                        var proxyAfter = _this.proxy(objProxy, target, it);
+                        obj[it] = proxyAfter;
+                    }
+                }
+            });
+        }
+        this._targets.forEach(function (target) {
+            _this.initRender(target);
+        });
+    };
+    DomRenderProxy.prototype.initRender = function (target) {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g;
+        var onCreate = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, "".concat(EventManager_1.EventManager.attrPrefix, "on-create"));
+        var createParam = undefined;
+        if (onCreate) {
+            createParam = ScriptUtils_1.ScriptUtils.evalReturn(onCreate, this._domRender_proxy);
+        }
+        (_d = (_c = this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call(_c, createParam);
+        var innerHTML = (_e = target.innerHTML) !== null && _e !== void 0 ? _e : '';
+        this._targets.add(target);
+        var rawSets = RawSet_1.RawSet.checkPointCreates(target, this.config);
+        // console.log('-------rawSet', rawSets)
+        // 중요 초기에 한번 튕겨줘야함.
+        EventManager_1.eventManager.applyEvent(this._domRender_proxy, EventManager_1.eventManager.findAttrElements(target, this.config), this.config);
+        rawSets.forEach(function (it) {
+            var variables = it.getUsingTriggerVariables(_this.config);
+            if (variables.size <= 0) {
+                _this.addRawSet('', it);
+            }
+            else {
+                variables.forEach(function (sit) {
+                    _this.addRawSet(sit, it);
+                });
+            }
+        });
+        this.render(this.getRawSets());
+        var render = { target: target };
+        var creatorMetaData = {
+            creator: this._domRender_proxy,
+            rootCreator: this._domRender_proxy,
+            innerHTML: innerHTML
+        };
+        (_g = (_f = this._domRender_proxy) === null || _f === void 0 ? void 0 : _f.onInitRender) === null || _g === void 0 ? void 0 : _g.call(_f, { render: render, creatorMetaData: creatorMetaData });
+    };
+    DomRenderProxy.prototype.getRawSets = function () {
+        var set = new Set();
+        this._rawSets.forEach(function (v, k) {
+            v.forEach(function (it) { return set.add(it); });
+        });
+        return Array.from(set);
+    };
+    DomRenderProxy.prototype.render = function (raws) {
+        var _this = this;
+        if (typeof raws === 'string') {
+            var iter = this._rawSets.get(raws);
+            if (iter) {
+                raws = Array.from(iter);
+            }
+            else {
+                raws = undefined;
+            }
+        }
+        var removeRawSets = [];
+        (raws !== null && raws !== void 0 ? raws : this.getRawSets()).forEach(function (it) {
+            var _a;
+            it.getUsingTriggerVariables(_this.config).forEach(function (path) { return _this.addRawSet(path, it); });
+            // console.log('------->', it, it.isConnected)
+            if (it.isConnected) {
+                if ((_a = it.detect) === null || _a === void 0 ? void 0 : _a.action) {
+                    it.detect.action();
+                }
+                else {
+                    var rawSets = it.render(_this._domRender_proxy, _this.config);
+                    if (rawSets && rawSets.length > 0) {
+                        _this.render(rawSets);
+                    }
+                }
+            }
+            else {
+                removeRawSets.push(it);
+                // this.removeRawSet(it)
+            }
+        });
+        if (removeRawSets.length > 0) {
+            this.removeRawSet.apply(this, removeRawSets);
+        }
+    };
+    DomRenderProxy.prototype.root = function (paths, value, lastDoneExecute) {
+        var _this = this;
+        if (lastDoneExecute === void 0) { lastDoneExecute = true; }
+        // console.log('root--->', paths, value, this._domRender_ref, this._domRender_origin);
+        var fullPaths = [];
+        if (this._domRender_ref.size > 0) {
+            this._domRender_ref.forEach(function (it, key) {
+                if ('_DomRender_isProxy' in key) {
+                    it.forEach(function (sit) {
+                        var _a;
+                        try {
+                            var items = (_a = key._DomRender_proxy) === null || _a === void 0 ? void 0 : _a.root(paths.concat(sit), value, lastDoneExecute);
+                            fullPaths.push(items.join(','));
+                        }
+                        catch (e) {
+                            // 오브젝트들 없어졌을수도있다 Destroy시점에서 오류나는경우가 있다. 따라서 참조 하는부분 없어져야한다.
+                            // console.error(e)
+                            // it.delete(sit);
+                        }
+                    });
+                }
+            });
+        }
+        else {
+            var strings = paths.reverse();
+            var fullPathStr_1 = strings.map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('').slice(1);
+            if (lastDoneExecute) {
+                var iterable = this._rawSets.get(fullPathStr_1);
+                // array check
+                var front = strings.slice(0, strings.length - 1).map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('');
+                var last = strings[strings.length - 1];
+                var data = ScriptUtils_1.ScriptUtils.evalReturn('this' + front, this._domRender_proxy);
+                if (last === 'length' && Array.isArray(data)) {
+                    var aIterable = this._rawSets.get(front.slice(1));
+                    if (aIterable) {
+                        this.render(Array.from(aIterable));
+                    }
+                }
+                else if (iterable) {
+                    // console.log('----->', iterable)
+                    this.render(Array.from(iterable));
+                }
+                this._targets.forEach(function (it) {
+                    // console.log('target------->,', it)
+                    // return;
+                    if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
+                        var targets = EventManager_1.eventManager.findAttrElements(it, _this.config);
+                        // console.log('------>', targets);
+                        EventManager_1.eventManager.changeVar(_this._domRender_proxy, targets, "this.".concat(fullPathStr_1), _this.config);
+                    }
+                });
+            }
+            fullPaths.push(fullPathStr_1);
+        }
+        return fullPaths;
+    };
+    DomRenderProxy.prototype.set = function (target, p, value, receiver) {
+        var _a, _b, _c;
+        if (typeof p === 'string' && p !== '__domrender_components' && excludeGetSetPropertys.includes(p)) {
+            target[p] = value;
+            return true;
+        }
+        // console.log('set proxy-->', target, p, value, this._rawSets, this._domRender_ref);
+        // if (typeof p === 'string' && '__render' === p) {
+        //     (target as any)[p] = value;
+        //     return true;
+        // }
+        // console.log('set--?', p, target, value);
+        if (typeof p === 'string') {
+            value = this.proxy(receiver, value, p);
+        }
+        target[p] = value;
+        var fullPath;
+        if (typeof p === 'string') {
+            fullPath = this.root([p], value);
+        }
+        // console.log('full path:', fullPath);
+        if (('onBeforeReturnSet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnSets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
+            (_c = (_b = receiver) === null || _b === void 0 ? void 0 : _b.onBeforeReturnSet) === null || _c === void 0 ? void 0 : _c.call(_b, p, value, fullPath);
+        }
+        return true;
+    };
+    DomRenderProxy.prototype.get = function (target, p, receiver) {
+        var _a, _b, _c;
+        // console.log('get-->', target, p, receiver);
+        if (p === '_DomRender_origin') {
+            return this._domRender_origin;
+        }
+        else if (p === '_DomRender_ref') {
+            return this._domRender_ref;
+        }
+        else if (p === '_DomRender_proxy') {
+            return this;
+        }
+        else {
+            // Date라던지 이런놈들은-_-프록시가 이상하게 동작해서
+            // console.log('--->', p, target, target.bind, 'bind' in target)
+            // if ((p in target) && ('bind' in target)) {
+            //     try{
+            //     return (target as any)[p].bind(target);
+            //     }catch (e) {
+            //         console.error(e)
+            //     }
+            // } else {
+            //     return (target as any)[p]
+            // }
+            // return (p in target) ? (target as any)[p].bind(target) : (target as any)[p]
+            // console.log('-->', p, Object.prototype.toString.call((target as any)[p]), (target as any)[p])
+            // return (target as any)[p]
+            var it_1 = target[p];
+            if (it_1 && typeof it_1 === 'object' && ('_DomRender_isProxy' in it_1) && Object.prototype.toString.call(it_1._DomRender_origin) === '[object Date]') {
+                it_1 = it_1._DomRender_origin;
+            }
+            if (('onBeforeReturnGet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnGets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
+                (_c = (_b = receiver) === null || _b === void 0 ? void 0 : _b.onBeforeReturnGet) === null || _c === void 0 ? void 0 : _c.call(_b, p, it_1, this.root([p], it_1, false));
+            }
+            return it_1;
+        }
+    };
+    DomRenderProxy.prototype.has = function (target, p) {
+        return p === '_DomRender_isProxy' || p in target;
+    };
+    DomRenderProxy.prototype.proxy = function (parentProxy, obj, p) {
+        var _a, _b;
+        var proxyTarget = ((_b = (_a = this.config.proxyExcludeTyps) === null || _a === void 0 ? void 0 : _a.filter(function (it) { return obj instanceof it; })) !== null && _b !== void 0 ? _b : []).length <= 0;
+        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Types_1.Shield)) {
+            var domRender = new DomRenderProxy(obj, undefined, this.config);
+            domRender.addRef(parentProxy, p);
+            var proxy = new Proxy(obj, domRender);
+            domRender.run(proxy);
+            return proxy;
+        }
+        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Types_1.Shield)) {
+            var d = obj._DomRender_proxy;
+            d.addRef(this._domRender_proxy, p);
+            return obj;
+        }
+        else {
+            return obj;
+        }
+    };
+    DomRenderProxy.prototype.addRef = function (parent, path) {
+        var _a;
+        if (!this._domRender_ref.get(parent)) {
+            this._domRender_ref.set(parent, new Set());
+        }
+        (_a = this._domRender_ref.get(parent)) === null || _a === void 0 ? void 0 : _a.add(path);
+    };
+    DomRenderProxy.prototype.addRawSetAndRender = function (path, rawSet) {
+        this.addRawSet(path, rawSet);
+        this.render([rawSet]);
+    };
+    DomRenderProxy.prototype.addRawSet = function (path, rawSet) {
+        var _a;
+        // console.log('addRawSet-->', path, rawSet)
+        if (!this._rawSets.get(path)) {
+            this._rawSets.set(path, new Set());
+        }
+        (_a = this._rawSets.get(path)) === null || _a === void 0 ? void 0 : _a.add(rawSet);
+    };
+    // public removeRawSet(...raws: RawSet[]) {
+    //     this._rawSets.forEach(it => {
+    //         raws.forEach(sit => it.delete(sit));
+    //     })
+    //     this.garbageRawSet();
+    // }
+    DomRenderProxy.prototype.removeRawSet = function () {
+        var raws = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            raws[_i] = arguments[_i];
+        }
+        this._rawSets.forEach(function (it) {
+            it.forEach(function (sit) {
+                if (!sit.isConnected) {
+                    it.delete(sit);
+                }
+                else if (raws.includes(sit)) {
+                    it.delete(sit);
+                }
+            });
+        });
+        this.targetGarbageRawSet();
+    };
+    DomRenderProxy.prototype.targetGarbageRawSet = function () {
+        var _this = this;
+        this._targets.forEach(function (it) {
+            if (!it.isConnected) {
+                _this._targets.delete(it);
+            }
+        });
+    };
+    DomRenderProxy.prototype.garbageRawSet = function () {
+        var _this = this;
+        this._targets.forEach(function (it) {
+            if (!it.isConnected) {
+                _this._targets.delete(it);
+            }
+        });
+        this._rawSets.forEach(function (it) {
+            it.forEach(function (sit) {
+                if (!sit.isConnected) {
+                    it.delete(sit);
+                }
+            });
+        });
+    };
+    return DomRenderProxy;
+}());
+exports.DomRenderProxy = DomRenderProxy;