render-core 1.4.16 → 1.4.20

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 render-js
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# renderJs
+> The extendable javascript web framework

package/index.js

@@ -21,6 +21,8 @@ import { AbstractComponent } from "./tension/prototype/AbstractComponent";
 import { set_context_controller } from "./system/recorder/table0/system_func_0";
 import { PrefaceAction } from "./tension/prototype/PrefaceAction";
 import { SystemInitPlugin } from "./tension/SystemInitPlugin";
+import { lintComponent } from "./verify/directive-linter";
+import { errorDisplay } from "./system/output/errorUtility";
 /**
  * This class is used to prototype the properties type
  */
@@ -95,7 +97,15 @@ var RenderJS = /** @class */ (function () {
      * @param component
      */
     RenderJS.prototype.add_tag = function (component) {
-        registerTagLib(component);
+        var errors = lintComponent(component);
+        if (errors.length > 0) {
+            errors.map(function (error) {
+                errorDisplay(component.getName(), error);
+            });
+        }
+        else {
+            registerTagLib(component);
+        }
     };
     /**
      * This func is used to work under the route mode

package/kernel/delivery/delivery.d.ts

@@ -1,7 +1,6 @@
 import { ContextController } from "../../system/prototype/ContextController";
 import { Component } from "../../index";
 /**
- *
  * @param protoTypeComponent
  * @param componentAttachedRootElement
  * @param child

package/kernel/delivery/delivery.js

@@ -6,7 +6,6 @@ import { raw_renderer } from "../renderer/rawRender";
 import { renderHtml } from "../../xboot/renderProcessor";
 import { tag_unknown_check } from "../../system/recorder/table2/system_func_2";
 /**
- *
  * @param protoTypeComponent
  * @param componentAttachedRootElement
  * @param child

package/lint/directive-linter.d.ts

@@ -0,0 +1,16 @@
+import { Component } from "../index";
+export interface DirectiveLocation {
+    directive: string;
+    expression: string;
+    element: string;
+    line: number;
+    column: number;
+}
+export interface LintError {
+    rule: string;
+    message: string;
+    line: number;
+    column: number;
+}
+export declare function lintComponent(component: Component): LintError[];
+export declare function lintComponents(components: Component[]): Map<string, LintError[]>;

package/lint/directive-linter.js

@@ -0,0 +1,123 @@
+var BOOLEAN_CONDITION_DIRECTIVES = ["@if", "@show"];
+var ARRAY_ITERATION_DIRECTIVES = ["@for", "@map"];
+var MODEL_ELEMENT = ["INPUT", "SELECT", "TEXTAREA"];
+function parseTemplateForDirectives(template) {
+    var directives = [];
+    var lines = template.split("\n");
+    for (var lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+        var line = lines[lineIndex];
+        var directiveRegex = /@(\w+)(?:\s*=\s*"([^"]*)"|\s*=\s*'([^']*)')?/g;
+        var match = void 0;
+        while ((match = directiveRegex.exec(line)) !== null) {
+            var directiveName = match[1];
+            var expression = match[2] || match[3] || "";
+            var elementMatch = line.match(/<(\w+)/);
+            var element = elementMatch ? elementMatch[1] : "unknown";
+            directives.push({
+                directive: "@".concat(directiveName),
+                expression: expression,
+                element: element.toUpperCase(),
+                line: lineIndex + 1,
+                column: match.index + 1
+            });
+        }
+    }
+    return directives;
+}
+function inferType(value) {
+    if (value === true || value === false)
+        return "boolean";
+    if (Array.isArray(value))
+        return "array";
+    if (typeof value === "number")
+        return "number";
+    if (typeof value === "string")
+        return "string";
+    if (typeof value === "object" && value !== null)
+        return "object";
+    if (value === null)
+        return "null";
+    return "unknown";
+}
+function getDataTypes(component) {
+    var types = new Map();
+    var data = component.getData();
+    if (data && typeof data === "object") {
+        Object.keys(data).forEach(function (key) {
+            types.set(key, inferType(data[key]));
+        });
+    }
+    return types;
+}
+function validateBooleanCondition(directive, component) {
+    var dataTypes = getDataTypes(component);
+    var actualType = dataTypes.get(directive.expression);
+    if (actualType && actualType !== "boolean") {
+        return {
+            rule: "boolean-condition",
+            message: "Directive '".concat(directive.directive, "' expects boolean but '").concat(directive.expression, "' is ").concat(actualType),
+            line: directive.line,
+            column: directive.column
+        };
+    }
+    return null;
+}
+function validateArrayIteration(directive, component) {
+    var dataTypes = getDataTypes(component);
+    var actualType = dataTypes.get(directive.expression);
+    if (actualType && actualType !== "array") {
+        return {
+            rule: "array-iteration",
+            message: "Directive '".concat(directive.directive, "' expects array but '").concat(directive.expression, "' is ").concat(actualType),
+            line: directive.line,
+            column: directive.column
+        };
+    }
+    return null;
+}
+function validateModelElement(directive, component) {
+    if (MODEL_ELEMENT.indexOf(directive.element) === -1) {
+        return {
+            rule: "valid-model-element",
+            message: "Directive '@model' can only be used on INPUT, SELECT, or TEXTAREA, but found '".concat(directive.element, "'"),
+            line: directive.line,
+            column: directive.column
+        };
+    }
+    return null;
+}
+export function lintComponent(component) {
+    var errors = [];
+    var template = component.getTemplate();
+    var directives = parseTemplateForDirectives(template);
+    for (var _i = 0, directives_1 = directives; _i < directives_1.length; _i++) {
+        var directive = directives_1[_i];
+        if (BOOLEAN_CONDITION_DIRECTIVES.indexOf(directive.directive) !== -1) {
+            var error = validateBooleanCondition(directive, component);
+            if (error)
+                errors.push(error);
+        }
+        if (ARRAY_ITERATION_DIRECTIVES.indexOf(directive.directive) !== -1) {
+            var error = validateArrayIteration(directive, component);
+            if (error)
+                errors.push(error);
+        }
+        if (directive.directive === "@model") {
+            var error = validateModelElement(directive, component);
+            if (error)
+                errors.push(error);
+        }
+    }
+    return errors;
+}
+export function lintComponents(components) {
+    var allErrors = new Map();
+    for (var _i = 0, components_1 = components; _i < components_1.length; _i++) {
+        var component = components_1[_i];
+        var errors = lintComponent(component);
+        if (errors.length > 0) {
+            allErrors.set(component.getName(), errors);
+        }
+    }
+    return allErrors;
+}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "render-core",
-  "version": "1.4.16",
+  "version": "1.4.20",
   "description": "The extendable javascript web framework",
   "main": "index.js",
   "types": "index.d.ts",
+  "scripts": {
+    "build": "tsc"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com//render-js/render-core.git"

package/system/lifecycle/mount.js

@@ -34,7 +34,7 @@ export function extract_mount(root) {
     // @ts-ignore
     root.anchorEnd = root.componentAttachedRootElement;
     root.anchorEnd.setAttribute("anchor", "end");
-    root.anchorEnd.setAttribute("style", "display:none");
+    root.anchorBegin.setAttribute("style", "display:none");
     root.componentAttachedRootElement = parent;
 }
 export function mountForUpdate(tagTemplate) {

package/system/output/errorUtility.d.ts

@@ -1,3 +1,4 @@
-export declare function errorDisplay(error: Error): void;
-export declare function warnDisplay(error: Error): void;
-export declare function infoDisplay(error: Error): void;
+import LintError from "../../verify/generic/lintError";
+export declare function errorDisplay(tag: string, error: LintError): void;
+export declare function warnDisplay(error: LintError): void;
+export declare function infoDisplay(error: LintError): void;

package/system/output/errorUtility.js

@@ -1,5 +1,5 @@
-export function errorDisplay(error) {
-    console.log();
+export function errorDisplay(tag, error) {
+    console.log("捕获到全局错误：", error.message, "在:", tag, "的第", error.line, "行", "第", error.column, "列");
 }
 export function warnDisplay(error) {
     console.warn();

package/tension/SystemInitPlugin.d.ts

@@ -1,6 +1,9 @@
 import { PrefaceGeneric } from "./generic/plugin/preface/PrefaceGeneric";
 import { HooksGeneric } from "./generic/plugin/hooks/HooksGeneric";
 import { PluginGeneric } from "./generic/plugin/PluginGeneric";
+/**
+ *
+ */
 export declare class SystemInitPlugin implements PluginGeneric {
     plugin(preface: PrefaceGeneric, hooks: HooksGeneric): void;
 }

package/tension/SystemInitPlugin.js

@@ -1,4 +1,7 @@
 import { HttpAction } from "../system/prototype/HttpAction";
+/**
+ *
+ */
 var SystemInitPlugin = /** @class */ (function () {
     function SystemInitPlugin() {
     }

package/verify/directive-linter.d.ts

@@ -0,0 +1,4 @@
+import { Component } from "../index";
+import LintError from "./generic/lintError";
+export declare function lintComponent(component: Component): LintError[];
+export declare function lintComponents(components: Component[]): Map<string, LintError[]>;

package/verify/directive-linter.js

@@ -0,0 +1,123 @@
+var BOOLEAN_CONDITION_DIRECTIVES = ["@if", "@show"];
+var ARRAY_ITERATION_DIRECTIVES = ["@for", "@map"];
+var MODEL_ELEMENT = ["INPUT", "SELECT", "TEXTAREA"];
+function parseTemplateForDirectives(template) {
+    var directives = [];
+    var lines = template.split("\n");
+    for (var lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+        var line = lines[lineIndex];
+        var directiveRegex = /@(\w+)(?:\s*=\s*"([^"]*)"|\s*=\s*'([^']*)')?/g;
+        var match = void 0;
+        while ((match = directiveRegex.exec(line)) !== null) {
+            var directiveName = match[1];
+            var expression = match[2] || match[3] || "";
+            var elementMatch = line.match(/<(\w+)/);
+            var element = elementMatch ? elementMatch[1] : "unknown";
+            directives.push({
+                directive: "@".concat(directiveName),
+                expression: expression,
+                element: element.toUpperCase(),
+                line: lineIndex + 1,
+                column: match.index + 1
+            });
+        }
+    }
+    return directives;
+}
+function inferType(value) {
+    if (value === true || value === false)
+        return "boolean";
+    if (Array.isArray(value))
+        return "array";
+    if (typeof value === "number")
+        return "number";
+    if (typeof value === "string")
+        return "string";
+    if (typeof value === "object" && value !== null)
+        return "object";
+    if (value === null)
+        return "null";
+    return "unknown";
+}
+function getDataTypes(component) {
+    var types = new Map();
+    var data = component.getData();
+    if (data && typeof data === "object") {
+        Object.keys(data).forEach(function (key) {
+            types.set(key, inferType(data[key]));
+        });
+    }
+    return types;
+}
+function validateBooleanCondition(directive, component) {
+    var dataTypes = getDataTypes(component);
+    var actualType = dataTypes.get(directive.expression);
+    if (actualType && actualType !== "boolean") {
+        return {
+            rule: "boolean-condition",
+            message: "Directive '".concat(directive.directive, "' expects boolean but '").concat(directive.expression, "' is ").concat(actualType),
+            line: directive.line,
+            column: directive.column
+        };
+    }
+    return null;
+}
+function validateArrayIteration(directive, component) {
+    var dataTypes = getDataTypes(component);
+    var actualType = dataTypes.get(directive.expression);
+    if (actualType && actualType !== "array") {
+        return {
+            rule: "array-iteration",
+            message: "Directive '".concat(directive.directive, "' expects array but '").concat(directive.expression, "' is ").concat(actualType),
+            line: directive.line,
+            column: directive.column
+        };
+    }
+    return null;
+}
+function validateModelElement(directive, component) {
+    if (MODEL_ELEMENT.indexOf(directive.element) === -1) {
+        return {
+            rule: "valid-model-element",
+            message: "Directive '@model' can only be used on INPUT, SELECT, or TEXTAREA, but found '".concat(directive.element, "'"),
+            line: directive.line,
+            column: directive.column
+        };
+    }
+    return null;
+}
+export function lintComponent(component) {
+    var errors = [];
+    var template = component.getTemplate();
+    var directives = parseTemplateForDirectives(template);
+    for (var _i = 0, directives_1 = directives; _i < directives_1.length; _i++) {
+        var directive = directives_1[_i];
+        if (BOOLEAN_CONDITION_DIRECTIVES.indexOf(directive.directive) !== -1) {
+            var error = validateBooleanCondition(directive, component);
+            if (error)
+                errors.push(error);
+        }
+        if (ARRAY_ITERATION_DIRECTIVES.indexOf(directive.directive) !== -1) {
+            var error = validateArrayIteration(directive, component);
+            if (error)
+                errors.push(error);
+        }
+        if (directive.directive === "@model") {
+            var error = validateModelElement(directive, component);
+            if (error)
+                errors.push(error);
+        }
+    }
+    return errors;
+}
+export function lintComponents(components) {
+    var allErrors = new Map();
+    for (var _i = 0, components_1 = components; _i < components_1.length; _i++) {
+        var component = components_1[_i];
+        var errors = lintComponent(component);
+        if (errors.length > 0) {
+            allErrors.set(component.getName(), errors);
+        }
+    }
+    return allErrors;
+}

package/verify/generic/lintError.d.ts

@@ -0,0 +1,6 @@
+export default interface LintError {
+    rule: string;
+    message: string;
+    line: number;
+    column: number;
+}

package/verify/generic/lintError.js

@@ -0,0 +1 @@
+export {};

package/verify/generic/location.d.ts

@@ -0,0 +1,7 @@
+export default interface DirectiveLocation {
+    directive: string;
+    expression: string;
+    element: string;
+    line: number;
+    column: number;
+}

package/verify/generic/location.js

@@ -0,0 +1 @@
+export {};

package/xboot/tagProcessor.d.ts

@@ -1,7 +1,7 @@
 import { Component } from "../index";
 /**
  * This function is used to save the prototype component proto in the window object.
- * So, you can hava a tip that we custom a property named 'tagLib' in the window object.
+ * So, you can have a tip that we custom a property named 'tagLib' in the window object.
  * @param component
  */
 export declare function registerTagLib(component: Component | Component[]): void;

package/xboot/tagProcessor.js

@@ -1,7 +1,7 @@
 import { get_tag_library } from "../system/recorder/table0/system_func_0";
 /**
  * This function is used to save the prototype component proto in the window object.
- * So, you can hava a tip that we custom a property named 'tagLib' in the window object.
+ * So, you can have a tip that we custom a property named 'tagLib' in the window object.
  * @param component
  */
 export function registerTagLib(component) {