From e8a8a5dd2d9090659fe0cba50da17de7f73a3a91 Mon Sep 17 00:00:00 2001 From: James J Balamuta Date: Thu, 16 Nov 2023 19:25:13 -0700 Subject: [PATCH] Release 0.3.9 (#101) * Update the README GIF to showcase UI improvements. * Add ggplot2 example into revealjs presentation * Cover the pager event support as well for the slight indentation. * Emphasize that inception with webR should be avoided. * Update community examples page * Roll release notes * Better note --- README.md | 2 +- _extensions/webr/_extension.yml | 2 +- _extensions/webr/webr-init.html | 2 +- docs/qwebr-community-examples.qmd | 9 +++++---- docs/qwebr-release-notes.qmd | 4 +++- examples/revealjs/index.qmd | 32 +++++++++++++------------------ 6 files changed, 24 insertions(+), 27 deletions(-) diff --git a/README.md b/README.md index f1456cb3..87d096a8 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ This extension enables the [webR](https://docs.r-wasm.org/webr/latest/) code cell within various [Quarto](https://quarto.org/) formats, including [HTML](https://quarto.org/docs/output-formats/html-basics.html), [RevealJS](https://quarto.org/docs/presentations/revealjs/), [Websites](https://quarto.org/docs/websites/), [Blogs](https://quarto.org/docs/websites/website-blog.html), and [Books](https://quarto.org/docs/books). -![`quarto-webr` Filter in Action](https://i.imgur.com/NCTDwUk.gif) +![`quarto-webr` Filter in Action](https://i.imgur.com/JIQZIZ8.gif) Take a look at a live example of the extension in action [here](https://quarto-webr.thecoatlessprofessor.com/examples/readme)! To delve deeper into the extension's capabilities, see our comprehensive [documentation website](https://quarto-webr.thecoatlessprofessor.com/). diff --git a/_extensions/webr/_extension.yml b/_extensions/webr/_extension.yml index 9ceb1d3c..934613c6 100644 --- a/_extensions/webr/_extension.yml +++ b/_extensions/webr/_extension.yml @@ -1,7 +1,7 @@ name: webr title: Embedded webr code cells author: James Joseph Balamuta -version: 0.3.8 +version: 0.3.9 quarto-required: ">=1.2.198" contributes: filters: diff --git a/_extensions/webr/webr-init.html b/_extensions/webr/webr-init.html index 845b5cc3..f0d1d4d6 100644 --- a/_extensions/webr/webr-init.html +++ b/_extensions/webr/webr-init.html @@ -72,7 +72,7 @@ } /* Pad the right side by 10 px to avoid rubbing the border */ - .reveal div.qwebr-output-code-area pre div { + .reveal div.qwebr-output-code-area pre { padding: 0px 0px 0px 10px; } diff --git a/docs/qwebr-community-examples.qmd b/docs/qwebr-community-examples.qmd index 9c1f41b4..1d981009 100644 --- a/docs/qwebr-community-examples.qmd +++ b/docs/qwebr-community-examples.qmd @@ -6,8 +6,6 @@ date-modified: last-modified format: html: toc: true -filters: - - webr aliases: - webr-community-examples.html --- @@ -25,11 +23,12 @@ Do you have your own project or example that incorporates `quarto-webr`? We invi - [Demo of webR quarto extension along with Codespaces](https://www.youtube.com/watch?v=hVLF98HP6Sw) on Mar 14, 2023 and her [test repository](https://github.com/eeholmes/test-webr) - [WebR + Quarto Demo: Running R right in the browser!](https://www.youtube.com/watch?v=g_2ogFn2XrY) on Mar 10, 2023 (**Note:** This uses an earlier Proof of Concept document. Not the quarto extension!) -# Teaching Workshops +# Teaching Materials / Workshops - [Mine Çetinkaya-Rundel](https://mine-cr.com/)'s [Teaching Data Science Masterclass: Organizing, publishing, and sharing of course materials](https://posit-conf-2023.github.io/teach-ds-masterclass/materials/course-materials). Sept 18, 2023 @ posit::conf(2023) - [Ex 1.1: UN Votes](https://data-sci-101.github.io/ae/ae-01-unvotes.html), [Page Source](https://github.com/data-sci-101/data-sci-101.github.io/blob/main/ae/ae-01-unvotes.qmd) - Full workshop materials at [source repository](https://github.com/posit-conf-2023/teach-ds-masterclass) and deployed website example's [source repository](https://github.com/data-sci-101/data-sci-101.github.io) +- [Ethan White](https://www.weecology.org/author/ethan-white/)'s experimental interactive version of [Data Carpentry for Biologists](https://interactive-lessons.weecology.org/). Mar 13th, 2023. # Talks @@ -57,20 +56,22 @@ Do you have your own project or example that incorporates `quarto-webr`? We invi # Social media posts +- [Nien Xiang Tou](https://www.nienxiangtou.com/) post on [LinkedIn](https://www.linkedin.com/posts/nien-xiang-tou-phd-a15594184_quarto-webr-rstats-activity-7121412832021123072-BWW3) and [Mastodon](https://mastodon.social/@Nxrunning@fosstodon.org/111284901156764484) - [Linh Nguyen](https://nguyenllpsych.github.io/)'s post on [LinkedIn](https://www.linkedin.com/posts/nguyenllpsych_positconf2023-activity-7111101659509899265-CTay?utm_source=share&utm_medium=member_desktop) and [Twitter](https://twitter.com/nguyenllpsych/status/1705357201400066141) describing how she used knowledge at posit::conf(2023) to convert existing R notes to use the `quarto-webr` extension. Sept 22, 2023 - [Joe Chelladurai](https://joechelladurai.com/) mentioning a [similiar integration on mastodon](https://mastodon.social/@joe_chelladurai@fosstodon.org/110699434655070719) for his newly developed [The School of Data](https://www.theschoolofdata.org/). Jul 11th, 2023 - [Nicola Rennie](https://nrennie.rbind.io/)'s tweet showing [live coding with webR](https://twitter.com/nrennie35/status/1654509541499850752). May 5th, 2023 - [bob Rudis](https://rud.is/)' kind [praise](https://mastodon.social/@hrbrmstr/110130242863636605) of the extension. Apr 2nd, 2023 + # Blog posts +- [Chi Zhang](https://andreaczhang.github.io/)'s post [Use WebR in your existing quarto website](https://andreaczhang.github.io/blog/technotes_20231001_qt_webr/). Oct 1st, 2023. - [Javier Orraca-Deatcu](https://www.javierorracadeatcu.com/)'s post titled [webR via Quarto Extensions](https://www.javierorracadeatcu.com/posts/2023-08-23-webr-via-quarto-extensions/). Aug 23rd, 2023. - [George Stagg](https://gws.phd/)'s mention of the extension in his [webR 0.2.0 announcement](https://www.tidyverse.org/blog/2023/08/webr-0-2-0/). Aug 8th, 2023. - [Ethan White](https://www.weecology.org/author/ethan-white/)'s use to create a [portal for Tidy Tuesday](https://tidytuesday.weecology.org/). May 2nd, 2023 - [Matt Dray](https://www.matt-dray.com/)'s post on [Playgrounds with WebR and Quarto](https://www.rostrum.blog/posts/2023-03-16-webr-quarto/). Mar 16th, 2023 - [A Parsing Playground for R Code](https://webr-parse-test.netlify.app/) on Netlify and the [repository powering it](https://github.com/matt-dray/webr-parse-test). - [Ethan White](https://www.weecology.org/author/ethan-white/)'s post on [Playgrounds with WebR and Quarto](https://jabberwocky.weecology.org/2023/03/13/a-brief-introduction-to-using-webr-and-quarto-for-client-side-interactive-lesson-material/). Mar 13th, 2023. - - [A Parsing Playground for R Code](https://webr-parse-test.netlify.app/) on Netlify and the [repository powering it](https://github.com/matt-dray/webr-parse-test). # Press diff --git a/docs/qwebr-release-notes.qmd b/docs/qwebr-release-notes.qmd index 665cdfbf..cf5ebe2d 100644 --- a/docs/qwebr-release-notes.qmd +++ b/docs/qwebr-release-notes.qmd @@ -8,7 +8,7 @@ format: toc: true --- -# 0.3.9: ???? (??-??-??) [DEV] +# 0.3.9: Zoom-Zoom (11-16-2023) ## Breaking changes @@ -22,12 +22,14 @@ format: - Fix line breaks inside of code output area inside of RevealJS. - Fix height and presentation of the webR cell within RevealJS. ([#98](https://github.com/coatless/quarto-webr/pulls/98)) +- Fix code output class styling in RevealJS. ([#100](https://github.com/coatless/quarto-webr/pulls/100)) ## Documentation - Updated documentation to reflect the removal of `webr-worker.js` and `webr-serviceworker.js` scripts. ([#59](https://github.com/coatless/quarto-webr/issues/59)) - Added a section on setting global extension settings using `_quarto.yml` to the meta options ([#46](https://github.com/coatless/quarto-webr/issues/46)) - Added slide embedding CSS class alongside examples. +- Updated GIF on the README to show the UI improvements. - Minor documentation tweaks. # 0.3.8: New Coat of Paint (11-13-2023) diff --git a/examples/revealjs/index.qmd b/examples/revealjs/index.qmd index c82c8afa..382554c4 100644 --- a/examples/revealjs/index.qmd +++ b/examples/revealjs/index.qmd @@ -1,6 +1,8 @@ --- title: "quarto-webr Demo RevealJS Document" format: revealjs +webr: + packages: ['ggplot2'] filters: - webr --- @@ -25,12 +27,19 @@ fit = lm(mpg ~ wt, data = mtcars) summary(fit) ``` -## Graphing with webR +## Base R Graphing with webR ```{webr-r} plot(pressure) ``` +## ggplot2 in webR + +```{webr-r} +ggplot(mpg, aes(displ, hwy, colour = class)) + + geom_point() +``` + ## Help Documentation ```{webr-r} @@ -85,24 +94,9 @@ You can embed the slide deck inside of a Quarto Website or Book by using: ```` -## Embedded Slides: Demo - -Nested slides - - - -
-```{=html} - -``` -
- +:::{.callout-note} +Avoid using _within_ a RevealJS presentation. Only 1 instance of webR should be running. +::: ## Fin