I’ve created a spinner that is showing while waiting for user input. Once user enters the data, the spinner cell value becomes Blob() object. The problem is that while the cell value is a spinner, which is a markdown string, all other cells that are dependent on that fail in red. How to make them …

I’ve filled the remaining gaps and published the notebook as [image] Custom Inspectors Observable's cells are pretty handy. You can throw data in them and inspect it: But when we don't have any data yet (because it hasn't been loaded yet, or because a selection has to be made first), all…

Try using Observable Inputs with the required option: viewof zipURL = Inputs.text({placeholder: "Paste .zip file URL..", submit: "Go", required: true})

If I do this, then the spinner is not moving too. And I like the text control by @jashkenas .

In your notebook, you have the following line: zipStream = zipURL ? fetch(zipURL).then((r) => r.blob()) : md`Waiting for the input${zipURLSpinner}` This effectively does exactly what you need. I suppose you could do something similar in your definition of zipFile and the output of aq.table by …

The most direct translation of what you are trying to do is to lift your logic up into a view viewof zipStream = { if (zipURL.length > 0) { return Inputs.input(await fetch(zipURL).then(r => r.blob())); } else { return Object.defineProperty(md`waiting for URL${zipURLSpinner}`, "value", {…

[image] mcmcclur: I suppose you could do something similar in your definition of zipFile and the output of aq.table by testing that zipURL is well formed. Patching explicit checks for specific variable in every dependent element is what I am trying to avoid. Because that would make such eleme…

[image] abitrolly: To help build DOM elements that make sure the attached .value is a Promise, Observable provides Input.* helpers and viewof keyword. Not quite. viewof produces two cells internally. If you write viewof foo, you end up with viewof foo (which has the DOM element as its value),…

Still trying to grasp that bit by bit. Looks like viewof is a top level construct, and only for named cells - viewof experiments / Anatoli Babenia / Observable - which means I can not just create a few viewof “objects” in my cell and return them conditionally. So there are two paths for me right …

I think it hasn’t been mentioned explicitely yet, but you can reference a view’s DOM element directly, to avoid a dependency on its value. I meant to write a lengthy response here, but a notebook is actually the superior format for that. I’ve started one, part 1 is done, don’t know if I’ll finish t…

Part 2 is done and covers cell dependencies, viewof and generators.input. I didn’t touch on promises in this context because I don’t think they’ll become relevant as a direct tool. Hopefully I’ll find time tomorrow to finish part 3, but part 2 should already give you all the background required to …

I need to draw some boxes to understand who wraps who with or without viewof, but I think I’ve got the idea to repeat that.

await for specific cell value

Help

mootari September 9, 2022, 8:42am 11

I’ve filled the remaining gaps and published the notebook as

My Biggest Rant About Observable

Topic		Replies	Views
Simple form causes infinite spinner? Help	3	312	June 13, 2023
Waiting when fetch Help	6	293	March 31, 2024
promises and mutable in https://observablehq.com/d/d1b6c9d97c60914a Help	12	812	August 18, 2020
Detecting endless loop as an error Feedback	5	303	November 8, 2023
Detecting when cells are "ready" when embedding a notebook Help	6	1094	November 2, 2020

await for specific cell value

Related topics