2c:null 2d:["$","title",null,{"children":"Hello | Alok Pepakayala | Observable"}] 32:[] 30:{"id":"d6b59319503c032d","slug":"hello-ohq-render","title":"Hello ","thumbnail":"5b506d1d273a6c92b775f5ad5ebf7bce6029b87cb627f3ae676282e34521a1fe","access_level":"public","create_time":"$D2021-05-28T11:03:05.734Z","update_time":"$D2021-05-28T12:16:00.901Z","view_time":null,"first_public_time":"$D2021-05-28T12:16:16.356Z","has_unpublished_edits":null,"fork":{"id":"d72d5ff0fa11422f","slug":"hello-webcomponents-dev","title":"Hello Webcomponents.dev","owner":{"id":"ebdd8a722ae381e2","login":"a10k","name":"Alok Pepakayala"}},"stars":1,"starred":false,"owner":{"type":"team","id":"ebdd8a722ae381e2","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/f28a7b5f4fb16a63caaace8a87a531e60bea383d6e9d50e126570c77c0814ba9","tier":"starter_2024"},"version":112,"publish_version":112,"role":null,"authored":false,"authors":[{"type":"individual","id":"e594cd7b50bd5352","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/a79accbaf1cb39d92bac556179588a03429b7ed84c64707b7ae8d86c9ffacfc7","tier":null}],"members":[{"type":"individual","id":"e594cd7b50bd5352","login":"a10k","name":"Alok Pepakayala","avatar_url":"https://avatars-next.observableusercontent.com/a79accbaf1cb39d92bac556179588a03429b7ed84c64707b7ae8d86c9ffacfc7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Hello ","cells":[{"id":0,"value":"html`

Hello <ohq-render>

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"import('https://cdn.skypack.dev/@wcd/a10k.ohq-render@1.4.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"md`Note: A very basic custom element that renders .ojs markup into live observable embed, component created using preact-custom-element on [webcomponent.dev](https://webcomponents.dev/edit/6Bp4vfgZ6f3RFk8Bzz16/src/index.js)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"html`\na = 1\nb = 2\nc = a + b\nnow\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"md`\n---\nNote: As the markup needs to be valid html, tags < need to be encoded/escaped or else treated as actual tags...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"html`\nviewof sample = html\\`<input>\\`\n\"Value of sample is: \"+(sample||\"Not entered\")\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"md`---\nExample of how you would use in your html probably...`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"html`\nchart\nimport { chart, viewof year } from 'https://api.observablehq.com/@mbostock/phases-of-the-moon.js?v=3'\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"