wiki-plugin-mech 0.1.3 → 0.1.5

package/client/mech.js

@@ -1,6 +1,8 @@
 
 (function() {
 
+  const uniq = (value, index, self) => self.indexOf(value) === index
+
   function expand(text) {
     return text
       .replace(/&/g, '&')
@@ -48,6 +50,7 @@
   }
 
   function trouble(elem,message) {
+    if(elem.innerText.match(/✖︎/)) return
     elem.innerHTML += `<button style="border-width:0;color:red;">✖︎</button>`
     elem.querySelector('button').addEventListener('click',event => {
       elem.outerHTML += `<span style="width:80%;color:gray;">${message}</span>` })
@@ -57,7 +60,10 @@
     if(elem.innerHTML.match(/button/)) return
     if (!body?.length) return trouble(elem,'CLICK expects indented blocks to follow.')
     elem.innerHTML += '<button style="border-width:0;">◉</button>'
-    elem.querySelector('button').addEventListener('click',event => run(body,state))
+    elem.querySelector('button').addEventListener('click',event => {
+      state.debug = event.shiftKey
+      run(body,state)
+    })
   }
 
   function hello_emit ({elem,args}) {
@@ -97,6 +103,7 @@
     fetch(url)
       .then (res => res.json())
       .then (data => {
+        if(state.debug) console.log({sensor,data})
         elem.innerHTML = line + ' ⌛'
         const value = f(avg(Object.values(data)))
         state.temperature = `${value.toFixed(2)}°F`
@@ -110,12 +117,73 @@
     elem.innerHTML = command + `<br><font face=Arial size=32>${value}</font>`
   }
 
+  function source_emit ({elem,command,args,body,state}) {
+    if (!(args && args.length)) return trouble(elem,`Expected Source topic, like "markers" for Map markers.`)
+    const topic = args[0]
+    const sources = requestSourceData(state.$item, topic)
+    if(!sources.length) return trouble(elem,`Expected source for "${topic}" in the lineup.`)
+    const count = type => {
+      const count = sources
+        .filter(source => [...source.div.classList].includes(type))
+        .length
+      return count ? `${count} ${type}` : null}
+    const counts = [count('map'),count('image'),count('frame')]
+      .filter(count => count)
+      .join(", ")
+    if (state.debug) console.log({topic,sources})
+    elem.innerHTML = command + ' ⇒ ' + counts
+    state[topic] = sources
+    if (body) run(body,state)
+  }
+
+  function preview_emit ({elem,command,args,state}) {
+    const round = digits => (+digits).toFixed(7)
+    const story = []
+    for (const arg of args) {
+      switch (arg) {
+      case 'map':
+        if(!('marker' in state)) return trouble(elem,`"map" preview expects "marker" state, like from "SOURCE marker".`)
+        const text = state.marker
+          .map(marker => [marker.result])
+          .flat(2)
+          .map(latlon => `${round(latlon.lat)}, ${round(latlon.lon)} ${latlon.label||''}`)
+          .filter(uniq)
+          .join("\n")
+        story.push({type:'map',text})
+        break
+      case 'graph':
+        if(!('aspect' in state)) return trouble(elem,`"graph" preview expects "aspect" state, like from "SOURCE aspect".`)
+        for (const {div,result} of state.aspect) {
+          for (const {name,graph} of result) {
+            if(state.debug) console.log({div,result,name,graph})
+            story.push({type:'paragraph',text:name})
+            story.push({type:'graphviz',text:dotify(graph)})
+          }
+          story.push({type:'pagefold',text:'.'})
+        }
+        break
+      case 'synopsis':
+        {const text = `This page has been generated by the Mech plugin. We want to tell you where. That's coming soon.`
+        story.push({type:'paragraph',text})}
+        break
+      default:
+        return trouble(elem,`"${arg}" doesn't name an item we can preview`)
+      }
+    }
+    const title = "Mech Preview"
+    const page = {title,story}
+    const options = {}
+    wiki.showResult(wiki.newPage(page), options)
+  }
+
   const blocks = {
     CLICK: {emit:click_emit, bind:null},
     HELLO: {emit:hello_emit, bind:null},
     FROM: {emit:from_emit, bind:null},
     SENSOR:  {emit:sensor_emit, bind:null},
-    REPORT:  {emit:report_emit, bind:null}
+    REPORT:  {emit:report_emit, bind:null},
+    SOURCE:  {emit:source_emit, bind:null},
+    PREVIEW:  {emit:preview_emit, bind:null}
   }
 
   function run (nest,state={}) {
@@ -129,6 +197,7 @@
         const next = scope[0]
         const body = next && ('command' in next) ? null : scope.shift()
         const stuff = {command,op,args,body,elem,state}
+        if(state.debug) console.log(stuff)
         if (blocks[op])
           blocks[op].emit.apply(null,[stuff])
         else
@@ -146,8 +215,9 @@
     const lines = item.text.split(/\n/)
     const nest = tree(lines,[],0)
     const html = format(nest)
+    const state = {$item}
     $item.append(`<div style="background-color:#eee;padding:15px;border-top:8px;">${html}</div>`)
-    run(nest)
+    run(nest,state)
   }
 
   function bind($item, item) {
@@ -164,4 +234,46 @@
     module.exports = {expand}
   }
 
+
+// library functions
+
+  // adapted from wiki-plugin-frame/client/frame.js
+  function requestSourceData($item, topic) {
+    let sources = []
+    for (let div of document.querySelectorAll(`.item`)) {
+      if (div.classList.contains(`${topic}-source`)) {
+        sources.unshift(div)
+      }
+      if (div === $item.get(0)) {
+        break
+      }
+    }
+
+    return sources.map(div => {
+      let getData = div[`${topic}Data`]
+      let result = getData ? getData() : null
+      return {div,result}
+    })
+  }
+
+  // adapted from super-collaborator/dotify.js
+  function dotify(graph) {
+    const tip = props => Object.entries(props).filter(e => e[1]).map(e => `${e[0]}: ${e[1]}`).join("\\n")
+    const nodes = graph.nodes.map((node,id) => {
+      const label = `${node.type}\\n${node.props.name}`
+      return `${id} [label="${label}" ${(node.props.url||node.props.tick)?`URL="${node.props.url||'#'}" target="_blank"`:''} tooltip="${tip(node.props)}"]`
+    })
+    const edges = graph.rels.map(rel => {
+      return `${rel.from}->${rel.to} [label="${rel.type}" labeltooltip="${tip(rel.props)}"]`
+    })
+    return [
+      'digraph {',
+      'rankdir=LR',
+      'node [shape=box style=filled fillcolor=palegreen]',
+      ...nodes,
+      ...edges,
+      '}'].join("\n")
+  }
+
+
 }).call(this)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wiki-plugin-mech",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Federated Wiki - Mechanism Scripting Plugin",
   "keywords": [
     "mech",