Typescript

Author: Geoffrey Hendrey

.babelrc

@@ -1,5 +1,4 @@
 {
   "presets": ["@babel/preset-env","@babel/preset-modules"],
-  "plugins": ["@babel/plugin-proposal-unicode-property-regex"],
-  "sourceMaps": "inline"
+  "plugins": ["@babel/plugin-proposal-unicode-property-regex"]
 }

README.md

@@ -23,7 +23,7 @@ to execute efficiently:
 }
 ```
 Unlike an ordinary program, Stated templates can be kept "alive" indefinitely. A change to any of the independent fields
-causes change propagation throughout the DAG. Stated includes a node REPL, `stated.js`, for testing Stated json templates, and a JS library for embedding stated
+causes change propagation throughout the DAG. Stated includes a node REPL, `stated.ts`, for testing Stated json templates, and a JS library for embedding stated
 in applications. A typical REPL session consists of loading a template with the `init` command, viewing the computed
 output with the `.out` command and then setting values with the `.set` command and observing the changed output.
 ```json
@@ -142,7 +142,7 @@ REPL:
 > .init -f "example/ex01.json"
 ```
 ### Oneshot mode
-in oneshot mode, stated.js simply computes the output template and exits. This is useful when you do not intend to 
+in oneshot mode, stated.ts simply computes the output template and exits. This is useful when you do not intend to 
 change any if the fields after the initial output render
 ```bash
 falken$ stated example/ex01.json
@@ -240,7 +240,7 @@ verbose: initializing...
 debug: tags: {}
 verbose: evaluating template...
 error: Error evaluating expression at /b
-error: The right side of the "+" operator must evaluate to a number {"code":"T2002","position":3,"stack":"Error\n    at evaluateNumericExpression (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:4122:25)\n    at evaluateBinary (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:3900:30)\n    at async evaluate (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:3490:26)\n    at async Object.evaluate (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:5558:26)\n    at async TemplateProcessor._evaluateExprNode (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.js:637:25)\n    at async TemplateProcessor._evaluateExpression (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.js:556:28)\n    at async TemplateProcessor.evaluateJsonPointersInOrder (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.js:515:31)\n    at async TemplateProcessor.evaluateDependencies (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.js:358:16)\n    at async TemplateProcessor.evaluate (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.js:123:9)\n    at async TemplateProcessor.initialize (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.js:113:9)","token":"+","value":" is not a string"}
+error: The right side of the "+" operator must evaluate to a number {"code":"T2002","position":3,"stack":"Error\n    at evaluateNumericExpression (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:4122:25)\n    at evaluateBinary (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:3900:30)\n    at async evaluate (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:3490:26)\n    at async Object.evaluate (/Users/ghendrey/proj/jsonataexperiments/node_modules/jsonata/jsonata.js:5558:26)\n    at async TemplateProcessor._evaluateExprNode (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.ts:637:25)\n    at async TemplateProcessor._evaluateExpression (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.ts:556:28)\n    at async TemplateProcessor.evaluateJsonPointersInOrder (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.ts:515:31)\n    at async TemplateProcessor.evaluateDependencies (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.ts:358:16)\n    at async TemplateProcessor.evaluate (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.ts:123:9)\n    at async TemplateProcessor.initialize (file:///Users/ghendrey/proj/jsonataexperiments/src/TemplateProcessor.ts:113:9)","token":"+","value":" is not a string"}
 debug: Expression: a + ' is not a string'
 debug: Target: {
   "a": 42,

README.test.js

@@ -12,9 +12,9 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import CliCore from './src/CliCore';
+import CliCore from './dist/src/CliCore.js';
 import fs from 'fs';
-import StatedREPL  from './src/StatedREPL.js';
+import StatedREPL  from './dist/src/StatedREPL.js';
 
 /**
  * Regular expression for command extraction from README.md file. This program finds all the markup code blocks

index.html

@@ -7,10 +7,17 @@
 </head>
 <body>
 <h1>Template Processor Test</h1>
+<h2>You should serve this file. It will CORS error if you just try to open the file.</h2>
 <div id="output"></div>
+<!--
+ serve this HTML file with http-server.
+  >  npm install -g http-server
+  >  http-server
 
+  Then point browser at http://127.0.0.1:8080/
+ -->
 <script type="module">
-    import TemplateProcessor from "/dist/bundle.mjs"
+    import TemplateProcessor from "http://127.0.0.1:8080/dist/bundle.mjs"
 
     // Wait for the document to load
     document.addEventListener('DOMContentLoaded', async () => {

package.json

@@ -3,21 +3,23 @@
   "version": "0.0.57",
   "license": "Apache-2.0",
   "description": "JSONata embedded in JSON",
-  "main": "src/TemplateProcessor.js",
-  "module": "src/TemplateProcessor.js",
+  "main": "dist/TemplateProcessor.js",
+  "module": "dist/bundle.mjs",
   "typings": "src/types/TemplateProcessor.d.ts",
   "exports": {
     ".": {
       "import": "./dist/bundle.mjs"
     }
   },
   "scripts": {
+    "clean": "rm -rf dist",
+    "build": "tsc && webpack",
+    "webpack": "webpack",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
-    "start": "node index.js",
-    "stated": "./stated.js"
+    "stated": "node --experimental-vm-modules dist/stated.js"
   },
   "bin": {
-    "stated": "./stated.js"
+    "stated": "stated.js"
   },
   "repository": {
     "type": "git",
@@ -35,6 +37,7 @@
     "flatbuffers": "^23.5.26",
     "js-yaml": "^4.1.0",
     "jsonata": "^2.0.3",
+    "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "minimist": "^1.2.8",
     "repl": "^0.1.3",
@@ -49,6 +52,7 @@
     "babel-loader": "^9.1.3",
     "jest": "^29.7.0",
     "path-browserify": "^1.0.1",
+    "typescript": "^5.2.2",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
   },
@@ -58,7 +62,7 @@
     "package.json",
     "README.md",
     "README.test.js",
-    "stated.js",
+    "stated.ts",
     "yarn.lock",
     "src/",
     "dist/",

src/CliCore.js renamed to src/CliCore.ts

@@ -17,9 +17,12 @@ import TemplateProcessor from './TemplateProcessor.js';
 import yaml from 'js-yaml';
 import minimist from 'minimist';
 import {parseArgsStringToArgv} from 'string-argv';
+import {logLevels} from "./ConsoleLogger.js";
 
 
 export default class CliCore {
+    private templateProcessor: TemplateProcessor;
+    private logLevel: keyof typeof logLevels;
     constructor() {
         this.templateProcessor = null;
         this.logLevel = "info";
@@ -184,7 +187,7 @@ export default class CliCore {
         return {"log level":level};
     }
 
-    note(note){
+    note(){
         return "=============================================================";
     }
 
@@ -196,7 +199,7 @@ export default class CliCore {
         return this.templateProcessor.debugger.processCommands(parsed);
     }
 
-    async errors(replCmdInputStr) {
+    async errors() {
         if (!this.templateProcessor) {
             throw new Error('Initialize the template first.');
         }

src/ConsoleLogger.js

@@ -0,0 +1,59 @@
+export interface StatedLogger{
+    debug(...args):void;
+    error(...args):void;
+    warn(...args):void;
+    info(...args):void;
+    verbose(...args):void;
+    log(level, ...args): void;
+    level:string;
+}
+export const logLevels = {
+    silent: 0,
+    error: 1,
+    warn: 2,
+    info: 3,
+    verbose: 4,
+    debug: 5
+};
+export default class ConsoleLogger implements StatedLogger{
+
+    public level: string;
+    constructor(initialLevel = 'verbose') {
+        this.level = initialLevel;
+    }
+
+    debug(...args) {
+        if (logLevels[this.level] >= logLevels.debug) {
+            console.debug(...args);
+        }
+    }
+
+    error(...args) {
+        if (logLevels[this.level] >= logLevels.error) {
+            console.error(...args);
+        }
+    }
+
+    warn(...args) {
+        if (logLevels[this.level] >= logLevels.warn) {
+            console.warn(...args);
+        }
+    }
+
+    info(...args) {
+        if (logLevels[this.level] >= logLevels.info) {
+            console.info(...args);
+        }
+    }
+
+    verbose(...args) {
+        if (logLevels[this.level] >= logLevels.verbose) {
+            console.log(...args);
+        }
+    }
+
+    log(level, ...args) {
+        this[level](args);
+    }
+}
+

src/ConsoleLogger.ts

@@ -4,6 +4,9 @@ import {default as jp} from './JsonPointer.js';
  * Debugger class that manages breakpoints.
  */
 export default class Debugger {
+    private _breakpoints: Map<any, any>;
+    private _templateMeta: any;
+    logger: any;
     constructor(metaInfosByJsonPointer, logger) {
         /**
          * Stores the breakpoints set by the user.
@@ -81,7 +84,7 @@ export default class Debugger {
     enableBreakpoint(metaInfo, enabled) {
         this._breakpoints.get(metaInfo.jsonPointer__).enabled = enabled;
         if(enabled===true) {
-            metaInfo.break__ = handler;
+            metaInfo.break__ = {}//handler;
         }else{
             delete metaInfo.break__;
         }