npm - dom-render - Versions diffs - 1.0.25 → 1.0.29 - Mend

dom-render 1.0.25 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/DomRenderProxy.js CHANGED Viewed

@@ -4,6 +4,7 @@ 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");
 var DomRenderProxy = (function () {
     function DomRenderProxy(_domRender_origin, target, config) {
         this._domRender_origin = _domRender_origin;
@@ -33,7 +34,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)) {
+                if (target !== undefined && target !== null && typeof target === 'object' && !DomRenderProxy.isFinal(target) && !Object.isFrozen(target) && !(obj instanceof Shield_1.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);
@@ -150,14 +151,14 @@ 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)) {
+        if (obj !== undefined && obj !== null && typeof obj === 'object' && !('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield_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 (obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj)) {
+        if (obj !== undefined && obj !== null && typeof obj === 'object' && ('_DomRender_isProxy' in obj) && !DomRenderProxy.isFinal(obj) && !Object.isFrozen(obj) && !(obj instanceof Shield_1.Shield)) {
             var d = obj._DomRender_proxy;
             d.addRef(this._domRender_proxy, p);
             return obj;

package/README.MD CHANGED Viewed

@@ -1,6 +1,10 @@
 dom-render
 ===
+## view template engine
+### web component 이용 dom 제어 및 render
+```shell
+npm install dom-render
+````
 ```html
 <!doctype html>
 <html lang="en">

package/RawSet.d.ts CHANGED Viewed

@@ -29,18 +29,6 @@ export declare class RawSet {
     childAllRemove(): void;
     static drItOtherEncoding(element: Element | DocumentFragment): string;
     static drItOtherDecoding(element: Element | DocumentFragment, random: string): void;
-    static drDVarEncoding(element: Element, drVarOption: string): {
-        name: string;
-        value: string;
-        regex: RegExp;
-        random: string;
-    }[];
-    static drDVarDecoding(element: Element, vars: {
-        name: string;
-        value: string;
-        regex: RegExp;
-        random: string;
-    }[]): void;
     static drThisEncoding(element: Element, drThis: string): string;
     static drThisDecoding(element: Element, thisRandom: string): void;
     static drVarEncoding(element: Element, drVarOption: string): {

package/RawSet.js CHANGED Viewed

@@ -266,47 +266,19 @@ var RawSet = (function () {
     RawSet.drItOtherEncoding = function (element) {
         var random = RandomUtils_1.RandomUtils.uuid();
         var regex = /#it#/g;
-        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "]").forEach(function (it) {
+        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
             it.innerHTML = it.innerHTML.replace(regex, random);
         });
         return random;
     };
     RawSet.drItOtherDecoding = function (element, random) {
-        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "]").forEach(function (it) {
+        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
             it.innerHTML = it.innerHTML.replace(RegExp(random, 'g'), '#it#');
         });
     };
-    RawSet.drDVarEncoding = function (element, drVarOption) {
-        var _a;
-        var vars = ((_a = drVarOption === null || drVarOption === void 0 ? void 0 : drVarOption.split(',')) !== null && _a !== void 0 ? _a : []).map(function (it) {
-            var s = it.trim().split('=');
-            return {
-                name: s[0],
-                value: s[1],
-                regex: RegExp('(?<!(dr-|\\.))var\\.' + s[0] + '(?=.?)', 'g'),
-                random: RandomUtils_1.RandomUtils.uuid()
-            };
-        });
-        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
-            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-                it.innerHTML = it.innerHTML.replace(vit.regex, vit.random);
-            });
-        });
-        vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-            element.innerHTML = element.innerHTML.replace(vit.regex, vit.value);
-        });
-        return vars;
-    };
-    RawSet.drDVarDecoding = function (element, vars) {
-        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
-            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-                it.innerHTML = it.innerHTML.replace(RegExp(vit.random, 'g'), vit.value);
-            });
-        });
-    };
     RawSet.drThisEncoding = function (element, drThis) {
         var thisRandom = RandomUtils_1.RandomUtils.uuid();
-        var thisRegex = /(?<!(dr-|\.))this(?=.?)/g;
+        var thisRegex = /[^(dr\-)]this(?=.?)/g;
         element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
             it.innerHTML = it.innerHTML.replace(thisRegex, thisRandom);
         });
@@ -325,7 +297,7 @@ var RawSet = (function () {
             return {
                 name: s[0],
                 value: s[1],
-                regex: RegExp('(?<!(dr-|\\.))var\\.' + s[0] + '(?=.?)', 'g'),
+                regex: RegExp('var\\.' + s[0] + '(?=.?)', 'g'),
                 random: RandomUtils_1.RandomUtils.uuid()
             };
         });

package/Shield.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare class Shield {
+    [name: string]: any;
+}

package/Shield.js ADDED Viewed

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

package/dist/dom-render.js CHANGED Viewed

@@ -242,7 +242,6 @@ var eventManager = new (function () {
     };
     class_1.prototype.applyEvent = function (obj, childNodes, config) {
         var _this = this;
-        console.log('eventManager applyEvent==>', obj, childNodes, config);
         this.eventNames.forEach(function (it) {
             _this.addDrEvent(obj, it, childNodes);
         });
@@ -257,7 +256,6 @@ var eventManager = new (function () {
         });
         this.procAttr(childNodes, this.attrPrefix + 'window-event-popstate', function (it, attribute) {
             it.obj = obj;
-            console.log('-->', it, it.obj);
         });
         this.procAttr(childNodes, this.attrPrefix + 'on-init', function (it, varName) {
             if (varName) {
@@ -365,7 +363,6 @@ var eventManager = new (function () {
     class_1.prototype.addDrEvent = function (obj, eventName, elements) {
         var attr = this.attrPrefix + 'event-' + eventName;
         this.procAttr(elements, attr, function (it, attribute) {
-            console.log('-------?', elements, it);
             var script = attribute;
             it.addEventListener(eventName, function (event) {
                 var _a;
@@ -683,47 +680,19 @@ var RawSet = (function () {
     RawSet.drItOtherEncoding = function (element) {
         var random = RandomUtils.uuid();
         var regex = /#it#/g;
-        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "]").forEach(function (it) {
+        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
             it.innerHTML = it.innerHTML.replace(regex, random);
         });
         return random;
     };
     RawSet.drItOtherDecoding = function (element, random) {
-        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "]").forEach(function (it) {
+        element.querySelectorAll("[" + RawSet.DR_IT_OPTIONNAME + "], [" + RawSet.DR_FOR_OF_NAME + "]").forEach(function (it) {
             it.innerHTML = it.innerHTML.replace(RegExp(random, 'g'), '#it#');
         });
     };
-    RawSet.drDVarEncoding = function (element, drVarOption) {
-        var _a;
-        var vars = ((_a = drVarOption === null || drVarOption === void 0 ? void 0 : drVarOption.split(',')) !== null && _a !== void 0 ? _a : []).map(function (it) {
-            var s = it.trim().split('=');
-            return {
-                name: s[0],
-                value: s[1],
-                regex: RegExp('(?<!(dr-|\\.))var\\.' + s[0] + '(?=.?)', 'g'),
-                random: RandomUtils.uuid()
-            };
-        });
-        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
-            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-                it.innerHTML = it.innerHTML.replace(vit.regex, vit.random);
-            });
-        });
-        vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-            element.innerHTML = element.innerHTML.replace(vit.regex, vit.value);
-        });
-        return vars;
-    };
-    RawSet.drDVarDecoding = function (element, vars) {
-        element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
-            vars.filter(function (vit) { return vit.value && vit.name; }).forEach(function (vit) {
-                it.innerHTML = it.innerHTML.replace(RegExp(vit.random, 'g'), vit.value);
-            });
-        });
-    };
     RawSet.drThisEncoding = function (element, drThis) {
         var thisRandom = RandomUtils.uuid();
-        var thisRegex = /(?<!(dr-|\.))this(?=.?)/g;
+        var thisRegex = /[^(dr\-)]this(?=.?)/g;
         element.querySelectorAll("[" + RawSet.DR_THIS_NAME + "]").forEach(function (it) {
             it.innerHTML = it.innerHTML.replace(thisRegex, thisRandom);
         });
@@ -742,7 +711,7 @@ var RawSet = (function () {
             return {
                 name: s[0],
                 value: s[1],
-                regex: RegExp('(?<!(dr-|\\.))var\\.' + s[0] + '(?=.?)', 'g'),
+                regex: RegExp('var\\.' + s[0] + '(?=.?)', 'g'),
                 random: RandomUtils.uuid()
             };
         });
@@ -791,6 +760,12 @@ var RawSet = (function () {
     return RawSet;
 }());
+var Shield = (function () {
+    function Shield() {
+    }
+    return Shield;
+}());
 var DomRenderProxy = (function () {
     function DomRenderProxy(_domRender_origin, target, config) {
         this._domRender_origin = _domRender_origin;
@@ -820,7 +795,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)) {
+                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);
@@ -937,14 +912,14 @@ 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)) {
+        if (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)) {
+        if (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;

package/events/EventManager.js CHANGED Viewed

@@ -42,7 +42,6 @@ exports.eventManager = new (function () {
     };
     class_1.prototype.applyEvent = function (obj, childNodes, config) {
         var _this = this;
-        console.log('eventManager applyEvent==>', obj, childNodes, config);
         this.eventNames.forEach(function (it) {
             _this.addDrEvent(obj, it, childNodes);
         });
@@ -57,7 +56,6 @@ exports.eventManager = new (function () {
         });
         this.procAttr(childNodes, this.attrPrefix + 'window-event-popstate', function (it, attribute) {
             it.obj = obj;
-            console.log('-->', it, it.obj);
         });
         this.procAttr(childNodes, this.attrPrefix + 'on-init', function (it, varName) {
             if (varName) {
@@ -165,7 +163,6 @@ exports.eventManager = new (function () {
     class_1.prototype.addDrEvent = function (obj, eventName, elements) {
         var attr = this.attrPrefix + 'event-' + eventName;
         this.procAttr(elements, attr, function (it, attribute) {
-            console.log('-------?', elements, it);
             var script = attribute;
             it.addEventListener(eventName, function (event) {
                 var _a;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "dom-render",
-  "version": "1.0.25",
+  "version": "1.0.29",
   "main": "DomRender.js",
   "license": "MIT",
   "description": "dom-render",