Tom Larkworthy

CORS Proxy fetchp

Automatically Backup Observable notebooks to Github

Starting Github Action Workflows From Observable

David Kirkby

Firebase and Firebase UI (v8)

Detect notebook runtime errors with catchAll((cellName, reason) => {...})

notebookSnapshot()

Reactive Unit Testing and Reporting Framework

Bulma

Stripe

Ridiculously Rapid Software-as-a-Service (SaaS) development with Observable, Firebase and Stripe

Using Express Router for Serverside Cells

AWS Serverless Notebooks Simplified

SVG Timeseries to GIF

Metaprogramming with Peek [Not recommended for production user]

AWS Helpers

Mixed Integer / Linear Programming

Redis Serialization Protocol (RESP) Client for the Web

👋 Hello Nunjucks

developed the original d3 Ego Graph implementation

jveres

The Google 'VS' trick

aws4fetch

@observablehq/inspector@5.0.1

escodegen@2.1.0

SortableJS

TextFit@2.4.0

CodeMirror 6 + Javascript

golden-layout@2.6.0

trackParent and preserveFocus

Observable Runtime (v5)

Isomorphic-git@1.30.1

jest-expect-standalone@24.0.2

lite-youtube-embed@0.3.3

modern-screenshot@4.6.6

Browser build for Notebook Kit

Acorn@8.11.3

Dexie@4.2.1 30kb

ProseMirror lib

jszip@3.10.1

serialize-javascript@7.0.2

👋 Hello Browser FS Access

👋 Hello Native File System adapter

libraries

firebase

hi Tom, what would make sense to have as an unresolved promise for user value? I'm currently using it for a project and it would be nice to have a null or false state when the user is not logged, thus you can present a state warning that you still need to log in, or for instance disable charts and other element that depend upon login and fetching data. This issue reminded me of the LocalFile and the solution was to set a default value open to the user but not  an unresolved promised. do you remember? thanks

Radamés Ajna

you can query 'viewof user.value' to test it regardless of dataflow

Hi Tom, for some reason, when I import firebase with {firebaseConfig as firebaseConfig} I get 
RuntimeError: window.firebase.initializeApp is not a function

I guess is due to the fact that you need firebaseConfig value to initiate firebase , if (!window.firebases[firebaseConfig.appId]) 

The solution right now is to not import the firebase cell from here but redefine it on my notebook. I didn't have much time to look, but there must be a better way to initialize the library.

Thanks

works for me when I tried to repro, do you have a repro?
https://observablehq.com/d/9100ffc6d01af9aa

did you not have a firebaseConfig? I clarified the docs a little it was not super clear, I try to update them a bit.

Yes for sure, I have my own firebaseConfig cell. it's nuts I just created another fresh notebook with just the import and the firebaseConfig and it works, however the other notebook I'm working on doesn't, I'm wondering if its some import caching issue on observable. I often get Cloudflare DDNS errors as I keep hard refreshing and cleaning the cookies

TBH the firebase SDK is a pain to setup. They have a new major version 9 in beta which uses modules which would probably play better

oh my, found the problem, you won't believe! I had a markdown cell named #### Firebase that generates <h4 id="firebase">Firebase Init</h4> and as you might now, any element id is on the global window scope,

https://html.spec.whatwg.org/multipage/window-object.html#named-access-on-the-window-object 

 window.firebase now is a reference to that h4 element , you check for  if (!window.firebase) and boom :) thanks and sorry for the confusion

here is a test https://observablehq.com/d/9b11de36cfdc88e0

oh wow! AHH, I should change that global to something unclashable. I will do that next feature round

yes, now I see why some libraries put things under window._ or window.$ etc, sorry for polluting your notebook with comments

actually I had to water it down a bit. I deliberately had it in global scope as thats how firebase-ui boots itself :'(
By default it's now on window._firebase
But if you use firebase-ui then it assigns window.firebase SDK, as it's a necessary evil there.

Loving the walk-through: 👏🏼👏🏼👏🏼👏🏼

John Alexis Guerra Gómez

Screen Shot 2019-11-06 at 12.16.34 AM.png

Screen Shot 2019-11-06 at 12.16.27 AM.png

Screen Shot 2019-11-06 at 12.16.59 AM.png

Screen Shot 2019-11-06 at 12.17.20 AM.png

firebase-functions@1.js

firebase-app@1.js

firebase-database@1.js

firebase-auth@1.js

firebase-firestore@1.js

firebase-storage@1.js

Ian Johnson

Hello, Firebase + Google Authentication