Implement schedule WYSIWYG and UTC dates

src/web/public/js/shared/placeholder-utils.js

@@ -2,7 +2,12 @@
 
 (function () {
   var root = window;
-  var transformPattern = /^(upper|lower|title)\(\)$/i;
+  var transformPattern = /^([a-z_][a-z0-9_]*)\((.*)\)$/i;
+
+  var monthNamesShort = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+  var monthNamesLong = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+  var dayNamesShort = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+  var dayNamesLong = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
 
   function resolvePath(value, path) {
     var current = value;
@@ -29,11 +34,15 @@
 
     while (segments.length) {
       var candidate = String(segments[segments.length - 1] || '').trim();
-      if (!transformPattern.test(candidate)) {
+      var match = candidate.match(transformPattern);
+      if (!match) {
         break;
       }
 
-      transforms.unshift(candidate.replace(/\(\)$/g, '').toLowerCase());
+      transforms.unshift({
+        name: String(match[1] || '').trim().toLowerCase(),
+        args: match[2] ? splitTransformArgs(match[2]) : []
+      });
       segments.pop();
     }
 
@@ -43,23 +52,89 @@
     };
   }
 
+  function splitTransformArgs(value) {
+    var source = String(value || '').trim();
+    if (!source) {
+      return [];
+    }
+
+    if ((source[0] === '"' && source[source.length - 1] === '"') || (source[0] === '\'' && source[source.length - 1] === '\'')) {
+      return [source.slice(1, -1)];
+    }
+
+    return source.split(',').map(function (item) {
+      return String(item || '').trim();
+    }).filter(Boolean);
+  }
+
+  function padNumber(value, size) {
+    var text = String(Math.abs(Number(value || 0)));
+    while (text.length < size) {
+      text = '0' + text;
+    }
+    return text;
+  }
+
+  function formatDateValue(value, pattern) {
+    var date = value instanceof Date ? value : new Date(value);
+    if (Number.isNaN(date.getTime())) {
+      return '';
+    }
+
+    var format = String(pattern || 'YYYY-MM-DD HH:mm').trim() || 'YYYY-MM-DD HH:mm';
+    var hours24 = date.getHours();
+    var hours12 = hours24 % 12 || 12;
+    var tokenMap = {
+      YYYY: String(date.getFullYear()),
+      YY: String(date.getFullYear()).slice(-2),
+      MMMM: monthNamesLong[date.getMonth()],
+      MMM: monthNamesShort[date.getMonth()],
+      MM: padNumber(date.getMonth() + 1, 2),
+      M: String(date.getMonth() + 1),
+      DD: padNumber(date.getDate(), 2),
+      D: String(date.getDate()),
+      dddd: dayNamesLong[date.getDay()],
+      ddd: dayNamesShort[date.getDay()],
+      HH: padNumber(hours24, 2),
+      H: String(hours24),
+      hh: padNumber(hours12, 2),
+      h: String(hours12),
+      mm: padNumber(date.getMinutes(), 2),
+      m: String(date.getMinutes()),
+      ss: padNumber(date.getSeconds(), 2),
+      s: String(date.getSeconds()),
+      A: hours24 >= 12 ? 'PM' : 'AM',
+      a: hours24 >= 12 ? 'pm' : 'am'
+    };
+
+    return format.replace(/\[([^\]]+)\]|YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|ddd|HH|H|hh|h|mm|m|ss|s|A|a/g, function (match, literal) {
+      return literal || tokenMap[match] || match;
+    });
+  }
+
   function applyTransform(value, transform) {
     var text = String(value === undefined || value === null ? '' : value);
+    var name = String(transform && transform.name || '').trim().toLowerCase();
+    var args = Array.isArray(transform && transform.args) ? transform.args : [];
 
-    if (transform === 'lower') {
+    if (name === 'lower') {
       return text.toLowerCase();
     }
 
-    if (transform === 'upper') {
+    if (name === 'upper') {
       return text.toUpperCase();
     }
 
-    if (transform === 'title') {
+    if (name === 'title') {
       return text.toLowerCase().replace(/\b([a-z])/g, function (match, letter) {
         return String(letter || '').toUpperCase();
       });
     }
 
+    if (name === 'format' || name === 'date' || name === 'datetime' || name === 'time') {
+      return formatDateValue(value, args[0] || (name === 'time' ? 'h:mm A' : name === 'date' ? 'MMM D, YYYY' : 'MMM D, YYYY h:mm A'));
+    }
+
     return text;
   }