@runtime-type-inspector/repl 4.0.5 → 5.0.0

package/ast2wat.js

@@ -0,0 +1,6 @@
+import {WATConverter} from "@runtime-type-inspector/transpiler";
+export function ast2wat(ast) {
+  const converter = new WATConverter();
+  return converter.toSource(ast);
+}
+

package/importmap.js

@@ -49,8 +49,10 @@ const imports = {
   ...reactMin,
 };
 if (location.host.includes('runtimetypeinspector.org') || location.port === '7000') {
-  imports['@runtime-type-inspector/runtime'   ] = './node_modules/@runtime-type-inspector/runtime/index.mjs';
-  imports['@runtime-type-inspector/transpiler'] = './node_modules/@runtime-type-inspector/transpiler/index.mjs';
+  //imports['@runtime-type-inspector/runtime'   ] = './node_modules/@runtime-type-inspector/runtime/index.mjs';
+  //imports['@runtime-type-inspector/transpiler'] = './node_modules/@runtime-type-inspector/transpiler/index.mjs';
+  imports['@runtime-type-inspector/runtime'   ] = '//repo.runtimetypeinspector.org/src-runtime/index.js';
+  imports['@runtime-type-inspector/transpiler'] = '//repo.runtimetypeinspector.org/src-transpiler/index.js';
 }
 const importmap = document.createElement("script");
 importmap.type = "importmap";

package/index.html

@@ -14,11 +14,14 @@
       <option value="typechecking">Add full typechecking</option>
       <option value="code2ast2code">code2ast2code (testing Stringifier class)</option>
       <option value="ast">Show AST from JS</option>
+      <option value="ast-annotator">Show AST from annotated JS</option>
       <option value="ast-ts">Show AST from TS</option>
       <option value="ast-babel-ts">Show AST from Babel-TS</option>
       <option value="jsdoc">Show parsed JSDoc</option>
+      <option value="ts2js">TypeScript to JavaScript + JSDoc</option>
       <option value="expand-type">expandType</option>
       <option value="eval">Eval</option>
+      <option value="ast2wat">AST 2 WAT</option>
     </select>
     <button onclick="runAction()">Run action</button>
     <select id="preferred-expand-type">

package/index.js

@@ -10,9 +10,13 @@ import {
   code2ast2code,
   ast2jsonForComparison,
   parserOptions,
+  JSDocAnnotator,
+  ts2js,
 } from '@runtime-type-inspector/transpiler';
 import * as ti  from '@runtime-type-inspector/transpiler';
 import * as rti from '@runtime-type-inspector/runtime';
+import {decodeBase64, encodeBase64} from '@runtime-type-inspector/runtime';
+import {ast2wat} from './ast2wat.js';
 const hashvars = new Map(location.hash.slice(1).split('&').map(_ => _.split('=')));
 if (!hashvars.get('action')) {
   hashvars.set('action', 'typechecking');
@@ -27,8 +31,8 @@ if (!(selectPreferredExpandType instanceof HTMLSelectElement)) {
   throw new Error('This module requires a <select id="action" ...');
 }
 function setHash() {
-  const left = btoa(getLeft());
-  const right = btoa(getRight());
+  const left = encodeBase64(getLeft());
+  const right = encodeBase64(getRight());
   location.hash = `action=${selectAction.value}&left=${left}&right=${right}`;
 }
 // selectPreferredExpandType.value;
@@ -98,6 +102,10 @@ function getCodeForAction() {
       return "const ret = parseJSDoc(jsdoc);\nsetRight(JSON.stringify(ret, null, 2));";
     case 'code2ast2code':
       return "const ret = code2ast2code(jsdoc);\nsetRight(ret);";
+    case 'ts2js':
+      return "const ret = ts2js(jsdoc);\nsetRight(ret);";
+    case 'ast2wat':
+      return 'setRight(ast2wat(parse(getLeft())));';
     case 'expand-type':
       return 'setRight(expandTypeAll(jsdoc));';
   }
@@ -218,6 +226,17 @@ function actionAST() {
   }, 2);
   setRight(out);
 }
+function actionAST_Annotator() {
+  const ast = parse(getLeft(), parserOptions);
+  new JSDocAnnotator().annotate(ast);
+  const out = JSON.stringify(ast, function (name, val) {
+    if (name === "loc" || name === "start" || name === "end") {
+      return undefined; // remove
+    }
+    return val; // keep
+  }, 2);
+  setRight(out);
+}
 function actionAST_TS() {
   const str = getLeft();
   const ast = ts.createSourceFile('repl.ts', str, ts.ScriptTarget.Latest, false /*setParentNodes*/);
@@ -312,12 +331,24 @@ function actionCode2Ast2Code() {
   setRight(out);
   // compareAST(content, out);
 }
+function actionTS2JS() {
+  setRight(ts2js(getLeft()));
+}
+function actionAST2WAT() {
+  const content = getLeft();
+  const ast = parse(content, {sourceType: 'module'});
+  const out = ast2wat(ast);
+  setRight(out);
+}
 async function runAction() {
   const action = getAction();
   switch (action) {
     case 'ast':
       await actionAST();
       break;
+    case 'ast-annotator':
+      await actionAST_Annotator();
+      break;
     case 'ast-ts':
       await actionAST_TS();
       break;
@@ -333,6 +364,12 @@ async function runAction() {
     case 'code2ast2code':
       await actionCode2Ast2Code();
       break;
+    case 'ts2js':
+      await actionTS2JS();
+      break;
+    case 'ast2wat':
+      await actionAST2WAT();
+      break;
     case 'eval':
       eval(aceEditorLeft.getValue());
       break;
@@ -363,7 +400,7 @@ async function insertTypes() {
   aceEditorRight.clearSelection(); // setValue() selects everything, so unselect it now
 }
 /**
- * @typedef {'typechecking'|'code2ast2code'|'ast'|'ast-ts'|'jsdoc'|'eval'|'expand-type'} Action
+ * @typedef {'typechecking'|'code2ast2code'|'ast'|'ast-annotator'|'ast-ts'|'jsdoc'|'eval'|'expand-type'|'ast2wat'} Action
  */
 /** @returns {Action} */
 const getAction = () => selectAction.value;
@@ -480,10 +517,10 @@ function runRightEditor() {
   eval(src);
 }
 if (hashvars.get('left')) {
-  setLeft(atob(hashvars.get('left')));
+  setLeft(decodeBase64(hashvars.get('left')));
 }
 if (hashvars.get('right')) {
-  setRight(atob(hashvars.get('right')));
+  setRight(decodeBase64(hashvars.get('right')));
 }
 export {
   setHash,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runtime-type-inspector/repl",
-  "version": "4.0.5",
+  "version": "5.0.0",
   "description": "REPL of RuntimeTypeInspector.js",
   "main": "index.html",
   "author": "Hermann Rolfes (kungfooman)",
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@babel/parser": "^8.0.0-alpha.12",
-    "@runtime-type-inspector/transpiler": "^4.0.5",
+    "@runtime-type-inspector/transpiler": "^5.0.0",
     "ace-builds": "^1.35.2",
     "ace-diff": "^3.0.3",
     "display-anything": "^1.1.0",

package/wat.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>WAT Code Runner</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      margin: 20px;
+      max-width: 800px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+    textarea {
+      width: 100%;
+      height: 200px;
+      font-family: 'Courier New', Courier, monospace;
+      font-size: 14px;
+      resize: vertical;
+      margin-bottom: 10px;
+    }
+    button {
+      padding: 10px 20px;
+      font-size: 16px;
+      cursor: pointer;
+      background-color: #4CAF50;
+      color: white;
+      border: none;
+      border-radius: 4px;
+    }
+    button:hover {
+      background-color: #45a049;
+    }
+    #output {
+      margin-top: 20px;
+      padding: 10px;
+      border: 1px solid #ccc;
+      min-height: 100px;
+      font-family: 'Courier New', Courier, monospace;
+      white-space: pre-wrap;
+    }
+    label {
+      display: block;
+      margin-top: 10px;
+      font-weight: bold;
+    }
+  </style>
+</head>
+<body>
+  <h1>WAT Code Runner</h1>
+  <label for="watCode">WAT Code:</label>
+  <textarea id="watCode" placeholder="Paste your WAT code here...">
+(module
+  (func $add (param $a i32) (param $b i32) (result i32)
+    local.get $a
+    local.get $b
+    i32.add)
+  (export "add" (func $add)))
+    </textarea>
+  <label for="jsCode">JavaScript Test Code:</label>
+  <textarea id="jsCode" placeholder="Write JavaScript to test the WebAssembly exports...">
+const {add} = instance.exports;
+const result = instance.exports.add(552, 3);
+output.textContent = `Result: ${result}`;
+    </textarea>
+  <br>
+  <button onclick="runWAT()">Run WAT Code</button>
+  <div id="output"></div>
+  <script src="https://unpkg.com/wabt@1.0.24/index.js"></script>
+  <script>
+    async function runWAT() {
+      const output = document.getElementById('output');
+      output.textContent = 'Running...';
+      try {
+        const watCode = document.getElementById('watCode').value;
+        const jsCode = document.getElementById('jsCode').value;
+        // Initialize WABT
+        const wabt = await WabtModule();
+        // Parse WAT and compile to WASM binary
+        const module = wabt.parseWat('inline', watCode);
+        const binary = module.toBinary({write_debug_names: false}).buffer;
+        // Compile WASM binary to WebAssembly module
+        const wasmModule = await WebAssembly.compile(binary);
+        const instance = await WebAssembly.instantiate(wasmModule, {});
+        // Create a function from the user-provided JS code
+        const testExports = new Function('instance', 'output', jsCode);
+        // Execute the user-provided JS code
+        testExports(instance, output);
+        // Clean up
+        module.destroy();
+      } catch (error) {
+        output.textContent = `Error: ${error.message}`;
+      }
+    }
+  </script>
+</body>
+</html>

package/generator test devtools.js

@@ -1,4 +0,0 @@
-const generate = (await import("@babel/generator")).default;
-const ast = parse(getLeft(), {sourceType: "module"});
-setRight(generate(ast).code);
-

package/importmap (generator).js

@@ -1,99 +0,0 @@
-/**
- * @param {string} content - The content.
- * @returns {string} data:text string
- */
-function importFile(content) {
-  return "data:text/javascript;base64," + btoa(content);
-}
-const nodeModules = location.href + './node_modules/';
-// For React ESM importmap to work you need React ESM: npm i react-es6
-const react = {
-  'prop-types'               : nodeModules + 'react-es6/prop-types/index.js',
-  'tiny-warning'             : nodeModules + 'react-es6/tiny-warning.mjs',
-  'tiny-invariant'           : nodeModules + 'react-es6/tiny-invariant.mjs',
-  'mini-create-react-context': nodeModules + 'react-router/node_modules/mini-create-react-context/dist/esm/index.js',
-  'path-to-regexp'           : nodeModules + 'react-es6/path-to-regexp.mjs',
-  'react-is'                 : nodeModules + 'react-es6/react-is.mjs',
-  'hoist-non-react-statics'  : nodeModules + 'react-es6/hoist-non-react-statics.mjs',
-  'resolve-pathname'         : nodeModules + 'react-es6/resolve-pathname.mjs',
-  'isarray'                  : nodeModules + 'react-es6/isarray.mjs',
-};
-const reactMin = {
-  ...react,
-  'react'           : nodeModules + 'react-es6/build/react.min.mjs',
-  'react-dom'       : nodeModules + 'react-es6/build/react-dom.min.mjs',
-  'react-dom/client': nodeModules + 'react-es6/build/react-dom-client.min.mjs',
-};
-window.process = {
-  env: {
-    BABEL_TYPES_8_BREAKING: true,
-  }
-};
-const imports = {
-  "@runtime-type-inspector/runtime"   : '../src-runtime/index.js',
-  "@runtime-type-inspector/transpiler": '../src-transpiler/index.js',
-  "@babel/parser"                     : nodeModules + '@babel/parser/lib/index.js',
-  // All needed for generator:
-  "@babel/generator"                  : nodeModules + '@babel/generator/lib/index.js',
-  "@babel/types"                      : nodeModules + '@babel/types/lib/index.js',
-  "@babel/helper-validator-identifier": nodeModules + '@babel/helper-validator-identifier/lib/index.js',
-  "@babel/helper-string-parser"       : nodeModules + '@babel/helper-string-parser/lib/index.js',
-  "@jridgewell/gen-mapping"           : importFile(`
-    export function GenMapping() {
-      throw Error("GenMapping not implemented");
-    }
-    export function toEncodedMap() {
-      throw Error("toEncodedMap not implemented");
-    }
-    export function setSourceContent() {
-      throw Error("setSourceContent not implemented");
-    }
-    export function toDecodedMap() {
-      throw Error("toDecodedMap not implemented");
-    }
-    export function allMappings() {
-      throw Error("allMappings not implemented");
-    }
-    export function maybeAddMapping() {
-      throw Error("maybeAddMapping not implemented");
-    }
-    export default {}`),
-  "@jridgewell/trace-mapping"           : importFile(`
-    export function originalPositionFor() {}
-    export function TraceMap() {}
-    export default {}
-    `),
-  "jsesc"           : importFile('export default {}'),
-  "process"                           : importFile("export default {};"),
-  // </for generator>
-  "display-anything"                  : nodeModules + 'display-anything/src/index.js',
-  "worker-with-import-map"            : nodeModules + 'worker-with-import-map/src/index.js',
-  "test-import-validation-b"          : '../test/typechecking/import-validation/b.js',
-  //"@babel/helper-plugin-utils"      : './babel-helper-plugin-utils.js',
-  //"@babel/plugin-syntax-typescript" : './babel-plugin-syntax-typescript.js',
-  "fs"                                : importFile("export default {};"),
-  "typescript"                        : importFile(`
-    globalThis.module = {exports: {}};
-    await import("${nodeModules}typescript/lib/typescript.js");
-    export default globalThis.module.exports;
-  `),
-  "ace-builds": importFile(`
-    await import("${nodeModules}ace-builds/src/ace.js");
-    window.ace.config.set('basePath', "${nodeModules}ace-builds/src");
-    const {ace} = window;
-    export {ace};
-  `),
-  ...reactMin,
-};
-if (location.host.includes('runtimetypeinspector.org') || location.port === '7000') {
-  imports['@runtime-type-inspector/runtime'   ] = './node_modules/@runtime-type-inspector/runtime/index.mjs';
-  imports['@runtime-type-inspector/transpiler'] = './node_modules/@runtime-type-inspector/transpiler/index.mjs';
-}
-const importmap = document.createElement("script");
-importmap.type = "importmap";
-importmap.textContent = JSON.stringify({imports});
-const dom = document.body || document.head;
-if (!dom) {
-  throw new Error("neither <body> nor <head> available to append importmap");
-}
-dom.append(importmap);

package/package (generator).json

@@ -1,21 +0,0 @@
-{
-  "name": "@runtime-type-inspector/repl",
-  "version": "4.0.0",
-  "description": "REPL of RuntimeTypeInspector.js",
-  "main": "index.html",
-  "author": "Hermann Rolfes (kungfooman)",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@babel/parser": "^8.0.0-alpha.12",
-    "@babel/generator": "^8.0.0-alpha.12",
-    "@runtime-type-inspector/transpiler": "^4.0.0",
-    "ace-builds": "^1.35.2",
-    "display-anything": "^1.1.0",
-    "express": "^4.18.2",
-    "react-es6": "^1.0.0",
-    "worker-with-import-map": "^1.0.4"
-  }
-}