@pushword/js-helper 0.0.60 → 0.0.64

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pushword/js-helper",
-    "version": "0.0.60",
+    "version": "0.0.64",
     "description": "Pushword front end helpers. ",
     "author": "Robin@PiedWeb <contact@piedweb.com>",
     "license": "MIT",

package/src/encore.js

@@ -29,12 +29,7 @@ module.exports = {
         outputPath = "./../public/assets/",
         publicPath = "/assets",
         manifestKeyPrefix = null,
-        filesToCopy = [
-            {
-                from: "./favicons",
-                to: "[name].[ext]",
-            },
-        ],
+        filesToCopy = null,
         entries = null,
         styleEntries = null
     ) {
@@ -46,6 +41,15 @@ module.exports = {
             tailwindConfig = getTailwindConfig(watchFiles);
         }
 
+        if (filesToCopy === null) {
+            filesToCopy = [
+                {
+                    from: "./favicons",
+                    to: "[name].[ext]",
+                },
+            ];
+        }
+
         if (entries === null) {
             entries = [{ name: "app", file: __dirname + "/app.js" }];
         } else if (typeof entries === "string") {

package/src/helpers.js

@@ -28,7 +28,12 @@ export function liveBlock(liveBlockAttribute = "data-live", liveFormSelector = "
     };
 
     var getLiveBlock = function (item) {
-        fetch(item.getAttribute(liveBlockAttribute), {
+        var url = item.getAttribute(liveBlockAttribute);
+        console.log(url);
+        console.log(url.startsWith("e:"));
+        url = url.startsWith("e:") ? convertShortchutForLink(rot13ToText(url.substring(2))) : url;
+        console.log(url);
+        fetch(url, {
             //headers: { "Content-Type": "application/json", Accept: "text/plain" },
             method: "POST",
             credentials: "include",
@@ -45,13 +50,14 @@ export function liveBlock(liveBlockAttribute = "data-live", liveFormSelector = "
             });
     };
 
-    var htmlLoader =
-        '<div style="width:1em;height:1em;border: 2px solid #222;border-top-color: #fff;border-radius: 50%;  animation: 1s spin linear infinite;"></div><style>@keyframes spin {from{transform:rotate(0deg)}to{transform:rotate(360deg)}}</style>';
+    const spinner =
+        '<span style="border-top-color: transparent" class="inline-block w-5 h-5 border-4 border-gray-50 border-solid rounded-full animate-spin"></span>';
+    const htmlLoader = "<div class=btn-link>" + spinner + "</div>";
 
     var setLoader = function (form) {
         var $submitButton = getSubmitButton(form);
         if ($submitButton !== undefined) {
-            var initialButton = $submitButton.outerHTML;
+            //var initialButton = $submitButton.outerHTML;
             $submitButton.innerHTML = "";
             $submitButton.outerHTML = htmlLoader;
         }
@@ -95,6 +101,10 @@ export function liveBlock(liveBlockAttribute = "data-live", liveFormSelector = "
     // Listen button src-data-live
     document.querySelectorAll("[src-" + liveBlockAttribute + "]").forEach((item) => {
         item.addEventListener("click", (event) => {
+            if (item.tagName == "BUTTON") {
+                item.innerHTML = spinner;
+                item.setAttribute("disabled", true);
+            }
             btnToBlock(event, item);
         });
     });
@@ -278,13 +288,13 @@ export function convertFormFromRot13(attribute = "data-frot") {
 
 export function convertShortchutForLink(str) {
     if (str.charAt(0) == "-") {
-        return str.replace("-", "http://");
+        return "http://" + str.substring(1);
     }
     if (str.charAt(0) == "_") {
-        return str.replace("_", "https://");
+        return "https://" + str.substring(1);
     }
     if (str.charAt(0) == "@") {
-        return str.replace("@", "mailto:");
+        return "mailto:" + str.substring(1);
     }
     return str;
 }