Refactor callee and permissions, move events under topics

[chase-moskal]

const host = new crosscall.Host({

  // NEW CALLEE
  callee: {
    exampleTopic: {
      methods: {
        async exampleMethodAlpha(a) { return a + 1 },
        async exampleMethodBravo(a, b) { return a + b }
      },
      events: {
        exampleEvent: {
          listen(listener) {
            window.addEventListener("explosion", listener)
          },
          unlisten(listener) {
            window.removeEventListener("explosion", listener)
          }
        }
      }
    }
  },

  // NEW PERMISSIONS
  permissions: [{
    origin: /^http:\/\/localhost:8080$/,
    allowed: {
      exampleTopic: {
        methods: ["exampleMethodAlpha", "exampleMethodBravo"].
        events: ["exampleEvent"]
      }
    }
  }]
})

[chase-moskal]

the following is unacceptable

const {callable} = await client.callable
const {exampleTopic} = callable.exampleTopic
exampleTopic.methods.doCoolThing()
exampleTopic.events.coolThing.listen(() => {})

having the methods and events objects under the topic is gross

therefore, the following strategy is better

const host = new crosscall.Host({

  callee: {
    methods: {
      exampleDragonMethods: {
        async fly(a) { return a + 1 },
        async breatheFire(a, b) { return a + b },
        async eatPeasants(a, b, c) { return a * b * c }
      }
    },
    events: {
      exampleKangarooEvents: {
        kangarooHopped: {
          listen(listener) {
            window.addEventListener("kangarooHopped", listener)
          },
          unlisten(listener) {
            window.removeEventListener("kangarooHopped", listener)
          }
        }
      }
    }
  },

  permissions: [{
    origin: /^http:\/\/localhost:8080$/,
    allowedMethods: {
      exampleDragonMethods: ["fly", "breatheFire", "eatPeasants"]
    },
    allowedEvents: {
      exampleKangarooEvents: ["kangarooHopped"]
    }
  }]
})

// later, on the client
const {callable} = await client.callable
const {exampleDragonMethods} = callable.methods
const {exampleKangarooEvents} = callable.events

the downside is that methods and events can never share a topic, they can't live on the same object

meh

[chase-moskal]

bigger brain

const host = new CrosscallHost({
  exposures: [{
    allowed: /^http\:\/\/localhost\:8\d{3}$/i,
    forbidden: /\:8989$/i,
    methods: {
      dragonMethods: {
        async fly(a) { return a + 1 },
        async breatheFire(a, b) { return a + b },
        async eatPeasants(a, b, c) { return a * b * c }
      }
    },
    events: {
      kangarooEvents: {
        kangarooHopped: {
          listen(listener) {
            window.addEventListener("kangarooHopped", listener)
          },
          unlisten(listener) {
            window.removeEventListener("kangarooHopped", listener)
          }
        }
      }
    }
  }]
}

// later, on the client
const callable = await client.callable
const {dragonMethods} = callable.methods
const {kangarooEvents} = callable.events