+
+
-
-
-
+
+
diff --git a/docs/authors.html b/docs/authors.html
index 77aabe7..48a9e04 100644
--- a/docs/authors.html
+++ b/docs/authors.html
@@ -1,69 +1,12 @@
-
-
-
-
-
-
-
-License
@@ -142,31 +69,27 @@License
-
-
+
-
-
-
+
-
-
-
+
+
diff --git a/docs/index.html b/docs/index.html
index d7e0853..7c41b31 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -27,6 +27,8 @@
+
+
-
@@ -160,22 +107,20 @@ Authors
+ +
+
-
+
Citation
+ Source:DESCRIPTION
+ -
-
-
-
Facebook Inc. Author, copyright holder. -
-
React library in lib, https://reactjs.org/; see AUTHORS for full list of contributors
- -
-
Michel Weststrate. Author, copyright holder. -
-
mobx library in lib, https://github.com/mobxjs
- -
-
Kent Russell. Author, maintainer. -
-
R interface
- -
-
Alan Dipert. Author. -
-
R interface
-
Inc F, Weststrate M, Russell K, Dipert A (2023). +reactR: React Helpers. +R package version 0.5.0, https://github.com/react-R/reactR. +
+@Manual{,
+ title = {reactR: React Helpers},
+ author = {Facebook Inc and Michel Weststrate and Kent Russell and Alan Dipert},
+ year = {2023},
+ note = {R package version 0.5.0},
+ url = {https://github.com/react-R/reactR},
+}
Authors
-
@@ -39,23 +41,17 @@
-
-
+
@@ -95,132 +91,134 @@
--
-reactR
++ - -@@ -229,5 +227,7 @@
-reactRprovides a set of convenience functions for usingReactinRwithhtmlwidgetconstructor templates and local JavaScript dependencies. TheReactecosystem is rich with components that can enhanceRweb and Shiny apps.scaffoldReactWidget()helps buildhtmlwidgetsto integrate theseReactcomponents asRhtmlwidgets.scaffoldReactShinyInput()does the same forShinyinputs. The local dependency functions are modeled after thehtml_dependency_*functions from RStudio’srmarkdownpackage.---Installation
-You can install reactR from CRAN with
-install.packages("reactR"). For the development version, please usedevtoolsas shown below.-# install.packages("devtools") -devtools::install_github("react-R/reactR")
---Creating htmlwidgets with React Components
-To wrap a
-Reactcomponent as anhtmlwidget, please see the tutorial htmlwidgets with reactR. Also, there are a variety of examples in the react-R Github organization.
-reactableis a very well-builthtmlwidgetleveraging this functionality.---Shiny Outputs and Inputs
-
-htmlwidgetsbuilt withreactRwork well in Shiny as outputs. In version0.4.0Alan Dipert has added the ability to easily create React-based officialShinyinputs with helpers and scaffolds. Please see the tutorial for more details.--Examples
+
+
+reactRprovides a set of convenience functions for usingReactinRwithhtmlwidgetconstructor templates and local JavaScript dependencies. TheReactecosystem is rich with components that can enhanceRweb and Shiny apps.scaffoldReactWidget()helps buildhtmlwidgetsto integrate theseReactcomponents asRhtmlwidgets.scaffoldReactShinyInput()does the same forShinyinputs. The local dependency functions are modeled after thehtml_dependency_*functions from RStudio’srmarkdownpackage.++Installation +
+You can install reactR from CRAN with
+install.packages("reactR"). For the development version, please usedevtoolsas shown below.++
# install.packages("devtools") +devtools::install_github("react-R/reactR")++Creating htmlwidgets with React Components +
+To wrap a
+Reactcomponent as anhtmlwidget, please see the tutorial htmlwidgets with reactR. Also, there are a variety of examples in the react-R Github organization.
+reactableis a very well-builthtmlwidgetleveraging this functionality.++Shiny Outputs and Inputs +
+
+htmlwidgetsbuilt withreactRwork well in Shiny as outputs. In version0.4.0Alan Dipert has added the ability to easily create React-based officialShinyinputs with helpers and scaffolds. Please see the tutorial for more details.+-Examples +
Below are examples of using
-reactRdirectly.+library(reactR) -library(htmltools) - -browsable(tagList( - tags$div(id = "app"), - tags$script( - " - ReactDOM.render( - React.createElement( - 'h1', - null, - 'Powered by React' - ), - document.getElementById('app') - ) - " - ), - #add core-js first to work in RStudio Viewer - html_dependency_corejs(), - html_dependency_react() -))
+
library(reactR) +library(htmltools) + +browsable(tagList( + tags$div(id = "app"), + tags$script( + " + ReactDOM.render( + React.createElement( + 'h1', + null, + 'Powered by React' + ), + document.getElementById('app') + ) + " + ), + #add core-js first to work in RStudio Viewer + html_dependency_corejs(), + html_dependency_react() +))
-reactRuses theV8package if available to transformJSXandES2015code withbabel.-library(reactR) -library(htmltools) - -browsable( - tagList( - tags$div(id = "app"), - tags$script( - babel_transform('ReactDOM.render(<h1>Powered By React/JSX</h1>,document.getElementById("app"))') - ), - # add core-js shim first for React in older versions of RStudio Viewer - #html_dependency_corejs(), - html_dependency_react() - ) -)
-+-Contributing and Code of Conduct
-We welcome contributors and would love your participation. Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by the terms.
+++
library(reactR) +library(htmltools) + +browsable( + tagList( + tags$div(id = "app"), + tags$script( + babel_transform('ReactDOM.render(<h1>Powered By React/JSX</h1>,document.getElementById("app"))') + ), + # add core-js shim first for React in older versions of RStudio Viewer + #html_dependency_corejs(), + html_dependency_react() + ) +)+Contributing and Code of Conduct +
+We welcome contributors and would love your participation. Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by the terms.
Dev status
+ + diff --git a/docs/pkgdown.css b/docs/pkgdown.css index c01e592..80ea5b8 100644 --- a/docs/pkgdown.css +++ b/docs/pkgdown.css @@ -56,8 +56,10 @@ img.icon { float: right; } -img { +/* Ensure in-page images don't run outside their container */ +.contents img { max-width: 100%; + height: auto; } /* Fix bug in bootstrap (only seen in firefox) */ @@ -78,11 +80,10 @@ dd { /* Section anchors ---------------------------------*/ a.anchor { - margin-left: -30px; - display:inline-block; - width: 30px; - height: 30px; - visibility: hidden; + display: none; + margin-left: 5px; + width: 20px; + height: 20px; background-image: url(./link.svg); background-repeat: no-repeat; @@ -90,17 +91,15 @@ a.anchor { background-position: center center; } -.hasAnchor:hover a.anchor { - visibility: visible; -} - -@media (max-width: 767px) { - .hasAnchor:hover a.anchor { - visibility: hidden; - } +h1:hover .anchor, +h2:hover .anchor, +h3:hover .anchor, +h4:hover .anchor, +h5:hover .anchor, +h6:hover .anchor { + display: inline-block; } - /* Fixes for fixed navbar --------------------------*/ .contents h1, .contents h2, .contents h3, .contents h4 { @@ -244,14 +243,14 @@ nav[data-toggle='toc'] .nav .nav > .active:focus > a { .ref-index th {font-weight: normal;} -.ref-index td {vertical-align: top;} +.ref-index td {vertical-align: top; min-width: 100px} .ref-index .icon {width: 40px;} .ref-index .alias {width: 40%;} .ref-index-icons .alias {width: calc(40% - 40px);} .ref-index .title {width: 60%;} .ref-arguments th {text-align: right; padding-right: 10px;} -.ref-arguments th, .ref-arguments td {vertical-align: top;} +.ref-arguments th, .ref-arguments td {vertical-align: top; min-width: 100px} .ref-arguments .name {width: 20%;} .ref-arguments .desc {width: 80%;} @@ -264,31 +263,26 @@ table { /* Syntax highlighting ---------------------------------------------------- */ -pre { - word-wrap: normal; - word-break: normal; - border: 1px solid #eee; -} - -pre, code { +pre, code, pre code { background-color: #f8f8f8; color: #333; } +pre, pre code { + white-space: pre-wrap; + word-break: break-all; + overflow-wrap: break-word; +} -pre code { - overflow: auto; - word-wrap: normal; - white-space: pre; +pre { + border: 1px solid #eee; } -pre .img { +pre .img, pre .r-plt { margin: 5px 0; } -pre .img img { +pre .img img, pre .r-plt img { background-color: #fff; - display: block; - height: auto; } code a, pre a { @@ -305,9 +299,8 @@ a.sourceLine:hover { .kw {color: #264D66;} /* keyword */ .co {color: #888888;} /* comment */ -.message { color: black; font-weight: bolder;} -.error { color: orange; font-weight: bolder;} -.warning { color: #6A0366; font-weight: bolder;} +.error {font-weight: bolder;} +.warning {font-weight: bolder;} /* Clipboard --------------------------*/ @@ -365,3 +358,27 @@ mark { content: ""; } } + +/* Section anchors --------------------------------- + Added in pandoc 2.11: https://github.com/jgm/pandoc-templates/commit/9904bf71 +*/ + +div.csl-bib-body { } +div.csl-entry { + clear: both; +} +.hanging-indent div.csl-entry { + margin-left:2em; + text-indent:-2em; +} +div.csl-left-margin { + min-width:2em; + float:left; +} +div.csl-right-inline { + margin-left:2em; + padding-left:1em; +} +div.csl-indent { + margin-left: 2em; +} diff --git a/docs/pkgdown.js b/docs/pkgdown.js index 7e7048f..6f0eee4 100644 --- a/docs/pkgdown.js +++ b/docs/pkgdown.js @@ -80,7 +80,7 @@ $(document).ready(function() { var copyButton = ""; - $(".examples, div.sourceCode").addClass("hasCopyButton"); + $("div.sourceCode").addClass("hasCopyButton"); // Insert copy buttons: $(copyButton).prependTo(".hasCopyButton"); @@ -91,7 +91,7 @@ // Initialize clipboard: var clipboardBtnCopies = new ClipboardJS('[data-clipboard-copy]', { text: function(trigger) { - return trigger.parentNode.textContent; + return trigger.parentNode.textContent.replace(/\n#>[^\n]*/g, ""); } }); diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml index 5336656..3842e70 100644 --- a/docs/pkgdown.yml +++ b/docs/pkgdown.yml @@ -1,9 +1,9 @@ -pandoc: 2.7.3 -pkgdown: 1.5.1 +pandoc: 3.1.8 +pkgdown: 2.0.7 pkgdown_sha: ~ articles: intro_htmlwidgets: intro_htmlwidgets.html intro_inputs: intro_inputs.html intro_reactR: intro_reactR.html -last_built: 2021-02-22T13:51Z +last_built: 2023-10-02T02:32Z diff --git a/docs/reference/index.html b/docs/reference/index.html index 0de56bd..8f55bf3 100644 --- a/docs/reference/index.html +++ b/docs/reference/index.html @@ -1,69 +1,12 @@ - - - - - - - -Function reference • reactR - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Function reference • reactR - - - - + + --- - + + diff --git a/inst/www/react/react-dom.min.js b/inst/www/react/react-dom.min.js index 85b991c..e8a0213 100644 --- a/inst/www/react/react-dom.min.js +++ b/inst/www/react/react-dom.min.js @@ -1,4 +1,5 @@ -/** @license React v17.0.0 +/** + * @license React * react-dom.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. @@ -9,237 +10,258 @@ (function(){/* Modernizr 3.0.0pre (Custom Build) | MIT */ -'use strict';(function(M,ha){"object"===typeof exports&&"undefined"!==typeof module?ha(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],ha):(M=M||self,ha(M.ReactDOM={},M.React))})(this,function(M,ha){function m(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c- - - -+-+-Reference
")&&(k=k.replace(" ",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{ce=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:"")?bc(a): +""}function gj(a){switch(a.tag){case 5:return bc(a.type);case 16:return bc("Lazy");case 13:return bc("Suspense");case 19:return bc("SuspenseList");case 0:case 2:case 15:return a=be(a.type,!1),a;case 11:return a=be(a.type.render,!1),a;case 1:return a=be(a.type,!0),a;default:return""}}function de(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Bb:return"Fragment";case Cb:return"Portal";case ee:return"Profiler";case fe:return"StrictMode"; +case ge:return"Suspense";case he:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case gg:return(a.displayName||"Context")+".Consumer";case hg:return(a._context.displayName||"Context")+".Provider";case ie:var b=a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case je:return b=a.displayName||null,null!==b?b:de(a.type)||"Memo";case Ta:b=a._payload;a=a._init;try{return de(a(b))}catch(c){}}return null}function hj(a){var b=a.type; +switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return de(b);case 8:return b===fe?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler"; +case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function Ua(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}function ig(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"=== +b)}function ij(a){var b=ig(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=""+a},stopTracking:function(){a._valueTracker= +null;delete a[b]}}}}function Pc(a){a._valueTracker||(a._valueTracker=ij(a))}function jg(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=ig(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Qc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function ke(a,b){var c=b.checked;return E({},b,{defaultChecked:void 0,defaultValue:void 0, +value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function kg(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Ua(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value}}function lg(a,b){b=b.checked;null!=b&&$d(a,"checked",b,!1)}function le(a,b){lg(a,b);var c=Ua(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!= +c)a.value=""+c}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?me(a,b.type,c):b.hasOwnProperty("defaultValue")&&me(a,b.type,Ua(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}function mg(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue; +c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;""!==c&&(a.name="");a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c)}function me(a,b,c){if("number"!==b||Qc(a.ownerDocument)!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c)}function Db(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e
