j-templates 7.0.8 → 7.0.10

package/DOM/elements.d.ts

@@ -78,3 +78,4 @@ export declare const td: <T>(config: {
     on?: import("../Node/vNode.types").FunctionOr<import("../Node/vNode.types").vNodeEvents<HTMLElementEventMap>>;
     data?: () => T | Array<T> | Promise<Array<T>> | Promise<T>;
 }, children?: import("../Node/vNode.types").vNode[] | import("../Node/vNode.types").vNodeChildrenFunction<T>) => import("../Node/vNode.types").vNode;
+export declare const text: (callback: () => string) => import("../Node/vNode.types").vNode;

package/DOM/elements.js

@@ -1,14 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.td = exports.tr = exports.tbody = exports.table = exports.span = exports.input = exports.h1 = exports.button = exports.a = exports.div = void 0;
+exports.text = exports.td = exports.tr = exports.tbody = exports.table = exports.span = exports.input = exports.h1 = exports.button = exports.a = exports.div = void 0;
 const vNode_1 = require("../Node/vNode");
-exports.div = vNode_1.vNode.ToFunction('div');
-exports.a = vNode_1.vNode.ToFunction('a');
-exports.button = vNode_1.vNode.ToFunction('button');
-exports.h1 = vNode_1.vNode.ToFunction('h1');
-exports.input = vNode_1.vNode.ToFunction('input');
-exports.span = vNode_1.vNode.ToFunction('span');
-exports.table = vNode_1.vNode.ToFunction('table');
-exports.tbody = vNode_1.vNode.ToFunction('tbody');
-exports.tr = vNode_1.vNode.ToFunction('tr');
-exports.td = vNode_1.vNode.ToFunction('td');
+exports.div = vNode_1.vNode.ToFunction("div");
+exports.a = vNode_1.vNode.ToFunction("a");
+exports.button = vNode_1.vNode.ToFunction("button");
+exports.h1 = vNode_1.vNode.ToFunction("h1");
+exports.input = vNode_1.vNode.ToFunction("input");
+exports.span = vNode_1.vNode.ToFunction("span");
+exports.table = vNode_1.vNode.ToFunction("table");
+exports.tbody = vNode_1.vNode.ToFunction("tbody");
+exports.tr = vNode_1.vNode.ToFunction("tr");
+exports.td = vNode_1.vNode.ToFunction("td");
+const textElement = vNode_1.vNode.ToFunction("text");
+const text = function (callback) {
+    return textElement({ props: () => ({ nodeValue: callback() }) });
+};
+exports.text = text;

package/Node/vNode.js

@@ -141,30 +141,34 @@ function InitNode(vnode) {
 }
 function StaticChildren(vnode, children) {
     const childrenScope = Store_1.ObservableScope.Create(WrapStaticChildren(vnode.injector, children));
+    vnode.scopes.push(childrenScope);
     const child = Store_1.ObservableScope.Peek(childrenScope);
-    if (typeof child === "string") {
-        const node = vNode.Create({
-            type: "text",
-            namespace: null,
-            props() {
-                return { nodeValue: Store_1.ObservableScope.Value(childrenScope) };
-            },
-        });
-        node.scopes.push(childrenScope);
-        vnode.children = [node];
-    }
-    else {
-        vnode.scopes.push(childrenScope);
-        Store_1.ObservableScope.Touch(childrenScope);
-        Store_1.ObservableScope.Watch(childrenScope, CreateScheduledCallback(function () {
-            if (vnode.destroyed)
-                return;
-            vNode.DestroyAll(vnode.children);
-            const nodes = Store_1.ObservableScope.Peek(childrenScope);
-            vnode.children = Array.isArray(nodes) ? nodes : [nodes];
-            UpdateChildren(vnode);
-        }));
-        vnode.children = Array.isArray(child) ? child : [child];
+    const type = typeof child;
+    switch (type) {
+        case 'string': {
+            const node = vNode.Create({
+                type: "text",
+                namespace: null,
+                props() {
+                    return { nodeValue: Store_1.ObservableScope.Value(childrenScope) };
+                },
+            });
+            vnode.children = [node];
+            break;
+        }
+        default: {
+            Store_1.ObservableScope.Touch(childrenScope);
+            Store_1.ObservableScope.Watch(childrenScope, CreateScheduledCallback(function () {
+                if (vnode.destroyed)
+                    return;
+                vNode.DestroyAll(vnode.children);
+                const nodes = Store_1.ObservableScope.Peek(childrenScope);
+                vnode.children = Array.isArray(nodes) ? nodes : [nodes];
+                UpdateChildren(vnode);
+            }));
+            vnode.children = (Array.isArray(child) ? child : [child]);
+            break;
+        }
     }
 }
 function WrapStaticChildren(injector, children) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "j-templates",
-  "version": "7.0.8",
+  "version": "7.0.10",
   "description": "j-templates",
   "license": "MIT",
   "repository": "https://github.com/TypesInCode/jTemplates",