A loose federation of distributed, typed datasets
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
3
4<meta charset="utf-8">
5<meta name="generator" content="quarto-1.7.34">
6
7<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
8
9
10<title>packable – atdata</title>
11<style>
12code{white-space: pre-wrap;}
13span.smallcaps{font-variant: small-caps;}
14div.columns{display: flex; gap: min(4vw, 1.5em);}
15div.column{flex: auto; overflow-x: auto;}
16div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
17ul.task-list{list-style: none;}
18ul.task-list li input[type="checkbox"] {
19 width: 0.8em;
20 margin: 0 0.8em 0.2em -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */
21 vertical-align: middle;
22}
23/* CSS for syntax highlighting */
24html { -webkit-text-size-adjust: 100%; }
25pre > code.sourceCode { white-space: pre; position: relative; }
26pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
27pre > code.sourceCode > span:empty { height: 1.2em; }
28.sourceCode { overflow: visible; }
29code.sourceCode > span { color: inherit; text-decoration: inherit; }
30div.sourceCode { margin: 1em 0; }
31pre.sourceCode { margin: 0; }
32@media screen {
33div.sourceCode { overflow: auto; }
34}
35@media print {
36pre > code.sourceCode { white-space: pre-wrap; }
37pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
38}
39pre.numberSource code
40 { counter-reset: source-line 0; }
41pre.numberSource code > span
42 { position: relative; left: -4em; counter-increment: source-line; }
43pre.numberSource code > span > a:first-child::before
44 { content: counter(source-line);
45 position: relative; left: -1em; text-align: right; vertical-align: baseline;
46 border: none; display: inline-block;
47 -webkit-touch-callout: none; -webkit-user-select: none;
48 -khtml-user-select: none; -moz-user-select: none;
49 -ms-user-select: none; user-select: none;
50 padding: 0 4px; width: 4em;
51 }
52pre.numberSource { margin-left: 3em; padding-left: 4px; }
53div.sourceCode
54 { }
55@media screen {
56pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
57}
58</style>
59
60
61<script src="../site_libs/quarto-nav/quarto-nav.js"></script>
62<script src="../site_libs/quarto-nav/headroom.min.js"></script>
63<script src="../site_libs/clipboard/clipboard.min.js"></script>
64<script src="../site_libs/quarto-search/autocomplete.umd.js"></script>
65<script src="../site_libs/quarto-search/fuse.min.js"></script>
66<script src="../site_libs/quarto-search/quarto-search.js"></script>
67<meta name="quarto:offset" content="../">
68<script src="../site_libs/quarto-html/quarto.js" type="module"></script>
69<script src="../site_libs/quarto-html/tabsets/tabsets.js" type="module"></script>
70<script src="../site_libs/quarto-html/popper.min.js"></script>
71<script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
72<script src="../site_libs/quarto-html/anchor.min.js"></script>
73<link href="../site_libs/quarto-html/tippy.css" rel="stylesheet">
74<link href="../site_libs/quarto-html/quarto-syntax-highlighting-9582434199d49cc9e91654cdeeb4866b.css" rel="stylesheet" class="quarto-color-scheme" id="quarto-text-highlighting-styles">
75<link href="../site_libs/quarto-html/quarto-syntax-highlighting-dark-8dcd8563ea6803ab7cbb3d71ca5772e1.css" rel="stylesheet" class="quarto-color-scheme quarto-color-alternate" id="quarto-text-highlighting-styles">
76<link href="../site_libs/quarto-html/quarto-syntax-highlighting-9582434199d49cc9e91654cdeeb4866b.css" rel="stylesheet" class="quarto-color-scheme-extra" id="quarto-text-highlighting-styles">
77<script src="../site_libs/bootstrap/bootstrap.min.js"></script>
78<link href="../site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
79<link href="../site_libs/bootstrap/bootstrap-62bce24ca844314e7bb1a34dbdfe05cc.min.css" rel="stylesheet" append-hash="true" class="quarto-color-scheme" id="quarto-bootstrap" data-mode="light">
80<link href="../site_libs/bootstrap/bootstrap-dark-7964ffd8887b0991fe8d71c6c8bc75d6.min.css" rel="stylesheet" append-hash="true" class="quarto-color-scheme quarto-color-alternate" id="quarto-bootstrap" data-mode="dark">
81<link href="../site_libs/bootstrap/bootstrap-62bce24ca844314e7bb1a34dbdfe05cc.min.css" rel="stylesheet" append-hash="true" class="quarto-color-scheme-extra" id="quarto-bootstrap" data-mode="light">
82<script id="quarto-search-options" type="application/json">{
83 "location": "navbar",
84 "copy-button": false,
85 "collapse-after": 3,
86 "panel-placement": "end",
87 "type": "overlay",
88 "limit": 50,
89 "keyboard-shortcut": [
90 "f",
91 "/",
92 "s"
93 ],
94 "show-item-context": false,
95 "language": {
96 "search-no-results-text": "No results",
97 "search-matching-documents-text": "matching documents",
98 "search-copy-link-title": "Copy link to search",
99 "search-hide-matches-text": "Hide additional matches",
100 "search-more-match-text": "more match in this document",
101 "search-more-matches-text": "more matches in this document",
102 "search-clear-button-title": "Clear",
103 "search-text-placeholder": "",
104 "search-detached-cancel-button-title": "Cancel",
105 "search-submit-button-title": "Submit",
106 "search-label": "Search"
107 }
108}</script>
109
110
111<link rel="stylesheet" href="../assets/styles.css">
112</head>
113
114<body class="nav-fixed quarto-light"><script id="quarto-html-before-body" type="application/javascript">
115 const toggleBodyColorMode = (bsSheetEl) => {
116 const mode = bsSheetEl.getAttribute("data-mode");
117 const bodyEl = window.document.querySelector("body");
118 if (mode === "dark") {
119 bodyEl.classList.add("quarto-dark");
120 bodyEl.classList.remove("quarto-light");
121 } else {
122 bodyEl.classList.add("quarto-light");
123 bodyEl.classList.remove("quarto-dark");
124 }
125 }
126 const toggleBodyColorPrimary = () => {
127 const bsSheetEl = window.document.querySelector("link#quarto-bootstrap:not([rel=disabled-stylesheet])");
128 if (bsSheetEl) {
129 toggleBodyColorMode(bsSheetEl);
130 }
131 }
132 const setColorSchemeToggle = (alternate) => {
133 const toggles = window.document.querySelectorAll('.quarto-color-scheme-toggle');
134 for (let i=0; i < toggles.length; i++) {
135 const toggle = toggles[i];
136 if (toggle) {
137 if (alternate) {
138 toggle.classList.add("alternate");
139 } else {
140 toggle.classList.remove("alternate");
141 }
142 }
143 }
144 };
145 const toggleColorMode = (alternate) => {
146 // Switch the stylesheets
147 const primaryStylesheets = window.document.querySelectorAll('link.quarto-color-scheme:not(.quarto-color-alternate)');
148 const alternateStylesheets = window.document.querySelectorAll('link.quarto-color-scheme.quarto-color-alternate');
149 manageTransitions('#quarto-margin-sidebar .nav-link', false);
150 if (alternate) {
151 // note: dark is layered on light, we don't disable primary!
152 enableStylesheet(alternateStylesheets);
153 for (const sheetNode of alternateStylesheets) {
154 if (sheetNode.id === "quarto-bootstrap") {
155 toggleBodyColorMode(sheetNode);
156 }
157 }
158 } else {
159 disableStylesheet(alternateStylesheets);
160 enableStylesheet(primaryStylesheets)
161 toggleBodyColorPrimary();
162 }
163 manageTransitions('#quarto-margin-sidebar .nav-link', true);
164 // Switch the toggles
165 setColorSchemeToggle(alternate)
166 // Hack to workaround the fact that safari doesn't
167 // properly recolor the scrollbar when toggling (#1455)
168 if (navigator.userAgent.indexOf('Safari') > 0 && navigator.userAgent.indexOf('Chrome') == -1) {
169 manageTransitions("body", false);
170 window.scrollTo(0, 1);
171 setTimeout(() => {
172 window.scrollTo(0, 0);
173 manageTransitions("body", true);
174 }, 40);
175 }
176 }
177 const disableStylesheet = (stylesheets) => {
178 for (let i=0; i < stylesheets.length; i++) {
179 const stylesheet = stylesheets[i];
180 stylesheet.rel = 'disabled-stylesheet';
181 }
182 }
183 const enableStylesheet = (stylesheets) => {
184 for (let i=0; i < stylesheets.length; i++) {
185 const stylesheet = stylesheets[i];
186 if(stylesheet.rel !== 'stylesheet') { // for Chrome, which will still FOUC without this check
187 stylesheet.rel = 'stylesheet';
188 }
189 }
190 }
191 const manageTransitions = (selector, allowTransitions) => {
192 const els = window.document.querySelectorAll(selector);
193 for (let i=0; i < els.length; i++) {
194 const el = els[i];
195 if (allowTransitions) {
196 el.classList.remove('notransition');
197 } else {
198 el.classList.add('notransition');
199 }
200 }
201 }
202 const isFileUrl = () => {
203 return window.location.protocol === 'file:';
204 }
205 const hasAlternateSentinel = () => {
206 let styleSentinel = getColorSchemeSentinel();
207 if (styleSentinel !== null) {
208 return styleSentinel === "alternate";
209 } else {
210 return false;
211 }
212 }
213 const setStyleSentinel = (alternate) => {
214 const value = alternate ? "alternate" : "default";
215 if (!isFileUrl()) {
216 window.localStorage.setItem("quarto-color-scheme", value);
217 } else {
218 localAlternateSentinel = value;
219 }
220 }
221 const getColorSchemeSentinel = () => {
222 if (!isFileUrl()) {
223 const storageValue = window.localStorage.getItem("quarto-color-scheme");
224 return storageValue != null ? storageValue : localAlternateSentinel;
225 } else {
226 return localAlternateSentinel;
227 }
228 }
229 const toggleGiscusIfUsed = (isAlternate, darkModeDefault) => {
230 const baseTheme = document.querySelector('#giscus-base-theme')?.value ?? 'light';
231 const alternateTheme = document.querySelector('#giscus-alt-theme')?.value ?? 'dark';
232 let newTheme = '';
233 if(authorPrefersDark) {
234 newTheme = isAlternate ? baseTheme : alternateTheme;
235 } else {
236 newTheme = isAlternate ? alternateTheme : baseTheme;
237 }
238 const changeGiscusTheme = () => {
239 // From: https://github.com/giscus/giscus/issues/336
240 const sendMessage = (message) => {
241 const iframe = document.querySelector('iframe.giscus-frame');
242 if (!iframe) return;
243 iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
244 }
245 sendMessage({
246 setConfig: {
247 theme: newTheme
248 }
249 });
250 }
251 const isGiscussLoaded = window.document.querySelector('iframe.giscus-frame') !== null;
252 if (isGiscussLoaded) {
253 changeGiscusTheme();
254 }
255 };
256 const authorPrefersDark = false;
257 const darkModeDefault = authorPrefersDark;
258 document.querySelector('link#quarto-text-highlighting-styles.quarto-color-scheme-extra').rel = 'disabled-stylesheet';
259 document.querySelector('link#quarto-bootstrap.quarto-color-scheme-extra').rel = 'disabled-stylesheet';
260 let localAlternateSentinel = darkModeDefault ? 'alternate' : 'default';
261 // Dark / light mode switch
262 window.quartoToggleColorScheme = () => {
263 // Read the current dark / light value
264 let toAlternate = !hasAlternateSentinel();
265 toggleColorMode(toAlternate);
266 setStyleSentinel(toAlternate);
267 toggleGiscusIfUsed(toAlternate, darkModeDefault);
268 window.dispatchEvent(new Event('resize'));
269 };
270 // Switch to dark mode if need be
271 if (hasAlternateSentinel()) {
272 toggleColorMode(true);
273 } else {
274 toggleColorMode(false);
275 }
276 </script>
277
278<div id="quarto-search-results"></div>
279 <header id="quarto-header" class="headroom fixed-top">
280 <nav class="navbar navbar-expand-lg " data-bs-theme="dark">
281 <div class="navbar-container container-fluid">
282 <div class="navbar-brand-container mx-auto">
283 <a class="navbar-brand" href="../index.html">
284 <span class="navbar-title">atdata</span>
285 </a>
286 </div>
287 <div id="quarto-search" class="" title="Search"></div>
288 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" role="menu" aria-expanded="false" aria-label="Toggle navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
289 <span class="navbar-toggler-icon"></span>
290</button>
291 <div class="collapse navbar-collapse" id="navbarCollapse">
292 <ul class="navbar-nav navbar-nav-scroll me-auto">
293 <li class="nav-item">
294 <a class="nav-link" href="../index.html">
295<span class="menu-text">Guide</span></a>
296 </li>
297 <li class="nav-item dropdown ">
298 <a class="nav-link dropdown-toggle" href="#" id="nav-menu-tutorials" role="link" data-bs-toggle="dropdown" aria-expanded="false">
299 <span class="menu-text">Tutorials</span>
300 </a>
301 <ul class="dropdown-menu" aria-labelledby="nav-menu-tutorials">
302 <li>
303 <a class="dropdown-item" href="../tutorials/quickstart.html">
304 <span class="dropdown-text">Quick Start</span></a>
305 </li>
306 <li>
307 <a class="dropdown-item" href="../tutorials/local-workflow.html">
308 <span class="dropdown-text">Local Workflow</span></a>
309 </li>
310 <li>
311 <a class="dropdown-item" href="../tutorials/atmosphere.html">
312 <span class="dropdown-text">Atmosphere Publishing</span></a>
313 </li>
314 <li>
315 <a class="dropdown-item" href="../tutorials/promotion.html">
316 <span class="dropdown-text">Promotion Workflow</span></a>
317 </li>
318 </ul>
319 </li>
320 <li class="nav-item dropdown ">
321 <a class="nav-link dropdown-toggle" href="#" id="nav-menu-reference" role="link" data-bs-toggle="dropdown" aria-expanded="false">
322 <span class="menu-text">Reference</span>
323 </a>
324 <ul class="dropdown-menu" aria-labelledby="nav-menu-reference">
325 <li>
326 <a class="dropdown-item" href="../reference/architecture.html">
327 <span class="dropdown-text">Architecture Overview</span></a>
328 </li>
329 <li>
330 <a class="dropdown-item" href="../reference/packable-samples.html">
331 <span class="dropdown-text">Packable Samples</span></a>
332 </li>
333 <li>
334 <a class="dropdown-item" href="../reference/datasets.html">
335 <span class="dropdown-text">Datasets</span></a>
336 </li>
337 <li>
338 <a class="dropdown-item" href="../reference/lenses.html">
339 <span class="dropdown-text">Lenses</span></a>
340 </li>
341 <li>
342 <a class="dropdown-item" href="../reference/local-storage.html">
343 <span class="dropdown-text">Local Storage</span></a>
344 </li>
345 <li>
346 <a class="dropdown-item" href="../reference/atmosphere.html">
347 <span class="dropdown-text">Atmosphere</span></a>
348 </li>
349 <li>
350 <a class="dropdown-item" href="../reference/promotion.html">
351 <span class="dropdown-text">Promotion</span></a>
352 </li>
353 <li>
354 <a class="dropdown-item" href="../reference/load-dataset.html">
355 <span class="dropdown-text">load_dataset API</span></a>
356 </li>
357 <li>
358 <a class="dropdown-item" href="../reference/protocols.html">
359 <span class="dropdown-text">Protocols</span></a>
360 </li>
361 <li>
362 <a class="dropdown-item" href="../reference/uri-spec.html">
363 <span class="dropdown-text">URI Specification</span></a>
364 </li>
365 <li>
366 <a class="dropdown-item" href="../reference/troubleshooting.html">
367 <span class="dropdown-text">Troubleshooting & FAQ</span></a>
368 </li>
369 <li>
370 <a class="dropdown-item" href="../reference/deployment.html">
371 <span class="dropdown-text">Deployment Guide</span></a>
372 </li>
373 </ul>
374 </li>
375 <li class="nav-item">
376 <a class="nav-link" href="../api/index.html">
377<span class="menu-text">API</span></a>
378 </li>
379</ul>
380 <ul class="navbar-nav navbar-nav-scroll ms-auto">
381 <li class="nav-item compact">
382 <a class="nav-link" href="https://github.com/your-org/atdata"> <i class="bi bi-github" role="img">
383</i>
384<span class="menu-text"></span></a>
385 </li>
386</ul>
387 </div> <!-- /navcollapse -->
388 <div class="quarto-navbar-tools">
389 <a href="" class="quarto-color-scheme-toggle quarto-navigation-tool px-1" onclick="window.quartoToggleColorScheme(); return false;" title="Toggle dark mode"><i class="bi"></i></a>
390</div>
391 </div> <!-- /container-fluid -->
392 </nav>
393</header>
394<!-- content -->
395<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
396<!-- sidebar -->
397<!-- margin-sidebar -->
398 <div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
399 <nav id="TOC" role="doc-toc" class="toc-active">
400 <h2 id="toc-title">On this page</h2>
401
402 <ul>
403 <li><a href="#atdata.packable" id="toc-atdata.packable" class="nav-link active" data-scroll-target="#atdata.packable">packable</a>
404 <ul class="collapse">
405 <li><a href="#parameters" id="toc-parameters" class="nav-link" data-scroll-target="#parameters">Parameters</a></li>
406 <li><a href="#returns" id="toc-returns" class="nav-link" data-scroll-target="#returns">Returns</a></li>
407 <li><a href="#examples" id="toc-examples" class="nav-link" data-scroll-target="#examples">Examples</a></li>
408 </ul></li>
409 </ul>
410<div class="toc-actions"><ul><li><a href="https://github.com/your-org/atdata/edit/main/api/packable.qmd" class="toc-action"><i class="bi bi-github"></i>Edit this page</a></li><li><a href="https://github.com/your-org/atdata/issues/new" class="toc-action"><i class="bi empty"></i>Report an issue</a></li></ul></div></nav>
411 </div>
412<!-- main -->
413<main class="content" id="quarto-document-content"><header id="title-block-header" class="quarto-title-block"></header>
414
415
416
417
418
419<section id="atdata.packable" class="level1">
420<h1>packable</h1>
421<div class="sourceCode" id="cb1"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a>packable(cls)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
422<p>Decorator to convert a regular class into a <code>PackableSample</code>.</p>
423<p>This decorator transforms a class into a dataclass that inherits from <code>PackableSample</code>, enabling automatic msgpack serialization/deserialization with special handling for NDArray fields.</p>
424<p>The resulting class satisfies the <code>Packable</code> protocol, making it compatible with all atdata APIs that accept packable types (e.g., <code>publish_schema</code>, lens transformations, etc.).</p>
425<section id="parameters" class="level2 doc-section doc-section-parameters">
426<h2 class="doc-section doc-section-parameters anchored" data-anchor-id="parameters">Parameters</h2>
427<table class="caption-top table">
428<thead>
429<tr class="header">
430<th>Name</th>
431<th>Type</th>
432<th>Description</th>
433<th>Default</th>
434</tr>
435</thead>
436<tbody>
437<tr class="odd">
438<td>cls</td>
439<td><a href="`type`">type</a>[<a href="`atdata.dataset._T`">_T</a>]</td>
440<td>The class to convert. Should have type annotations for its fields.</td>
441<td><em>required</em></td>
442</tr>
443</tbody>
444</table>
445</section>
446<section id="returns" class="level2 doc-section doc-section-returns">
447<h2 class="doc-section doc-section-returns anchored" data-anchor-id="returns">Returns</h2>
448<table class="caption-top table">
449<thead>
450<tr class="header">
451<th>Name</th>
452<th>Type</th>
453<th>Description</th>
454</tr>
455</thead>
456<tbody>
457<tr class="odd">
458<td></td>
459<td><a href="`type`">type</a>[<a href="`atdata.dataset._T`">_T</a>]</td>
460<td>A new dataclass that inherits from <code>PackableSample</code> with the same</td>
461</tr>
462<tr class="even">
463<td></td>
464<td><a href="`type`">type</a>[<a href="`atdata.dataset._T`">_T</a>]</td>
465<td>name and annotations as the original class. The class satisfies the</td>
466</tr>
467<tr class="odd">
468<td></td>
469<td><a href="`type`">type</a>[<a href="`atdata.dataset._T`">_T</a>]</td>
470<td><code>Packable</code> protocol and can be used with <code>Type[Packable]</code> signatures.</td>
471</tr>
472</tbody>
473</table>
474</section>
475<section id="examples" class="level2 doc-section doc-section-examples">
476<h2 class="doc-section doc-section-examples anchored" data-anchor-id="examples">Examples</h2>
477<div class="sourceCode" id="cb2"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="op">>>></span> <span class="op">@</span>packable</span>
478<span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a>... <span class="kw">class</span> MyData:</span>
479<span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a>... name: <span class="bu">str</span></span>
480<span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a>... values: NDArray</span>
481<span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a>...</span>
482<span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a><span class="op">>>></span> sample <span class="op">=</span> MyData(name<span class="op">=</span><span class="st">"test"</span>, values<span class="op">=</span>np.array([<span class="dv">1</span>, <span class="dv">2</span>, <span class="dv">3</span>]))</span>
483<span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a><span class="op">>>></span> bytes_data <span class="op">=</span> sample.packed</span>
484<span id="cb2-8"><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a><span class="op">>>></span> restored <span class="op">=</span> MyData.from_bytes(bytes_data)</span>
485<span id="cb2-9"><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a><span class="op">>>></span></span>
486<span id="cb2-10"><a href="#cb2-10" aria-hidden="true" tabindex="-1"></a><span class="op">>>></span> <span class="co"># Works with Packable-typed APIs</span></span>
487<span id="cb2-11"><a href="#cb2-11" aria-hidden="true" tabindex="-1"></a><span class="op">>>></span> index.publish_schema(MyData, version<span class="op">=</span><span class="st">"1.0.0"</span>) <span class="co"># Type-safe</span></span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
488
489
490</section>
491</section>
492
493</main> <!-- /main -->
494<script id="quarto-html-after-body" type="application/javascript">
495 window.document.addEventListener("DOMContentLoaded", function (event) {
496 // Ensure there is a toggle, if there isn't float one in the top right
497 if (window.document.querySelector('.quarto-color-scheme-toggle') === null) {
498 const a = window.document.createElement('a');
499 a.classList.add('top-right');
500 a.classList.add('quarto-color-scheme-toggle');
501 a.href = "";
502 a.onclick = function() { try { window.quartoToggleColorScheme(); } catch {} return false; };
503 const i = window.document.createElement("i");
504 i.classList.add('bi');
505 a.appendChild(i);
506 window.document.body.appendChild(a);
507 }
508 setColorSchemeToggle(hasAlternateSentinel())
509 const icon = "";
510 const anchorJS = new window.AnchorJS();
511 anchorJS.options = {
512 placement: 'right',
513 icon: icon
514 };
515 anchorJS.add('.anchored');
516 const isCodeAnnotation = (el) => {
517 for (const clz of el.classList) {
518 if (clz.startsWith('code-annotation-')) {
519 return true;
520 }
521 }
522 return false;
523 }
524 const onCopySuccess = function(e) {
525 // button target
526 const button = e.trigger;
527 // don't keep focus
528 button.blur();
529 // flash "checked"
530 button.classList.add('code-copy-button-checked');
531 var currentTitle = button.getAttribute("title");
532 button.setAttribute("title", "Copied!");
533 let tooltip;
534 if (window.bootstrap) {
535 button.setAttribute("data-bs-toggle", "tooltip");
536 button.setAttribute("data-bs-placement", "left");
537 button.setAttribute("data-bs-title", "Copied!");
538 tooltip = new bootstrap.Tooltip(button,
539 { trigger: "manual",
540 customClass: "code-copy-button-tooltip",
541 offset: [0, -8]});
542 tooltip.show();
543 }
544 setTimeout(function() {
545 if (tooltip) {
546 tooltip.hide();
547 button.removeAttribute("data-bs-title");
548 button.removeAttribute("data-bs-toggle");
549 button.removeAttribute("data-bs-placement");
550 }
551 button.setAttribute("title", currentTitle);
552 button.classList.remove('code-copy-button-checked');
553 }, 1000);
554 // clear code selection
555 e.clearSelection();
556 }
557 const getTextToCopy = function(trigger) {
558 const codeEl = trigger.previousElementSibling.cloneNode(true);
559 for (const childEl of codeEl.children) {
560 if (isCodeAnnotation(childEl)) {
561 childEl.remove();
562 }
563 }
564 return codeEl.innerText;
565 }
566 const clipboard = new window.ClipboardJS('.code-copy-button:not([data-in-quarto-modal])', {
567 text: getTextToCopy
568 });
569 clipboard.on('success', onCopySuccess);
570 if (window.document.getElementById('quarto-embedded-source-code-modal')) {
571 const clipboardModal = new window.ClipboardJS('.code-copy-button[data-in-quarto-modal]', {
572 text: getTextToCopy,
573 container: window.document.getElementById('quarto-embedded-source-code-modal')
574 });
575 clipboardModal.on('success', onCopySuccess);
576 }
577 var localhostRegex = new RegExp(/^(?:http|https):\/\/localhost\:?[0-9]*\//);
578 var mailtoRegex = new RegExp(/^mailto:/);
579 var filterRegex = new RegExp("https:\/\/github\.com\/your-org\/atdata");
580 var isInternal = (href) => {
581 return filterRegex.test(href) || localhostRegex.test(href) || mailtoRegex.test(href);
582 }
583 // Inspect non-navigation links and adorn them if external
584 var links = window.document.querySelectorAll('a[href]:not(.nav-link):not(.navbar-brand):not(.toc-action):not(.sidebar-link):not(.sidebar-item-toggle):not(.pagination-link):not(.no-external):not([aria-hidden]):not(.dropdown-item):not(.quarto-navigation-tool):not(.about-link)');
585 for (var i=0; i<links.length; i++) {
586 const link = links[i];
587 if (!isInternal(link.href)) {
588 // undo the damage that might have been done by quarto-nav.js in the case of
589 // links that we want to consider external
590 if (link.dataset.originalHref !== undefined) {
591 link.href = link.dataset.originalHref;
592 }
593 }
594 }
595 function tippyHover(el, contentFn, onTriggerFn, onUntriggerFn) {
596 const config = {
597 allowHTML: true,
598 maxWidth: 500,
599 delay: 100,
600 arrow: false,
601 appendTo: function(el) {
602 return el.parentElement;
603 },
604 interactive: true,
605 interactiveBorder: 10,
606 theme: 'quarto',
607 placement: 'bottom-start',
608 };
609 if (contentFn) {
610 config.content = contentFn;
611 }
612 if (onTriggerFn) {
613 config.onTrigger = onTriggerFn;
614 }
615 if (onUntriggerFn) {
616 config.onUntrigger = onUntriggerFn;
617 }
618 window.tippy(el, config);
619 }
620 const noterefs = window.document.querySelectorAll('a[role="doc-noteref"]');
621 for (var i=0; i<noterefs.length; i++) {
622 const ref = noterefs[i];
623 tippyHover(ref, function() {
624 // use id or data attribute instead here
625 let href = ref.getAttribute('data-footnote-href') || ref.getAttribute('href');
626 try { href = new URL(href).hash; } catch {}
627 const id = href.replace(/^#\/?/, "");
628 const note = window.document.getElementById(id);
629 if (note) {
630 return note.innerHTML;
631 } else {
632 return "";
633 }
634 });
635 }
636 const xrefs = window.document.querySelectorAll('a.quarto-xref');
637 const processXRef = (id, note) => {
638 // Strip column container classes
639 const stripColumnClz = (el) => {
640 el.classList.remove("page-full", "page-columns");
641 if (el.children) {
642 for (const child of el.children) {
643 stripColumnClz(child);
644 }
645 }
646 }
647 stripColumnClz(note)
648 if (id === null || id.startsWith('sec-')) {
649 // Special case sections, only their first couple elements
650 const container = document.createElement("div");
651 if (note.children && note.children.length > 2) {
652 container.appendChild(note.children[0].cloneNode(true));
653 for (let i = 1; i < note.children.length; i++) {
654 const child = note.children[i];
655 if (child.tagName === "P" && child.innerText === "") {
656 continue;
657 } else {
658 container.appendChild(child.cloneNode(true));
659 break;
660 }
661 }
662 if (window.Quarto?.typesetMath) {
663 window.Quarto.typesetMath(container);
664 }
665 return container.innerHTML
666 } else {
667 if (window.Quarto?.typesetMath) {
668 window.Quarto.typesetMath(note);
669 }
670 return note.innerHTML;
671 }
672 } else {
673 // Remove any anchor links if they are present
674 const anchorLink = note.querySelector('a.anchorjs-link');
675 if (anchorLink) {
676 anchorLink.remove();
677 }
678 if (window.Quarto?.typesetMath) {
679 window.Quarto.typesetMath(note);
680 }
681 if (note.classList.contains("callout")) {
682 return note.outerHTML;
683 } else {
684 return note.innerHTML;
685 }
686 }
687 }
688 for (var i=0; i<xrefs.length; i++) {
689 const xref = xrefs[i];
690 tippyHover(xref, undefined, function(instance) {
691 instance.disable();
692 let url = xref.getAttribute('href');
693 let hash = undefined;
694 if (url.startsWith('#')) {
695 hash = url;
696 } else {
697 try { hash = new URL(url).hash; } catch {}
698 }
699 if (hash) {
700 const id = hash.replace(/^#\/?/, "");
701 const note = window.document.getElementById(id);
702 if (note !== null) {
703 try {
704 const html = processXRef(id, note.cloneNode(true));
705 instance.setContent(html);
706 } finally {
707 instance.enable();
708 instance.show();
709 }
710 } else {
711 // See if we can fetch this
712 fetch(url.split('#')[0])
713 .then(res => res.text())
714 .then(html => {
715 const parser = new DOMParser();
716 const htmlDoc = parser.parseFromString(html, "text/html");
717 const note = htmlDoc.getElementById(id);
718 if (note !== null) {
719 const html = processXRef(id, note);
720 instance.setContent(html);
721 }
722 }).finally(() => {
723 instance.enable();
724 instance.show();
725 });
726 }
727 } else {
728 // See if we can fetch a full url (with no hash to target)
729 // This is a special case and we should probably do some content thinning / targeting
730 fetch(url)
731 .then(res => res.text())
732 .then(html => {
733 const parser = new DOMParser();
734 const htmlDoc = parser.parseFromString(html, "text/html");
735 const note = htmlDoc.querySelector('main.content');
736 if (note !== null) {
737 // This should only happen for chapter cross references
738 // (since there is no id in the URL)
739 // remove the first header
740 if (note.children.length > 0 && note.children[0].tagName === "HEADER") {
741 note.children[0].remove();
742 }
743 const html = processXRef(null, note);
744 instance.setContent(html);
745 }
746 }).finally(() => {
747 instance.enable();
748 instance.show();
749 });
750 }
751 }, function(instance) {
752 });
753 }
754 let selectedAnnoteEl;
755 const selectorForAnnotation = ( cell, annotation) => {
756 let cellAttr = 'data-code-cell="' + cell + '"';
757 let lineAttr = 'data-code-annotation="' + annotation + '"';
758 const selector = 'span[' + cellAttr + '][' + lineAttr + ']';
759 return selector;
760 }
761 const selectCodeLines = (annoteEl) => {
762 const doc = window.document;
763 const targetCell = annoteEl.getAttribute("data-target-cell");
764 const targetAnnotation = annoteEl.getAttribute("data-target-annotation");
765 const annoteSpan = window.document.querySelector(selectorForAnnotation(targetCell, targetAnnotation));
766 const lines = annoteSpan.getAttribute("data-code-lines").split(",");
767 const lineIds = lines.map((line) => {
768 return targetCell + "-" + line;
769 })
770 let top = null;
771 let height = null;
772 let parent = null;
773 if (lineIds.length > 0) {
774 //compute the position of the single el (top and bottom and make a div)
775 const el = window.document.getElementById(lineIds[0]);
776 top = el.offsetTop;
777 height = el.offsetHeight;
778 parent = el.parentElement.parentElement;
779 if (lineIds.length > 1) {
780 const lastEl = window.document.getElementById(lineIds[lineIds.length - 1]);
781 const bottom = lastEl.offsetTop + lastEl.offsetHeight;
782 height = bottom - top;
783 }
784 if (top !== null && height !== null && parent !== null) {
785 // cook up a div (if necessary) and position it
786 let div = window.document.getElementById("code-annotation-line-highlight");
787 if (div === null) {
788 div = window.document.createElement("div");
789 div.setAttribute("id", "code-annotation-line-highlight");
790 div.style.position = 'absolute';
791 parent.appendChild(div);
792 }
793 div.style.top = top - 2 + "px";
794 div.style.height = height + 4 + "px";
795 div.style.left = 0;
796 let gutterDiv = window.document.getElementById("code-annotation-line-highlight-gutter");
797 if (gutterDiv === null) {
798 gutterDiv = window.document.createElement("div");
799 gutterDiv.setAttribute("id", "code-annotation-line-highlight-gutter");
800 gutterDiv.style.position = 'absolute';
801 const codeCell = window.document.getElementById(targetCell);
802 const gutter = codeCell.querySelector('.code-annotation-gutter');
803 gutter.appendChild(gutterDiv);
804 }
805 gutterDiv.style.top = top - 2 + "px";
806 gutterDiv.style.height = height + 4 + "px";
807 }
808 selectedAnnoteEl = annoteEl;
809 }
810 };
811 const unselectCodeLines = () => {
812 const elementsIds = ["code-annotation-line-highlight", "code-annotation-line-highlight-gutter"];
813 elementsIds.forEach((elId) => {
814 const div = window.document.getElementById(elId);
815 if (div) {
816 div.remove();
817 }
818 });
819 selectedAnnoteEl = undefined;
820 };
821 // Handle positioning of the toggle
822 window.addEventListener(
823 "resize",
824 throttle(() => {
825 elRect = undefined;
826 if (selectedAnnoteEl) {
827 selectCodeLines(selectedAnnoteEl);
828 }
829 }, 10)
830 );
831 function throttle(fn, ms) {
832 let throttle = false;
833 let timer;
834 return (...args) => {
835 if(!throttle) { // first call gets through
836 fn.apply(this, args);
837 throttle = true;
838 } else { // all the others get throttled
839 if(timer) clearTimeout(timer); // cancel #2
840 timer = setTimeout(() => {
841 fn.apply(this, args);
842 timer = throttle = false;
843 }, ms);
844 }
845 };
846 }
847 // Attach click handler to the DT
848 const annoteDls = window.document.querySelectorAll('dt[data-target-cell]');
849 for (const annoteDlNode of annoteDls) {
850 annoteDlNode.addEventListener('click', (event) => {
851 const clickedEl = event.target;
852 if (clickedEl !== selectedAnnoteEl) {
853 unselectCodeLines();
854 const activeEl = window.document.querySelector('dt[data-target-cell].code-annotation-active');
855 if (activeEl) {
856 activeEl.classList.remove('code-annotation-active');
857 }
858 selectCodeLines(clickedEl);
859 clickedEl.classList.add('code-annotation-active');
860 } else {
861 // Unselect the line
862 unselectCodeLines();
863 clickedEl.classList.remove('code-annotation-active');
864 }
865 });
866 }
867 const findCites = (el) => {
868 const parentEl = el.parentElement;
869 if (parentEl) {
870 const cites = parentEl.dataset.cites;
871 if (cites) {
872 return {
873 el,
874 cites: cites.split(' ')
875 };
876 } else {
877 return findCites(el.parentElement)
878 }
879 } else {
880 return undefined;
881 }
882 };
883 var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
884 for (var i=0; i<bibliorefs.length; i++) {
885 const ref = bibliorefs[i];
886 const citeInfo = findCites(ref);
887 if (citeInfo) {
888 tippyHover(citeInfo.el, function() {
889 var popup = window.document.createElement('div');
890 citeInfo.cites.forEach(function(cite) {
891 var citeDiv = window.document.createElement('div');
892 citeDiv.classList.add('hanging-indent');
893 citeDiv.classList.add('csl-entry');
894 var biblioDiv = window.document.getElementById('ref-' + cite);
895 if (biblioDiv) {
896 citeDiv.innerHTML = biblioDiv.innerHTML;
897 }
898 popup.appendChild(citeDiv);
899 });
900 return popup.innerHTML;
901 });
902 }
903 }
904 });
905 </script>
906</div> <!-- /content -->
907<footer class="footer">
908 <div class="nav-footer">
909 <div class="nav-footer-left">
910<p>Built with <a href="https://quarto.org/">Quarto</a></p>
911</div>
912 <div class="nav-footer-center">
913
914 <div class="toc-actions d-sm-block d-md-none"><ul><li><a href="https://github.com/your-org/atdata/edit/main/api/packable.qmd" class="toc-action"><i class="bi bi-github"></i>Edit this page</a></li><li><a href="https://github.com/your-org/atdata/issues/new" class="toc-action"><i class="bi empty"></i>Report an issue</a></li></ul></div></div>
915 <div class="nav-footer-right">
916<p>MIT License</p>
917</div>
918 </div>
919</footer>
920
921
922
923
924</body></html>