AFRAME.registerComponent('helloworld', {
  schema: { },

  init: function () { 

    // entrypoint for single-file xrshell/AFRAME components 
    this.addEventListener('xrshell', (opts) => {
      this.require =  AFRAME.components.xrshell.require  // available by adding <a-scene xrshell> 

      this.require({
          "superclipboard":    { required: false, repo: "https://github.com/Utopiah/aframe-components"     },
          "spatialeditor":     { required: false, repo: "https://github.com/coderofsalvation/xrshell-apps" }, 
          "jsonform":          { required: false, repo: "https://github.com/coderofsalvation/xrshell-apps" }, 
          "speech-controls":   { required: false, url:  "https://rawgit.com/Utopiah/aframe-speech-controls-component/master/dist/aframe-speech-controls-component.min.js"},
          "context-menu":      { required: false },
          "ISOterminal":       { required: false } 
      })
      // the components above get saved cached/to the browser (IndexedDB) filesystem (so the ISOterminal can read/edit them as well in realtime)
      // when a required component cannot be included, then this (helloworld) component will be removed and 
      // errors will show up in the javascript browser and XR terminal consoles.
    })

    this.addEventListener('ISOterminal',       (term) => { // act when component gets mounted 
      // 'term' is basically AFRAME.components.ISOterminal
      term.write('hello to XR linux terminal from AFRAME')
      term.on('stdout', (data) => {
        // react to data being spoken/typed into the terminal
        // (spatial prompting like 'open foo.gltf', 'component helloworld' e.g.)
      })
    })

    this.addEventListener('context-menu', (menu) => {
      menu.add({
        name: 'edit',         // "everything must have an edit-button" ~ Fabien Benetou
        icon: 'gear',         // see https://jsonforms.io to see json-2-html forms                   
        type: 'object',       // json-2-webxr has nothing like it (yet) but offers uniform interfaces across components 
        properties:{           
          enabled:        { type: 'boolean',  default: true, format: 'checkbox' },
          edit_terminal:  { type: 'function', cb: () => AFRAME.components.ISOterminal.exec('pico /com/helloworld.js') },
          edit_spatial:   { type: 'function', cb: () => this.require({"spatial-edit":{required:true}})                }
        }
      })

    })

    console.log("hello world!")

  }

});