dom-render 1.0.97 → 1.0.99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dom-render",
-  "version": "1.0.97",
+  "version": "1.0.99",
   "main": "DomRender.js",
   "license": "MIT",
   "description": "html view template engine",

package/DomRender.d.ts

@@ -1,13 +0,0 @@
-import { Config } from './configs/Config';
-import { ConstructorType } from './types/Types';
-import { RawSet } from './rawsets/RawSet';
-export declare class DomRender {
-    static run<T extends object>(obj: T, target?: Node | null, oConfig?: Config): T;
-    static createComponent(param: {
-        type: ConstructorType<any> | any;
-        tagName?: string;
-        template?: string;
-        styles?: string[] | string;
-    }): import("./configs/TargetElement").TargetElement;
-    static createAttribute(attrName: string, getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any, factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment): import("./configs/TargetAttr").TargetAttr;
-}

package/DomRender.js

@@ -1,72 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomRender = void 0;
-var DomRenderProxy_1 = require("./DomRenderProxy");
-var PathRouter_1 = require("./routers/PathRouter");
-var HashRouter_1 = require("./routers/HashRouter");
-var Types_1 = require("./types/Types");
-var RawSet_1 = require("./rawsets/RawSet");
-var DefaultMessenger_1 = require("./messenger/DefaultMessenger");
-var DomRender = /** @class */ (function () {
-    function DomRender() {
-    }
-    DomRender.run = function (obj, target, oConfig) {
-        var _a, _b, _c;
-        var robj = obj;
-        if ('_DomRender_isProxy' in obj) {
-            if (target) {
-                obj._DomRender_proxy.initRender(target);
-            }
-            robj = obj;
-            return robj;
-        }
-        var config = oConfig;
-        if (!config) {
-            config = { window: window };
-        }
-        if (config && !config.window) {
-            config.window = window;
-        }
-        config.routerType = config.routerType || 'none';
-        config.messenger = Types_1.DomRenderFinalProxy.final((_a = config.messenger) !== null && _a !== void 0 ? _a : new DefaultMessenger_1.DefaultMessenger(config));
-        var domRender = new DomRenderProxy_1.DomRenderProxy(obj, target, config);
-        var dest = new Proxy(obj, domRender);
-        robj = dest;
-        if (config.routerType === 'path') {
-            config.router = (_b = config.router) !== null && _b !== void 0 ? _b : new PathRouter_1.PathRouter(robj, config.window);
-        }
-        else if (config.routerType === 'hash') {
-            config.router = (_c = config.router) !== null && _c !== void 0 ? _c : new HashRouter_1.HashRouter(robj, config.window);
-        }
-        else { // default
-            // config.routerType = 'hash';
-            // config.router = config.router ?? new HashRouter(robj, config.window);
-        }
-        domRender.run(robj);
-        return robj;
-    };
-    DomRender.createComponent = function (param) {
-        var _a, _b;
-        // console.log('===>', typeof param.type, param.type.name, param.type.constructor.name)
-        var component = RawSet_1.RawSet.createComponentTargetElement((_a = param.tagName) !== null && _a !== void 0 ? _a : (typeof param.type === 'function' ? param.type.name : param.type.constructor.name), function (e, o, r2, counstructorParam) {
-            var _a;
-            return typeof param.type === 'function' ? new ((_a = param.type).bind.apply(_a, __spreadArray([void 0], counstructorParam, false)))() : param.type;
-        }, (_b = param.template) !== null && _b !== void 0 ? _b : '', Array.isArray(param.styles) ? param.styles : (param.styles ? [param.styles] : undefined));
-        return component;
-    };
-    DomRender.createAttribute = function (attrName, getThisObj, factory) {
-        var targetAttribute = RawSet_1.RawSet.createComponentTargetAttribute(attrName, getThisObj, factory);
-        return targetAttribute;
-    };
-    return DomRender;
-}());
-exports.DomRender = DomRender;

package/DomRenderProxy.d.ts

@@ -1,30 +0,0 @@
-import { RawSet } from './rawsets/RawSet';
-import { Config } from './configs/Config';
-export declare class DomRenderProxy<T extends object> implements ProxyHandler<T> {
-    _domRender_origin: T;
-    config: Config;
-    _domRender_ref: Map<object, Set<string>>;
-    _rawSets: Map<string, Set<RawSet>>;
-    _domRender_proxy?: T;
-    _targets: Set<Node>;
-    constructor(_domRender_origin: T, target: Node | null | undefined, config: Config);
-    static unFinal<T = any>(obj: T): T;
-    static final<T = any>(obj: T): T;
-    static isFinal<T = any>(obj: T): boolean;
-    run(objProxy: T): void;
-    initRender(target: Node): void;
-    getRawSets(): RawSet[];
-    render(raws?: RawSet[] | string, fullPathStr?: string): Promise<void>;
-    root(paths: string[], value?: any, lastDoneExecute?: boolean): string[];
-    set(target: T, p: string | symbol, value: any, receiver: T): boolean;
-    get(target: T, p: string | symbol, receiver: any): any;
-    deleteProperty(target: T, p: string | symbol): boolean;
-    has(target: T, p: string | symbol): boolean;
-    proxy(parentProxy: T, obj: T | any, p: string): any;
-    addRef(parent: object, path: string): void;
-    addRawSetAndRender(path: string, rawSet: RawSet): void;
-    addRawSet(path: string, rawSet: RawSet): void;
-    removeRawSet(...raws: RawSet[]): void;
-    private targetGarbageRawSet;
-    private garbageRawSet;
-}

package/DomRenderProxy.js

@@ -1,510 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomRenderProxy = void 0;
-var RawSet_1 = require("./rawsets/RawSet");
-var EventManager_1 = require("./events/EventManager");
-var ScriptUtils_1 = require("./utils/script/ScriptUtils");
-var Types_1 = require("./types/Types");
-var RawSetType_1 = require("./rawsets/RawSetType");
-var DrThisProperty_1 = require("./operators/DrThisProperty");
-var RawSetOperatorType_1 = require("./rawsets/RawSetOperatorType");
-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) {
-                        // console.log('--------', objProxy, target, it)
-                        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;
-        var onCreate = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, RawSet_1.RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
-        var createParam = [];
-        if (onCreate) {
-            createParam = ScriptUtils_1.ScriptUtils.evalReturn(onCreate, this._domRender_proxy);
-            if (!Array.isArray(createParam)) {
-                createParam = [createParam];
-            }
-        }
-        (_d = (_c = this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onCreateRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([_c], createParam, false));
-        var innerHTML = (_e = target.innerHTML) !== null && _e !== void 0 ? _e : '';
-        this._targets.add(target);
-        var rawSets = RawSet_1.RawSet.checkPointCreates(target, this._domRender_proxy, this.config);
-        // console.log('initRender -------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()).then(function (it) {
-            var _a, _b, _c, _d;
-            // const render = {target} as Render;
-            // const creatorMetaData = {
-            //     creator: this._domRender_proxy,
-            //     rootCreator: this._domRender_proxy,
-            //     innerHTML
-            // } as CreatorMetaData;
-            var onInit = (_b = (_a = target).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, RawSet_1.RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME);
-            var initParam = [];
-            if (onCreate) {
-                initParam = ScriptUtils_1.ScriptUtils.evalReturn(onCreate, _this._domRender_proxy);
-                if (!Array.isArray(initParam)) {
-                    initParam = [initParam];
-                }
-            }
-            (_d = (_c = _this._domRender_proxy) === null || _c === void 0 ? void 0 : _c.onInitRender) === null || _d === void 0 ? void 0 : _d.call.apply(_d, __spreadArray([_c], initParam, false));
-        });
-    };
-    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);
-    };
-    // 중요 important
-    DomRenderProxy.prototype.render = function (raws, fullPathStr) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function () {
-            var iter, removeRawSets, rawSets, _loop_1, this_1, _i, rawSets_1, it_1;
-            var _this = this;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        if (typeof raws === 'string') {
-                            iter = this._rawSets.get(raws);
-                            if (iter) {
-                                raws = Array.from(iter);
-                            }
-                            else {
-                                raws = undefined;
-                            }
-                        }
-                        removeRawSets = [];
-                        rawSets = raws !== null && raws !== void 0 ? raws : this.getRawSets();
-                        _loop_1 = function (it_1) {
-                            var targetAttrMap, rawSets_2;
-                            return __generator(this, function (_e) {
-                                switch (_e.label) {
-                                    case 0:
-                                        it_1.getUsingTriggerVariables(this_1.config).forEach(function (path) { return _this.addRawSet(path, it_1); });
-                                        if (!it_1.isConnected) return [3 /*break*/, 6];
-                                        targetAttrMap = (_b = (_a = it_1.point.node) === null || _a === void 0 ? void 0 : _a.getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, EventManager_1.EventManager.normalAttrMapAttrName);
-                                        if (!((_c = it_1.detect) === null || _c === void 0 ? void 0 : _c.action)) return [3 /*break*/, 1];
-                                        it_1.detect.action();
-                                        return [3 /*break*/, 5];
-                                    case 1:
-                                        if (!(it_1.type === RawSetType_1.RawSetType.TARGET_ELEMENT && it_1.data && fullPathStr && targetAttrMap && it_1.fragment.render)) return [3 /*break*/, 2];
-                                        new Map(JSON.parse(targetAttrMap)).forEach(function (v, k) {
-                                            var _a;
-                                            // it?.data.onChangeAttrRender(k, null, v);
-                                            var isUsing = EventManager_1.EventManager.isUsingThisVar(v, "this." + fullPathStr);
-                                            if (isUsing) {
-                                                var render = it_1.fragment.render;
-                                                // console.log('render-->', (it.fragment as any).render)
-                                                var script = render.renderScript + " return " + v + " ";
-                                                var cval = ScriptUtils_1.ScriptUtils.eval(script, Object.assign((_a = _this._domRender_proxy) !== null && _a !== void 0 ? _a : {}, { __render: render }));
-                                                it_1.data.onChangeAttrRender(k, cval);
-                                            }
-                                            // console.log('---?', v, fullPathStr, isUsing);
-                                        });
-                                        return [3 /*break*/, 5];
-                                    case 2: return [4 /*yield*/, it_1.render(this_1._domRender_proxy, this_1.config)];
-                                    case 3:
-                                        rawSets_2 = _e.sent();
-                                        if (!(rawSets_2 && rawSets_2.length > 0)) return [3 /*break*/, 5];
-                                        return [4 /*yield*/, this_1.render(rawSets_2)];
-                                    case 4:
-                                        _e.sent();
-                                        _e.label = 5;
-                                    case 5: return [3 /*break*/, 7];
-                                    case 6:
-                                        removeRawSets.push(it_1);
-                                        _e.label = 7;
-                                    case 7: return [2 /*return*/];
-                                }
-                            });
-                        };
-                        this_1 = this;
-                        _i = 0, rawSets_1 = rawSets;
-                        _d.label = 1;
-                    case 1:
-                        if (!(_i < rawSets_1.length)) return [3 /*break*/, 4];
-                        it_1 = rawSets_1[_i];
-                        return [5 /*yield**/, _loop_1(it_1)];
-                    case 2:
-                        _d.sent();
-                        _d.label = 3;
-                    case 3:
-                        _i++;
-                        return [3 /*break*/, 1];
-                    case 4:
-                        if (removeRawSets.length > 0) {
-                            this.removeRawSet.apply(this, removeRawSets);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    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 {
-            // const firstPathStr = paths.slice(1).reverse().join('.');
-            var strings = paths.reverse();
-            // array같은경우도 키값으로 접근하기때문에 특정 인덱스를 찾아서 그부분만 바꿔줄수 있다.
-            var fullPathStr_1 = strings.map(function (it) { return isNaN(Number(it)) ? '.' + it : "[" + it + "]"; }).join('').slice(1);
-            // console.log('-------fullPathStr', fullPathStr, lastDoneExecute);
-            if (lastDoneExecute) {
-                // const firstData = ScriptUtils.evalReturn('this.' + firstPathStr, this._domRender_proxy);
-                // console.log('-------', firstPathStr, firstData);
-                // if (firstData instanceof Dictionary) {
-                // }
-                var iterable_1 = this._rawSets.get(fullPathStr_1);
-                // array check
-                var front_1 = strings.slice(0, strings.length - 1).map(function (it) { return isNaN(Number(it)) ? '.' + it : "[" + it + "]"; }).join('');
-                var last_1 = strings[strings.length - 1];
-                var data_1 = ScriptUtils_1.ScriptUtils.evalReturn('this' + front_1, this._domRender_proxy);
-                // console.log('-------!!!!!', fullPathStr, iterable, data, front, last);
-                new Promise(function (resolve) {
-                    var firstPathStr = front_1.slice(1);
-                    // check dictionary
-                    // console.log('-promise-------', firstPathStr, this)
-                    var firstTargets = _this._rawSets.get(firstPathStr);
-                    var firstTargetDictionary = [];
-                    firstTargets === null || firstTargets === void 0 ? void 0 : firstTargets.forEach(function (it) {
-                        var _a, _b;
-                        // console.log('----forEach---', it);
-                        var type = (_b = (_a = it.point.start).getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, 'type');
-                        if (type === RawSetOperatorType_1.RawSetOperatorType.DR_THIS_PROPERTY) {
-                            firstTargetDictionary.push(it);
-                        }
-                    });
-                    if (firstTargetDictionary.length > 0) {
-                        // console.log('ddddddddddd', firstTargetDictionary);
-                        var rawSets_3 = [];
-                        var skip_1 = false;
-                        firstTargetDictionary.forEach(function (it) {
-                            var _a, _b;
-                            var startElement = it.point.start;
-                            var keys = (_b = (_a = startElement.getAttribute(RawSet_1.RawSet.DR_HAS_KEYS_OPTIONNAME)) === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
-                            if (value === undefined) {
-                                var rawSet = it.getHasRawSet(last_1);
-                                rawSet === null || rawSet === void 0 ? void 0 : rawSet.remove();
-                                startElement.setAttribute(RawSet_1.RawSet.DR_HAS_KEYS_OPTIONNAME, keys.filter(function (it) { return it !== last_1; }).join(','));
-                            }
-                            if (!keys.includes(last_1)) {
-                                var raws = DrThisProperty_1.DrThisProperty.append(_this._domRender_proxy, fullPathStr_1, last_1, it, _this.config);
-                                if (raws) {
-                                    rawSets_3.push.apply(rawSets_3, raws);
-                                }
-                            }
-                            else {
-                                skip_1 = true;
-                            }
-                        });
-                        if (skip_1 === false || rawSets_3.length > 0) {
-                            return _this.render(rawSets_3);
-                        }
-                    }
-                    if (last_1 === 'length' && Array.isArray(data_1)) {
-                        var aIterable = _this._rawSets.get(firstPathStr);
-                        if (aIterable) {
-                            return _this.render(Array.from(aIterable));
-                        }
-                    }
-                    else if (iterable_1) {
-                        return _this.render(Array.from(iterable_1), fullPathStr_1);
-                    }
-                }).then(function (it) {
-                    _this._targets.forEach(function (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." + fullPathStr_1, _this.config);
-                        }
-                    });
-                });
-            }
-            fullPaths.push(fullPathStr_1);
-        }
-        return fullPaths;
-    };
-    DomRenderProxy.prototype.set = function (target, p, value, receiver) {
-        var _a, _b, _c;
-        // console.log('set-->', p, value, target, receiver);
-        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_2 = target[p];
-            if (it_2 && typeof it_2 === 'object' && ('_DomRender_isProxy' in it_2) && Object.prototype.toString.call(it_2._DomRender_origin) === '[object Date]') {
-                it_2 = it_2._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_2, this.root([p], it_2, false));
-            }
-            return it_2;
-        }
-    };
-    DomRenderProxy.prototype.deleteProperty = function (target, p) {
-        delete target[p];
-        if (typeof p === 'string') {
-            this.root([p]);
-        }
-        return true;
-    };
-    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:', path, 'rawSet:', 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;

package/components/ComponentSet.d.ts

@@ -1,10 +0,0 @@
-export declare type ComponentSetConfig = {
-    objPath?: string | null;
-};
-export declare class ComponentSet {
-    obj: any;
-    template?: string | undefined;
-    styles?: string[] | undefined;
-    config: ComponentSetConfig;
-    constructor(obj: any, template?: string | undefined, styles?: string[] | undefined, config?: ComponentSetConfig);
-}

package/components/ComponentSet.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentSet = void 0;
-var ComponentSet = /** @class */ (function () {
-    function ComponentSet(obj, template, styles, config) {
-        this.obj = obj;
-        this.template = template;
-        this.styles = styles;
-        this.config = Object.assign({ objPath: 'obj' }, config);
-    }
-    return ComponentSet;
-}());
-exports.ComponentSet = ComponentSet;