44:["$","title",null,{"children":"Literate Object | Tom Larkworthy | Observable"}] 4c:T414,function literateObject(obj, mask = {}) { const ui = html`sample = Object {

str: "foo"

number: 1

object: Object {

f1: "v1"

}

}`; ui.value = obj; return ui; }4d:[] 48:{"id":"d4cee30580af37e5","slug":"literateobject","title":"Literate Object","thumbnail":"069c4e4441ed1b1ef9d3cc31f10ec36fe610e0e21384f27426894d50f3b47162","access_level":"unlisted","create_time":"$D2021-04-12T20:07:46.899Z","update_time":"$D2021-04-26T15:50:50.315Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024","bio":"Tech Lead at Taktile.\nFormerly Firebase, Google","followed_by_you":false,"follows_you":false},"version":42,"publish_version":42,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"bio":"Tech Lead at Taktile. ex Firebase, Google.\n🦋 larkworthy.bsky.social","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"}],"comments":[{"id":"d4d40d32b1c60331","reply_to_id":null,"content":"You can use the Inspector directly. I've provided an example here: https://talk.observablehq.com/t/mixing-viewof-with-standard-inspector/4841/3","create_time":"$D2021-04-15T21:30:07.714Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}},{"id":"bc779a60ff6cd09a","reply_to_id":"d4d40d32b1c60331","content":"!","create_time":"$D2021-04-16T08:07:47.251Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Literate Object","cells":[{"id":0,"value":"md`# Literate Object\n\nPrototype for an idea of configuring the visual representation of an object. Note observable CSS appears to be accessible within a user notebook.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"viewof sample = literateObject({ str: \"foo\", number: 1, object: { f1: \"v1\" } })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"sample // <---- NOTE YOU CAN GET THE DATA OBJECT","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null