roomdb-example.js

import React from 'react'
import ReactDOM from 'react-dom/client'
import {RoomDB} from "./roomdb.js";


const root = ReactDOM.createRoot(document.getElementById('root'))

const db = new RoomDB();

db.claim(["Aachen", "lat", 50.775555])
db.claim(["Aachen", "long", 50.775555])


db.claim(["Chicago", "lat", 41.881832])
db.claim(["Chicago", "long", -87.623177])


function App() {

  return (
    <div>
      <h1>App</h1>
      <div>{db.allFacts().map((fact, index) => (
        <div key={index}>{JSON.stringify(fact, null, 2)}</div>
      ))}</div>
    </div>
  )
}


function loop() {
  
  db.batch(() => {
    db.retract(["*", "temperature", "*"])

    db.select(["$point", "lat", "$lat"]
    ).do(({point}) => {

      // todo: do actual lookup

      db.claim([point, "temperature", Math.random()])
    })
  })
  
  root.render(<App />)
  requestAnimationFrame(loop)
}

loop()