30:T4fc,bookmark = async url => { let content; try { let m = await getMetaData(url, [ 'og:image', 'og:description', 'og:url', 'og:title', 'twitter:image', 'twitter:description' ]); content = m.content; } catch { return md`${url}`; } const meta = Array.from(content); const get = pattern => meta.some(e => pattern.test(e[0])) ? meta.find(e => pattern.test(e[0]))[1] : ""; // prettier-ignore return html`

${get(/title/)} ${get(/description/)} ${url}

`; }31:T421,// silly but terse to use a boolean like this just to avoid a function body... notice = (node, type) => html` ${ node.classList.add("ui-notice", type ? `ui-notice-${type}` : undefined) || node }`32:[] 2e:{"title":"UI Components","cells":[{"id":0,"value":"md`# UI Components`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"toc()","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"md`## Table of Contents\n\n${copyText(md`~~~js\nimport { toc } from \"@sgregson/components\"\n~~~`)}\n\n### Usage\n\n${copyText(md`~~~js\ntoc({\n headers: \"h2,h3,h4\"\n title: \"My ToC\",\n hideStartingFrom: \"Implementation\"\n})\n~~~`)}\n\n### Code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"// still working out the kinks\nimport { toc } from \"@nebrius/indented-toc\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"md`## Visual Bookmark\n${copyText(md`~~~js\nimport { bookmark } from \"@sgregson/components\"\n~~~`)}\n\n\n### Usage\n\n~~~js\nbookmark\\`https://google.com\\`\n~~~\n\n### Example\n${copyText(md`hello world`)}\n\n### Code\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"import { getMetaData } from \"@radames/fetch-metadata-from-url\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"md`## Notice\n\n> Source: observable core... i forget where\n\nA banner for noticing content\n\n### Usage\n\n${copyText(md`~~~js\nimport { notice } from \"@sgregson/notice\"\n~~~`)}\n\n### Example\n${notice(md`check me out! *some sweet annotations*`)}\n${notice(md`also tips*`, \"tip\")}\n${notice(md`also warnings*`, \"warn\")}\n${notice(md`also errors*`, \"error\")}\n\n### Code\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"md`## Columns\n\nA utility for creating two-column runs of text. Learned from [observablehq](https://observablehq.com/@observablehq/comments?collection=@observablehq/introduction)\n\n\n### Usage\n\n${copyText(md`~~~js\n// cell 1\nimport { columns } from \"@sgregson/columns\"\n// cell 2\ncolumns(md\\`some\n \nthree col\n \ncontent\\`, 3)\n~~~`)}\n\n### Example\n${columns(\n md`\nCalling \\`columns(\"content\")\\` will default to a two column layout\n\nBut pass a second argument, \\`columns(\"content\", 3)\\`, to configure the column count.\n`\n)}\n\n### Code\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"// silly but terse to use a boolean like this just to avoid a function body...\ncolumns = (node, col = 2) => html`${node.classList.add(\"c-col\", `c-col--${col}`) || node}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`## externals`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"import { copyText } from \"@sgregson/utils\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"import { styles } from \"@sgregson/styles\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}