bump to framework7 8.3.2 + start rework JS

.Rbuildignore

@@ -14,3 +14,9 @@
 ^tools$
 ^index\.Rmd$
 ^CRAN-SUBMISSION$
+^node_modules$
+^package\.json$
+^package-lock\.json$
+^styles$
+^esbuild\.dev\.json$
+^esbuild\.prod\.json$

.gitignore

@@ -11,3 +11,4 @@ inst/examples/chat_widget
 docs
 inst/examples/chat_widget
 inst/tests/**
+node_modules

R/framework7-dependencies.R

@@ -5,16 +5,16 @@
 #' @param tag Element to attach the dependencies.
 #'
 #' @importFrom htmltools tagList htmlDependency
-#' @keywords internal
+#' @export
 add_framework7_deps <- function(tag) {
  framework7_deps <- htmlDependency(
   name = "framework7",
-  version = "5.7.14",
-  src = c(file = "framework7-5.7.14"),
-  script = "js/framework7.bundle.min.js",
-  stylesheet = "css/framework7.bundle.min.css",
+  version = "8.3.2",
+  src = c(file = "framework7-8.3.2"),
+  script = "js/framework7-bundle.min.js",
+  stylesheet = "css/framework7-bundle.min.css",
   package = "shinyMobile",
  )
  tagList(tag, framework7_deps)
 }
-
+    

R/shinyMobile-dependencies.R

@@ -6,16 +6,16 @@
 #'
 #' @importFrom utils packageVersion
 #' @importFrom htmltools tagList htmlDependency
-#' @keywords internal
+#' @export
 add_shinyMobile_deps <- function(tag) {
  shinyMobile_deps <- htmlDependency(
   name = "shinyMobile",
-  version = packageVersion("shinyMobile"),
+  version = "1.0.1",
   src = c(file = "shinyMobile-1.0.1"),
-  script = "js/shinyMobile.min.js",
-  stylesheet = "css/shinyMobile.css",
+  script = "dist/shinyMobile.min.js",
+  stylesheet = "dist/shinyMobile.min.css",
   package = "shinyMobile",
  )
  tagList(tag, shinyMobile_deps)
 }
-
+    

esbuild.prod.js

@@ -0,0 +1,25 @@
+import esbuild from "esbuild";
+import {sassPlugin} from 'esbuild-sass-plugin';
+import postcss from 'postcss';
+import autoprefixer from 'autoprefixer';
+
+esbuild
+  .build({
+    entryPoints: ['./srcjs/main.js'],
+    outdir: "inst/shinyMobile-1.0.1/dist",
+    entryNames: "shinyMobile.min",
+    bundle: true,
+    format: "esm",
+    minify: true, // prod
+    sourcemap: "external", // prod
+    plugins: [
+      sassPlugin({
+        async transform(source) {
+          const { css } = await postcss([autoprefixer]).process(source);
+          return css;
+        },
+      }),
+    ]
+  })
+  .then(() => console.log("⚡ Build complete! ⚡"))
+  .catch(() => process.exit(1));

inst/.gitignore

@@ -1 +1,2 @@
 .DS_Store
+node_modules