wiki-plugin-mech 0.1.4 → 0.1.6

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, '&')
@@ -115,12 +117,125 @@
     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" + (state.tick ? ` ${state.tick}` : '')
+    const page = {title,story}
+    const options = {$page:$(elem.closest('.page'))}
+    wiki.showResult(wiki.newPage(page), options)
+  }
+
+  function neighbors_emit ({elem,command,args,state}) {
+    const want = args[0]
+    if(state.debug) console.log({neighborhoodObject:wiki.neighborhoodObject})
+    const have = Object.entries(wiki.neighborhoodObject.sites)
+      .filter(([domain,site]) => !site.sitemapRequestInflight && (!want || domain.includes(want)))
+      .map(([domain,site]) => (site.sitemap||[])
+        .map(info => Object.assign({domain},info)))
+    state.neighborhood = have.flat()
+      .sort((a,b) => b.date - a.date)
+    elem.innerHTML = command + ` ⇒ ${state.neighborhood.length} pages, ${have.length} sites`
+  }
+
+  function walk_emit ({elem,command,args,state}) {
+    const steps = Object.groupBy(walks(state.neighborhood),({graph})=>graph?'some':'none')
+    console.log({steps})
+    const nodes = steps.some.map(({graph}) => graph.nodes).flat()
+    elem.innerHTML = command + ` ⇒ ${steps.some.length} aspects, ${steps.none.length} empty, ${nodes.length} nodes`
+    const item = elem.closest('.item')
+    item.classList.add('aspect-source')
+    item.aspectData = () => steps.some
+    state.aspect = [{div:item,result:steps.some}]
+  }
+
+  function tick_emit ({elem,args,body,state}) {
+    if(elem.innerHTML.match(/button/)) return
+    if (!body?.length) return trouble(elem,'TICK expects indented blocks to follow.')
+    const count = args[0] || '1'
+    if (!count.match(/^[1-9][0-9]?$/)) return trouble(elem,"TICK expects a count from 1 to 99")
+    let clock = null
+    elem.innerHTML += '<button style="border-width:0;">◉</button>'
+    elem.querySelector('button').addEventListener('click',event => {
+      state.debug = event.shiftKey
+      if(clock){
+        clock = clearInterval(clock)
+        delete state.tick
+      } else {
+        state.tick = +count
+        run(body,state)
+        clock = setInterval(()=>{
+          if(state.debug) console.log({tick:state.tick})
+          if(--state.tick > 0)
+            run(body,state)
+          else
+            clock = clearInterval(clock)
+        },1000)
+      }
+    })
+  }
+
   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}
+    CLICK:   {emit:click_emit},
+    HELLO:   {emit:hello_emit},
+    FROM:    {emit:from_emit},
+    SENSOR:  {emit:sensor_emit},
+    REPORT:  {emit:report_emit},
+    SOURCE:  {emit:source_emit},
+    PREVIEW: {emit:preview_emit},
+    NEIGHBORS:{emit:neighbors_emit},
+    WALK:    {emit:walk_emit},
+    TICK:    {emit:tick_emit}
   }
 
   function run (nest,state={}) {
@@ -152,8 +267,9 @@
     const lines = item.text.split(/\n/)
     const nest = tree(lines,[],0)
     const html = format(nest)
+    const state = {$item} // deprecated. use elem.closest('.item')
     $item.append(`<div style="background-color:#eee;padding:15px;border-top:8px;">${html}</div>`)
-    run(nest)
+    run(nest,state)
   }
 
   function bind($item, item) {
@@ -170,4 +286,117 @@
     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 ? `${node.type}\\n${node.props.name}` : 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")
+  }
+
+  // inspired by aspects-of-recent-changes/roster-graphs.html
+  function walks(neighborhood) {
+    const prob = n => Math.floor(n * Math.abs(Math.random()-Math.random()))
+    const rand = a => a[prob(a.length)]
+    const domains = neighborhood
+      .map(info => info.domain)
+      .filter(uniq)
+    return domains
+      .map(domain => {
+        const name = domain.split('.').slice(0,3).join('.')
+        const done = new Set()
+        const graph = new Graph()
+        let nid = 0
+        const here = neighborhood
+          .filter(info => info.domain==domain && ('links' in info))
+        if(!here.length) return {name,graph:null}
+        const find = slug => neighborhood.find(info => info.slug == slug)
+        const node = info => {
+          nid = graph.addNode('',{
+            name:info.title.replaceAll(/ /g,"\n"),
+            title:info.title,
+            site:domain,
+            links:Object.keys(info.links||{}).filter(slug => find(slug))})
+          return nid}
+        const rel = (here,there) => graph.addRel('',here,there)
+        const links = nid => graph.nodes[nid].props.links.filter(slug => !done.has(slug))
+        const start = rand(here)
+        done.add(start.slug)
+        node(start)
+        for (n=5;n>0;n--) {
+          try {
+            const slugs = links(nid)
+            const slug = rand(slugs)
+            done.add(slug)
+            const info = find(slug)
+            rel(nid,node(info))}
+          catch (e) {}
+        }
+        return {name,graph}
+      })
+  }
+
+  // adapted from graph/src/graph.js
+  class Graph {
+
+    constructor(nodes=[], rels=[]) {
+      this.nodes = nodes;
+      this.rels = rels;
+    }
+
+    addNode(type, props={}){
+      const obj = {type, in:[], out:[], props};
+      this.nodes.push(obj);
+      return this.nodes.length-1;
+    }
+
+    addRel(type, from, to, props={}) {
+      const obj = {type, from, to, props};
+      this.rels.push(obj);
+      const rid = this.rels.length-1;
+      this.nodes[from].out.push(rid)
+      this.nodes[to].in.push(rid);
+      return rid;
+    }
+
+    stringify(...args) {
+      const obj = { nodes: this.nodes, rels: this.rels }
+      return JSON.stringify(obj, ...args)
+    }
+
+  }
+
 }).call(this)

package/package.json

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