feat(clientdata): Add viewport and scrollable size values to clientdata

[karangattu]

What is this PR about?

Add viewport height & width along with scrollable area height and width to the clientdata.

DEMO

Example App

library(shiny)
library(bslib)

ui <- bootstrapPage(
  h3("URL components"),
  verbatimTextOutput("urlText"),

  h3("Parsed query string"),
  verbatimTextOutput("queryText")
)

server <- function(input, output, session) {

  # Return the components of the URL in a string:
  output$urlText <- renderText({
    paste(sep = "",
          "protocol: ", session$clientData$url_protocol, "\n",
          "hostname: ", session$clientData$url_hostname, "\n",
          "pathname: ", session$clientData$url_pathname, "\n",
          "port: ",     session$clientData$url_port,     "\n",
          "search: ",   session$clientData$url_search,   "\n",
          "width: ",    session$clientData$window_width, "\n",
          "height: ",   session$clientData$window_height, "\n",
          "scroll_width: ",  session$clientData$scroll_width, "\n",
          "scroll_height: ", session$clientData$scroll_height, "\n"
    )
  })

  # Parse the GET query string
  output$queryText <- renderText({
    query <- parseQueryString(session$clientData$url_search)

    # Return a string with key-value pairs
    paste(names(query), query, sep = "=", collapse=", ")
  })
}

shinyApp(ui, server)

Testing done

Verified that the values in clientdata are updated anytime the browser is resized. Tested it on Chrome, Firefox and Safari browsers on MacOS.

Documentation added

• Added entry in NEWS.md file
• Make changes in the website with this PR