change createNode for h

Author: spielcrypto

karma.conf.js

@@ -29,7 +29,7 @@ module.exports = function(config) {
                 "experimentalDecorators": true,
                 "declaration": true,
                 "jsx": "react",
-                "jsxFactory": "createNode",
+                "jsxFactory": "h",
                 "sourceMap": true
             }
         },

package.json

@@ -30,7 +30,7 @@
         "navigo": "^7.1.1",
         "spiel-render": "^1.0.1",
         "typescript": "^2.7.2",
-        "ultradom": "^2.0.1"
+        "ultradom": "git+ssh://[email protected]/jorgebucaran/ultradom.git#options"
     },
     "devDependencies": {
         "@types/chai": "^4.1.2",

src/index.ts

@@ -1,5 +1,5 @@
 export { srouter, Router} from "./router";
 export const Navigo = require("navigo");
-export { patch, createNode, Component, VNode } from "ultradom";
+export { patch, h, Component, VNode } from "ultradom";
 export { render, State, View, JSXElements, Children } from "spiel-render";
 export { IConfigRouters, IPage, IHooks, IGenericHooks, Params, Handler, IRoutersHandler} from "./helpers";

src/router.ts

@@ -1,6 +1,6 @@
 import Navigo = require("navigo");
 import { render, State} from "spiel-render";
-import { createNode as u, patch } from "ultradom";
+import { h, patch } from "ultradom";
 import { Handler, IConfigRouters, IHooks, IRouters, IRoutersHandler, Params } from "./helpers";
 
 /**
@@ -78,7 +78,7 @@ export class Router {
 
     private createRootElement() {
         const rootElement = document.getElementById(this.root);
-        const node = u("div", {});
+        const node = h("div", {});
         if (!rootElement) {
             const elm = document.createElement("div");
             elm.setAttribute("id", this.root);

test/Component/Component.spec.ts

@@ -1,12 +1,12 @@
 import { assert, expect } from "chai";
-import { createNode as u, patch, VNode} from "../../src";
+import { h, patch, VNode} from "../../src";
 
 import {componentTest} from "./mocks";
 
 describe("Component", () => {
     let nodes: VNode<any>;
     before(() => {
-        nodes = u(componentTest.view, componentTest.state);
+        nodes = h(componentTest.view, componentTest.state);
     });
     it("has to be created", () => {
         const text: any = nodes.children.find((node: any) => node.nodeName === "span");

test/Component/mocks.tsx

@@ -1,4 +1,4 @@
-import { Children, createNode, IPage, JSXElements, State, VNode } from "../../src";
+import { Children, h, IPage, JSXElements, State, VNode } from "../../src";
 
 interface IShow {
     value: string;

test/Page/Page.spec.ts

@@ -1,17 +1,17 @@
 import { assert, expect } from "chai";
-import { createNode as u, patch, VNode} from "../../src";
+import { h, patch, VNode} from "../../src";
 
 import {pageTest} from "./mocks";
 
 describe("Page", () => {
     let nodes: VNode<any>;
     before(() => {
-        const node = u("div", {});
+        const node = h("div", {});
         const elm = document.createElement("div");
         elm.setAttribute("id", "app");
         document.body.appendChild(elm);
         patch(node, document.getElementById("app"));
-        nodes = u(pageTest.view, pageTest.state);
+        nodes = h(pageTest.view, pageTest.state);
     });
 
     it("has to be created", () => {
@@ -22,7 +22,7 @@ describe("Page", () => {
     it("has to change the title", () => {
         const button: any = nodes.children.find((node: any) => node.nodeName === "button");
         button.attributes.onclick();
-        nodes = u(pageTest.view, pageTest.state);
+        nodes = h(pageTest.view, pageTest.state);
         const title: any = nodes.children.find((node: any) => node.nodeName === "h1");
         expect(title.children[0]).has.to.be.equal("Hello World");
     });

test/Page/mocks.tsx

@@ -1,4 +1,4 @@
-import { createNode, IPage, render, State, VNode} from "../../src";
+import { h, IPage, render, State, VNode} from "../../src";
 
 export class PageTest implements IPage {
     public state: State = {

test/Router/Router.spec.ts

@@ -1,5 +1,5 @@
 import { assert, expect } from "chai";
-import { createNode as u, patch, render, srouter, State, VNode} from "../../src";
+import { patch, render, srouter, State, VNode} from "../../src";
 
 import { configDefault, configSettings } from "./configs";
 import { testPage1 } from "./mocks/TestPage1";

test/Router/mocks/NotFoundPath.tsx

@@ -1,4 +1,4 @@
-import {createNode, IPage, render, State} from "../../../src";
+import {h, IPage, render, State} from "../../../src";
 
 export class NotFound implements IPage {
     public state = {

test/Router/mocks/TestPage1.tsx

@@ -1,4 +1,4 @@
-import {createNode, JSXElements, render, srouter, State } from "../../../src";
+import {h, JSXElements, render, srouter, State } from "../../../src";
 
 export class TestPage1 {
     public state = {

test/Router/mocks/TestPage2.tsx

@@ -1,4 +1,4 @@
-import {createNode, JSXElements, render, srouter, State} from "../../../src";
+import {h, JSXElements, render, srouter, State} from "../../../src";
 
 export class TestPage2 {
     public state = {

test/Router/mocks/TestPage3.tsx

@@ -1,4 +1,4 @@
-import {createNode, JSXElements, render, srouter, State } from "../../../src";
+import {h, JSXElements, render, srouter, State } from "../../../src";
 
 export class TestPage3 {
     public state = {

test/Router/mocks/TestPage4.tsx

@@ -1,4 +1,4 @@
-import {createNode, JSXElements, render, State} from "../../../src";
+import {h, JSXElements, render, State} from "../../../src";
 
 export class TestPage4 {
     public state = {

test/Router/mocks/TestPage5.tsx

@@ -1,4 +1,4 @@
-import { Children, createNode, IPage, JSXElements, srouter, State, VNode } from "../../../src";
+import { Children, h, IPage, JSXElements, srouter, State, VNode } from "../../../src";
 
 interface IShow {
     value: string;

tsconfig.json

@@ -11,7 +11,7 @@
 		"experimentalDecorators": true,
 		"declaration": true,
 		"jsx": "react",
-		"jsxFactory": "createNode",
+		"jsxFactory": "h",
 		"outDir": "./lib",
 		"rootDir": ".",
 		"sourceMap": true