API rework to support vscode plugin

lib/dom-container.js

@@ -105,9 +105,9 @@ const domContainer = (obj) => {
   return {
     elo,
     pstate,
-    start: (content, deso /* , opt */) => {
+    start: (deso /* , opt */) => {
 
-      content.appendChild(container);
+      // content.appendChild(container);
       // content.appendChild(elo.rightPanel);
       getFullView(deso);
 
@@ -140,26 +140,26 @@ const domContainer = (obj) => {
       let render2 = genRenderWavesGL(elo);
       let render1 = render2(deso);
       let render = render1(pstate, obj.renderPlugins);
+      deso.render = render;
 
       const resizeHandler = genResizeHandler(pstate);
 
       const resizeObserver = new ResizeObserver(entries => {
         for (let entry of entries) {
-          const {width, height} = entry.contentRect;
+          let {width, height} = entry.contentRect;
+          // height = height || 888;
+          // console.log('resizeObserver', width, height);
           resizeHandler(width, height);
         }
-        render();
+        deso.render();
       });
 
       resizeObserver.observe(elo.container);
 
       // pinchAndZoom(els.container, content, pstate, render);
       resizeHandler(elo.container.clientWidth, elo.container.clientHeight);
-      mouseMoveHandler(elo.cursor, elo.container, pstate, render);
-      render();
-      return {
-        render
-      };
+      mouseMoveHandler(elo.cursor, elo.container, pstate, deso.render);
+      deso.render();
     }
   };
 };

lib/gen-key-handler.js

@@ -6,7 +6,7 @@ const executeKeyHandler = (key, keyBindo, pstate, cm) => {
   return (keyBindo[key] || keyBindo.nop).fn(pstate, cm);
 };
 
-const genKeyHandler = (div, pstate, render, cm, keyBindo, plugins) => {
+const genKeyHandler = (div, pstate, deso, cm, keyBindo, plugins) => {
   return event => {
 
     const modifier = (
@@ -22,7 +22,7 @@ const genKeyHandler = (div, pstate, render, cm, keyBindo, plugins) => {
       if (plugins != undefined) {
         plugins.map(fn => fn(key, event));
       }
-      render();
+      deso.render();
     }
   };
 };

lib/gen-on-wheel.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const genOnWheel = (element, pstate, render, cm, keyBindo, plugins) =>
+const genOnWheel = (element, pstate, deso, cm, keyBindo, plugins) =>
   event => {
     const {deltaY} = event;
     if (event.ctrlKey) {
@@ -11,7 +11,7 @@ const genOnWheel = (element, pstate, render, cm, keyBindo, plugins) =>
         if (plugins != undefined) {
           plugins.map(fn => fn(key, event));
         }
-        render();
+        deso.render();
       }
       event.preventDefault();
     } else
@@ -21,7 +21,7 @@ const genOnWheel = (element, pstate, render, cm, keyBindo, plugins) =>
         if (plugins != undefined) {
           plugins.map(fn => fn(key, event));
         }
-        render();
+        deso.render();
       }
       event.preventDefault();
     }

lib/get-element.js

@@ -0,0 +1,16 @@
+'use strict';
+
+const getElement = divName => {
+  if (typeof divName === 'string') {
+    const c = document.getElementById(divName);
+    if (c === null) {
+      throw new Error('<div> element width Id: "' + divName + '" not found');
+    }
+    return c;
+  }
+  return divName;
+};
+
+module.exports = getElement;
+
+/* eslint-env browser */

lib/get-listing.js

@@ -0,0 +1,26 @@
+'use strict';
+
+const lister = require('./lister.js');
+
+const getListing = async (readers) => {
+  let listing = [];
+  const r = readers.find(reader => reader.ext === 'lst');
+  if (r) {
+    const utf8Decoder = new TextDecoder('utf-8');
+    const list = lister();
+    for (let i = 0; i < 10000; i++) {
+      let { done, value } = await r.reader.read();
+      if (typeof value !== 'string') {
+        value = utf8Decoder.decode(value, {stream: true});
+      }
+      list.onChunk(value);
+      if (done) {
+        listing = list.getTrace();
+        break;
+      }
+    }
+  }
+  return listing;
+};
+
+module.exports = getListing;

lib/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+const getElement = require('./get-element.js');
+const getListing = require('./get-listing.js');
 const domContainer = require('./dom-container.js');
 const pluginRenderValues = require('./plugin-render-values.js');
 const pluginRenderTimeGrid = require('./plugin-render-time-grid.js');
@@ -13,6 +15,8 @@ const getT = require('./get-t.js');
 const themeAll = require('./theme-all.js');
 const helpPanel = require('./help-panel.js');
 
+exports.getListing = getListing;
+exports.getElement = getElement;
 exports.domContainer = domContainer;
 exports.pluginRenderValues = pluginRenderValues;
 exports.pluginRenderTimeGrid = pluginRenderTimeGrid;

lib/lister.js

@@ -0,0 +1,23 @@
+'use strict';
+
+module.exports = () => {
+  const trace = {};
+  let tail = '';
+  return {
+    onChunk: (chunk) => {
+      const rows = (tail + chunk).split('\n');
+      // console.log('chunk:', chunk.length, 'tail:', tail.length, 'rows:', rows.length);
+      tail = rows.pop();
+      rows.map(row => {
+        const m = row.match(/\s*([0-9a-f]+):\s*([0-9a-f]+)\s+(.+)/);
+        if (m) {
+          const pc = parseInt(m[1], 16);
+          const op = m[2];
+          const asm = m[3].replace(/\t/, ' ');
+          trace[pc] = {op, asm};
+        }
+      });
+    },
+    getTrace: () => trace
+  };
+};

lib/theme-all.js

@@ -3,13 +3,6 @@
 const helpPanel = require('./help-panel.js');
 
 const body = {
-  // html: {
-  //   height: '100%'
-  // },
-  '@font-face': {
-    'font-family': 'Iosevka',
-    src: 'url(./iosevka-term-light.woff2) format(woff2)'
-  },
   '*': {
     // width: '90%',
     'scrollbar-width': 'auto',
@@ -36,7 +29,7 @@ const body = {
     border: '0px',
     background: '#111',
     color: '#fff',
-    'font-family': 'Iosevka',
+    'font-family': 'Iosevka Drom Web',
     /* font-size: 16px; */
     height: '100%'
   }
@@ -51,9 +44,14 @@ const wd = {
     /* overflow: auto; */
     '--right-panel-width': '0px',
     width: 'calc(100% - var(--right-panel-width))',
-    height: '100%',
+    // height: '100%',
     cursor: 'col-resize',
-    transition: 'width .3s'
+    transition: 'width .3s',
+    position: 'absolute',
+    top: '0px',
+    bottom: '0px',
+    left: '0px',
+    right: '0px'
   },
   '.wd-grid': {
     position: 'absolute'