Deploying to gh-pages from @ f56e640 🚀

Author: coatless

demos/qwebr-auto-run.html

@@ -401,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"out-height":"","message":"true","comment":"","dpi":72,"fig-cap":"","output":"true","editor-font-scale":"1","context":"interactive","editor-word-wrap":"true","autorun":"false","results":"markup","out-width":"700px","classes":"","fig-width":7,"fig-height":5,"label":"unnamed-chunk-1","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","warning":"true"},"id":1,"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))"},{"options":{"out-height":"","message":"true","comment":"","dpi":72,"fig-cap":"","output":"true","editor-font-scale":"1","context":"interactive","editor-word-wrap":"true","autorun":"true","results":"markup","out-width":"700px","classes":"","fig-width":7,"fig-height":5,"label":"unnamed-chunk-2","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","warning":"true"},"id":2,"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))"},{"options":{"out-height":"","message":"true","comment":"","dpi":72,"fig-cap":"","output":"true","editor-font-scale":"1","context":"output","editor-word-wrap":"true","autorun":"true","results":"markup","out-width":"700px","classes":"","fig-width":7,"fig-height":5,"label":"unnamed-chunk-3","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","warning":"true"},"id":3,"code":"data(\"gapminder\", package = \"gapminder\")\nhead(gapminder)"},{"options":{"out-height":"","message":"true","comment":"","dpi":72,"fig-cap":"","output":"true","editor-font-scale":"1","context":"output","editor-word-wrap":"true","autorun":"true","results":"markup","out-width":"500px","classes":"","fig-width":"5","fig-height":"3","label":"unnamed-chunk-4","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","warning":"true"},"id":4,"code":"ggplot(gapminder, aes(lifeExp)) + \n geom_density(aes(fill=continent), alpha=1/4) + theme_bw() "},{"options":{"out-height":"","message":"true","comment":"","dpi":72,"fig-cap":"","output":"true","editor-font-scale":"1","context":"interactive","editor-word-wrap":"true","autorun":"true","results":"markup","out-width":"500px","classes":"","fig-width":"5","fig-height":"3","label":"unnamed-chunk-5","editor-quick-suggestions":"false","editor-max-height":"","read-only":"false","warning":"true"},"id":5,"code":"ggplot(gapminder, aes(lifeExp)) + \n  theme_bw() "}];
+globalThis.qwebrCellDetails = [{"id":1,"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","options":{"dpi":72,"output":"true","context":"interactive","warning":"true","fig-width":7,"message":"true","editor-quick-suggestions":"false","fig-height":5,"out-width":"700px","label":"unnamed-chunk-1","out-height":"","classes":"","results":"markup","autorun":"false","read-only":"false","editor-font-scale":"1","comment":"","fig-cap":"","editor-max-height":"","editor-word-wrap":"true"}},{"id":2,"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","options":{"dpi":72,"output":"true","context":"interactive","warning":"true","fig-width":7,"message":"true","editor-quick-suggestions":"false","fig-height":5,"out-width":"700px","label":"unnamed-chunk-2","out-height":"","classes":"","results":"markup","autorun":"true","read-only":"false","editor-font-scale":"1","comment":"","fig-cap":"","editor-max-height":"","editor-word-wrap":"true"}},{"id":3,"code":"data(\"gapminder\", package = \"gapminder\")\nhead(gapminder)","options":{"dpi":72,"output":"true","context":"output","warning":"true","fig-width":7,"message":"true","editor-quick-suggestions":"false","fig-height":5,"out-width":"700px","label":"unnamed-chunk-3","out-height":"","classes":"","results":"markup","autorun":"true","read-only":"false","editor-font-scale":"1","comment":"","fig-cap":"","editor-max-height":"","editor-word-wrap":"true"}},{"id":4,"code":"ggplot(gapminder, aes(lifeExp)) + \n geom_density(aes(fill=continent), alpha=1/4) + theme_bw() ","options":{"dpi":72,"output":"true","context":"output","warning":"true","fig-width":"5","message":"true","editor-quick-suggestions":"false","fig-height":"3","out-width":"500px","label":"unnamed-chunk-4","out-height":"","classes":"","results":"markup","autorun":"true","read-only":"false","editor-font-scale":"1","comment":"","fig-cap":"","editor-max-height":"","editor-word-wrap":"true"}},{"id":5,"code":"ggplot(gapminder, aes(lifeExp)) + \n  theme_bw() ","options":{"dpi":72,"output":"true","context":"interactive","warning":"true","fig-width":"5","message":"true","editor-quick-suggestions":"false","fig-height":"3","out-width":"500px","label":"unnamed-chunk-5","out-height":"","classes":"","results":"markup","autorun":"true","read-only":"false","editor-font-scale":"1","comment":"","fig-cap":"","editor-max-height":"","editor-word-wrap":"true"}}];
 
 </script>
 <script type="module">
@@ -1606,6 +1606,9 @@
 
 <div id="quarto-search-results"></div>
   <header id="quarto-header" class="headroom fixed-top">
+    <div id="quarto-announcement" data-announcement-id="120d11d612021758b0207b437cf2dffd" class="alert alert-primary hidden"><i class="bi bi-info-circle quarto-announcement-icon"></i><div class="quarto-announcement-content">
+<p>Looking for the official Quarto WebAssembly backend? Check out <a href="https://github.com/r-wasm/quarto-live"><code>quarto-live</code></a>!</p>
+</div><i class="bi bi-x-lg quarto-announcement-action"></i></div>
   <nav class="quarto-secondary-nav">
     <div class="container-fluid d-flex">
       <button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" role="button" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
@@ -2157,19 +2160,7 @@ <h1 class="title">Demo: Autorun Interactive Code Cells</h1>
 
 </header>
 
-<div class="callout callout-style-default callout-important callout-titled">
-<div class="callout-header d-flex align-content-center">
-<div class="callout-icon-container">
-<i class="callout-icon"></i>
-</div>
-<div class="callout-title-container flex-fill">
-Important
-</div>
-</div>
-<div class="callout-body-container callout-body">
-<p>Looking for the official Quarto WebAssembly backend? Check out <a href="https://github.com/r-wasm/quarto-live"><code>quarto-live</code></a>!</p>
-</div>
-</div>
+
 <section id="overview" class="level1">
 <h1>Overview</h1>
 <p>This demo showcases the functionality of automatically executing code within an interactive area, revealing output before any modifications can be made to the document.</p>

demos/qwebr-code-cell-options.html

@@ -401,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","id":1,"options":{"dpi":72,"read-only":"false","output":"true","fig-width":7,"fig-height":5,"warning":"true","editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-1","out-width":"700px","classes":"","context":"interactive","editor-word-wrap":"true","out-height":"","message":"true","results":"markup","comment":"","editor-quick-suggestions":"false","editor-max-height":"","autorun":"false"}},{"code":"# Generating a simple table\ndata <- data.frame(\n  Name = c(\"Alice\", \"Bob\", \"Charlie\"),\n  Age = c(25, 30, 22)\n)","id":2,"options":{"dpi":72,"read-only":"false","output":"true","fig-width":7,"fig-height":5,"warning":"true","editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-2","out-width":"700px","classes":"","context":"setup","editor-word-wrap":"true","out-height":"","message":"true","results":"markup","comment":"","editor-quick-suggestions":"false","editor-max-height":"","autorun":"true"}},{"code":"knitr::kable(data, \"html\")","id":3,"options":{"dpi":72,"read-only":"false","output":"true","fig-width":7,"fig-height":5,"warning":"true","editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-3","out-width":"700px","classes":"","context":"interactive","editor-word-wrap":"true","out-height":"","message":"true","results":"asis","comment":"","editor-quick-suggestions":"false","editor-max-height":"","autorun":"false"}},{"code":"knitr::kable(data, \"html\")","id":4,"options":{"dpi":72,"read-only":"false","output":"true","fig-width":7,"fig-height":5,"warning":"true","editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-4","out-width":"700px","classes":"","context":"interactive","editor-word-wrap":"true","out-height":"","message":"true","results":"markup","comment":"","editor-quick-suggestions":"false","editor-max-height":"","autorun":"false"}},{"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":5,"options":{"dpi":72,"read-only":"false","output":"true","fig-width":"6","fig-height":"6","warning":"true","editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-5","out-width":"700px","classes":"","context":"output","editor-word-wrap":"true","out-height":"","message":"true","results":"markup","comment":"","editor-quick-suggestions":"false","editor-max-height":"","autorun":"true"}},{"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":6,"options":{"dpi":72,"read-only":"false","output":"true","fig-width":7,"fig-height":5,"warning":"true","editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-6","out-width":"700px","classes":"","context":"output","editor-word-wrap":"true","out-height":"","message":"true","results":"markup","comment":"","editor-quick-suggestions":"false","editor-max-height":"","autorun":"true"}},{"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","id":7,"options":{"dpi":72,"read-only":"false","output":"true","fig-width":"6","fig-height":"6","warning":"true","editor-font-scale":"1","fig-cap":"","label":"unnamed-chunk-7","out-width":"500px","classes":"","context":"output","editor-word-wrap":"true","out-height":"500px","message":"true","results":"markup","comment":"","editor-quick-suggestions":"false","editor-max-height":"","autorun":"true"}}];
+globalThis.qwebrCellDetails = [{"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","options":{"fig-cap":"","output":"true","context":"interactive","editor-word-wrap":"true","comment":"","message":"true","editor-font-scale":"1","out-height":"","out-width":"700px","results":"markup","autorun":"false","read-only":"false","warning":"true","editor-max-height":"","editor-quick-suggestions":"false","fig-width":7,"label":"unnamed-chunk-1","dpi":72,"classes":"","fig-height":5},"id":1},{"code":"# Generating a simple table\ndata <- data.frame(\n  Name = c(\"Alice\", \"Bob\", \"Charlie\"),\n  Age = c(25, 30, 22)\n)","options":{"fig-cap":"","output":"true","context":"setup","editor-word-wrap":"true","comment":"","message":"true","editor-font-scale":"1","out-height":"","out-width":"700px","results":"markup","autorun":"true","read-only":"false","warning":"true","editor-max-height":"","editor-quick-suggestions":"false","fig-width":7,"label":"unnamed-chunk-2","dpi":72,"classes":"","fig-height":5},"id":2},{"code":"knitr::kable(data, \"html\")","options":{"fig-cap":"","output":"true","context":"interactive","editor-word-wrap":"true","comment":"","message":"true","editor-font-scale":"1","out-height":"","out-width":"700px","results":"asis","autorun":"false","read-only":"false","warning":"true","editor-max-height":"","editor-quick-suggestions":"false","fig-width":7,"label":"unnamed-chunk-3","dpi":72,"classes":"","fig-height":5},"id":3},{"code":"knitr::kable(data, \"html\")","options":{"fig-cap":"","output":"true","context":"interactive","editor-word-wrap":"true","comment":"","message":"true","editor-font-scale":"1","out-height":"","out-width":"700px","results":"markup","autorun":"false","read-only":"false","warning":"true","editor-max-height":"","editor-quick-suggestions":"false","fig-width":7,"label":"unnamed-chunk-4","dpi":72,"classes":"","fig-height":5},"id":4},{"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","options":{"fig-cap":"","output":"true","context":"output","editor-word-wrap":"true","comment":"","message":"true","editor-font-scale":"1","out-height":"","out-width":"700px","results":"markup","autorun":"true","read-only":"false","warning":"true","editor-max-height":"","editor-quick-suggestions":"false","fig-width":"6","label":"unnamed-chunk-5","dpi":72,"classes":"","fig-height":"6"},"id":5},{"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","options":{"fig-cap":"","output":"true","context":"output","editor-word-wrap":"true","comment":"","message":"true","editor-font-scale":"1","out-height":"","out-width":"700px","results":"markup","autorun":"true","read-only":"false","warning":"true","editor-max-height":"","editor-quick-suggestions":"false","fig-width":7,"label":"unnamed-chunk-6","dpi":72,"classes":"","fig-height":5},"id":6},{"code":"tinyplot::tinyplot(\n  ~ Petal.Length | Species,\n  data = iris,\n  type = \"density\",\n  palette = \"dark\", fill = \"by\",\n  grid = TRUE,\n  main = \"Distribution of petal lengths by species\"\n)","options":{"fig-cap":"","output":"true","context":"output","editor-word-wrap":"true","comment":"","message":"true","editor-font-scale":"1","out-height":"500px","out-width":"500px","results":"markup","autorun":"true","read-only":"false","warning":"true","editor-max-height":"","editor-quick-suggestions":"false","fig-width":"6","label":"unnamed-chunk-7","dpi":72,"classes":"","fig-height":"6"},"id":7}];
 
 </script>
 <script type="module">
@@ -1606,6 +1606,9 @@
 
 <div id="quarto-search-results"></div>
   <header id="quarto-header" class="headroom fixed-top">
+    <div id="quarto-announcement" data-announcement-id="120d11d612021758b0207b437cf2dffd" class="alert alert-primary hidden"><i class="bi bi-info-circle quarto-announcement-icon"></i><div class="quarto-announcement-content">
+<p>Looking for the official Quarto WebAssembly backend? Check out <a href="https://github.com/r-wasm/quarto-live"><code>quarto-live</code></a>!</p>
+</div><i class="bi bi-x-lg quarto-announcement-action"></i></div>
   <nav class="quarto-secondary-nav">
     <div class="container-fluid d-flex">
       <button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" role="button" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
@@ -2159,19 +2162,7 @@ <h1 class="title">Demo: Initial Code Cell Option Support</h1>
 
 </header>
 
-<div class="callout callout-style-default callout-important callout-titled">
-<div class="callout-header d-flex align-content-center">
-<div class="callout-icon-container">
-<i class="callout-icon"></i>
-</div>
-<div class="callout-title-container flex-fill">
-Important
-</div>
-</div>
-<div class="callout-body-container callout-body">
-<p>Looking for the official Quarto WebAssembly backend? Check out <a href="https://github.com/r-wasm/quarto-live"><code>quarto-live</code></a>!</p>
-</div>
-</div>
+
 <section id="overview" class="level1">
 <h1>Overview</h1>
 <p>In this document, we will explore and demonstrate the various cell options available in <code>{webr-r}</code> code blocks. These options allow you to customize the behavior and appearance of your code outputs. These options can only be set during the authoring stage of the document.</p>

demos/qwebr-custom-repository.html

@@ -401,7 +401,7 @@
 };
 
 // Store cell data
-globalThis.qwebrCellDetails = [{"options":{"editor-word-wrap":"true","context":"interactive","read-only":"false","out-height":"","comment":"","editor-quick-suggestions":"false","autorun":"false","results":"markup","fig-height":5,"out-width":"700px","label":"unnamed-chunk-1","warning":"true","classes":"","dpi":72,"fig-width":7,"fig-cap":"","editor-max-height":"","output":"true","editor-font-scale":"1","message":"true"},"id":1,"code":"# Check to see if the function works\ndemorwasmbinary::in_webr()\n\n# View help documentation\n?demorwasmbinary::in_webr"}];
+globalThis.qwebrCellDetails = [{"id":1,"options":{"message":"true","editor-word-wrap":"true","output":"true","classes":"","editor-font-scale":"1","dpi":72,"out-width":"700px","read-only":"false","editor-max-height":"","context":"interactive","fig-height":5,"warning":"true","out-height":"","results":"markup","comment":"","fig-width":7,"label":"unnamed-chunk-1","fig-cap":"","editor-quick-suggestions":"false","autorun":"false"},"code":"# Check to see if the function works\ndemorwasmbinary::in_webr()\n\n# View help documentation\n?demorwasmbinary::in_webr"}];
 
 </script>
 <script type="module">
@@ -1606,6 +1606,9 @@
 
 <div id="quarto-search-results"></div>
   <header id="quarto-header" class="headroom fixed-top">
+    <div id="quarto-announcement" data-announcement-id="120d11d612021758b0207b437cf2dffd" class="alert alert-primary hidden"><i class="bi bi-info-circle quarto-announcement-icon"></i><div class="quarto-announcement-content">
+<p>Looking for the official Quarto WebAssembly backend? Check out <a href="https://github.com/r-wasm/quarto-live"><code>quarto-live</code></a>!</p>
+</div><i class="bi bi-x-lg quarto-announcement-action"></i></div>
   <nav class="quarto-secondary-nav">
     <div class="container-fluid d-flex">
       <button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" role="button" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
@@ -2157,19 +2160,7 @@ <h1 class="title">Demo: Custom R WASM Package Repository</h1>
 
 </header>
 
-<div class="callout callout-style-default callout-important callout-titled">
-<div class="callout-header d-flex align-content-center">
-<div class="callout-icon-container">
-<i class="callout-icon"></i>
-</div>
-<div class="callout-title-container flex-fill">
-Important
-</div>
-</div>
-<div class="callout-body-container callout-body">
-<p>Looking for the official Quarto WebAssembly backend? Check out <a href="https://github.com/r-wasm/quarto-live"><code>quarto-live</code></a>!</p>
-</div>
-</div>
+
 <section id="overview" class="level1">
 <h1>Overview</h1>
 <p>In this example, we add a custom R WASM Package repository that contains <code>demorwasmbinary</code> R WASM package. The package is not available from the <a href="https://repo.r-wasm.org/">main webR repository</a>.</p>