@bpmn-io/form-js-playground 1.9.2 → 1.10.0

package/dist/form-playground.umd.js

@@ -58201,7 +58201,7 @@
   };
 
   /**
-   * marked v13.0.0 - a markdown parser
+   * marked v14.0.0 - a markdown parser
    * Copyright (c) 2011-2024, Christopher Jeffrey. (MIT Licensed)
    * https://github.com/markedjs/marked
    */
@@ -58260,18 +58260,6 @@
     }
     return html;
   }
-  const unescapeTest = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
-  function unescape(html) {
-    // explicitly match decimal, hex, and named HTML entities
-    return html.replace(unescapeTest, (_, n) => {
-      n = n.toLowerCase();
-      if (n === 'colon') return ':';
-      if (n.charAt(0) === '#') {
-        return n.charAt(1) === 'x' ? String.fromCharCode(parseInt(n.substring(2), 16)) : String.fromCharCode(+n.substring(1));
-      }
-      return '';
-    });
-  }
   const caret = /(^|[^\[])\^/g;
   function edit(regex, opt) {
     let source = typeof regex === 'string' ? regex : regex.source;
@@ -58292,7 +58280,7 @@
   function cleanUrl(href) {
     try {
       href = encodeURI(href).replace(/%25/g, '%');
-    } catch (e) {
+    } catch {
       return null;
     }
     return href;
@@ -58595,12 +58583,12 @@
         }
         // Get next list item
         const itemRegex = new RegExp(`^( {0,3}${bull})((?:[\t ][^\\n]*)?(?:\\n|$))`);
-        let raw = '';
-        let itemContents = '';
         let endsWithBlankLine = false;
         // Check if current bullet point can start a new List Item
         while (src) {
           let endEarly = false;
+          let raw = '';
+          let itemContents = '';
           if (!(cap = itemRegex.exec(src))) {
             break;
           }
@@ -58612,18 +58600,20 @@
           src = src.substring(raw.length);
           let line = cap[2].split('\n', 1)[0].replace(/^\t+/, t => ' '.repeat(3 * t.length));
           let nextLine = src.split('\n', 1)[0];
+          let blankLine = !line.trim();
           let indent = 0;
           if (this.options.pedantic) {
             indent = 2;
             itemContents = line.trimStart();
+          } else if (blankLine) {
+            indent = cap[1].length + 1;
           } else {
             indent = cap[2].search(/[^ ]/); // Find first non-space char
             indent = indent > 4 ? 1 : indent; // Treat indented code blocks (> 4 spaces) as having only 1 indent
             itemContents = line.slice(indent);
             indent += cap[1].length;
           }
-          let blankLine = false;
-          if (!line && /^ *$/.test(nextLine)) {
+          if (blankLine && /^ *$/.test(nextLine)) {
             // Items begin with at most one blank line
             raw += nextLine + '\n';
             src = src.substring(nextLine.length + 1);
@@ -58721,8 +58711,8 @@
           list.raw += raw;
         }
         // Do not consume newlines at end of final item. Alternatively, make itemRegex *start* with any newlines to simplify/speed up endsWithBlankLine logic
-        list.items[list.items.length - 1].raw = raw.trimEnd();
-        list.items[list.items.length - 1].text = itemContents.trimEnd();
+        list.items[list.items.length - 1].raw = list.items[list.items.length - 1].raw.trimEnd();
+        list.items[list.items.length - 1].text = list.items[list.items.length - 1].text.trimEnd();
         list.raw = list.raw.trimEnd();
         // Item child tokens handled here at end because we needed to have the final item to trim it first
         for (let i = 0; i < list.items.length; i++) {
@@ -60249,8 +60239,8 @@
   class Marked {
     defaults = _getDefaults();
     options = this.setOptions;
-    parse = this.#parseMarkdown(_Lexer.lex, _Parser.parse);
-    parseInline = this.#parseMarkdown(_Lexer.lexInline, _Parser.parseInline);
+    parse = this.parseMarkdown(_Lexer.lex, _Parser.parse);
+    parseInline = this.parseMarkdown(_Lexer.lexInline, _Parser.parseInline);
     Parser = _Parser;
     Renderer = _Renderer;
     TextRenderer = _TextRenderer;
@@ -60384,14 +60374,10 @@
               continue;
             }
             const rendererProp = prop;
-            let rendererFunc = pack.renderer[rendererProp];
+            const rendererFunc = pack.renderer[rendererProp];
             const prevRenderer = renderer[rendererProp];
             // Replace renderer with func to run extension, but fall back if false
             renderer[rendererProp] = (...args) => {
-              if (!pack.useNewRenderer) {
-                // TODO: Remove this in next major version
-                rendererFunc = this.#convertRendererFunction(rendererFunc, rendererProp, renderer);
-              }
               let ret = rendererFunc.apply(renderer, args);
               if (ret === false) {
                 ret = prevRenderer.apply(renderer, args);
@@ -60484,219 +60470,6 @@
       });
       return this;
     }
-    // TODO: Remove this in next major release
-    #convertRendererFunction(func, prop, renderer) {
-      switch (prop) {
-        case 'heading':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(renderer.parser.parseInline(token.tokens), token.depth, unescape(renderer.parser.parseInline(token.tokens, renderer.parser.textRenderer)));
-          };
-        case 'code':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text, token.lang, !!token.escaped);
-          };
-        case 'table':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            let header = '';
-            // header
-            let cell = '';
-            for (let j = 0; j < token.header.length; j++) {
-              cell += this.tablecell({
-                text: token.header[j].text,
-                tokens: token.header[j].tokens,
-                header: true,
-                align: token.align[j]
-              });
-            }
-            header += this.tablerow({
-              text: cell
-            });
-            let body = '';
-            for (let j = 0; j < token.rows.length; j++) {
-              const row = token.rows[j];
-              cell = '';
-              for (let k = 0; k < row.length; k++) {
-                cell += this.tablecell({
-                  text: row[k].text,
-                  tokens: row[k].tokens,
-                  header: false,
-                  align: token.align[k]
-                });
-              }
-              body += this.tablerow({
-                text: cell
-              });
-            }
-            return func(header, body);
-          };
-        case 'blockquote':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            const body = this.parser.parse(token.tokens);
-            return func(body);
-          };
-        case 'list':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            const ordered = token.ordered;
-            const start = token.start;
-            const loose = token.loose;
-            let body = '';
-            for (let j = 0; j < token.items.length; j++) {
-              const item = token.items[j];
-              const checked = item.checked;
-              const task = item.task;
-              let itemBody = '';
-              if (item.task) {
-                const checkbox = this.checkbox({
-                  checked: !!checked
-                });
-                if (loose) {
-                  if (item.tokens.length > 0 && item.tokens[0].type === 'paragraph') {
-                    item.tokens[0].text = checkbox + ' ' + item.tokens[0].text;
-                    if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === 'text') {
-                      item.tokens[0].tokens[0].text = checkbox + ' ' + item.tokens[0].tokens[0].text;
-                    }
-                  } else {
-                    item.tokens.unshift({
-                      type: 'text',
-                      text: checkbox + ' '
-                    });
-                  }
-                } else {
-                  itemBody += checkbox + ' ';
-                }
-              }
-              itemBody += this.parser.parse(item.tokens, loose);
-              body += this.listitem({
-                type: 'list_item',
-                raw: itemBody,
-                text: itemBody,
-                task,
-                checked: !!checked,
-                loose,
-                tokens: item.tokens
-              });
-            }
-            return func(body, ordered, start);
-          };
-        case 'html':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text, token.block);
-          };
-        case 'paragraph':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'escape':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text);
-          };
-        case 'link':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.href, token.title, this.parser.parseInline(token.tokens));
-          };
-        case 'image':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.href, token.title, token.text);
-          };
-        case 'strong':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'em':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'codespan':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text);
-          };
-        case 'del':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(this.parser.parseInline(token.tokens));
-          };
-        case 'text':
-          return function (token) {
-            if (!token.type || token.type !== prop) {
-              // @ts-ignore
-              // eslint-disable-next-line prefer-rest-params
-              return func.apply(this, arguments);
-            }
-            return func(token.text);
-          };
-        // do nothing
-      }
-      return func;
-    }
     setOptions(opt) {
       this.defaults = {
         ...this.defaults,
@@ -60710,8 +60483,9 @@
     parser(tokens, options) {
       return _Parser.parse(tokens, options ?? this.defaults);
     }
-    #parseMarkdown(lexer, parser) {
-      return (src, options) => {
+    parseMarkdown(lexer, parser) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const parse = (src, options) => {
         const origOpt = {
           ...options
         };
@@ -60719,14 +60493,11 @@
           ...this.defaults,
           ...origOpt
         };
-        // Show warning if an extension set async to true but the parse was called with async: false
+        const throwError = this.onError(!!opt.silent, !!opt.async);
+        // throw error if an extension set async to true but parse was called with async: false
         if (this.defaults.async === true && origOpt.async === false) {
-          if (!opt.silent) {
-            console.warn('marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored.');
-          }
-          opt.async = true;
+          return throwError(new Error('marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise.'));
         }
-        const throwError = this.#onError(!!opt.silent, !!opt.async);
         // throw error in case of non string input
         if (typeof src === 'undefined' || src === null) {
           return throwError(new Error('marked(): input parameter is undefined or null'));
@@ -60760,8 +60531,9 @@
           return throwError(e);
         }
       };
+      return parse;
     }
-    #onError(silent, async) {
+    onError(silent, async) {
       return e => {
         e.message += '\nPlease report this to https://github.com/markedjs/marked.';
         if (silent) {
@@ -86432,10 +86204,59 @@
       add: addEntry
     };
   }
+  function VersionTagEntry(props) {
+    const {
+      editField,
+      field
+    } = props;
+    const entries = [];
+    entries.push({
+      id: 'versionTag',
+      component: VersionTag,
+      editField: editField,
+      field: field,
+      isEdited: isEdited,
+      isDefaultVisible: field => field.type === 'default'
+    });
+    return entries;
+  }
+  function VersionTag(props) {
+    const {
+      editField,
+      field,
+      id
+    } = props;
+    const debounce = useService('debounce');
+    const path = ['versionTag'];
+    const getValue = () => {
+      return get(field, path, '');
+    };
+    const setValue = (value, error) => {
+      if (error) {
+        return;
+      }
+      return editField(field, path, value);
+    };
+    const tooltip = e("div", {
+      children: "Version tag by which this form can be referenced."
+    });
+    return TextfieldEntry({
+      debounce,
+      element: field,
+      getValue,
+      id,
+      label: 'Version tag',
+      setValue,
+      tooltip
+    });
+  }
   function GeneralGroup(field, editField, getService) {
     const entries = [...IdEntry({
       field,
       editField
+    }), ...VersionTagEntry({
+      field,
+      editField
     }), ...LabelEntry({
       field,
       editField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -45,8 +45,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^1.9.2",
-    "@bpmn-io/form-js-viewer": "^1.9.2",
+    "@bpmn-io/form-js-editor": "^1.10.0",
+    "@bpmn-io/form-js-viewer": "^1.10.0",
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/commands": "^6.5.0",
     "@codemirror/lang-json": "^6.0.1",
@@ -71,5 +71,5 @@
     "rollup-plugin-css-only": "^4.5.2",
     "style-loader": "^4.0.0"
   },
-  "gitHead": "74ba40e6fad356dad63315d3270b4ee61aec4058"
+  "gitHead": "50d5de8e46f342a99ce238231f958610ad2c6ae4"
 }