Estoy tratando de incluir el ejemplo más básico de ag-grid de su sitio web en una aplicación R-shiny, a partir de ahí agregaré más y más tratando de configurar una interfaz de comunicación adecuada en la edición de datos. Sin embargo, estoy atascado en los conceptos básicos de la inclusión. El componente está incluido en el código fuente pero no se procesa:

Este es el ejemplo básico del sitio web de ag-grid: https://plnkr.co/edit/nmWxAxWONarW5gj2?p=preview%3Fp%3Dpreview&preview

Esta es mi aplicación R-Shiny

 library(shiny) library(tidyverse) ui <- fluidPage( #This tells shiny to include both css and scripts of aggrid tags$script(src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.js"), titlePanel("Ag-Grid Basic Example"), uiOutput("myGrid") ) server <- function(input, output, session) { #This tells shiny to run our javascript file "script.js" and send it to the UI for rendering output$myGrid<- renderUI({ HTML('<script type="text/javascript", src="script.js"> </script>') }) } shinyApp(ui = ui, server = server)

donde en la carpeta www tengo script.js que es una simple copia y pegado del contenido de main.js del ejemplo vinculado anteriormente.

 const columnDefs = [ { field: "make" }, { field: "model" }, { field: "price" } ]; // specify the data const rowData = [ { make: "Toyota", model: "Celica", price: 35000 }, { make: "Ford", model: "Mondeo", price: 32000 }, { make: "Porsche", model: "Boxster", price: 72000 } ]; // let the grid know which columns and what data to use const gridOptions = { columnDefs: columnDefs, rowData: rowData }; // setup the grid after the page has finished loading document.addEventListener('DOMContentLoaded', () => { const gridDiv = document.querySelector('#myGrid'); new agGrid.Grid(gridDiv, gridOptions); });

¿Alguna pista sobre cómo proceder? Desafortunadamente, la consola no me dice nada relevante, css cdn y el script local se leen correctamente, pero por alguna razón no muestra el resultado.