feat(packages): eslint plugin #1045

gabrielmfern · 2023-11-21T16:39:12Z

Example output from linting one email

   66:21  warning  'text-align' is only partially supported on Gmail for IOS (versions 2021-09).

Notes on its support:
- 2021-09:
  * Partial. Flow-relative values `start` and `end` are not supported with non Gmail account
                                                                 @react-email/no-partially-supported-on-gmail-android
   66:21  warning  'text-align' is only partially supported on Gmail for IOS (versions 2021-09).

Notes on its support:
- 2021-09:
  * Partial. Flow-relative values `start` and `end` are not supported with non Gmail account
                                                                 @react-email/no-partially-supported-on-gmail-i-o-s
   67:21  warning  'rgba()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgba(0:128 0 / 1)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped
        @react-email/no-partially-supported-on-gmail-android
   67:21  warning  'rgba()' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgba(0:128 0 / 1)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped         @react-email/no-partially-supported-on-gmail-desktop-webmail
   67:21  warning  'rgba()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgba(0:128 0 / 1)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped             @react-email/no-partially-supported-on-gmail-i-o-s
   67:21  warning  'rgba()' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgba(0:128 0 / 1)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped  @react-email/no-partially-supported-on-gmail-mobile-webmail
   67:21  error    'conic-gradient()' is not supported on Gmail for Android (versions 2022-12)                                                                                                                                                                                                                                                                                                             @react-email/no-unsupported-on-gmail-android
   67:21  error    'conic-gradient()' is not supported on Gmail for the web (versions 2022-12)                                                                                                                                                                                                                                                                                                             @react-email/no-unsupported-on-gmail-desktop-webmail
   67:21  error    'conic-gradient()' is not supported on Gmail for Android (versions 2022-12)                                                                                                                                                                                                                                                                                                             @react-email/no-unsupported-on-gmail-i-o-s
   67:21  error    'conic-gradient()' is not supported on Gmail for the mobile web (versions 2022-12)                                                                                                                                                                                                                                                                                                      @react-email/no-unsupported-on-gmail-mobile-webmail
   77:21  warning  'text-align' is only partially supported on Gmail for IOS (versions 2021-09).

Notes on its support:
- 2021-09:
  * Partial. Flow-relative values `start` and `end` are not supported with non Gmail account                                                                                                                                                                           @react-email/no-partially-supported-on-gmail-android
   77:21  warning  'text-align' is only partially supported on Gmail for IOS (versions 2021-09).

Notes on its support:
- 2021-09:
  * Partial. Flow-relative values `start` and `end` are not supported with non Gmail account                                                                                                                                                                           @react-email/no-partially-supported-on-gmail-i-o-s
   97:21  warning  'color' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-android
   97:21  warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-android
   97:21  warning  'color' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped               @react-email/no-partially-supported-on-gmail-desktop-webmail
   97:21  warning  'rgb()' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped               @react-email/no-partially-supported-on-gmail-desktop-webmail
   97:21  warning  'color' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-i-o-s
   97:21  warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-i-o-s
   97:21  warning  'color' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped        @react-email/no-partially-supported-on-gmail-mobile-webmail
   97:21  warning  'rgb()' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped        @react-email/no-partially-supported-on-gmail-mobile-webmail
  132:15  warning  'text-align' is only partially supported on Gmail for IOS (versions 2021-09).

Notes on its support:
- 2021-09:
  * Partial. Flow-relative values `start` and `end` are not supported with non Gmail account                                                                                                                                                                           @react-email/no-partially-supported-on-gmail-android
  132:15  warning  'text-align' is only partially supported on Gmail for IOS (versions 2021-09).

Notes on its support:
- 2021-09:
  * Partial. Flow-relative values `start` and `end` are not supported with non Gmail account                                                                                                                                                                           @react-email/no-partially-supported-on-gmail-i-o-s
  134:15  warning  'color' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-android
  134:15  warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-android
  134:15  warning  'color' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped               @react-email/no-partially-supported-on-gmail-desktop-webmail
  134:15  warning  'rgb()' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped               @react-email/no-partially-supported-on-gmail-desktop-webmail
  134:15  warning  'color' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-i-o-s
  134:15  warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-i-o-s
  134:15  warning  'color' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped        @react-email/no-partially-supported-on-gmail-mobile-webmail
  134:15  warning  'rgb()' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped        @react-email/no-partially-supported-on-gmail-mobile-webmail
  171:3   warning  'display' is only partially supported on Gmail for IOS (versions 2021-12).

Notes on its support:
- 2021-12:
  * Partial. `flex`, `grid`, `flow-root`, `contents`, `inline flow-root`, `inline flex`, `inline grid`, `initial`, `revert`, `unset` are not supported with non Google accounts                                                                                           @react-email/no-partially-supported-on-gmail-android
  171:3   warning  'display: flex' is only partially supported on Gmail for IOS (versions 2020-11).

Notes on its support:
- 2020-11:
  * Not supported with non Google accounts                                                                                                                                                                                                                          @react-email/no-partially-supported-on-gmail-android
  171:3   warning  'display' is only partially supported on Gmail for IOS (versions 2021-12).

Notes on its support:
- 2021-12:
  * Partial. `flex`, `grid`, `flow-root`, `contents`, `inline flow-root`, `inline flex`, `inline grid`, `initial`, `revert`, `unset` are not supported with non Google accounts                                                                                           @react-email/no-partially-supported-on-gmail-i-o-s
  171:3   warning  'display: flex' is only partially supported on Gmail for IOS (versions 2020-11).

Notes on its support:
- 2020-11:
  * Not supported with non Google accounts                                                                                                                                                                                                                          @react-email/no-partially-supported-on-gmail-i-o-s
  172:3   error    'justify-content' is not supported on Gmail for Android (versions 2020-12)                                                                                                                                                                                                                                                                                                              @react-email/no-unsupported-on-gmail-android
  172:3   error    'justify-content' is not supported on Gmail for the web (versions 2020-12)                                                                                                                                                                                                                                                                                                              @react-email/no-unsupported-on-gmail-desktop-webmail
  172:3   error    'justify-content' is not supported on Gmail for Android (versions 2020-12)                                                                                                                                                                                                                                                                                                              @react-email/no-unsupported-on-gmail-i-o-s
  172:3   error    'justify-content' is not supported on Gmail for the mobile web (versions 2020-12)                                                                                                                                                                                                                                                                                                       @react-email/no-unsupported-on-gmail-mobile-webmail
  179:3   warning  'color' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-android
  179:3   warning  'color' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped               @react-email/no-partially-supported-on-gmail-desktop-webmail
  179:3   warning  'color' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-i-o-s
  179:3   warning  'color' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped        @react-email/no-partially-supported-on-gmail-mobile-webmail
  181:3   warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-android
  181:3   warning  'rgb()' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped               @react-email/no-partially-supported-on-gmail-desktop-webmail
  181:3   warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-i-o-s
  181:3   warning  'rgb()' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped        @react-email/no-partially-supported-on-gmail-mobile-webmail
  187:3   warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-android
  187:3   warning  'rgb()' is only partially supported on Gmail for the web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped               @react-email/no-partially-supported-on-gmail-desktop-webmail
  187:3   warning  'rgb()' is only partially supported on Gmail for IOS (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped                   @react-email/no-partially-supported-on-gmail-i-o-s
  187:3   warning  'rgb()' is only partially supported on Gmail for the mobile web (versions 2021-08).

Notes on its support:
- 2021-08:
  * Whitespace syntax is not supported (`rgb(0:128 0 / 1)`).
  * whitespace syntax (`rgb(0:128 0)`): when used in the `style` attribute of an element, the whole attribute is stripped. When used inside `<style>`, the whole `<style>` block is stripped        @react-email/no-partially-supported-on-gmail-mobile-webmail

✖ 50 problems (8 errors, 42 warnings)

vercel · 2024-01-24T18:55:03Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-email	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 15, 2024 10:24am
react-email-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 15, 2024 10:24am

…values

…operly

…es into a codegen folder and refactor it

…ing to 85%

…no[...]

…onfig for the emails folder

…s with partial values on unknown and partial support

… name of the feature is a CSS property

gabrielmfern changed the title ~~Feat/eslint plugin~~ feat(packages): eslint plugin Nov 21, 2023

gabrielmfern force-pushed the feat/eslint-plugin branch from c478a17 to c7ce5b0 Compare December 18, 2023 19:59

gabrielmfern force-pushed the feat/eslint-plugin branch from 18fd971 to e77ce12 Compare January 24, 2024 18:54

vercel bot deployed to Preview – react-email-demo January 24, 2024 19:00 View deployment

vercel bot deployed to Preview – react-email January 24, 2024 19:01 View deployment

gabrielmfern added 24 commits January 25, 2024 08:57

feat (eslint-plugin): add no-base64-image rule on a base of a plugin

7cc74da

feat (eslint-plugin): generate most css style rules

c168c88

feat (eslint-plugin): break up some rules into various properties or …

631996d

…values

fix (eslint-plugin): build errors and exports

1932638

fix (eslint-plugin): property style rules not detecting properties pr…

eca9aa4

…operly

chore: update lock

81222ff

chore (eslint-plugin): separate the generate-no-unsupported-style-rul…

95b009b

…es into a codegen folder and refactor it

feat (eslint-plugin): add jsdocs to the addRule function for codegen

6b8e922

fix (eslint-plugin): codegen for no style property rules

1f16adc

feat (eslint-plugin): add codegen for html attribs and elements

a8db021

chore (eslint-plugin): decrease support percentage needed for no warn…

8461c89

…ing to 85%

fix (eslint-plugin): codegen's addRule util not prefixing rules with …

9e806d3

…no[...]

feat (eslint-plugin): add html rules with codegen

a9bf316

feat (eslint-plugin): update exports and package name

5f83e6c

feat (eslint-plugin): update the README

4872a30

fix (eslint-plugin): update README to recommend creating a specific c…

f281b47

…onfig for the emails folder

feat (docs): add eslint plugin section to utilities

a0db402

chore: update lock

3a91e6a

fix (eslint-plugin): make @typescript-eslint/utils a dependency

c6df271

chore (eslint-plugin): pin important dependencies

da8c5ed

feat (eslint-plugin): use an abstract value for supported environment…

064d1e6

…s with partial values on unknown and partial support

feat (eslint-plugin):generate unsupported style rules checking if the…

23c8572

… name of the feature is a CSS property

feat (eslint-plugin): add the html prefix to the html rules

e56d639

feat (eslint-plugin): generate base rules from codegen

9231f55

gabrielmfern added 3 commits August 15, 2024 07:21

add changeset

0641596

push version back to be bumped later

18ee9d3

format

2d620da

gabrielmfern force-pushed the feat/eslint-plugin branch from 968e038 to 2d620da Compare August 15, 2024 10:21

vercel bot deployed to Preview – react-email August 15, 2024 10:22 View deployment

vercel bot deployed to Preview – react-email-demo August 15, 2024 10:24 View deployment

gabrielmfern marked this pull request as ready for review August 15, 2024 10:42

gabrielmfern force-pushed the canary branch from e996546 to dfff229 Compare August 22, 2024 14:36

gabrielmfern force-pushed the canary branch 5 times, most recently from 92e6dc1 to 76bbf7b Compare September 13, 2024 14:35

gabrielmfern force-pushed the canary branch 2 times, most recently from 4473810 to ad2e6c4 Compare September 26, 2024 18:10

gabrielmfern force-pushed the canary branch 2 times, most recently from f69b971 to 86fe0ef Compare October 1, 2024 14:10

gabrielmfern force-pushed the canary branch 3 times, most recently from 0b21151 to 30a20d6 Compare October 14, 2024 14:58

gabrielmfern force-pushed the canary branch 4 times, most recently from 0426d02 to 868acde Compare November 5, 2024 19:07

gabrielmfern force-pushed the canary branch 2 times, most recently from 74d49e5 to 6facd7c Compare November 13, 2024 17:18

gabrielmfern force-pushed the canary branch from 0c899b1 to 92594b8 Compare November 20, 2024 19:26

gabrielmfern force-pushed the canary branch from 89cfe1c to 6781316 Compare December 2, 2024 17:09

gabrielmfern force-pushed the canary branch 2 times, most recently from 4ee4d1d to 0187b0a Compare December 23, 2024 13:28

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(packages): eslint plugin #1045

feat(packages): eslint plugin #1045

gabrielmfern commented Nov 21, 2023 •

edited

Loading

vercel bot commented Jan 24, 2024 •

edited

Loading

feat(packages): eslint plugin #1045

Are you sure you want to change the base?

feat(packages): eslint plugin #1045

Conversation

gabrielmfern commented Nov 21, 2023 • edited Loading

vercel bot commented Jan 24, 2024 • edited Loading

gabrielmfern commented Nov 21, 2023 •

edited

Loading

vercel bot commented Jan 24, 2024 •

edited

Loading