@saltcorn/server 1.1.1-beta.2 → 1.1.1-beta.3

package/CHANGELOG.md

@@ -1,8 +1,86 @@
-# Change Log
+# Notable changes
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## 1.1.1 - In beta
 
-## [0.4.5](https://github.com/saltcorn/saltcorn/compare/v0.4.5-beta.1...v0.4.5) (2021-05-07)
+* Stored calculated fields that contain joinfields in the expression are now automatically 
+  updated when the values they reference are changed, i.e. changes occur in the tables they
+  reference. This is limited to single (expression contains x.y) and double joinfields 
+  (expression contains x.y.z). In most cases, you can now remove all recalculate_stored_fields
+  actions.
 
-**Note:** Version bump only for package @saltcorn/server
+* Builder: 
+    - Add ability to set custom `id` on containers. This is useful for scroll targets
+    - Add animations tab to containers. All animations are activated on scroll
+    - Tabs and multi-step actions implement a new interface that lets you move, delete and 
+      add steps/tabs.
+
+* Workflows:
+    - APIResponse step type. Provide the API response
+    - Stop step type. Stop workflow immediately
+    - EditViewForm step type: run a form from an Edit view, add respnse to context
+    - Call other workflows in a workflow step. Control subcontext for called workflow
+    - Error handling. SetErrorHandler step type, which set the step invoked on errors
+    - ForLoop step type for loops over arrays.
+    - Varius UX improvements for editing workflows
+    - Integrate copilot, if installed, in workflow editing
+
+* sbadmin2 theme - Color update: dark side bar, darker primary blue
+
+* AppChange event, runs every time a view, table, trigger, page or configuration value 
+  is changed.
+
+* Mobile builder:
+    - PJAX view loading.
+
+### Fixes
+
+* fix query string build on check_state_field (#2948). Author: St0rml
+
+### Translations
+
+* Update Polish translation. Author: skaskiewicz
+
+## 1.1.0 - Released 19 December 2024
+
+* Workflows: a new type of trigger composed of steps, with durable execution and
+  a context for sharing information between steps. Workflows can include user interaction
+  including asking for user input in specified form fields.
+
+* Workflow rooms: a new view for chatbot-style interactions with workflows
+
+* HTTPS proxy: set an HTTPS proxy with the HTTPS_PROXY environment variable. 
+
+* Edit view: option to allocate new table row when running with a specified row. This is 
+  useful when the Edit row includes embedded views based on relations. The allocated row can be
+  deleted if there are no changes.
+
+* Acquire Let's Encrypt certificates for tenants. If Let's Encrypt is enabled in the root tenant,
+  newly created tenants will acquire a certificate. Certificate for existing tenants can be acquired 
+  in that the settings for that tenant in the root tenant's list of tenants.
+
+* Icon plugins. Plugins can now supply additional icons which can be chosen in the builder and
+  menu editor
+
+* Registry editor: Edit configuration values
+
+* Webhook action has more options: method, set reponse value, headers.
+
+### Security
+
+- SameSite cookie settings
+- Options to enable Content Security Policy and CORS
+- Warn when loading embedded with without role. Strict enforcement in 1.1.2.
+- Check table permissions when filling select dropdown options 
+
+### Fixes
+
+* Edit destination formulae are evaluated against the whole row, not only saved form fields
+* Set user groups when admin becomes user
+
+### Translations
+
+* Update Polish translation. Author: skaskiewicz
+
+## 1.0.0 - Released 15 November 2024
+
+Change tracking from this point.

package/auth/testhelp.js

@@ -383,7 +383,13 @@ const load_url_dom = async (url) => {
         .join("\n");
     }
   }
+  class FakeIntersectionObserver {
+    constructor() {}
+    observe() {}
+  }
+
   dom.window.XMLHttpRequest = FakeXHR;
+  dom.window.IntersectionObserver = FakeIntersectionObserver;
   await new Promise(function (resolve, reject) {
     dom.window.addEventListener("DOMContentLoaded", (event) => {
       resolve();

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@saltcorn/server",
-  "version": "1.1.1-beta.2",
+  "version": "1.1.1-beta.3",
   "description": "Server app for Saltcorn, open-source no-code platform",
   "homepage": "https://saltcorn.com",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
     "@aws-sdk/client-s3": "^3.451.0",
-    "@saltcorn/base-plugin": "1.1.1-beta.2",
-    "@saltcorn/builder": "1.1.1-beta.2",
-    "@saltcorn/data": "1.1.1-beta.2",
-    "@saltcorn/admin-models": "1.1.1-beta.2",
-    "@saltcorn/filemanager": "1.1.1-beta.2",
-    "@saltcorn/markup": "1.1.1-beta.2",
-    "@saltcorn/plugins-loader": "1.1.1-beta.2",
-    "@saltcorn/sbadmin2": "1.1.1-beta.2",
+    "@saltcorn/base-plugin": "1.1.1-beta.3",
+    "@saltcorn/builder": "1.1.1-beta.3",
+    "@saltcorn/data": "1.1.1-beta.3",
+    "@saltcorn/admin-models": "1.1.1-beta.3",
+    "@saltcorn/filemanager": "1.1.1-beta.3",
+    "@saltcorn/markup": "1.1.1-beta.3",
+    "@saltcorn/plugins-loader": "1.1.1-beta.3",
+    "@saltcorn/sbadmin2": "1.1.1-beta.3",
     "@socket.io/cluster-adapter": "^0.2.1",
     "@socket.io/sticky": "^1.0.1",
     "adm-zip": "0.5.10",

package/public/saltcorn-common.js

@@ -2024,3 +2024,33 @@ function update_time_of_week(nm) {
     $(`#inputh${nm}`).val(s).trigger("change");
   };
 }
+
+const observer = new IntersectionObserver(
+  (entries, observer) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting) {
+        const delay = entry.target.getAttribute("data-animate-delay"); // delay is optional
+        const duration = entry.target.getAttribute("data-animate-duration"); // delay is optional
+        const animationClass = entry.target.getAttribute("data-animate");
+        if (animationClass) {
+          if (delay) entry.target.style.animationDelay = delay + "s";
+          if (duration) entry.target.style.animationDuration = duration + "s";
+          entry.target.style.animationName = animationClass;
+          entry.target.style.animationFillMode = "both";
+        }
+
+        if (entry.target.getAttribute("data-animate-initial-hide") === "")
+          entry.target.removeAttribute("data-animate-initial-hide");
+
+        observer.unobserve(entry.target);
+      }
+    });
+  },
+  {
+    threshold: 0.2,
+  }
+);
+
+document.querySelectorAll("[data-animate]").forEach((element) => {
+  observer.observe(element);
+});

package/public/saltcorn.css

@@ -632,3 +632,144 @@ i[class*=" unicode-"] {
 .mobile-toast-margin {
   margin-bottom: 1rem;
 }
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes rollIn {
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomInUp {
+  from {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes bounce {
+  from,
+  20%,
+  53%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translate3d(0, 0, 0);
+  }
+  40%,
+  43% {
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+  70% {
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+  80% {
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translate3d(0, 0, 0) scaleY(0.95);
+  }
+  90% {
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
+}
+
+@keyframes tada {
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+  10%,
+  20% {
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+  40%,
+  60%,
+  80% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+[data-animate-initial-hide] {
+  opacity: 0;
+}

package/routes/actions.js

@@ -508,14 +508,19 @@ function genWorkflowDiagram(steps) {
   const stepNames = steps.map((s) => s.name);
   const nodeLines = steps.map(
     (s) => `  ${s.mmname}["\`**${s.name}**
-  ${s.action_name}\`"]:::wfstep${s.id}`
+  ${s.action_name}\`"]:::wfstep${s.id}${s.only_if ? "@{ shape: hex }" : ""}`
   );
 
   nodeLines.unshift(`  _Start@{ shape: circle, label: "Start" }`);
   const linkLines = [];
   let step_ix = 0;
   for (const step of steps) {
-    if (step.initial_step) linkLines.push(`  _Start --> ${step.mmname}`);
+    if (step.initial_step)
+      linkLines.push(
+        `  _Start-- <i class="fas fa-plus add-btw-nodes btw-nodes-${0}-${
+          step.name
+        }"></i> ---${step.mmname}`
+      );
     if (stepNames.includes(step.next_step)) {
       linkLines.push(
         `  ${step.mmname}-- <i class="fas fa-plus add-btw-nodes btw-nodes-${step.id}-${step.next_step}"></i> ---${step.mmnext}`
@@ -739,7 +744,9 @@ const getWorkflowStepForm = async (
     },
   });
 
-  const builtInActionExplainers = WorkflowStep.builtInActionExplainers();
+  const builtInActionExplainers = WorkflowStep.builtInActionExplainers({
+    api_call: trigger.when_trigger == "API call",
+  });
   const actionsNotRequiringRow = Trigger.action_options({
     notRequireRow: true,
     noMultiStep: true,
@@ -830,7 +837,8 @@ const getWorkflowStepForm = async (
   form.hidden("wf_step_id");
   form.hidden("_after_step");
   if (before_step) form.values.wf_next_step = before_step;
-  if (after_step) form.values._after_step = after_step;
+  if (after_step == "0") form.values.wf_initial_step = true;
+  else if (after_step) form.values._after_step = after_step;
   if (step_id) {
     const step = await WorkflowStep.findOne({ id: step_id });
     if (!step) throw new Error("Step not found");
@@ -1744,7 +1752,14 @@ const getWorkflowStepUserForm = async (run, trigger, step, req) => {
       null,
       req
     );
+    await form.fill_fkey_options(false, undefined, req?.user);
     form.action = `/actions/fill-workflow-form/${run.id}`;
+    if (run.context[step.configuration.response_variable])
+      Object.assign(
+        form.values,
+        run.context[step.configuration.response_variable]
+      );
+
     return form;
   }
 
@@ -1880,8 +1895,9 @@ WORKFLOWS TODO
 
 help file to explain steps, and context
 
-workflow actions: Stop, RunEditView, ReadFile, WriteFile, APIResponse
+workflow actions: ReadFile, WriteFile, 
 
+EditViewForm: presets. response var can be blank
 other triggers can be steps
 interactive workflows for not logged in
 actions can declare which variables they inject into scope

package/routes/admin.js

@@ -115,6 +115,8 @@ const { get_help_markup } = require("../help/index.js");
 const Docker = require("dockerode");
 const npmFetch = require("npm-registry-fetch");
 const Tag = require("@saltcorn/data/models/tag");
+const MarkdownIt = require("markdown-it"),
+  md = new MarkdownIt();
 
 const router = new Router();
 module.exports = router;
@@ -287,6 +289,18 @@ router.get(
   })
 );
 
+router.get(
+  "/whatsnew",
+  isAdmin,
+  error_catcher(async (req, res) => {
+    const fp = path.join(__dirname, "..", "CHANGELOG.md");
+    const fileBuf = await fs.promises.readFile(fp);
+    const mdContents = fileBuf.toString().replace("# Notable changes\n","");
+    const markup = md.render(mdContents);
+    res.sendWrap(`What's new in Saltcorn`, { above: [markup] });
+  })
+);
+
 /**
  * @name get/backup
  * @function
@@ -1137,7 +1151,7 @@ router.get(
               table(
                 tbody(
                   tr(
-                    th(req.__("Saltcorn version")),
+                    th({ valign: "top" }, req.__("Saltcorn version")),
                     td(
                       packagejson.version,
                       isRoot && can_update
@@ -1177,7 +1191,15 @@ router.get(
                               ` onError: (res) => { selectVersionError(res, '${rndid}') } });`,
                           },
                           req.__("Choose version")
-                        )
+                        ),
+                      "<br>",
+                      a(
+                        {
+                          onclick: "ajax_modal('/admin/whatsnew')",
+                          href: `javascript:void(0)`,
+                        },
+                        "What's new?"
+                      )
                     )
                   ),
                   git_commit &&

package/routes/api.js

@@ -398,15 +398,26 @@ router.all(
       async function (err, user, info) {
         if (accessAllowed(req, user, trigger)) {
           try {
-            const action = getState().actions[trigger.action];
+            let resp;
             const row = req.method === "GET" ? req.query : req.body;
-            const resp = await action.run({
-              configuration: trigger.configuration,
-              body: req.body,
-              row,
-              req,
-              user: user || req.user,
-            });
+            if (trigger.action === "Workflow") {
+              resp = await trigger.runWithoutRow({
+                req,
+                interactive: true,
+                row,
+                user: user || req.user,
+              });
+              delete resp.__wf_run_id;
+            } else {
+              const action = getState().actions[trigger.action];
+              resp = await action.run({
+                configuration: trigger.configuration,
+                body: req.body,
+                row,
+                req,
+                user: user || req.user,
+              });
+            }
             if (
               (row._process_result || req.headers?.scprocessresults) &&
               resp?.goto

package/routes/pageedit.js

@@ -258,6 +258,7 @@ const pageBuilderData = async (req, context) => {
     next_button_label: "Done",
     fonts: getState().fonts,
     tables: [],
+    keyframes: getState().keyframes,
   };
 };
 

package/routes/tables.js

@@ -711,6 +711,7 @@ const attribBadges = (f) => {
           "table",
           "agg_field",
           "agg_relation",
+          "calc_joinfields"
         ].includes(k)
       )
         return;

package/tests/clientjs.test.js

@@ -13,6 +13,13 @@ const load_script = (fnm) => {
   document.body.appendChild(scriptEl);
 };
 
+class IntersectionObserver {
+  constructor() {}
+  observe() {}
+}
+
+window.IntersectionObserver = IntersectionObserver;
+
 load_script("jquery-3.6.0.min.js");
 load_script("saltcorn-common.js");
 load_script("saltcorn.js");
@@ -91,15 +98,11 @@ test("updateQueryStringParameter hash", () => {
   );
 });
 test("addQueryStringParameter", () => {
-  expect(addQueryStringParameter("/foo", "age", 43)).toBe(
-    "/foo?age=43"
-  );
+  expect(addQueryStringParameter("/foo", "age", 43)).toBe("/foo?age=43");
   expect(addQueryStringParameter("/foo?age=43", "age", 44)).toBe(
     "/foo?age=43&age=44"
   );
-  expect(addQueryStringParameter("/foo?age=43", "age", 43)).toBe(
-    "/foo?age=43"
-  );
+  expect(addQueryStringParameter("/foo?age=43", "age", 43)).toBe("/foo?age=43");
 });
 test("addQueryStringParameter hash", () => {
   expect(addQueryStringParameter("/foo#baz", "age", 43)).toBe(