A presentation given by Daniel Feichtinger , Founder, All-Purpose Machines, at our 2023 Platform Summit, October 17-18, 2023.

1. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
The Full Power of REST
Executing Code on the Client with HyperMap

2. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
What if our REST
APIs could be much
more powerful?

3. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
The future of REST APIs is
client-side code execution
You can use it today with
HyperMap

4. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
You can lose
potential customers
because of a
complex integration

5. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
REST is the
architecture of the
Web

6. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
REST is expressed as constraints
Client–server architecture
Statelessness
Cacheability
Layered system
Uniform interface
Code on demand (optional)

7. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Code on demand
means
JavaScript

8. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
JavaScript lets us
temporarily enhance
the browser

9. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
JavaScript is quite
popular!

10. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
HyperMap is a new
API standard that
supports code on
demand

11. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Mech is an
open-source, universal
client for any
HyperMap service.

12. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use Case #1
Eliminating
Webhooks

13. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #1 — Eliminating Webhooks
{
"@": {
"script": "/eventHandler.js"
},
"ticketId": "2277",
"status": "pending"
}

14. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #1 — Eliminating Webhooks
const evtSource = new EventSource('/tickets/2277/events');
evtSource.onmessage = (event) => {
hypermap.set('status', event.data);
};

15. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #1 — Eliminating Webhooks
const ticketTab = Mech.open("example.com/tickets/2277/");
ticketTab.on("changed", () => {
console.log(`New status: ${ticketTab.at("status")}`);
});

16. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use Case #2
Streaming Data

17. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #2 — Streaming Data
{
"@": {
"script": "/streamHandler.js"
},
"aapl": 180.67,
"meta": 321.91,
"googl": 138.80
}

18. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #2 — Streaming Data
const stockSocket = new
WebSocket('wss://example.com/stocks');
stockSocket.onmessage = (event) => {
const msg = JSON.parse(event.data);
hypermap.set(msg.ticker, msg.price);
};

19. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use Case #3
On-Device Analytics

20. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #3 — On-device analytics
{
"@": {
"script": "/sentiment.js"
},
"input": null,
"sentiment": null
}

21. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #3 — On-device analytics
import Sentiment from 'https://esm.sh/sentiment';
hypermap.addEventListener('changed', () => {
const inputText = hypermap.at('input');
const sentiment = sentimentAsText(inputText);
hypermap.set('sentiment', sentiment);
});

22. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Use case #3 — On-device analytics
{
"@": {
"script": "/sentiment.js"
},
"input": "HyperMap is awesome",
"sentiment": "pos"
}

23. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
To recap…
Code on demand is an essential part of REST
We should bring that capability to our APIs
It is usable today with HyperMap

24. Daniel Feichtinger @auxilit // All-Purpose Machines @APMachines
Learn more:
https://docs.allpurposemachines.com
daniel@allpurposemachines.com