My changes

.gitattributes

@@ -0,0 +1,35 @@
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,3 @@
+.Renviron
+*.sqlite
+build.log

Dockerfile

@@ -0,0 +1,73 @@
+ARG GITHUB_PAT
+
+FROM rocker/r2u:22.04
+
+ENV RUSTUP_HOME=/usr/local/rustup \
+    CARGO_HOME=/usr/local/cargo \
+    PATH=/usr/local/cargo/bin:$PATH
+
+# Install system packages
+RUN set -eux; \
+        apt-get update; \
+        apt-get install -y --no-install-recommends \
+                git \
+                sudo \
+                sqlite3 \
+                make \
+                libcurl4-openssl-dev \
+                libssl-dev \
+                libxml2-dev \
+                zlib1g-dev \
+                libfontconfig1-dev \
+                libfreetype6-dev \
+                libpng-dev \
+                libtiff5-dev \
+                libjpeg-dev \
+                libharfbuzz-dev \
+                libfribidi-dev \
+                libpq-dev \
+                libgit2-dev \
+                gdal-bin libgdal-dev \
+                libudunits2-dev \
+                pandoc \
+                ca-certificates \
+                gcc \
+                libc6-dev \
+                wget \
+                && sed -i.bkp -e 's/%sudo\s\+ALL=(ALL\(:ALL\)\?)\s\+ALL/%sudo ALL=NOPASSWD:ALL/g' /etc/sudoers \
+                && sed -i -e '/^suppressMessages(bspm::enable())$/i options(bspm.sudo=TRUE)' /etc/R/Rprofile.site \
+                ; \
+        \
+        url="https://static.rust-lang.org/rustup/dist/x86_64-unknown-linux-gnu/rustup-init"; \
+        wget "$url"; \
+        chmod +x rustup-init; \
+        ./rustup-init -y --no-modify-path --default-toolchain beta --default-host x86_64-unknown-linux-gnu; \
+        rm rustup-init; \
+        chmod -R a+w $RUSTUP_HOME $CARGO_HOME; \
+        rustup --version; \
+        cargo --version; \
+        rustc --version; \
+        \
+        apt-get remove -y --auto-remove \
+            wget \
+            ; \
+        rm -rf /var/lib/apt/lists/*;
+        
+# Install R packages
+RUN install2.r --error -s --deps TRUE htmltools tibble dplyr purrr rlang glue this.path DBI pool RSQLite remotes promises assertthat log here zeallot dbplyr stringr tidyverse rmarkdown plotly
+RUN Rscript -e "install.packages('b64', repos = c('https://extendr.r-universe.dev', getOption('repos')))" 
+RUN Rscript -e "install.packages('uwu', repos = c('https://josiahparry.r-universe.dev', getOption('repos')))" 
+RUN --mount=type=secret,id=GITHUB_PAT GITHUB_PAT=$(cat /run/secrets/GITHUB_PAT) \
+    installGithub.r jrosell/ambhtmx devOpifex/ambiorix devOpifex/scilis devOpifex/signaculum
+# RUN --mount=type=secret,id=GITHUB_PAT GITHUB_PAT=$(cat /run/secrets/GITHUB_PAT) \
+# installGithub.r jrosell/ambhtmx
+
+# Prepare the user
+ENV HOME=/workspace \
+	PATH=/workspace/.local/bin:$PATH
+WORKDIR /workspace
+COPY . .
+
+# Entry
+EXPOSE 7860
+CMD R -e "print(nchar(Sys.getenv('GITHUB_PAT'))); source('app.R'); "

README.md

@@ -0,0 +1,69 @@
+---
+title: ambhtmx.artyom
+emoji: 🏃
+colorFrom: pink
+colorTo: pink
+sdk: docker
+pinned: false
+---
+
+<!-- badges: start -->
+
+[![Lifecycle:
+experimental](https://img.shields.io/badge/lifecycle-experimental-orange.svg)](https://www.tidyverse.org/lifecycle/#experimental)
+
+<!-- badges: end -->
+
+**THIS IS A WORK IN PROGRESS, DO NOT USE**
+
+See the demo here: 
+
+* Direct URL to the deployed app: https://jrosell-ambhtmx-artyom.hf.space/
+* Space URL: https://huggingface.co/spaces/jrosell/ambhtmx.artyom
+
+Or test it locally:
+
+```
+git clone git@github.com:jrosell/ambhtmx.artyom.git
+cd ambhtmx.artyom
+echo GITHUB_PAT="Your token from github" >> .Renviron
+bash docker_run.sh
+```
+
+If you want, you can remove docker containers and images:
+```
+bash docker_rm.sh
+```
+
+## How to use Github and Hugging Face Spaces for my project
+
+When you pushing a repository to a Hugging Face Spaces with the option to deploy Dockerfile and include a Dockerfile, Hugging Face will start building and running your app in the Space.
+
+Customize this example, to enable Hugging Face Spaces as additional remote:
+
+```
+git init
+git add -A
+git status
+git commit -m "My changes"
+git branch -M main
+git remote add origin git@github.com:jrosell/ambhtmx.artyom.git
+git remote add gh git@github.com:jrosell/ambhtmx.artyom.git
+git remote add hf git@hf.co:spaces/jrosell/ambhtmx.artyom
+git remote -v
+```
+
+Then, to depoly to Hugging Face Spaces run:
+
+```
+bash deploy_hf.sh
+```
+
+## Troubleshooting
+
+Kown issues:
+
+* Only updates when refreshing the whole page. WIP should rerender on innerHTML replace.
+
+Check the [known issues](https://github.com/jrosell/ambhtmx/issues), and if you have another issue? Please, [let me know](https://github.com/jrosell/ambhtmx/issues).
+

app.R

@@ -0,0 +1,111 @@
+# remotes::install_github("jrosell/ambhtmx", force = TRUE)
+library(ambhtmx)
+
+what_file <- "output/what.txt"
+invisible(!dir.exists("output") &&  dir.create("output"))
+
+page_title <- "ambhtmx artyom example"
+
+head_tags <- htmltools::tagList(      
+  tags$link(href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css", rel = "stylesheet", integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH",  crossorigin="anonymous"),
+  tags$script(src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js", integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz", crossorigin="anonymous"),
+  htmltools::HTML('<script src="https://cdn.jsdelivr.net/gh/gnat/surreal@main/surreal.js"></script><script src="https://cdn.jsdelivr.net/gh/gnat/css-scope-inline@main/script.js"></script>'),
+  htmltools::HTML('<script src="https://cdn.jsdelivr.net/gh/sdkcarlos/artyom.js@master/build/artyom.window.min.js"></script>'),
+  htmltools::HTML(' <script>window.artyom = window.artyom || new Artyom();</script>')  
+)
+
+amb_artyom <- \(lang, redirect_sel, accepts_name) {
+  ambhtmx::script_tpl(
+    lang = lang,
+    redirect_sel = redirect_sel,
+    accepts_name = accepts_name,
+    raw_content = htmlwidgets::JS('
+      artyom.addCommands([{
+        description:"It will save the text it recognizes.",
+        indexes: ["*"],
+        smart: true,
+        action : function(i, wildcard, sentence){
+          if(wildcard.includes("stop listening")){
+            document.querySelector(\'[name="{accepts_name}"]\').checked = false;
+            console.log("Stop listening checked")
+          }
+          if(document.querySelector(\'[name="{accepts_name}"]\').checked) {
+            var sel = document.querySelector("#listening-text");
+            sel.innerHTML = sel.innerHTML + "\\n" + wildcard;
+            var xhr = new XMLHttpRequest()
+            var formData = new FormData();
+            formData.append("what", wildcard);
+            xhr.open("POST", "/listen")
+            // xhr.setRequestHeader("Content-Type", "multipart/form-data")
+            // xhr.setRequestHeader("Accept", "multipart/form-data")
+            xhr.send(formData)
+          }
+          if(wildcard.includes("start listening")){
+            document.querySelector(\'[name="{accepts_name}"]\').checked = true;
+            console.log("Start listening checked")
+          }
+        }
+      }]);
+      artyom.redirectRecognizedTextOutput(function(text, isFinal){
+          var sel = document.querySelector("{redirect_sel}")
+          if(isFinal){
+              sel.innerHTML = "";
+          }else{
+              sel.innerHTML = text;
+          }
+      });
+      document.addEventListener("DOMContentLoaded", function(){            
+          artyom.initialize({
+              lang: "{lang}",
+              debug: true,
+              continuous: true,
+              listen: true
+          });
+      });
+    ')
+  )
+}
+
+#' Starting the app and defining the routes
+app <- ambhtmx(host = "0.0.0.0", port = "7860")$app$
+  get("/", \(req, res){  
+    div(
+      id = "page", 
+      style = "margin: 20px",
+      h1("Speech recognition example with artyom.js"),
+      p(strong("Say 'start listening' to start capturing what you say and 'stop listening' to stop.")),
+      div(
+        id = "main",
+        div(
+          style ="margin-bottom: 10px",
+          div(p("Recognizing text: ", span(id = "recognized-text"))),
+          div(label(
+            "Captured text",
+            tags$br(),
+            HTML("<textarea rows=10 cols=40 id='listening-text'></textarea>")
+          )),
+          div(label(input(name="accepts", type = "checkbox", style = "margin-right: 10px", "listenining")))
+        ),
+        amb_artyom(
+          lang = "en-US",
+          redirect_sel = "#recognized-text",
+          accepts_name = "accepts"
+        )
+      )
+    ) |>
+    send_page(res)
+  })$
+  post("/listen", \(req, res) {
+    params <- parse_multipart(req)
+    what <- params$what
+    cat(glue("\nwhat: {what}\n\n"))
+    write(what, file = what_file, append = TRUE)
+    res$send(what)
+  })
+
+app$start(open = FALSE)
+
+
+
+
+

deploy_hf.sh

@@ -0,0 +1,4 @@
+echo `date` > last_depoy.txt
+git add last_depoy.txt
+git commit -m "deploy"
+git push hf main

docker_rm.sh

@@ -0,0 +1,2 @@
+(docker container rm -f ambhtmx-artyom-container || true) \
+		&& (docker rmi $(docker images --format '{{.Repository}}:{{.ID}}'| egrep 'ambhtmx-artyom-image' | cut -d':' -f2 | uniq) --force || true)

docker_run.sh

@@ -0,0 +1,8 @@
+
+mkdir -p $(pwd)/output
+mkdir -p /run/secrets
+echo $GITHUB_PAT /run/secrets/GITHUB_PAT
+(docker build -f Dockerfile -t ambhtmx-artyom-image . || true) \
+		&& docker run --env-file=.Renviron -p 7860:7860 --name ambhtmx-artyom-container \
+		-v $(pwd)/output:/workspace/output/:rw \
+		--rm ambhtmx-artyom-image

last_depoy.txt

@@ -0,0 +1 @@
+mar 06 ago 2024 17:29:11 CEST

output/what.txt

@@ -0,0 +1,5 @@
+what
+how are you
+are you ready
+do you know if it's working
+yeah it's working

test.html

@@ -0,0 +1,77 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width" />
+    <title>Speech color changer</title>
+    <style>
+      body {background: white; }
+      #view-source {
+                position: fixed;
+                display: block;
+                right: 0;
+                bottom: 0;
+                margin-right: 40px;
+                margin-bottom: 40px;
+                z-index: 900;
+      }
+    </style>
+    <script src="https://cdn.jsdelivr.net/gh/jquery/jquery@3.7.1/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/sdkcarlos/artyom.js@master/build/artyom.window.min.js"></script>
+    <script>
+      window.artyom = window.artyom || new Artyom();
+    </script>
+  </head>
+  <body>
+    <h1>Speech recognition</h1>
+    <div><p>Recognizing text: <span id='recognized-text'></span></p></div>
+    <div><label>Captured text<br><textarea rows=10 cols=40 id='listening-text'></textarea></h5></div>
+    <div><input name="accepts" type = "checkbox"> listenining</div>
+    <div id='commands-container'></div>
+    <script>    
+    artyom.addCommands([
+        {
+          description:"It will save the text it recognizes.",
+          indexes: ["*"],
+          smart:true,
+          action : function(i, wildcard, sentence){            
+            if(wildcard.includes("stop listening")){
+              $('[name="accepts"]').prop('checked', false);
+              console.log("Stop listening checked")
+            }
+            if($('[name="accepts"]').prop('checked') == true) {
+              var sel = $('#listening-text');                     
+              sel.html(sel.html()+'\n'+wildcard);              
+            }
+            if(wildcard.includes("start listening")){
+              $('[name="accepts"]').prop('checked', true);
+              console.log("Start listening checked")
+            }            
+          }
+      },
+    ]);
+    artyom.redirectRecognizedTextOutput(function(text, isFinal){
+        var sel = $('#recognized-text');
+        if(isFinal){
+            sel.html('');
+        }else{
+            sel.html(text);
+        }
+    });
+    function startArtyom() {
+        artyom.initialize({
+            lang:'en-US',
+            debug:true,
+            continuous:true,
+            listen:true,
+            executionKeyword:'now'
+        });
+    }
+    $(window).on("load", function(){            
+        startArtyom();
+    });
+    </script>
+  </body>
+</html>

what.txt

@@ -0,0 +1,5 @@
+how are you
+are you ready
+what are you doing
+oh boy
+that's incredible