[🚀esl-media-query]: (POC) consider out of the box support for esl-media-query-list syntax recognition

[ala-n]

Request

As for now we have two syntaxes to declare ESLMediaRuleList:

• Tupple : ESLMediaRuleList.parse('value1|value2', '@mq1|@mq2');
• Arrow: ESLMediaRuleList.parse('@mq1 => value1| @mq2 =>value2');

It is requested to have out of the box method to support both notations in case media tuple used as a default method.
So
ESLMediaRuleList.parse('@mqAlt1 => value1| @mqAlt2 =>value2', '@mq1|@mq2'); or
ESLMediaRuleList.parseAuto('@mqAlt1 => value1| @mqAlt2 =>value2', '@mq1|@mq2'); parse first argument as an arrow syntax without default tuple consideration.

--- Usage Example ----

/** Parses adaptive value to optimized {@link ESLMediaRuleList} */
export const parseAdaptiveValue = (value: string, mask: string): ESLMediaRuleList => {
 if (value.includes('=>')) return ESLMediaRuleList.parse(value);
 const length = value.split('|').length;
 mask= mask.split('|').slice(0, length).join('|');
 return ESLMediaRuleList.parse(mask, value);
};

---

ACCETANCE CRITERIA

(Updated 16.07.2024)

• Current ESLMediaRuleList.parse is deprecated and available for reimplementation in 5th version
  So current parse implementation is not requested to be saved

• The result signature is expected to be the following:

   /** Alias for parseQuery */
   parse(query: string): ESLMediaRuleList;
   /** Alias for parseQuery */
   parse(query: string, parser: RulePayloadParser): ESLMediaRuleList;
   
    /** Parses query considering it tuple or query syntax based on the actual value */
   parse(query: string, mask: string): ESLMediaRuleList;
    /** Parses query considering it tuple or query syntax based on the actual value with passed parser for values */
   parse(query: string, mask: string, parser: RulePayloadParser): ESLMediaRuleList;

• USE DEFINITION OF THE ORIGINAL REQUEST AS A VALID AC

[ala-n]

🎉 This issue has been resolved in version 5.0.0-beta.25 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀