commit

Author: kenokabe-hue

package.json

@@ -1,6 +1,6 @@
 {
   "name": "timeengine",
-  "version": "6.1.4",
+  "version": "6.2.0",
   "description": "TimeEngine is a tiny, simple yet versatile library that provides first class reactive components with smart dependency resolving capability in JavaScript. Built for a new programming paradigm: Dependency driven Functional Reactive Programming (DFRP).",
   "main": "timeengine.js",
   "scripts": {

react-test/index.jsx

@@ -1,12 +1,12 @@
-/*global React ReactDOM __ Immutable __Component*/
+/*global React ReactDOM __ Immutable __Element*/
 
-//const __Component = require("timeengine-react");
+//const __Element = require("timeengine-react");
 //this code is required to transpile by `npm run jsx`
 
 (() => {
   'use strict';
 
-  const TextComponent = () => {
+  const TextElement = () => {
     const __value = __();
     const onChange = (e) => {
       __value.t = e.target.value;
@@ -19,14 +19,14 @@
         </div>));
 
     __value.t = "default text";
-    return __Component(__seqEl);
+    return __Element(__seqEl);
   };
 
   // `.intervalSeq` is to map Immutable-js infinite Sequence
   //                       on TimeEngine infinite Sequence
   // map natural numbers sequence on intervalSeq(1000)
-  const TimerComponent = () => {
-    return __Component(__
+  const TimerElement = () => {
+    return __Element(__
       .intervalSeq(Immutable.Range(), 1000)
       .__((count) => (__.log.t = count)) //console.log
       .__((count) => (<div>{"Timer : "}{count}</div>)));
@@ -35,7 +35,7 @@
   // memory leak, performance issue
   //how about games? memoized_reduce is needed
   // to calculate many elemnents of the long array
-  const CounterComponentStateHistory = () => {
+  const CounterElementStateHistory = () => {
     const __updn = __(true); //1 or -1 or initially 0
     const __seqEl = __([__updn])
       .__(([updn]) => (__updn
@@ -50,12 +50,12 @@
       onClick={() => (__updn.t = 1)}>{"Up"}</button>
              <button
       onClick={() => (__updn.t = -1)}>{"Down"}</button>
-             &nbsp;&nbsp;{__Component(__seqEl)}&nbsp;&nbsp;
+             &nbsp;&nbsp;{__Element(__seqEl)}&nbsp;&nbsp;
             </span>);
   };
 
   // no seq object destroy
-  const CounterReloadComponent = () => {
+  const CounterReloadElement = () => {
     const __clicked = __();
     const onClick = () => {
       __clicked.t = true;
@@ -64,14 +64,14 @@
       .intervalSeq(Immutable.Seq.of(true), 0)
       .__(onClick);
     const __seqEl = __([__clicked])
-      .__(() => (<span>{CounterComponentStateHistory()}</span>));
+      .__(() => (<span>{CounterElementStateHistory()}</span>));
     return (<div>
-            {__Component(__seqEl)}
+            {__Element(__seqEl)}
            <button onClick={onClick}>{"Reload"}</button>
           </div>);
   };
 
-  const CounterComponent = () => {
+  const CounterElement = () => {
     const __updn = __();
     const __count = __([__updn])
       .__(([updn]) => ((updn === 0) ? (0) : (__count.t + updn)));
@@ -86,15 +86,15 @@
       onClick={() => (__updn.t = 1)}>{"Up"}</button>
            <button
       onClick={() => (__updn.t = -1)}>{"Down"}</button>
-           &nbsp;&nbsp;{__Component(__seqEl)}&nbsp;&nbsp;
+           &nbsp;&nbsp;{__Element(__seqEl)}&nbsp;&nbsp;
            <button
       onClick={init}>{"Reset"}</button>
           </div>);
   };
 
 
 
-  const PhysicsComponent = () => {
+  const PhysicsElement = () => {
     //MKS system of units
     const V0 = 85.0; // m/s
     const DEG = 40; //degree
@@ -116,38 +116,38 @@
         cx = {50 + x * Drawscale} cy = {250 - y * Drawscale}/>
         </svg>
       </div>));
-    return __Component(__seqEl);
+    return __Element(__seqEl);
   };
 
-  const ButtonComponent = () => {
+  const ButtonElement = () => {
     const __clicked = __();
     const onClick = () => {
       __clicked.t = true;
     };
     const __seqEl = __([__clicked])
-      .__(() => (<div>{PhysicsComponent()}</div>));
+      .__(() => (<div>{PhysicsElement()}</div>));
 
     return (<div>
       <div><button onClick={onClick}>{"Physics Start"}</button></div>
-      {__Component(__seqEl)}
+      {__Element(__seqEl)}
            </div>
       );
   };
 
   const TopElement = (
   <div>
      <p>{"HelloElement!!"}</p>
-      {TextComponent()}
+      {TextElement()}
       {"====================="}
-      {TimerComponent()}
+      {TimerElement()}
       {"====================="}
-      <div>{CounterComponentStateHistory()}</div>
+      <div>{CounterElementStateHistory()}</div>
       {"====================="}
-      {CounterReloadComponent()}
+      {CounterReloadElement()}
       {"====================="}
-      {CounterComponent()}
+      {CounterElement()}
       {"====================="}
-      {ButtonComponent()}
+      {ButtonElement()}
       {"====================="}
   </div>
   );