wiki-plugin-mech 0.1.12 → 0.1.14

package/client/mech.js

@@ -83,7 +83,7 @@
     }
   }
 
-  function run (nest,state={},mock) {
+  async function run (nest,state={},mock) {
     const scope = nest.slice()
     while (scope.length) {
       const code = scope.shift()
@@ -96,14 +96,15 @@
         const stuff = {command,op,args,body,elem,state}
         if(state.debug) console.log(stuff)
         if (blocks[op])
-          blocks[op].emit.apply(null,[stuff])
+          await blocks[op].emit.apply(null,[stuff])
         else
           if (op.match(/^[A-Z]+$/))
             trouble(elem,`${op} doesn't name a block we know.`)
           else if (code.command.match(/\S/))
             trouble(elem, `Expected line to begin with all-caps keyword.`)
       } else if(typeof code == 'array') {
-        run(code,state)
+        console.warn(`this can't happen.`)
+        run(code,state) // when does this even happen?
       }
     }
   }
@@ -113,7 +114,7 @@
 
   function click_emit ({elem,body,state}) {
     if(elem.innerHTML.match(/button/)) return
-    if (!body?.length) return trouble(elem,'CLICK expects indented blocks to follow.')
+    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 => {
       state.debug = event.shiftKey
@@ -121,15 +122,18 @@
     })
   }
 
-  function hello_emit ({elem,args}) {
-    const want = args[0] == 'world' ? ' 🌎' : ' 😀'
-    elem.innerHTML += want
+  function hello_emit ({elem,args,state}) {
+    const world = args[0] == 'world' ? ' 🌎' : ' 😀'
+    for (const key of Object.keys(state))
+      inspect(elem,key,state)
+    elem.innerHTML += world
   }
 
   function from_emit ({elem,args,body,state}) {
     const line = elem.innerHTML
+    const url = args[0]
     elem.innerHTML = line + ' ⏳'
-    fetch(`//${args[0]}.json`)
+    fetch(`//${url}.json`)
       .then(res => res.json())
       .then(page => {
         state.page = page
@@ -144,13 +148,13 @@
     inspect(elem,'page',state)
     const datalog = state.page.story.find(item => item.type == 'datalog')
     if(!datalog) return trouble(elem, `Expect Datalog plugin in the page.`)
-    const want = args[0]
-    if(!want) return trouble(elem, 'SENSOR needs a sensor name.')
+    const device = args[0]
+    if(!device) return trouble(elem, `SENSOR needs a sensor name.`)
     const sensor = datalog.text.split(/\n/)
       .map(line => line.split(/ +/))
       .filter(fields => fields[0] == 'SENSOR')
-      .find(fields => fields[1] == want)
-    if(!sensor) return trouble(elem, `Expect to find "${want}" in Datalog.`)
+      .find(fields => fields[1] == device)
+    if(!sensor) return trouble(elem, `Expect to find "${device}" in Datalog.`)
     const url = sensor[2]
 
     const f = c => 9/5*(c/16)+32
@@ -190,6 +194,10 @@
       .join(", ")
     if (state.debug) console.log({topic,sources})
     elem.innerHTML = command + ' ⇒ ' + counts
+    // state.assets = ?
+    // state.aspect = ?
+    // state.region = ?
+    // state.marker = ?
     state[topic] = sources.map(({div,result}) => ({id:div.dataset.id, result}))
     if (body) run(body,state)
   }
@@ -197,8 +205,9 @@
   function preview_emit ({elem,command,args,state}) {
     const round = digits => (+digits).toFixed(7)
     const story = []
-    for (const arg of args) {
-      switch (arg) {
+    const types = args
+    for (const type of types) {
+      switch (type) {
       case 'map':
         if(!('marker' in state)) return trouble(elem,`"map" preview expects "marker" state, like from "SOURCE marker".`)
         inspect(elem,'marker',state)
@@ -232,7 +241,7 @@
         story.push({type:'paragraph',text})}
         break
       default:
-        return trouble(elem,`"${arg}" doesn't name an item we can preview`)
+        return trouble(elem,`"${type}" doesn't name an item we can preview`)
       }
     }
     const title = "Mech Preview" + (state.tick ? ` ${state.tick}` : '')
@@ -262,7 +271,7 @@
     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")
+    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 = () => aspects
@@ -271,9 +280,9 @@
 
   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.')
+    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")
+    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 => {
@@ -317,37 +326,77 @@
   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])
+    const steps = args[0]
+    const position = state.turtle.forward(+steps)
     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])
+    const degrees = args[0]
+    const direction = state.turtle.turn(+degrees)
     elem.innerHTML = command + ` ⇒ ${direction}°`
   }
 
   function file_emit ({elem,command,args,body,state}) {
     if(!('assets' in state)) return trouble(elem,`FILE expects state.assets, like from SOURCE assets.`)
     inspect(elem,'assets',state)
+
+  // [ { "id": "b2d5831168b4706b", "result":
+  //    { "pages/testing-file-mech":
+  //     { "//ward.dojo.fed.wiki/assets":
+  //      [ "KWIC-list+axe-files.txt", "KWIC-list-axe-files.tsv" ] } } } ]
+
+    const origin = '//'+window.location.host
+    const assets = state.assets.map(({id,result}) =>
+      Object.entries(result).map(([dir,paths]) =>
+        Object.entries(paths).map(([path,files]) =>
+          files.map(file => {
+            const assets = path.startsWith("//") ? path : `${origin}${path}`
+            const host = assets.replace(/\/assets$/,'')
+            const url = `${assets}/${dir}/${file}`
+            return {id,dir,path,host,file,url}
+          })))).flat(3)
+    if(state.debug) console.log({assets})
+
     if(args.length < 1) return trouble(elem,`FILE expects an argument, the dot suffix for desired files.`)
     if (!body?.length) return trouble(elem,'FILE expects indented blocks to follow.')
     const suffix = args[0]
-    const url = 'http://ward.dojo.fed.wiki/assets/pages/testing-file-mech/KWIC-list-axe-files.tsv'
-    fetch(url)
-      .then(res => res.text())
-      .then(text => {
-        elem.innerHTML = command + ` ⇒ ${text.length} bytes`
-        state.tsv = text
-        run(body,state)
-      })
+    const choices = assets.filter(asset => asset.file.endsWith(suffix))
+    const flag = choice => `<img width=12 src=${choices[choice].host+'/favicon.png'}>`
+    if(!choices) return trouble(elem,`FILE expects to find an asset with "${suffix}" suffix.`)
+    elem.innerHTML = command +
+      `<br><div class=choices style="border:1px solid black; background-color:#f8f8f8; padding:8px;" >${choices
+        .map((choice,i) =>
+          `<span data-choice=${i} style="cursor:pointer;">
+            ${flag(i)}
+            ${choice.file} ▶
+          </span>`)
+        .join("<br>\n")
+      }</div>`
+    elem.querySelector('.choices').addEventListener('click',event => {
+      if (!('choice' in event.target.dataset)) return
+      const url = choices[event.target.dataset.choice].url
+      // console.log(event.target)
+      // console.log(event.target.dataset.file)
+      // const url = 'http://ward.dojo.fed.wiki/assets/pages/testing-file-mech/KWIC-list-axe-files.tsv'
+      fetch(url)
+        .then(res => res.text())
+        .then(text => {
+          elem.innerHTML = command + ` ⇒ ${text.length} bytes`
+          state.tsv = text
+          console.log({text})
+          run(body,state)
+        })
+    })
   }
 
   function kwic_emit ({elem,command,args,body,state}) {
     const template = body && body[0]?.command
     if(template && !template.match(/\$[KW]/)) return trouble(elem,`KWIK expects $K or $W in link prototype.`)
     if(!('tsv' in state)) return trouble(elem,`KWIC expects a .tsv file, like from ASSETS .tsv.`)
+    inspect(elem,'tsv',state)
     const prefix = args[0] || 1
     const lines = state.tsv.trim().split(/\n/)
 
@@ -397,9 +446,10 @@
         return trouble(elem,`SHOW expects a slug or site/slug to open in the lineup.`)
       }
     } else {
-      [site,slug] = args[0].includes('/')
-        ? args[0].split(/\//)
-        : [null,args[0]]
+      const info = args[0]
+      [site,slug] = info.includes('/')
+        ? info.split(/\//)
+        : [null,info]
     }
     const lineup = [...document.querySelectorAll('.page')].map(e => e.id)
     if(lineup.includes(slug)) return trouble(elem,`SHOW expects a page not already in the lineup.`)
@@ -417,6 +467,34 @@
     state.info = infos[one]
   }
 
+  function sleep_emit({elem,command,args,body,state}) {
+    let count = args[0] || '1'
+    if (!count.match(/^[1-9][0-9]?$/)) return trouble(elem,`SLEEP expects seconds from 1 to 99`)
+    return new Promise(resolve => {
+      if(body)
+        run(body,state)
+          .then(result => if(state.debug) console.log(command,'children', result))
+      elem.innerHTML = command + ` ⇒ ${count} remain`
+      let clock = setInterval(()=> {
+        if(--count > 0)
+          elem.innerHTML = command + ` ⇒ ${count} remain`
+        else {
+          clearInterval(clock)
+          elem.innerHTML = command + ` ⇒ done`
+          if(state.debug) console.log(command, 'done')
+          resolve()
+        }
+      }, 1000)
+    })
+  }
+
+  function together_emit({elem,command,args,body,state}) {
+    if (!body) return trouble(elem,`TOGETHER expects indented commands to run together.`)
+    const children = body
+      .map(child => run([child],state))
+    return Promise.all(children)
+  }
+
 
 // C A T A L O G
 
@@ -437,7 +515,9 @@
     FILE:    {emit:file_emit},
     KWIC:    {emit:kwic_emit},
     SHOW:    {emit:show_emit},
-    RANDOM:  {emit:random_emit}
+    RANDOM:  {emit:random_emit},
+    SLEEP:   {emit:sleep_emit},
+    TOGETHER:{emit:together_emit}
   }
 
 

package/package.json

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