30:T50e,// why oh why does it have to be so complicated? height = Generators.observe(function (change) { let height; const getHeight = embed ? embedHeight : (() => { const t = document.body.appendChild(testcell(DEFAULT_HEIGHT)); invalidation.then(() => t.remove()); return () => t.getBoundingClientRect().height; })(); update(); function update() { const clientHeight = getHeight(); if (clientHeight !== height) change((height = clientHeight)); } const E = ["resize", "orientationchange"]; E.forEach((e) => window.addEventListener(e, update)); const remove = () => E.forEach((e) => window.removeEventListener(e, update)); invalidation.then(remove); return remove; function testcell(height) { const id = DOM.uid("height-test").id; return html`

\n\n

W ${width} × H ${height}

\n\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"DEFAULT_HEIGHT = Math.min(SCREEN_HEIGHT, width * 0.7) | 0 // set to the height you want in observable","pinned":true,"hidden":false,"mode":"ojs"},{"id":250,"value":"SCREEN_HEIGHT = screen.height // capture screen height before obs goes fullscreen","pinned":true,"hidden":false,"mode":"ojs"},{"id":276,"value":"embedHeight = {\n const el = document.body.appendChild(\n html`

`\n );\n invalidation.then(() => el.remove());\n return () => el.clientHeight;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":299,"value":"url = new URL(document.location)","pinned":true,"hidden":false,"mode":"ojs"},{"id":310,"value":"outside = !url.host.endsWith(\".observableusercontent.com\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":301,"value":"embed = !outside && url.searchParams.has(\"cells\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":267,"value":"md`_My thanks to [Pierre Ripoll](https://observablehq.com/@pierreleripoll) and [Fabian Iwand](https://observablehq.com/@mootari) for suggestions._`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}