@plumeria/eslint-plugin 10.2.0 → 10.2.1

package/README.md

@@ -11,6 +11,7 @@ The `plugin:@plumeria/recommended` config enables the following:
 - `@plumeria/no-combinator`: **error**
 - `@plumeria/no-destructure`: **error**
 - `@plumeria/no-inner-call`: **error**
+- `@plumeria/no-unknown-css-properties`: **error**
 - `@plumeria/no-unused-keys`: **warn**
 - `@plumeria/sort-properties`: **warn**
 - `@plumeria/format-properties`: **warn**
@@ -35,11 +36,15 @@ Disallow combinators `>`, `+`, `~` and descendant combinator (space) unless insi
 
 ### no-destructure
 
-Disallow destructuring `css.create` and `css.props`, etc.
+Disallow destructuring APIs.
 
 ### no-inner-call
 
-Disallow calling `css.create`, etc. inside functions.
+Disallow calling APIs inside functions.
+
+### no-unknown-css-properties
+
+Disallow unknown CSS properties in camelCase within `css.create`, `css.keyframes`, and `css.viewTransition`.
 
 ### no-unused-keys
 

package/dist/rules/no-unknown-css-properties.js

@@ -10,7 +10,7 @@ exports.noUnknownCssProperties = {
     meta: {
         type: 'problem',
         docs: {
-            description: 'Disallow unknown CSS properties in camelCase within css.create',
+            description: 'Disallow unknown CSS properties in camelCase within css.create, css.keyframes, and css.viewTransition',
         },
         messages: {
             unknownProperty: "Unknown CSS property '{{ name }}'.",
@@ -35,25 +35,29 @@ exports.noUnknownCssProperties = {
                 }
             },
             CallExpression(node) {
-                let isCssCreate = false;
+                let isCssProperties = false;
                 if (node.callee.type === 'MemberExpression') {
                     if (node.callee.object.type === 'Identifier' &&
                         plumeriaAliases[node.callee.object.name] === 'NAMESPACE') {
                         const propertyName = node.callee.property.type === 'Identifier'
                             ? node.callee.property.name
                             : null;
-                        if (propertyName === 'create') {
-                            isCssCreate = true;
+                        if (propertyName === 'create' ||
+                            propertyName === 'keyframes' ||
+                            propertyName === 'viewTransition') {
+                            isCssProperties = true;
                         }
                     }
                 }
                 else if (node.callee.type === 'Identifier') {
                     const alias = plumeriaAliases[node.callee.name];
-                    if (alias === 'create') {
-                        isCssCreate = true;
+                    if (alias === 'create' ||
+                        alias === 'keyframes' ||
+                        alias === 'viewTransition') {
+                        isCssProperties = true;
                     }
                 }
-                if (isCssCreate) {
+                if (isCssProperties) {
                     node.arguments.forEach((arg) => {
                         if (arg.type === 'ObjectExpression') {
                             arg.properties.forEach((prop) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/eslint-plugin",
-  "version": "10.2.0",
+  "version": "10.2.1",
   "description": "Plumeria ESLint plugin",
   "author": "Refirst 11",
   "license": "MIT",