@wordpress/block-editor 12.7.0 → 12.8.0

package/build-module/utils/transform-styles/ast/parse.js

@@ -1,37 +1,39 @@
 /* eslint-disable @wordpress/no-unused-vars-before-return */
+
 // Adapted from https://github.com/reworkcss/css
 // because we needed to remove source map support.
+
 // http://www.w3.org/TR/CSS21/grammar.htm
 // https://github.com/visionmedia/css-parse/pull/49#issuecomment-30088027
 const commentre = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
 export default function (css, options) {
   options = options || {};
+
   /**
    * Positional.
    */
 
   let lineno = 1;
   let column = 1;
+
   /**
    * Update lineno and column based on `str`.
    */
 
   function updatePosition(str) {
     const lines = str.match(/\n/g);
-
     if (lines) {
       lineno += lines.length;
     }
-
-    const i = str.lastIndexOf('\n'); // eslint-disable-next-line no-bitwise
-
+    const i = str.lastIndexOf('\n');
+    // eslint-disable-next-line no-bitwise
     column = ~i ? str.length - i : column + str.length;
   }
+
   /**
    * Mark position and patch `node.position`.
    */
 
-
   function position() {
     const start = {
       line: lineno,
@@ -43,11 +45,11 @@ export default function (css, options) {
       return node;
     };
   }
+
   /**
    * Store position information for a node
    */
 
-
   function Position(start) {
     this.start = start;
     this.end = {
@@ -56,18 +58,18 @@ export default function (css, options) {
     };
     this.source = options.source;
   }
+
   /**
    * Non-enumerable source string
    */
 
-
   Position.prototype.content = css;
+
   /**
    * Error `msg`.
    */
 
   const errorsList = [];
-
   function error(msg) {
     const err = new Error(options.source + ':' + lineno + ':' + column + ': ' + msg);
     err.reason = msg;
@@ -75,18 +77,17 @@ export default function (css, options) {
     err.line = lineno;
     err.column = column;
     err.source = css;
-
     if (options.silent) {
       errorsList.push(err);
     } else {
       throw err;
     }
   }
+
   /**
    * Parse stylesheet.
    */
 
-
   function stylesheet() {
     const rulesList = rules();
     return {
@@ -98,108 +99,97 @@ export default function (css, options) {
       }
     };
   }
+
   /**
    * Opening brace.
    */
 
-
   function open() {
     return match(/^{\s*/);
   }
+
   /**
    * Closing brace.
    */
 
-
   function close() {
     return match(/^}/);
   }
+
   /**
    * Parse ruleset.
    */
 
-
   function rules() {
     let node;
     const accumulator = [];
     whitespace();
     comments(accumulator);
-
     while (css.length && css.charAt(0) !== '}' && (node = atrule() || rule())) {
       if (node !== false) {
         accumulator.push(node);
         comments(accumulator);
       }
     }
-
     return accumulator;
   }
+
   /**
    * Match `re` and return captures.
    */
 
-
   function match(re) {
     const m = re.exec(css);
-
     if (!m) {
       return;
     }
-
     const str = m[0];
     updatePosition(str);
     css = css.slice(str.length);
     return m;
   }
+
   /**
    * Parse whitespace.
    */
 
-
   function whitespace() {
     match(/^\s*/);
   }
+
   /**
    * Parse comments;
    */
 
-
   function comments(accumulator) {
     let c;
-    accumulator = accumulator || []; // eslint-disable-next-line no-cond-assign
-
+    accumulator = accumulator || [];
+    // eslint-disable-next-line no-cond-assign
     while (c = comment()) {
       if (c !== false) {
         accumulator.push(c);
       }
     }
-
     return accumulator;
   }
+
   /**
    * Parse comment.
    */
 
-
   function comment() {
     const pos = position();
-
     if ('/' !== css.charAt(0) || '*' !== css.charAt(1)) {
       return;
     }
-
     let i = 2;
-
     while ('' !== css.charAt(i) && ('*' !== css.charAt(i) || '/' !== css.charAt(i + 1))) {
       ++i;
     }
-
     i += 2;
-
     if ('' === css.charAt(i - 1)) {
       return error('End of comment missing');
     }
-
     const str = css.slice(2, i - 2);
     column += 2;
     updatePosition(str);
@@ -210,149 +200,137 @@ export default function (css, options) {
       comment: str
     });
   }
+
   /**
    * Parse selector.
    */
 
-
   function selector() {
     const m = match(/^([^{]+)/);
-
     if (!m) {
       return;
-    } // FIXME: Remove all comments from selectors http://ostermiller.org/findcomment.html
-
-
+    }
+    // FIXME: Remove all comments from selectors http://ostermiller.org/findcomment.html
     return trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, '').replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function (matched) {
       return matched.replace(/,/g, '\u200C');
     }).split(/\s*(?![^(]*\)),\s*/).map(function (s) {
       return s.replace(/\u200C/g, ',');
     });
   }
+
   /**
    * Parse declaration.
    */
 
-
   function declaration() {
-    const pos = position(); // prop.
+    const pos = position();
 
+    // prop.
     let prop = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
-
     if (!prop) {
       return;
     }
+    prop = trim(prop[0]);
 
-    prop = trim(prop[0]); // :
-
+    // :
     if (!match(/^:\s*/)) {
       return error("property missing ':'");
-    } // val.
-
+    }
 
+    // val.
     const val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
     const ret = pos({
       type: 'declaration',
       property: prop.replace(commentre, ''),
       value: val ? trim(val[0]).replace(commentre, '') : ''
-    }); // ;
+    });
 
+    // ;
     match(/^[;\s]*/);
     return ret;
   }
+
   /**
    * Parse declarations.
    */
 
-
   function declarations() {
     const decls = [];
-
     if (!open()) {
       return error("missing '{'");
     }
+    comments(decls);
 
-    comments(decls); // declarations.
-
-    let decl; // eslint-disable-next-line no-cond-assign
-
+    // declarations.
+    let decl;
+    // eslint-disable-next-line no-cond-assign
     while (decl = declaration()) {
       if (decl !== false) {
         decls.push(decl);
         comments(decls);
       }
     }
-
     if (!close()) {
       return error("missing '}'");
     }
-
     return decls;
   }
+
   /**
    * Parse keyframe.
    */
 
-
   function keyframe() {
     let m;
     const vals = [];
-    const pos = position(); // eslint-disable-next-line no-cond-assign
+    const pos = position();
 
+    // eslint-disable-next-line no-cond-assign
     while (m = match(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/)) {
       vals.push(m[1]);
       match(/^,\s*/);
     }
-
     if (!vals.length) {
       return;
     }
-
     return pos({
       type: 'keyframe',
       values: vals,
       declarations: declarations()
     });
   }
+
   /**
    * Parse keyframes.
    */
 
-
   function atkeyframes() {
     const pos = position();
     let m = match(/^@([-\w]+)?keyframes\s*/);
-
     if (!m) {
       return;
     }
+    const vendor = m[1];
 
-    const vendor = m[1]; // identifier
-
+    // identifier
     m = match(/^([-\w]+)\s*/);
-
     if (!m) {
       return error('@keyframes missing name');
     }
-
     const name = m[1];
-
     if (!open()) {
       return error("@keyframes missing '{'");
     }
-
     let frame;
-    let frames = comments(); // eslint-disable-next-line no-cond-assign
-
+    let frames = comments();
+    // eslint-disable-next-line no-cond-assign
     while (frame = keyframe()) {
       frames.push(frame);
       frames = frames.concat(comments());
     }
-
     if (!close()) {
       return error("@keyframes missing '}'");
     }
-
     return pos({
       type: 'keyframes',
       name,
@@ -360,179 +338,174 @@ export default function (css, options) {
       keyframes: frames
     });
   }
+
   /**
    * Parse supports.
    */
 
-
   function atsupports() {
     const pos = position();
     const m = match(/^@supports *([^{]+)/);
-
     if (!m) {
       return;
     }
-
     const supports = trim(m[1]);
-
     if (!open()) {
       return error("@supports missing '{'");
     }
-
     const style = comments().concat(rules());
-
     if (!close()) {
       return error("@supports missing '}'");
     }
-
     return pos({
       type: 'supports',
       supports,
       rules: style
     });
   }
+
   /**
    * Parse host.
    */
 
-
   function athost() {
     const pos = position();
     const m = match(/^@host\s*/);
-
     if (!m) {
       return;
     }
-
     if (!open()) {
       return error("@host missing '{'");
     }
-
     const style = comments().concat(rules());
-
     if (!close()) {
       return error("@host missing '}'");
     }
-
     return pos({
       type: 'host',
       rules: style
     });
   }
+
   /**
    * Parse media.
    */
 
-
   function atmedia() {
     const pos = position();
     const m = match(/^@media *([^{]+)/);
-
     if (!m) {
       return;
     }
-
     const media = trim(m[1]);
-
     if (!open()) {
       return error("@media missing '{'");
     }
-
     const style = comments().concat(rules());
-
     if (!close()) {
       return error("@media missing '}'");
     }
-
     return pos({
       type: 'media',
       media,
       rules: style
     });
   }
+
   /**
-   * Parse custom-media.
+   * Parse container.
    */
 
+  function atcontainer() {
+    const pos = position();
+    const m = match(/^@container *([^{]+)/);
+    if (!m) {
+      return;
+    }
+    const container = trim(m[1]);
+    if (!open()) {
+      return error("@container missing '{'");
+    }
+    const style = comments().concat(rules());
+    if (!close()) {
+      return error("@container missing '}'");
+    }
+    return pos({
+      type: 'container',
+      container,
+      rules: style
+    });
+  }
+
+  /**
+   * Parse custom-media.
+   */
 
   function atcustommedia() {
     const pos = position();
     const m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
-
     if (!m) {
       return;
     }
-
     return pos({
       type: 'custom-media',
       name: trim(m[1]),
       media: trim(m[2])
     });
   }
+
   /**
    * Parse paged media.
    */
 
-
   function atpage() {
     const pos = position();
     const m = match(/^@page */);
-
     if (!m) {
       return;
     }
-
     const sel = selector() || [];
-
     if (!open()) {
       return error("@page missing '{'");
     }
+    let decls = comments();
 
-    let decls = comments(); // declarations.
-
-    let decl; // eslint-disable-next-line no-cond-assign
-
+    // declarations.
+    let decl;
+    // eslint-disable-next-line no-cond-assign
     while (decl = declaration()) {
       decls.push(decl);
       decls = decls.concat(comments());
     }
-
     if (!close()) {
       return error("@page missing '}'");
     }
-
     return pos({
       type: 'page',
       selectors: sel,
       declarations: decls
     });
   }
+
   /**
    * Parse document.
    */
 
-
   function atdocument() {
     const pos = position();
     const m = match(/^@([-\w]+)?document *([^{]+)/);
-
     if (!m) {
       return;
     }
-
     const vendor = trim(m[1]);
     const doc = trim(m[2]);
-
     if (!open()) {
       return error("@document missing '{'");
     }
-
     const style = comments().concat(rules());
-
     if (!close()) {
       return error("@document missing '}'");
     }
-
     return pos({
       type: 'document',
       document: doc,
@@ -540,74 +513,68 @@ export default function (css, options) {
       rules: style
     });
   }
+
   /**
    * Parse font-face.
    */
 
-
   function atfontface() {
     const pos = position();
     const m = match(/^@font-face\s*/);
-
     if (!m) {
       return;
     }
-
     if (!open()) {
       return error("@font-face missing '{'");
     }
+    let decls = comments();
 
-    let decls = comments(); // declarations.
-
-    let decl; // eslint-disable-next-line no-cond-assign
-
+    // declarations.
+    let decl;
+    // eslint-disable-next-line no-cond-assign
     while (decl = declaration()) {
       decls.push(decl);
       decls = decls.concat(comments());
     }
-
     if (!close()) {
       return error("@font-face missing '}'");
     }
-
     return pos({
       type: 'font-face',
       declarations: decls
     });
   }
+
   /**
    * Parse import
    */
 
-
   const atimport = _compileAtrule('import');
+
   /**
    * Parse charset
    */
 
-
   const atcharset = _compileAtrule('charset');
+
   /**
    * Parse namespace
    */
 
-
   const atnamespace = _compileAtrule('namespace');
+
   /**
    * Parse non-block at-rules
    */
 
-
   function _compileAtrule(name) {
     const re = new RegExp('^@' + name + '\\s*([^;]+);');
     return function () {
       const pos = position();
       const m = match(re);
-
       if (!m) {
         return;
       }
-
       const ret = {
         type: name
       };
@@ -615,31 +582,28 @@ export default function (css, options) {
       return pos(ret);
     };
   }
+
   /**
    * Parse at rule.
    */
 
-
   function atrule() {
     if (css[0] !== '@') {
       return;
     }
-
-    return atkeyframes() || atmedia() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
+    return atkeyframes() || atmedia() || atcontainer() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
   }
+
   /**
    * Parse rule.
    */
 
-
   function rule() {
     const pos = position();
     const sel = selector();
-
     if (!sel) {
       return error('selector missing');
     }
-
     comments();
     return pos({
       type: 'rule',
@@ -647,9 +611,9 @@ export default function (css, options) {
       declarations: declarations()
     });
   }
-
   return addParent(stylesheet());
 }
+
 /**
  * Trim `str`.
  */
@@ -657,18 +621,16 @@ export default function (css, options) {
 function trim(str) {
   return str ? str.replace(/^\s+|\s+$/g, '') : '';
 }
+
 /**
  * Adds non-enumerable parent node reference to each node.
  */
 
-
 function addParent(obj, parent) {
   const isNode = obj && typeof obj.type === 'string';
   const childParent = isNode ? obj : parent;
-
   for (const k in obj) {
     const value = obj[k];
-
     if (Array.isArray(value)) {
       value.forEach(function (v) {
         addParent(v, childParent);
@@ -677,7 +639,6 @@ function addParent(obj, parent) {
       addParent(value, childParent);
     }
   }
-
   if (isNode) {
     Object.defineProperty(obj, 'parent', {
       configurable: true,
@@ -686,8 +647,8 @@ function addParent(obj, parent) {
       value: parent || null
     });
   }
-
   return obj;
 }
+
 /* eslint-enable @wordpress/no-unused-vars-before-return */
 //# sourceMappingURL=parse.js.map