dom-render 1.0.85 → 1.0.88

package/events/EventManager.d.ts

@@ -1,4 +1,4 @@
-import { Config } from '../Config';
+import { Config } from '../configs/Config';
 export declare class EventManager {
     static ownerVariablePathAttrName: string;
     static readonly attrPrefix = "dr-";

package/lifecycle/OnDestroyRender.d.ts

@@ -1,4 +1,4 @@
-import { CreatorMetaData } from '../RawSet';
+import { CreatorMetaData } from '../rawsets/CreatorMetaData';
 export interface OnDestroyRender {
     onDestroyRender(metaData?: CreatorMetaData): void;
 }

package/lifecycle/OnInitRender.d.ts

@@ -1,4 +1,5 @@
-import { CreatorMetaData, Render } from '../RawSet';
+import { CreatorMetaData } from '../rawsets/CreatorMetaData';
+import { Render } from '../rawsets/Render';
 export interface OnInitRender {
     onInitRender(data?: {
         render?: Render;

package/lifecycle/OnProxyDomRender.d.ts

@@ -1,4 +1,4 @@
-import { Config } from '../Config';
+import { Config } from '../configs/Config';
 export interface OnProxyDomRender {
     onProxyDomRender(config: Config): void;
 }

package/messenger/Messenger.d.ts

@@ -1,5 +1,5 @@
 import { ConstructorType } from '../types/Types';
-import { Config } from '../Config';
+import { Config } from '../configs/Config';
 declare enum CallBackType {
     FILTER = 0,
     MAP = 1,

package/operators/Dr.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dr = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var Dr = /** @class */ (function (_super) {
     __extends(Dr, _super);
     function Dr() {

package/operators/DrAppender.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrAppender = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrAppender = /** @class */ (function (_super) {
     __extends(DrAppender, _super);
     function DrAppender() {

package/operators/DrFor.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrFor = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrFor = /** @class */ (function (_super) {
     __extends(DrFor, _super);
     function DrFor() {

package/operators/DrForOf.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrForOf = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrForOf = /** @class */ (function (_super) {
     __extends(DrForOf, _super);
     function DrForOf() {

package/operators/DrForm.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrForm = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var Validator_1 = require("../validators/Validator");
 var EventManager_1 = require("../events/EventManager");
 var ValidatorArray_1 = require("../validators/ValidatorArray");

package/operators/DrIf.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrIf = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrIf = /** @class */ (function (_super) {
     __extends(DrIf, _super);
     function DrIf() {

package/operators/DrInnerHTML.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrInnerHTML = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrInnerHTML = /** @class */ (function (_super) {
     __extends(DrInnerHTML, _super);
     function DrInnerHTML() {

package/operators/DrInnerText.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrInnerText = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrInnerText = /** @class */ (function (_super) {
     __extends(DrInnerText, _super);
     function DrInnerText() {

package/operators/DrRepeat.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrRepeat = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var EventManager_1 = require("../events/EventManager");
 var DrRepeat = /** @class */ (function (_super) {
     __extends(DrRepeat, _super);

package/operators/DrTargetAttr.js

@@ -17,7 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrTargetAttr = void 0;
 var OperatorRender_1 = require("./OperatorRender");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrTargetAttr = /** @class */ (function (_super) {
     __extends(DrTargetAttr, _super);
     function DrTargetAttr() {

package/operators/DrTargetElement.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrTargetElement = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrTargetElement = /** @class */ (function (_super) {
     __extends(DrTargetElement, _super);
     function DrTargetElement() {
@@ -30,7 +30,7 @@ var DrTargetElement = /** @class */ (function (_super) {
         var _b, _c, _d, _e;
         var targetElement = (_c = (_b = this.source.config) === null || _b === void 0 ? void 0 : _b.targetElements) === null || _c === void 0 ? void 0 : _c.find(function (it) { return it.name.toLowerCase() === _this.elementSource.element.tagName.toLowerCase(); });
         if (targetElement) {
-            var documentFragment = targetElement.callBack(this.elementSource.element, this.source.obj, this.rawSet, this.elementSource.attrs);
+            var documentFragment = targetElement.callBack(this.elementSource.element, this.source.obj, this.rawSet, this.elementSource.attrs, this.source.config);
             if (documentFragment) {
                 // const targetAttrMap = this.elementSource.element.getAttribute(EventManager.normalAttrMapAttrName);
                 var detectAction_1 = this.elementSource.element.getAttribute(RawSet_1.RawSet.DR_DETECT_NAME);

package/operators/DrThis.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrThis = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var ComponentSet_1 = require("../components/ComponentSet");
 var DrThis = /** @class */ (function (_super) {
     __extends(DrThis, _super);
@@ -30,6 +30,8 @@ var DrThis = /** @class */ (function (_super) {
         var _b, _c, _d, _e, _f;
         if (this.elementSource.attrs.drThis) {
             var r = ScriptUtils_1.ScriptUtils.evalReturn(this.elementSource.attrs.drThis, this.source.obj);
+            // const isStrip = ScriptUtils.eval(`if (${this.elementSource.attrs.drStripOption ?? 'false'}) { return true; } else { return false; }`, this.source.obj);
+            // console.log('isStrip', isStrip)
             if (r) {
                 if (r instanceof ComponentSet_1.ComponentSet) {
                     if (this.rawSet.data) {
@@ -37,7 +39,8 @@ var DrThis = /** @class */ (function (_super) {
                         RawSet_1.RawSet.destroy(this.rawSet.data.obj, [], this.source.config, destroyOptions);
                     }
                     this.rawSet.data = r;
-                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.rawSet, this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r));
+                    var componentBody = RawSet_1.RawSet.drThisCreate(this.rawSet, this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r);
+                    this.returnContainer.fag.append(componentBody);
                     this.afterCallBack.onThisComponentSetCallBacks.push(r);
                 }
                 else {

package/operators/OperatorRender.d.ts

@@ -1,6 +1,10 @@
-import { AttrInitCallBack, Attrs, ElementInitCallBack, RawSet, Render } from '../RawSet';
+import { RawSet } from '../rawsets/RawSet';
 import { ComponentSet } from '../components/ComponentSet';
-import { Config } from '../Config';
+import { Config } from '../configs/Config';
+import { Attrs } from '../rawsets/Attrs';
+import { AttrInitCallBack } from '../rawsets/AttrInitCallBack';
+import { ElementInitCallBack } from '../rawsets/ElementInitCallBack';
+import { Render } from '../rawsets/Render';
 export declare enum ExecuteState {
     EXECUTE = 0,
     NO_EXECUTE = 1,

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "dom-render",
-  "version": "1.0.85",
+  "version": "1.0.88",
   "main": "DomRender.js",
   "license": "MIT",
-  "description": "dom-render",
+  "description": "html view template engine",
   "keywords": [
     "front",
     "spa",
     "SPA",
+    "view template",
+    "view",
+    "template",
+    "template engine",
     "dom-render",
     "front-end",
     "framwork",

package/rawsets/AttrInitCallBack.d.ts

@@ -0,0 +1,5 @@
+export declare type AttrInitCallBack = {
+    attrName: string;
+    attrValue: string;
+    obj: any;
+};

package/rawsets/AttrInitCallBack.js

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

package/rawsets/Attrs.d.ts

@@ -0,0 +1,21 @@
+export declare type Attrs = {
+    dr: string | null;
+    drIf: string | null;
+    drAppender: string | null;
+    drFor: string | null;
+    drForOf: string | null;
+    drRepeat: string | null;
+    drThis: string | null;
+    drForm: string | null;
+    drPre: string | null;
+    drInnerHTML: string | null;
+    drInnerText: string | null;
+    drItOption: string | null;
+    drVarOption: string | null;
+    drAfterOption: string | null;
+    drNextOption: string | null;
+    drBeforeOption: string | null;
+    drCompleteOption: string | null;
+    drStripOption: string | null;
+    drDestroyOption: string | null;
+};

package/rawsets/Attrs.js

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

package/rawsets/CreatorMetaData.d.ts

@@ -0,0 +1,18 @@
+import { Router } from '../routers/Router';
+import { Attrs } from './Attrs';
+import { RawSet } from './RawSet';
+export declare type CreatorMetaData = {
+    thisVariableName?: string | null;
+    thisFullVariableName?: string | null;
+    componentKey?: string | null;
+    rawSet: RawSet;
+    scripts?: {
+        [n: string]: any;
+    };
+    router?: Router;
+    innerHTML: string;
+    drAttrs?: Attrs;
+    rootCreator: any;
+    attribute: any;
+    creator: any;
+};

package/rawsets/CreatorMetaData.js

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

package/rawsets/DestroyOptionType.d.ts

@@ -0,0 +1,4 @@
+export declare enum DestroyOptionType {
+    NO_DESTROY = "NO_DESTROY",
+    NO_MESSENGER_DESTROY = "NO_MESSENGER_DESTROY"
+}

package/rawsets/DestroyOptionType.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DestroyOptionType = void 0;
+var DestroyOptionType;
+(function (DestroyOptionType) {
+    DestroyOptionType["NO_DESTROY"] = "NO_DESTROY";
+    DestroyOptionType["NO_MESSENGER_DESTROY"] = "NO_MESSENGER_DESTROY";
+})(DestroyOptionType = exports.DestroyOptionType || (exports.DestroyOptionType = {}));

package/rawsets/ElementInitCallBack.d.ts

@@ -0,0 +1,8 @@
+import { TargetElement } from '../configs/TargetElement';
+import { CreatorMetaData } from './CreatorMetaData';
+export declare type ElementInitCallBack = {
+    name: string;
+    obj: any;
+    targetElement: TargetElement;
+    creatorMetaData: CreatorMetaData;
+};

package/rawsets/ElementInitCallBack.js

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

package/{RawSet.d.ts → rawsets/RawSet.d.ts}

@@ -1,73 +1,10 @@
-import { Config, TargetAttr, TargetElement } from './Config';
-import { ComponentSet } from './components/ComponentSet';
-export declare enum DestroyOptionType {
-    NO_DESTROY = "NO_DESTROY",
-    NO_MESSENGER_DESTROY = "NO_MESSENGER_DESTROY"
-}
-export declare type Attrs = {
-    dr: string | null;
-    drIf: string | null;
-    drAppender: string | null;
-    drFor: string | null;
-    drForOf: string | null;
-    drRepeat: string | null;
-    drThis: string | null;
-    drForm: string | null;
-    drPre: string | null;
-    drInnerHTML: string | null;
-    drInnerText: string | null;
-    drItOption: string | null;
-    drVarOption: string | null;
-    drAfterOption: string | null;
-    drNextOption: string | null;
-    drBeforeOption: string | null;
-    drCompleteOption: string | null;
-    drStripOption: string | null;
-    drDestroyOption: string | null;
-};
-export declare type CreatorMetaData = {
-    thisVariableName?: string | null;
-    thisFullVariableName?: string | null;
-    componentKey?: string | null;
-    rawSet: RawSet;
-    innerHTML: string;
-    drAttrs?: Attrs;
-    rootCreator: any;
-    attribute: any;
-    creator: any;
-};
-export declare type AttrInitCallBack = {
-    attrName: string;
-    attrValue: string;
-    obj: any;
-};
-export declare type ElementInitCallBack = {
-    name: string;
-    obj: any;
-    targetElement: TargetElement;
-    creatorMetaData: CreatorMetaData;
-};
-export declare enum RawSetType {
-    TEXT = "TEXT",
-    STYLE_TEXT = "STYLE_TEXT",
-    TARGET_ELEMENT = "TARGET_ELEMENT",
-    TARGET_ATTR = "TARGET_ATTR",
-    UNKOWN = "UNKOWN"
-}
-export declare type Render = {
-    rawset?: RawSet;
-    scripts?: {
-        [n: string]: any;
-    };
-    bindScript?: string;
-    element?: any;
-    attribute?: any;
-    creatorMetaData?: CreatorMetaData;
-    router?: any;
-    range?: any;
-    value?: any;
-    [n: string]: any;
-};
+import { Config } from '../configs/Config';
+import { ComponentSet } from '../components/ComponentSet';
+import { TargetElement } from '../configs/TargetElement';
+import { TargetAttr } from '../configs/TargetAttr';
+import { DestroyOptionType } from './DestroyOptionType';
+import { Attrs } from './Attrs';
+import { RawSetType } from './RawSetType';
 export declare class RawSet {
     uuid: string;
     type: RawSetType;
@@ -118,13 +55,22 @@ export declare class RawSet {
     get isConnected(): boolean;
     getUsingTriggerVariables(config?: Config): Set<string>;
     render(obj: any, config: Config): RawSet[];
-    generateCSS(id: string, cssRule: CSSRule): void;
+    static generateStyleSheetsLocal(): void;
+    static generateCSS(id: string, cssRule: CSSRule): void;
+    static generateStyleTransform(styleBody: string | string[], id: string, styleTagWrap?: boolean): string;
     applyEvent(obj: any, fragment?: DocumentFragment, config?: Config): void;
     getAttribute(element: Element, attr: string): string | null;
     getAttributeAndDelete(element: Element, attr: string): string | null;
     getDrAppendAttributeAndDelete(element: Element, obj: any): string | null;
     replaceBody(genNode: Node): void;
     static checkPointCreates(element: Node, obj: any, config: Config): RawSet[];
+    static createStartEndPoint(id: string, type: RawSetType, config: Config): {
+        start: HTMLMetaElement;
+        end: HTMLMetaElement;
+    } | {
+        start: Comment;
+        end: Comment;
+    };
     childAllRemove(): void;
     static drItOtherEncoding(element: Element | DocumentFragment): string;
     static drItOtherDecoding(element: Element | DocumentFragment, random: string): void;
@@ -145,9 +91,8 @@ export declare class RawSet {
     }[]): void;
     static drThisCreate(rawSet: RawSet, element: Element, drThis: string, drVarOption: string, drStripOption: boolean | string | null, obj: any, config: Config, set?: ComponentSet): DocumentFragment;
     static createComponentTargetAttribute(name: string, getThisObj: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => any, factory: (element: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment): TargetAttr;
-    static createComponentTargetElement(name: string, objFactory: (element: Element, obj: any, rawSet: RawSet, counstructorParam: any[]) => any, template: string | undefined, styles: string[] | undefined, config: Config): TargetElement;
+    static createComponentTargetElement(name: string, objFactory: (element: Element, obj: any, rawSet: RawSet, counstructorParam: any[]) => any, template?: string, styles?: string[]): TargetElement;
     static isExporesion(data: string | null): boolean;
     static exporesionGrouops(data: string | null): RegExpExecArray[];
-    static styleTransformLocal(styleBody: string | string[], id: string, styleTagWrap?: boolean): string;
     static destroy(obj: any | undefined, parameter: any[], config: Config, destroyOptions?: (DestroyOptionType | string)[]): void;
 }