wiki-plugin-mech 0.1.7 → 0.1.9

package/client/mech.js

@@ -189,14 +189,17 @@
   }
 
   function walk_emit ({elem,command,args,state}) {
-    const steps = Object.groupBy(walks(state.neighborhood),({graph})=>graph?'some':'none')
+    const steps = walks(state.neighborhood)
+    const aspects = steps.filter(({graph})=>graph)
     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`
+    elem.innerHTML = command
+    const nodes = aspects.map(({graph}) => graph.nodes).flat()
+    elem.innerHTML += ` ⇒ ${aspects.length} aspects, ${nodes.length} nodes`
+    if(steps.find(({graph}) => !graph)) trouble(elem,"WALK skipped sites with no links in sitemaps")
     const item = elem.closest('.item')
     item.classList.add('aspect-source')
-    item.aspectData = () => (steps.some||[])
-    state.aspect = [{div:item,result:steps.some}]
+    item.aspectData = () => aspects
+    state.aspect = [{div:item,result:aspects}]
   }
 
   function tick_emit ({elem,args,body,state}) {
@@ -216,7 +219,7 @@
         run(body,state)
         clock = setInterval(()=>{
           if(state.debug) console.log({tick:state.tick})
-          if(--state.tick > 0)
+          if(('tick' in state) && --state.tick > 0)
             run(body,state)
           else
             clock = clearInterval(clock)
@@ -225,6 +228,38 @@
     })
   }
 
+  function until_emit ({elem,command,args,body,state}) {
+    if(!args.length) return trouble(elem,`UNTIL expects an argument, a word to stop running.`)
+    if(!state.tick) return trouble(elem,`UNTIL expects to indented below an iterator, like TICKS.`)
+    if(!state.aspect) return trouble(elem,`UNTIL expects "aspect", like from WALK.`)
+    elem.innerHTML = command + ` ⇒ ${state.tick}`
+    const word = args[0]
+    for(const {div,result} of state.aspect)
+      for(const {name,graph} of result)
+        for(const node of graph.nodes)
+          if(node.type.includes(word) || node.props.name.includes(word)) {
+            if(state.debug) console.log({div,result,name,graph,node})
+            delete state.tick
+            elem.innerHTML += ' done'
+            if (body) run(body,state)
+            return
+          }
+  }
+
+  function forward_emit ({elem,command,args,state}) {
+    if(args.length < 1) return trouble(elem,`FORWARD expects an argument, the number of steps to move a "turtle".`)
+    if(!('turtle' in state)) state.turtle = new Turtle(elem)
+    const position = state.turtle.forward(+args[0])
+    elem.innerHTML = command + ` ⇒ ${position.map(n => (n-200).toFixed(1)).join(', ')}`
+  }
+
+  function turn_emit ({elem,command,args,state}) {
+    if(args.length < 1) return trouble(elem,`TURN expects an argument, the number of degrees to turn a "turtle".`)
+    if(!('turtle' in state)) state.turtle = new Turtle(elem)
+    const direction = state.turtle.turn(+args[0])
+    elem.innerHTML = command + ` ⇒ ${direction}°`
+  }
+
   const blocks = {
     CLICK:   {emit:click_emit},
     HELLO:   {emit:hello_emit},
@@ -235,7 +270,10 @@
     PREVIEW: {emit:preview_emit},
     NEIGHBORS:{emit:neighbors_emit},
     WALK:    {emit:walk_emit},
-    TICK:    {emit:tick_emit}
+    TICK:    {emit:tick_emit},
+    UNTIL:   {emit:until_emit},
+    FORWARD: {emit:forward_emit},
+    TURN:    {emit:turn_emit}
   }
 
   function run (nest,state={}) {
@@ -399,4 +437,43 @@
 
   }
 
+  class Turtle {
+    constructor(elem) {
+      const size = elem
+      const div = document.createElement('div')
+      elem.closest('.item').firstElementChild.prepend(div)
+      div.outerHTML = `
+        <div style="border:1px solid black; background-color:#f8f8f8; margin-bottom:16px;">
+          <svg viewBox="0 0 400 400" width=100% height=400>
+            <circle id=dot r=5 cx=200 cy=200 stroke="#ccc"></circle>
+          </svg>
+        </div>`
+      this.svg = elem.closest('.item').getElementsByTagName('svg')[0]
+      this.position = [200,200]
+      this.direction = 0
+    }
+
+    forward(steps) {
+      const theta = this.direction*2*Math.PI/360
+      const [x1,y1] = this.position
+      const [x2,y2] = [x1+steps*Math.sin(theta), y1+steps*Math.cos(theta)]
+      const line = document.createElementNS("http://www.w3.org/2000/svg", 'line')
+      const set = (k,v) => line.setAttribute(k,Math.round(v))
+      set("x1",x1); set("y1",400-y1)
+      set("x2",x2); set("y2",400-y2)
+      line.style.stroke = "black"
+      line.style.strokeWidth = "2px"
+      this.svg.appendChild(line)
+      const dot = this.svg.getElementById('dot')
+      dot.setAttribute('cx',Math.round(x2))
+      dot.setAttribute('cy',Math.round(400-y2))
+      this.position = [x2,y2]
+      return this.position
+    }
+
+    turn(degrees) {
+      this.direction += degrees
+      return this.direction}
+  }
+
 }).call(this)

package/package.json

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