wiki-plugin-mech 0.1.5 → 0.1.7

package/client/mech.js

@@ -170,20 +170,72 @@
         return trouble(elem,`"${arg}" doesn't name an item we can preview`)
       }
     }
-    const title = "Mech Preview"
+    const title = "Mech Preview" + (state.tick ? ` ${state.tick}` : '')
     const page = {title,story}
-    const options = {}
+    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')
+    if(state.debug) 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},
-    SOURCE:  {emit:source_emit, bind:null},
-    PREVIEW:  {emit:preview_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={}) {
@@ -215,7 +267,7 @@
     const lines = item.text.split(/\n/)
     const nest = tree(lines,[],0)
     const html = format(nest)
-    const state = {$item}
+    const state = {$item} // deprecated. use elem.closest('.item')
     $item.append(`<div style="background-color:#eee;padding:15px;border-top:8px;">${html}</div>`)
     run(nest,state)
   }
@@ -260,7 +312,7 @@
   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}`
+      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 => {
@@ -275,5 +327,76 @@
       '}'].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.5",
+  "version": "0.1.7",
   "description": "Federated Wiki - Mechanism Scripting Plugin",
   "keywords": [
     "mech",