dom-render 1.0.35 → 1.0.39

package/Config.d.ts

@@ -16,6 +16,9 @@ export interface Config {
     onElementInit?: (name: string, obj: any, rawSet: RawSet) => void;
     onAttrInit?: (name: string, attrValue: string, obj: any, rawSet: RawSet) => void;
     proxyExcludeTyps?: ConstructorType<any>[];
+    scripts?: {
+        [n: string]: any;
+    };
     applyEvents?: {
         attrName: string;
         callBack: (elements: Element, attrValue: string, obj: any) => void;

package/Config.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/DomRender.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomRender = void 0;
-var DomRenderProxy_1 = require("./DomRenderProxy");
+import { DomRenderProxy } from './DomRenderProxy';
 var DomRender = (function () {
     function DomRender() {
     }
@@ -13,7 +10,7 @@ var DomRender = (function () {
             return obj;
         }
         else {
-            var domRender = new DomRenderProxy_1.DomRenderProxy(obj, target, config);
+            var domRender = new DomRenderProxy(obj, target, config);
             var dest = new Proxy(obj, domRender);
             domRender.run(dest);
             return dest;
@@ -21,4 +18,4 @@ var DomRender = (function () {
     };
     return DomRender;
 }());
-exports.DomRender = DomRender;
+export { DomRender };

package/DomRenderLifeCycle.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/DomRenderProxy.d.ts

@@ -8,11 +8,12 @@ export declare class DomRenderProxy<T extends object> implements ProxyHandler<T>
     _domRender_proxy?: T;
     _targets: Set<Node>;
     constructor(_domRender_origin: T, target?: Node, config?: Config | undefined);
-    static final<T = any>(obj: T): any;
+    static final<T = any>(obj: T): T;
     static isFinal<T = any>(obj: T): boolean;
     run(objProxy: T): void;
     initRender(target: Node): void;
-    render(raws: RawSet[]): void;
+    getRawSets(): RawSet[];
+    render(raws?: RawSet[]): void;
     root(paths: string[], value: any): void;
     set(target: T, p: string | symbol, value: any, receiver: T): boolean;
     get(target: T, p: string | symbol, receiver: any): any;

package/DomRenderProxy.js

@@ -1,10 +1,7 @@
-"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 Shield_1 = require("./Shield");
+import { RawSet } from './RawSet';
+import { eventManager } from './events/EventManager';
+import { ScriptUtils } from './utils/script/ScriptUtils';
+import { Shield } from './Shield';
 var DomRenderProxy = (function () {
     function DomRenderProxy(_domRender_origin, target, config) {
         this._domRender_origin = _domRender_origin;
@@ -34,7 +31,7 @@ var DomRenderProxy = (function () {
             Object.keys(obj).forEach(function (it) {
                 var _a, _b, _c;
                 var target = obj[it];
-                if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Shield_1.Shield)) {
+                if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Shield)) {
                     var filter = (_c = (_b = (_a = _this.config) === null || _a === void 0 ? void 0 : _a.proxyExcludeTyps) === null || _b === void 0 ? void 0 : _b.filter(function (it) { return target instanceof it; })) !== null && _c !== void 0 ? _c : [];
                     if (filter.length === 0) {
                         var proxyAfter = _this.proxy(objProxy, target, it);
@@ -51,8 +48,8 @@ var DomRenderProxy = (function () {
         var _this = this;
         var _a, _b;
         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);
+        var rawSets = RawSet.checkPointCreates(target, this.config);
+        eventManager.applyEvent(this._domRender_proxy, eventManager.findAttrElements(target, this.config), this.config);
         rawSets.forEach(function (it) {
             var strings = it.getUsingTriggerVariables(_this.config);
             if (strings.size <= 0) {
@@ -64,14 +61,19 @@ var DomRenderProxy = (function () {
                 });
             }
         });
+        this.render(this.getRawSets());
+        (_b = (_a = this._domRender_proxy) === null || _a === void 0 ? void 0 : _a.onInitRender) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    DomRenderProxy.prototype.getRawSets = function () {
+        var set = new Set();
         this._rawSets.forEach(function (v, k) {
-            _this.render(Array.from(v));
+            v.forEach(function (it) { return set.add(it); });
         });
-        (_b = (_a = this._domRender_proxy) === null || _a === void 0 ? void 0 : _a.onInitRender) === null || _b === void 0 ? void 0 : _b.call(_a);
+        return Array.from(set);
     };
     DomRenderProxy.prototype.render = function (raws) {
         var _this = this;
-        raws.forEach(function (it) {
+        (raws !== null && raws !== void 0 ? raws : this.getRawSets()).forEach(function (it) {
             if (it.point.start.isConnected && it.point.start.isConnected) {
                 var rawSets = it.render(_this._domRender_proxy, _this.config);
                 _this.render(rawSets);
@@ -99,7 +101,7 @@ var DomRenderProxy = (function () {
             var iterable = this._rawSets.get(fullPathStr_1);
             var front = strings.slice(0, strings.length - 1).join('.');
             var last = strings[strings.length - 1];
-            if (!isNaN(Number(last)) && Array.isArray(ScriptUtils_1.ScriptUtils.evalReturn(front, this._domRender_proxy))) {
+            if (!isNaN(Number(last)) && Array.isArray(ScriptUtils.evalReturn(front, this._domRender_proxy))) {
                 var aIterable = this._rawSets.get(front);
                 if (aIterable) {
                     this.render(Array.from(aIterable));
@@ -110,8 +112,8 @@ var DomRenderProxy = (function () {
             }
             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." + fullPathStr_1);
+                    var targets = eventManager.findAttrElements(it, _this.config);
+                    eventManager.changeVar(_this._domRender_proxy, targets, "this." + fullPathStr_1);
                 }
             });
         }
@@ -150,14 +152,16 @@ var DomRenderProxy = (function () {
         return p === '_DomRender_isProxy' || p in target;
     };
     DomRenderProxy.prototype.proxy = function (parentProxy, obj, p) {
-        if (obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield_1.Shield)) {
+        var _a, _b, _c;
+        var proxyTarget = ((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.proxyExcludeTyps) === null || _b === void 0 ? void 0 : _b.filter(function (it) { return obj instanceof it; })) !== null && _c !== void 0 ? _c : []).length <= 0;
+        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof 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 (obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield_1.Shield)) {
+        if (proxyTarget && obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield)) {
             var d = obj._DomRender_proxy;
             d.addRef(this._domRender_proxy, p);
             return obj;
@@ -207,4 +211,4 @@ var DomRenderProxy = (function () {
     };
     return DomRenderProxy;
 }());
-exports.DomRenderProxy = DomRenderProxy;
+export { DomRenderProxy };

package/RawSet.d.ts

@@ -19,6 +19,8 @@ export declare class RawSet {
     static readonly DR_VAR_OPTIONNAME = "dr-var";
     static readonly DR_STRIP_OPTIONNAME = "dr-strip";
     static readonly DR_ATTRIBUTES: string[];
+    static readonly SCRIPTS_VARNAME = "$scripts";
+    static readonly RAWSET_VARNAME = "$rawset";
     constructor(uuid: string, point: {
         start: Comment;
         end: Comment;
@@ -48,4 +50,12 @@ export declare class RawSet {
         random: string;
     }[]): void;
     static drThisCreate(element: Element, drThis: string, drVarOption: string, drStripOption: boolean, obj: any): DocumentFragment;
+    private setBindProperty;
 }
+export declare type Render = {
+    rawset: RawSet;
+    scripts: {
+        [n: string]: any;
+    };
+    [n: string]: any;
+};

package/RawSet.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RawSet = void 0;
-var RandomUtils_1 = require("./utils/random/RandomUtils");
-var StringUtils_1 = require("./utils/string/StringUtils");
-var ScriptUtils_1 = require("./utils/script/ScriptUtils");
-var EventManager_1 = require("./events/EventManager");
+import { RandomUtils } from './utils/random/RandomUtils';
+import { StringUtils } from './utils/string/StringUtils';
+import { ScriptUtils } from './utils/script/ScriptUtils';
+import { eventManager } from './events/EventManager';
 var RawSet = (function () {
     function RawSet(uuid, point, fragment, data) {
         if (data === void 0) { data = {}; }
@@ -24,13 +21,19 @@ var RawSet = (function () {
         var usingTriggerVariables = new Set();
         this.fragment.childNodes.forEach(function (cNode, key) {
             var _a, _b, _c;
+            var script = '';
             if (cNode.nodeType === Node.TEXT_NODE) {
-                ScriptUtils_1.ScriptUtils.getVariablePaths("`" + ((_a = cNode.textContent) !== null && _a !== void 0 ? _a : '') + "`").forEach(function (it) { return usingTriggerVariables.add(it); });
+                script = "`" + ((_a = cNode.textContent) !== null && _a !== void 0 ? _a : '') + "`";
             }
             else if (cNode.nodeType === Node.ELEMENT_NODE) {
                 var element_1 = cNode;
                 var targetAttrNames = ((_c = (_b = config === null || config === void 0 ? void 0 : config.targetAttrs) === null || _b === void 0 ? void 0 : _b.map(function (it) { return it.name; })) !== null && _c !== void 0 ? _c : []).concat(RawSet.DR_ATTRIBUTES);
-                ScriptUtils_1.ScriptUtils.getVariablePaths(targetAttrNames.map(function (it) { return (element_1.getAttribute(it)); }).filter(function (it) { return it; }).join(';')).forEach(function (it) { return usingTriggerVariables.add(it); });
+                script = targetAttrNames.map(function (it) { return (element_1.getAttribute(it)); }).filter(function (it) { return it; }).join(';');
+            }
+            if (script) {
+                script = script.replace(RegExp(RawSet.SCRIPTS_VARNAME.replace('$', '\\$'), 'g'), "this?.___" + RawSet.SCRIPTS_VARNAME);
+                script = script.replace(RegExp(RawSet.RAWSET_VARNAME.replace('$', '\\$'), 'g'), "this?.___" + RawSet.RAWSET_VARNAME);
+                Array.from(ScriptUtils.getVariablePaths(script)).filter(function (it) { return !it.startsWith("___" + RawSet.SCRIPTS_VARNAME) && !it.startsWith("___" + RawSet.SCRIPTS_VARNAME); }).forEach(function (it) { return usingTriggerVariables.add(it); });
             }
         });
         return usingTriggerVariables;
@@ -46,7 +49,12 @@ var RawSet = (function () {
             var fag = document.createDocumentFragment();
             if (cNode.nodeType === Node.TEXT_NODE) {
                 var textContent = cNode.textContent;
-                var n = document.createTextNode(ScriptUtils_1.ScriptUtils.eval("return `" + textContent + "`", obj));
+                var n = document.createTextNode(ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                    return `" + textContent + "`\n                    ", Object.assign(obj, {
+                    __render: Object.freeze({
+                        rawset: _this,
+                        scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                    })
+                })));
                 (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(n, cNode);
             }
             else if (cNode.nodeType === Node.ELEMENT_NODE) {
@@ -67,9 +75,15 @@ var RawSet = (function () {
                     var itRandom = RawSet.drItOtherEncoding(element_2);
                     var vars = RawSet.drVarEncoding(element_2, (_b = drAttr.drVarOption) !== null && _b !== void 0 ? _b : '');
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }", Object.assign({
-                        __fag: newTemp, __drStripOption: drAttr.drStripOption, __element: element_2
-                    }, obj));
+                    ScriptUtils.eval("\n                        const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                        const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            fag: newTemp,
+                            drStripOption: drAttr.drStripOption,
+                            element: element_2,
+                            rawset: _this,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
                     RawSet.drVarDecoding(newTemp, vars);
                     RawSet.drItOtherDecoding(newTemp, itRandom);
                     var tempalte = document.createElement('template');
@@ -83,9 +97,15 @@ var RawSet = (function () {
                     var itRandom = RawSet.drItOtherEncoding(element_2);
                     var vars = RawSet.drVarEncoding(element_2, (_d = drAttr.drVarOption) !== null && _d !== void 0 ? _d : '');
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.ScriptUtils.eval("\n                    if(" + drAttr.drIf + ") {\n                        const n = this.__element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    }", Object.assign({
-                        __fag: newTemp, __drStripOption: drAttr.drStripOption, __element: element_2
-                    }, obj));
+                    ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    const " + RawSet.RAWSET_VARNAME + " = this.__render.rawset;\n                    if(" + drAttr.drIf + ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            fag: newTemp,
+                            drStripOption: drAttr.drStripOption,
+                            element: element_2,
+                            rawset: _this,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
                     RawSet.drVarDecoding(newTemp, vars);
                     RawSet.drItOtherDecoding(newTemp, itRandom);
                     var tempalte = document.createElement('template');
@@ -96,7 +116,7 @@ var RawSet = (function () {
                     raws.push.apply(raws, rr);
                 }
                 if (drAttr.drThis) {
-                    var r = ScriptUtils_1.ScriptUtils.evalReturn(drAttr.drThis, obj);
+                    var r = ScriptUtils.evalReturn(drAttr.drThis, obj);
                     if (r) {
                         fag.append(RawSet.drThisCreate(element_2, drAttr.drThis, (_f = drAttr.drVarOption) !== null && _f !== void 0 ? _f : '', drAttr.drStripOption, obj));
                         var rr = RawSet.checkPointCreates(fag, config);
@@ -108,10 +128,13 @@ var RawSet = (function () {
                     }
                 }
                 if (drAttr.drInnerText) {
-                    var data = ScriptUtils_1.ScriptUtils.evalReturn(drAttr.drInnerText, obj);
+                    var data = ScriptUtils.evalReturn(drAttr.drInnerText, obj);
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerText = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
-                        __fag: newTemp, __drStripOption: drAttr.drStripOption, __data: data, __element: element_2
+                    ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerText = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
+                        __fag: newTemp,
+                        __drStripOption: drAttr.drStripOption,
+                        __data: data,
+                        __element: element_2
                     }, obj));
                     var tempalte = document.createElement('template');
                     tempalte.innerHTML = newTemp.innerHTML;
@@ -121,10 +144,13 @@ var RawSet = (function () {
                     raws.push.apply(raws, rr);
                 }
                 if (drAttr.drInnerHTML) {
-                    var data = ScriptUtils_1.ScriptUtils.evalReturn(drAttr.drInnerHTML, obj);
+                    var data = ScriptUtils.evalReturn(drAttr.drInnerHTML, obj);
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerHTML = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
-                        __fag: newTemp, __drStripOption: drAttr.drStripOption, __data: data, __element: element_2
+                    ScriptUtils.eval("\n                        const n = this.__element.cloneNode(true);\n                        n.innerHTML = this.__data;\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    ", Object.assign({
+                        __fag: newTemp,
+                        __drStripOption: drAttr.drStripOption,
+                        __data: data,
+                        __element: element_2
                     }, obj));
                     var tempalte = document.createElement('template');
                     tempalte.innerHTML = newTemp.innerHTML;
@@ -137,9 +163,14 @@ var RawSet = (function () {
                     var itRandom = RawSet.drItOtherEncoding(element_2);
                     var vars = RawSet.drVarEncoding(element_2, (_k = drAttr.drVarOption) !== null && _k !== void 0 ? _k : '');
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.ScriptUtils.eval("\n                    for(" + drAttr.drFor + ") {\n                        const n = this.__element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                    }", Object.assign({
-                        __fag: newTemp, __drStripOption: drAttr.drStripOption, __element: element_2
-                    }, obj));
+                    ScriptUtils.eval("\n                     const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    for(" + drAttr.drFor + ") {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = " + drAttr.drItOption + ";\n                        if (destIt !== undefined) {\n                            n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            fag: newTemp,
+                            drStripOption: drAttr.drStripOption,
+                            element: element_2,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
                     RawSet.drVarDecoding(newTemp, vars);
                     RawSet.drItOtherDecoding(newTemp, itRandom);
                     var tempalte = document.createElement('template');
@@ -153,11 +184,14 @@ var RawSet = (function () {
                     var itRandom = RawSet.drItOtherEncoding(element_2);
                     var vars = RawSet.drVarEncoding(element_2, (_m = drAttr.drVarOption) !== null && _m !== void 0 ? _m : '');
                     var newTemp = document.createElement('temp');
-                    ScriptUtils_1.ScriptUtils.eval("var i = 0; for(const it of " + drAttr.drForOf + ") {\n                        //alert(1)\n                        var destIt = it;\n                        var forOfStr = `" + drAttr.drForOf + "`;\n                        if (/,/g.test(forOfStr)) {\n                            if (typeof it === 'string') {\n                                destIt = it;\n                            } else {\n                                destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];\n                            }\n                        } else {\n                            destIt = forOfStr + '[' + i +']'\n                        }\n                        \n                        const n = this.__element.cloneNode(true);\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        \n                        if (this.__drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                        } else {\n                            this.__fag.append(n);\n                        }\n                        i++;\n                    }", Object.assign({
-                        __drStripOption: drAttr.drStripOption,
-                        __fag: newTemp,
-                        __element: element_2
-                    }, obj));
+                    ScriptUtils.eval("\n                    const " + RawSet.SCRIPTS_VARNAME + " = this.__render.scripts;\n                    var i = 0; \n                    for(const it of " + drAttr.drForOf + ") {\n                        var destIt = it;\n                        var forOfStr = `" + drAttr.drForOf + "`;\n                        if (/,/g.test(forOfStr)) {\n                            if (typeof it === 'string') {\n                                destIt = it;\n                            } else {\n                                destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];\n                            }\n                        } else {\n                            destIt = forOfStr + '[' + i +']'\n                        }\n                        \n                        const n = this.__render.element.cloneNode(true);\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt);\n                        \n                        if (this.__render.drStripOption) {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        i++;\n                    }", Object.assign(obj, {
+                        __render: Object.freeze({
+                            drStripOption: drAttr.drStripOption,
+                            fag: newTemp,
+                            element: element_2,
+                            scripts: _this.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                        })
+                    }));
                     RawSet.drVarDecoding(newTemp, vars);
                     RawSet.drItOtherDecoding(newTemp, itRandom);
                     var tempalte = document.createElement('template');
@@ -178,10 +212,13 @@ var RawSet = (function () {
                             (_a = element_2.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(fag, element_2);
                             var onInit = element_2.getAttribute('dr-on-init-component');
                             if (onInit) {
-                                ScriptUtils_1.ScriptUtils.evalReturn(onInit, obj)(obj === null || obj === void 0 ? void 0 : obj.__componentInstances[_this.uuid], _this);
+                                ScriptUtils.evalReturn(onInit, obj)(obj === null || obj === void 0 ? void 0 : obj.__componentInstances[_this.uuid], _this);
                             }
                             raws.push.apply(raws, rr);
-                            onElementInitCallBack.push({ name: name, obj: obj });
+                            onElementInitCallBack.push({
+                                name: name,
+                                obj: obj
+                            });
                             (_b = it === null || it === void 0 ? void 0 : it.complete) === null || _b === void 0 ? void 0 : _b.call(it, element_2, obj, _this);
                         }
                     }
@@ -197,7 +234,11 @@ var RawSet = (function () {
                             var rr = RawSet.checkPointCreates(fag, config);
                             (_a = element_2.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(fag, element_2);
                             raws.push.apply(raws, rr);
-                            onAttrInitCallBack.push({ attrName: attrName, attrValue: attrValue, obj: obj });
+                            onAttrInitCallBack.push({
+                                attrName: attrName,
+                                attrValue: attrValue,
+                                obj: obj
+                            });
                             (_b = it === null || it === void 0 ? void 0 : it.complete) === null || _b === void 0 ? void 0 : _b.call(it, element_2, attrValue, obj, _this);
                         }
                     }
@@ -212,7 +253,7 @@ var RawSet = (function () {
     };
     RawSet.prototype.applyEvent = function (obj, fragment, config) {
         if (fragment === void 0) { fragment = this.fragment; }
-        EventManager_1.eventManager.applyEvent(obj, EventManager_1.eventManager.findAttrElements(fragment, config), config);
+        eventManager.applyEvent(obj, eventManager.findAttrElements(fragment, config), config);
     };
     RawSet.prototype.getAttributeAndDelete = function (element, attr) {
         var data = element.getAttribute(attr);
@@ -230,7 +271,7 @@ var RawSet = (function () {
             acceptNode: function (node) {
                 var _a, _b, _c, _d, _e;
                 if (node.nodeType === Node.TEXT_NODE) {
-                    return /\$\{.*?\}/g.test(StringUtils_1.StringUtils.deleteEnter((_a = node.data) !== null && _a !== void 0 ? _a : '')) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+                    return /\$\{.*?\}/g.test(StringUtils.deleteEnter((_a = node.data) !== null && _a !== void 0 ? _a : '')) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
                 }
                 else if (node.nodeType === Node.ELEMENT_NODE) {
                     var element_3 = node;
@@ -246,53 +287,48 @@ var RawSet = (function () {
         var currentNode;
         var _loop_1 = function () {
             if (currentNode.nodeType === Node.TEXT_NODE) {
-                var text_1 = (_a = currentNode.textContent) !== null && _a !== void 0 ? _a : '';
+                var text = (_a = currentNode.textContent) !== null && _a !== void 0 ? _a : '';
                 var template_1 = document.createElement('template');
-                var a = StringUtils_1.StringUtils.regexExec(/\$\{.*?\}/g, text_1);
-                var map = a.reverse().map(function (it) { return { uuid: '', content: '', regexArr: it }; });
-                map.forEach(function (it) {
-                    var uuid = RandomUtils_1.RandomUtils.uuid();
-                    it.uuid = uuid;
-                    it.content = it.regexArr[0];
-                    text_1 = text_1.substr(0, it.regexArr.index) + text_1.substr(it.regexArr.index).replace(it.regexArr[0], "<!--start text " + uuid + "--><!--end text " + uuid + "-->");
+                var a = StringUtils.regexExec(/\$\{.*?\}/g, text);
+                var map = a.map(function (it) {
+                    return {
+                        uuid: RandomUtils.uuid(),
+                        content: it[0],
+                        regexArr: it
+                    };
                 });
-                template_1.innerHTML = text_1;
+                var lasterIndex_1 = 0;
                 map.forEach(function (it) {
-                    var _a, _b;
-                    var subNodeIterator = document.createNodeIterator(template_1.content, NodeFilter.SHOW_COMMENT, {
-                        acceptNode: function (node) {
-                            var text = node.textContent;
-                            return (text === "start text " + it.uuid || text === "end text " + it.uuid) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
-                        }
-                    });
-                    var start;
-                    var end;
-                    var subNode;
-                    while (subNode = subNodeIterator.nextNode()) {
-                        if (((_a = subNode.textContent) !== null && _a !== void 0 ? _a : '').startsWith('start')) {
-                            start = subNode;
-                        }
-                        if (((_b = subNode.textContent) !== null && _b !== void 0 ? _b : '').startsWith('end')) {
-                            end = subNode;
-                        }
-                    }
-                    if (start && end) {
-                        var fragment = document.createDocumentFragment();
-                        fragment.append(document.createTextNode(it.content));
-                        pars.push(new RawSet(it.uuid, { start: start, end: end }, fragment));
-                    }
+                    var regexArr = it.regexArr;
+                    var preparedText = regexArr.input.substring(lasterIndex_1, regexArr.index);
+                    var start = document.createComment("start text " + it.uuid);
+                    var end = document.createComment("end text " + it.uuid);
+                    template_1.content.append(document.createTextNode(preparedText));
+                    template_1.content.append(start);
+                    template_1.content.append(end);
+                    var fragment = document.createDocumentFragment();
+                    fragment.append(document.createTextNode(it.content));
+                    pars.push(new RawSet(it.uuid, {
+                        start: start,
+                        end: end
+                    }, fragment));
+                    lasterIndex_1 = regexArr.index + it.content.length;
                 });
+                template_1.content.append(document.createTextNode(text.substring(lasterIndex_1, text.length)));
                 (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(template_1.content, currentNode);
             }
             else {
-                var uuid = RandomUtils_1.RandomUtils.uuid();
+                var uuid = RandomUtils.uuid();
                 var fragment = document.createDocumentFragment();
                 var start = document.createComment("start " + uuid);
                 var end = document.createComment("end " + uuid);
                 (_c = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _c === void 0 ? void 0 : _c.insertBefore(start, currentNode);
                 (_d = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _d === void 0 ? void 0 : _d.insertBefore(end, currentNode.nextSibling);
                 fragment.append(currentNode);
-                pars.push(new RawSet(uuid, { start: start, end: end }, fragment));
+                pars.push(new RawSet(uuid, {
+                    start: start,
+                    end: end
+                }, fragment));
             }
         };
         while (currentNode = nodeIterator.nextNode()) {
@@ -311,7 +347,7 @@ var RawSet = (function () {
         }
     };
     RawSet.drItOtherEncoding = function (element) {
-        var random = RandomUtils_1.RandomUtils.uuid();
+        var random = RandomUtils.uuid();
         var regex = /#it#/g;
         element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
             it.innerHTML = it.innerHTML.replace(regex, random);
@@ -324,17 +360,17 @@ var RawSet = (function () {
         });
     };
     RawSet.drThisEncoding = function (element, drThis) {
-        var thisRandom = RandomUtils_1.RandomUtils.uuid();
+        var thisRandom = RandomUtils.uuid();
         element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
             var message = it.innerHTML;
-            StringUtils_1.StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
+            StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
                 var _a;
                 message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], "" + ((_a = it[1]) !== null && _a !== void 0 ? _a : '') + drThis);
             });
             it.innerHTML = message;
         });
         var message = element.innerHTML;
-        StringUtils_1.StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
+        StringUtils.regexExec(/([^(dr\-)])?this(?=.?)/g, message).reverse().forEach(function (it) {
             var _a;
             message = message.substr(0, it.index) + message.substr(it.index).replace(it[0], "" + ((_a = it[1]) !== null && _a !== void 0 ? _a : '') + drThis);
         });
@@ -354,7 +390,7 @@ var RawSet = (function () {
                 name: s[0],
                 value: s[1],
                 regex: RegExp('var\\.' + s[0] + '(?=.?)', 'g'),
-                random: RandomUtils_1.RandomUtils.uuid()
+                random: RandomUtils.uuid()
             };
         });
         element.querySelectorAll("[" + RawSet.DR_VAR_OPTIONNAME + "]").forEach(function (it) {
@@ -389,6 +425,18 @@ var RawSet = (function () {
         }
         return fag;
     };
+    RawSet.prototype.setBindProperty = function (scripts, obj) {
+        if (scripts) {
+            var newScripts = Object.assign({}, scripts);
+            for (var _i = 0, _a = Object.entries(newScripts); _i < _a.length; _i++) {
+                var _b = _a[_i], key = _b[0], value = _b[1];
+                if (typeof value === 'function') {
+                    newScripts[key] = value.bind(obj);
+                }
+            }
+            return newScripts;
+        }
+    };
     RawSet.DR = 'dr';
     RawSet.DR_IF_NAME = 'dr-if';
     RawSet.DR_FOR_OF_NAME = 'dr-for-of';
@@ -401,6 +449,8 @@ var RawSet = (function () {
     RawSet.DR_VAR_OPTIONNAME = 'dr-var';
     RawSet.DR_STRIP_OPTIONNAME = 'dr-strip';
     RawSet.DR_ATTRIBUTES = [RawSet.DR, RawSet.DR_IF_NAME, RawSet.DR_FOR_OF_NAME, RawSet.DR_FOR_NAME, RawSet.DR_THIS_NAME, RawSet.DR_INNERHTML_NAME, RawSet.DR_INNERTEXT_NAME];
+    RawSet.SCRIPTS_VARNAME = '$scripts';
+    RawSet.RAWSET_VARNAME = '$rawset';
     return RawSet;
 }());
-exports.RawSet = RawSet;
+export { RawSet };

package/Shield.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Shield = void 0;
 var Shield = (function () {
     function Shield() {
     }
     return Shield;
 }());
-exports.Shield = Shield;
+export { Shield };

package/dist/Config.d.ts

@@ -0,0 +1,26 @@
+import { ConstructorType } from './types/Types';
+import { RawSet } from './RawSet';
+export declare type TargetElement = {
+    name: string;
+    callBack: (target: Element, obj: any, rawSet: RawSet) => DocumentFragment;
+    complete?: (target: Element, obj: any, rawSet: RawSet) => void;
+};
+export declare type TargetAttr = {
+    name: string;
+    callBack: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment;
+    complete?: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => void;
+};
+export interface Config {
+    targetElements?: TargetElement[];
+    targetAttrs?: TargetAttr[];
+    onElementInit?: (name: string, obj: any, rawSet: RawSet) => void;
+    onAttrInit?: (name: string, attrValue: string, obj: any, rawSet: RawSet) => void;
+    proxyExcludeTyps?: ConstructorType<any>[];
+    scripts?: {
+        [n: string]: any;
+    };
+    applyEvents?: {
+        attrName: string;
+        callBack: (elements: Element, attrValue: string, obj: any) => void;
+    }[];
+}

package/dist/DomRender.d.ts

@@ -0,0 +1,4 @@
+import { Config } from './Config';
+export declare class DomRender {
+    static run<T extends object>(obj: T, target?: Node, config?: Config): T;
+}

package/dist/DomRenderLifeCycle.d.ts

@@ -0,0 +1,3 @@
+export interface DomRenderLifeCycle {
+    onInitRender(): void;
+}