@saltcorn/server 0.9.6-beta.8 → 0.9.6

package/public/saltcorn-builder.css

@@ -509,3 +509,26 @@ div.builder-config-field {
   border: 1px solid black;
   margin-top: 2px;
 }
+
+div.componets-and-library-accordion {
+  padding-right: 0 !important;
+}
+.builder-left-shrunk .componets-and-library-accordion {
+  min-height: 0 !important;
+  padding-right: 0;
+}
+.toolbox-card .builder-layers {
+  min-height: 200px;
+  overflow-y: auto;
+  max-height: max-content !important;
+}
+.toolbox-card:nth-child(2) {
+  margin-bottom: 0px;
+}
+#builder-main-canvas {
+  height: calc(100dvh - 50px) !important;
+  min-height: 600px;
+}
+#builder-main-canvas.h-100 {
+  height: 100% !important;
+}

package/public/saltcorn-common.js

@@ -8,6 +8,23 @@ jQuery.fn.swapWith = function (to) {
   });
 };
 
+function monospace_block_click(e) {
+  let e1 = $(e).next("pre");
+  let mine = $(e).html();
+  $(e).html($(e1).html());
+  $(e1).html(mine);
+}
+
+function copy_monospace_block(e) {
+  let e1 = $(e).next("pre");
+  let e2 = $(e1).next("pre");
+  if (!e2.length) return navigator.clipboard.writeText($(el).text());
+  const e1t = e1.text();
+  const e2t = e2.text();
+  if (e1t.length > e2t.length) return navigator.clipboard.writeText(e1t);
+  else return navigator.clipboard.writeText(e2t);
+}
+
 function setScreenInfoCookie() {
   document.cookie = `_sc_screen_info_=${JSON.stringify({
     width: window.screen.width,
@@ -190,7 +207,8 @@ function apply_showif() {
       else qss.push(`dereference=${dynwhere.dereference}`);
     }
     const qs = qss.join("&");
-    var current = e.attr("data-selected");
+    let current = e.attr("data-selected");
+    if (current === "null") current = null;
     e.change(function (ec) {
       e.attr("data-selected", ec.target.value);
     });
@@ -199,12 +217,14 @@ function apply_showif() {
     if (currentOptionsSet === qs) return;
 
     const activate = (success, qs) => {
+      //re-fetch current, because it may have changed
+      let current = e.attr("data-selected");
+      if (current === "null") current = null;
       if (e.prop("data-fetch-options-current-set") === qs) return;
       e.empty();
       e.prop("data-fetch-options-current-set", qs);
       const toAppend = [];
-      if (!dynwhere.required)
-        toAppend.push({ label: dynwhere.neutral_label || "", value: "" });
+
       let currentDataOption = undefined;
       const dataOptions = [];
       //console.log(success);
@@ -235,13 +255,24 @@ function apply_showif() {
           ? 1
           : -1
       );
+      if (!dynwhere.required)
+        toAppend.unshift({ label: dynwhere.neutral_label || "", value: "" });
+      if (dynwhere.required && dynwhere.placeholder)
+        toAppend.unshift({
+          disabled: true,
+          label: dynwhere.placeholder,
+          value: "",
+          selected: !current,
+        });
       e.html(
         toAppend
           .map(
-            ({ label, value, selected }) =>
+            ({ label, value, selected, disabled }) =>
               `<option${selected ? ` selected` : ""}${
-                typeof value !== "undefined" ? ` value="${value}"` : ""
-              }>${label || ""}</option>`
+                disabled ? ` disabled` : ""
+              }${typeof value !== "undefined" ? ` value="${value}"` : ""}>${
+                label || ""
+              }</option>`
           )
           .join("")
       );
@@ -624,6 +655,138 @@ function escapeHtml(text) {
 function reload_on_init() {
   localStorage.setItem("reload_on_init", true);
 }
+
+function doMobileTransforms() {
+  const replaceAttr = (el, attr, web, mobile) => {
+    const jThis = $(el);
+    const skip = jThis.attr("skip-mobile-adjust");
+    if (!skip) {
+      const attrVal = jThis.attr(attr);
+      if (attrVal?.includes(web)) {
+        jThis.attr(attr, attrVal.replace(web, mobile));
+      }
+    }
+  };
+
+  const replacers = {
+    href: [
+      {
+        web: "javascript:history.back()",
+        mobile: "javascript:parent.goBack()",
+      },
+      {
+        web: "javascript:ajax_modal",
+        mobile: "javascript:mobile_modal",
+      },
+    ],
+    onclick: [
+      {
+        web: "history.back()",
+        mobile: "parent.goBack()",
+      },
+      {
+        web: "ajax_modal",
+        mobile: "mobile_modal",
+      },
+      {
+        web: "ajax_post_",
+        mobile: "local_post_",
+      },
+    ],
+  };
+
+  $("a").each(function () {
+    let path = $(this).attr("href") || "";
+    if (path.startsWith("http")) {
+      const url = new URL(path);
+      path = `${url.pathname}${url.search}`;
+    }
+    if (path.startsWith("/view/") || path.startsWith("/page/")) {
+      const jThis = $(this);
+      const skip = jThis.attr("skip-mobile-adjust");
+      if (!skip) {
+        jThis.removeAttr("href");
+        jThis.attr("onclick", `execLink('${path}')`);
+        if (jThis.find("i,img").length === 0 && !jThis.css("color")) {
+          jThis.css(
+            "color",
+            "rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))"
+          );
+        }
+      }
+    } else if (path.includes("/files/serve/")) {
+      const tokens = path.split("/files/serve/");
+      if (tokens.length > 1)
+        $(this).attr("href", `javascript:openFile('${tokens[1]}')`);
+    } else if (path.includes("/files/download/")) {
+      const tokens = path.split("/files/download/");
+      if (tokens.length > 1)
+        $(this).attr(
+          "href",
+          `javascript:notifyAlert('File donwloads are not supported.')`
+        );
+    } else {
+      for (const [k, v] of Object.entries(replacers)) {
+        for ({ web, mobile } of v) replaceAttr(this, k, web, mobile);
+      }
+    }
+  });
+
+  $("button").each(function () {
+    for (const [k, v] of Object.entries({ onclick: replacers.onclick })) {
+      for ({ web, mobile } of v) replaceAttr(this, k, v.web, v.mobile);
+    }
+  });
+
+  $("[mobile-img-path]").each(async function () {
+    if (parent.loadEncodedFile) {
+      const fileId = $(this).attr("mobile-img-path");
+      const base64Encoded = await parent.loadEncodedFile(fileId);
+      this.src = base64Encoded;
+    }
+  });
+
+  $("[mobile-bg-img-path]").each(async function () {
+    if (parent.loadEncodedFile) {
+      const fileId = $(this).attr("mobile-bg-img-path");
+      if (fileId) {
+        const base64Encoded = await parent.loadEncodedFile(fileId);
+        this.style.backgroundImage = `url("${base64Encoded}")`;
+      }
+    }
+  });
+
+  $("img:not([mobile-img-path]):not([mobile-bg-img-path])").each(
+    async function () {
+      if (parent.loadEncodedFile) {
+        const jThis = $(this);
+        const src = jThis.attr("src");
+        if (src?.includes("/files/serve/")) {
+          const tokens = src.split("/files/serve/");
+          if (tokens.length > 1) {
+            const fileId = tokens[1];
+            const base64Encoded = await parent.loadEncodedFile(fileId);
+            this.src = base64Encoded;
+          }
+        } else if (src?.includes("/files/resize/")) {
+          const tokens = src.split("/files/resize/");
+          if (tokens.length > 1) {
+            const idAndDims = tokens[1].split("/");
+            const width = idAndDims[0];
+            const height = idAndDims.length > 2 ? idAndDims[1] : undefined;
+            const fileId = idAndDims[idAndDims.length - 1];
+            const style = { width: `${width || 50}px` };
+            if (height > 0) style.height = `${height}px`;
+            const base64Encoded = await parent.loadEncodedFile(fileId);
+            this.src = base64Encoded;
+            jThis.css(style);
+          }
+        }
+      }
+    }
+  );
+}
+
 function initialize_page() {
   if (window._sc_locale && window.dayjs) dayjs.locale(window._sc_locale);
   const isNode = getIsNode();
@@ -798,58 +961,7 @@ function initialize_page() {
       </form>`
       );
   });
-  if (!isNode) {
-    $("[mobile-img-path]").each(async function () {
-      if (parent.loadEncodedFile) {
-        const fileId = $(this).attr("mobile-img-path");
-        const base64Encoded = await parent.loadEncodedFile(fileId);
-        this.src = base64Encoded;
-      }
-    });
-
-    $("[mobile-bg-img-path]").each(async function () {
-      if (parent.loadEncodedFile) {
-        const fileId = $(this).attr("mobile-bg-img-path");
-        if (fileId) {
-          const base64Encoded = await parent.loadEncodedFile(fileId);
-          this.style.backgroundImage = `url("${base64Encoded}")`;
-        }
-      }
-    });
-
-    $("a").each(function () {
-      let path = $(this).attr("href") || "";
-      if (path.startsWith("http")) {
-        const url = new URL(path);
-        path = `${url.pathname}${url.search}`;
-      }
-      if (path.startsWith("/view/")) {
-        const jThis = $(this);
-        const skip = jThis.attr("skip-mobile-adjust");
-        if (!skip) {
-          jThis.attr("href", `javascript:execLink('${path}')`);
-          if (jThis.find("i,img").length === 0 && !jThis.css("color")) {
-            jThis.css(
-              "color",
-              "rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))"
-            );
-          }
-        }
-      }
-    });
-
-    $("img").each(async function () {
-      if (parent.loadEncodedFile) {
-        const jThis = $(this);
-        const src = jThis.attr("src");
-        if (src?.startsWith("/files/serve/")) {
-          const fileId = src.replace("/files/serve/", "");
-          const base64Encoded = await parent.loadEncodedFile(fileId);
-          this.src = base64Encoded;
-        }
-      }
-    });
-  }
+  if (!isNode) doMobileTransforms();
   function setExplainer(that) {
     var id = $(that).attr("id") + "_explainer";
 
@@ -1285,10 +1397,12 @@ async function common_done(res, viewnameOrElem, isWeb = true) {
     }
   };
   if (res.notify) await handle(res.notify, notifyAlert);
-  if (res.error)
+  if (res.error) {
+    if (window._sc_loglevel > 4) console.trace("error response", res.error);
     await handle(res.error, (text) =>
       notifyAlert({ type: "danger", text: text })
     );
+  }
   if (res.notify_success)
     await handle(res.notify_success, (text) =>
       notifyAlert({ type: "success", text: text })
@@ -1322,6 +1436,10 @@ async function common_done(res, viewnameOrElem, isWeb = true) {
         if (input.attr("type") === "checkbox")
           input.prop("checked", res.set_fields[k]);
         else input.val(res.set_fields[k]);
+        if (input.attr("data-selected")) {
+          input.attr("data-selected", res.set_fields[k]);
+        }
+
         input.trigger("set_form_field");
       });
     }
@@ -1355,15 +1473,15 @@ async function common_done(res, viewnameOrElem, isWeb = true) {
     });
   }
   if (res.eval_js) await handle(res.eval_js, eval_it);
-
-  if (res.goto && !isWeb)
-    // TODO ch
-    notifyAlert({
-      type: "danger",
-      text: "Goto is not supported in a mobile deployment.",
-    });
   else if (res.goto) {
-    if (res.target === "_blank") window.open(res.goto, "_blank").focus();
+    if (!isWeb) {
+      const next = new URL(res.goto, "http://localhost");
+      const pathname = next.pathname;
+      if (pathname.startsWith("/view/") || pathname.startsWith("/page/")) {
+        const route = `get${pathname}${next.search ? "?" + next.search : ""}`;
+        await parent.handleRoute(route);
+      } else parent.cordova.InAppBrowser.open(res.goto, "_system");
+    } else if (res.target === "_blank") window.open(res.goto, "_blank").focus();
     else {
       const prev = new URL(window.location.href);
       const next = new URL(res.goto, prev.origin);
@@ -1484,10 +1602,10 @@ const columnSummary = (col) => {
 };
 
 function submitWithEmptyAction(form) {
-  var formAction = form.action;
-  form.action = "javascript:void(0)";
+  var formAction = form.getAttribute("action");
+  form.setAttribute("action", "javascript:void(0)");
   form.submit();
-  form.action = formAction;
+  form.setAttribute("action", formAction);
 }
 
 function unique_field_from_rows(
@@ -1711,7 +1829,13 @@ function close_saltcorn_modal() {
 function reload_embedded_view(viewname, new_query_string) {
   const isNode = getIsNode();
   const updater = ($e, res) => {
-    $e.html(res);
+    const localState = $e.attr("data-sc-local-state");
+    const parent = $e.parent();
+    $e.replaceWith(res);
+    if (localState && !new_query_string) {
+      const newE = parent.find(`[data-sc-embed-viewname="${viewname}"]`);
+      newE.attr("data-sc-local-state", localState);
+    }
     initialize_page();
   };
   if (window._sc_loglevel > 4)

package/public/saltcorn.css

@@ -514,3 +514,75 @@ ul.katetree {
 ul.katetree details ul {
   list-style-type: none;
 }
+
+pre.monospace-block {
+  font-family: monospace;
+  color: unset;
+  background: unset;
+  padding: unset;
+  border-radius: unset;
+}
+
+.d-none-prefer {
+  display: none;
+}
+
+button.monospace-copy-btn:has(+ pre.monospace-block:hover) {
+  display: block !important ;
+}
+button.monospace-copy-btn:hover {
+  display: block !important ;
+}
+button.monospace-copy-btn {
+  position: absolute;
+}
+
+#page-inner-content.sbadmin2-theme .table.table-card-rows {
+  border-spacing: 0px 8px;
+  border-collapse: separate;
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows tbody {
+  transform: translateY(8px);
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows tr {
+  border-radius: 6px;
+}
+#page-inner-content.sbadmin2-theme
+  .table-hover.table-card-rows
+  > tbody
+  > tr:hover
+  > * {
+  --tblr-table-bg-state: transparent !important;
+  --bs-table-accent-bg: transparent !important;
+  color: var(--bs-table-hover-color);
+  background-color: var(--bs-table-hover-bg);
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows thead th {
+  background-color: #eaecf4;
+  border-block: 1px solid #d3d3d3 !important;
+  padding: 18px 15px;
+  font-weight: 600;
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows thead th:first-child {
+  border-left: 1px solid #d3d3d3 !important;
+  border-radius: 6px 0 0 6px;
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows thead th:last-child {
+  border-right: 1px #d3d3d3 !important;
+  border-radius: 0 6px 6px 0;
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows tbody td {
+  border-block: 1px solid #e3e6f0 !important;
+  position: relative;
+  z-index: 11;
+  padding: 15px 15px;
+  background-color: #fff;
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows tbody td:first-child {
+  border-left: 1px solid #e3e6f0 !important;
+  border-radius: 6px 0 0 6px;
+}
+#page-inner-content.sbadmin2-theme .table.table-card-rows tbody td:last-child {
+  border-right: 1px #e3e6f0 !important;
+  border-radius: 0 6px 6px 0;
+}

package/public/saltcorn.js

@@ -1034,6 +1034,84 @@ function execLink(path) {
   window.location.href = `${location.origin}${path}`;
 }
 
+let defferedPrompt;
+window.addEventListener("beforeinstallprompt", (e) => {
+  e.preventDefault();
+  defferedPrompt = e;
+});
+
+function isAndroidMobile() {
+  const ua = navigator.userAgent || navigator.vendor || window.opera;
+  return /android/i.test(ua) && /mobile/i.test(ua);
+}
+
+function validatePWAManifest(manifest) {
+  const errors = [];
+  if (!manifest) errors.push("The manifest.json file is missing. ");
+  else {
+    if (!manifest.icons || manifest.icons.length === 0)
+      errors.push("At least one icon is required");
+    else if (
+      manifest.icons.length > 0 &&
+      !manifest.icons.some((icon) => {
+        const sizes = icon.sizes.split("x");
+        const x = parseInt(sizes[0]);
+        const y = parseInt(sizes[1]);
+        return x === y && x >= 144;
+      })
+    ) {
+      errors.push(
+        "At least one square icon of size 144x144 or larger is required"
+      );
+    }
+    if (isAndroidMobile() && manifest.display === "browser") {
+      errors.push(
+        "The display property 'browser' may not work on mobile devices"
+      );
+    }
+  }
+  return errors;
+}
+
+function supportsBeforeInstallPrompt() {
+  return "onbeforeinstallprompt" in window;
+}
+
+function installPWA() {
+  if (defferedPrompt) defferedPrompt.prompt();
+  else if (!supportsBeforeInstallPrompt()) {
+    notifyAlert({
+      type: "danger",
+      text:
+        "It looks like your browser doesn’t support this feature. " +
+        "Please try the standard installation method provided by your browser, or switch to a different browser.",
+    });
+  } else {
+    const manifestUrl = `${window.location.origin}/notifications/manifest.json`;
+    notifyAlert({
+      type: "danger",
+      text:
+        "Unable to install the app. " +
+        "Please check if the app is already installed or " +
+        `inspect your manifest.json <a href="${manifestUrl}?pretty=true" target="_blank">here</a>`,
+    });
+    $.ajax(manifestUrl, {
+      success: (res) => {
+        const errors = validatePWAManifest(res);
+        if (errors.length > 0)
+          notifyAlert({
+            type: "warning",
+            text: `${errors.join(", ")}`,
+          });
+      },
+      error: (res) => {
+        console.log("Error fetching manifest.json");
+        console.log(res);
+      },
+    });
+  }
+}
+
 (() => {
   const e = document.querySelector("[data-sidebar-toggler]");
   let closed = localStorage.getItem("sidebarClosed") === "true";

package/restart_watcher.js

@@ -23,6 +23,7 @@ const relevantPackages = [
   "saltcorn-admin-models",
   "saltcorn-markup",
   "saltcorn-sbadmin2",
+  "saltcorn-types",
   "server",
   "sqlite",
   "filemanager",

package/routes/actions.js

@@ -375,6 +375,7 @@ router.get(
 
     const form = await triggerForm(req, trigger);
     form.values = trigger;
+    form.onChange = `saveAndContinue(this)`;
     send_events_page({
       res,
       req,
@@ -383,6 +384,7 @@ router.get(
       contents: {
         type: "card",
         title: req.__("Edit trigger %s", id),
+        titleAjaxIndicator: true,
         contents: renderForm(form, req.csrfToken()),
       },
     });
@@ -464,6 +466,10 @@ router.post(
           ...form.values.configuration,
         };
       await Trigger.update(trigger.id, form.values); //{configuration: form.values});
+      if (req.xhr) {
+        res.json({ success: "ok" });
+        return;
+      }
       req.flash("success", req.__("Action information saved"));
       res.redirect(`/actions/`);
     }
@@ -881,3 +887,24 @@ router.get(
     }
   })
 );
+
+/**
+ * @name post/clone/:id
+ * @function
+ * @memberof module:routes/actions~actionsRouter
+ * @function
+ */
+router.post(
+  "/clone/:id",
+  isAdmin,
+  error_catcher(async (req, res) => {
+    const { id } = req.params;
+    const trig = await Trigger.findOne({ id });
+    const newtrig = await trig.clone();
+    req.flash(
+      "success",
+      req.__("Trigger %s duplicated as %s", trig.name, newtrig.name)
+    );
+    res.redirect(`/actions`);
+  })
+);