xrsh-com/helloworld.js

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

  init: function () { 

    // entrypoint for single-file webxros/AFRAME components 
    this.addEventListener('webxros', (opts) => {
      this.require({
          "superclipboard":    { required: false, repo: "https://github.com/Utopiah/aframe-components"     },
          "spatialeditor":     { required: false, repo: "https://github.com/coderofsalvation/webxros-apps" }, 
          "jsonform":          { required: false, repo: "https://github.com/coderofsalvation/webxros-apps" }, 
          "speech-controls":   { required: false, url:  "https://rawgit.com/Utopiah/aframe-speech-controls-component/master/dist/aframe-speech-controls-component.min.js"},
          "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)
    })

    this.addEventListener('microgesture-auth', (com)  => { // component was mounted
    this.addEventListener('superclipboard',    (com)  => { // component was mounted
    this.addEventListener('ISOterminal',       (term) => { 
      // '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('jsonform', (form) => {
      form.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_spatialeditor: { type: 'function', cb: () => AFRAME.components.spatialeditor.edit('helloworld')            }
        }
      }

    })

    console.log("hello world!")

  }

});