Extending Observable to the backend with a custom serverless runtime.
Innovative live-coding workflows against production traffic.
import { authorize_link, state } with {
CLIENT_ID,
CLIENT_ID as REDIRECT_URI,
AUTHORIZE_URL,
TOKEN_URL,
TOKEN_PARAMS
} from '@tomlarkworthy/oauth'
userWithNull = Generators.queue(next => {
firebase.auth().onAuthStateChanged(auth => {
console.log("Auth state changed", auth)
next(auth)
})
})
user = {
return userWithNull ? userWithNull : invalidation
}
decoded = state && state.access_token ? JSON.parse(atob(state.access_token.split('.')[1])): undefined
exchange = {
if (state && state.access_token && (
decoded.uid !== userWithNull?.uid || hasNewClaims(decoded.claims, currentClaims)
)) {
console.log("Using access_token for Firebase signin")
firebase.auth().signInWithCustomToken(state.access_token)
}
}
function hasNewClaims(newClaims, oldClaims) {
return Object.keys(newClaims || {}).some(newClaim => {
if (!oldClaims[newClaim]) return true
if (!deepEqual(newClaims[newClaim], oldClaims[newClaim])) return true
})
}
// https://stackoverflow.com/a/38416465/862295 Thanks Frank Tan!
function deepEqual(a,b)
{
if( (typeof a == 'object' && a != null) &&
(typeof b == 'object' && b != null) ) {
var count = [0,0];
for( var key in a) count[0]++;
for( var key in b) count[1]++;
if ( count[0]-count[1] != 0) {return false;}
for( var key in a) {
if (!(key in b) || !deepEqual(a[key],b[key])) {return false;}
}
for( var key in b) {
if (!(key in a) || !deepEqual(b[key],a[key])) {return false;}
}
return true;
} else {
return a === b;
}
}
currentClaims = userWithNull ? JSON.parse(atob((await userWithNull.getIdToken()).split(".")[1]))
: {}
user
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
