@pandacss/eslint-plugin 0.0.6 → 0.0.8

package/dist/index.js

@@ -7957,7 +7957,7 @@ init_cjs_shims();
 
 // package.json
 var name = "@pandacss/eslint-plugin";
-var version = "0.0.6";
+var version = "0.0.8";
 
 // src/configs/all.ts
 init_cjs_shims();
@@ -7992,6 +7992,7 @@ var import_utils2 = require("@typescript-eslint/utils");
 var isIdentifier = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.Identifier);
 var isLiteral = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.Literal);
 var isTemplateLiteral = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.TemplateLiteral);
+var isObjectExpression = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.ObjectExpression);
 var isMemberExpression = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.MemberExpression);
 var isVariableDeclarator = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.VariableDeclarator);
 var isVariableDeclaration = (0, import_ast_utils.isNodeOfType)(import_utils2.AST_NODE_TYPES.VariableDeclaration);
@@ -8099,17 +8100,14 @@ var isLocalStyledFactory = (node, context) => {
 var isValidFile = (context) => {
   return syncAction("isValidFile", getSyncOpts(context));
 };
-var isValidProperty = (name2, context) => {
-  return syncAction("isValidProperty", getSyncOpts(context), name2);
+var isValidProperty = (name2, context, calleName) => {
+  return syncAction("isValidProperty", getSyncOpts(context), name2, calleName);
 };
 var isPandaImport = (node, context) => {
   const imports = getImports(context);
   return imports.some((imp) => imp.mod === node.source.value);
 };
 var isPandaProp = (node, context) => {
-  const prop = node.name.name;
-  if (typeof prop !== "string" || !isValidProperty(prop, context))
-    return;
   const jsxAncestor = getAncestor(isJSXOpeningElement, node);
   if (!jsxAncestor)
     return;
@@ -8119,33 +8117,46 @@ var isPandaProp = (node, context) => {
     return;
   if (!isPandaIsh(jsxAncestor.name.name, context) && !isLocalStyledFactory(jsxAncestor, context))
     return;
+  const prop = node.name.name;
+  if (typeof prop !== "string" || !isValidProperty(prop, context, jsxAncestor.name.name))
+    return;
   return true;
 };
-var isPandaAttribute = (node, context) => {
+var isInPandaFunction = (node, context) => {
   const callAncestor = getAncestor(isCallExpression, node);
-  if (!callAncestor) {
-    const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
-    const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
-    if (!jsxExprAncestor || !jsxAttrAncestor)
-      return;
-    if (!isPandaProp(jsxAttrAncestor, context))
-      return;
-    if (!isValidStyledProp(jsxAttrAncestor.name, context))
-      return;
-    return true;
-  }
-  if (!isIdentifier(node.key))
-    return;
-  const attr = node.key.name;
-  if (!isValidProperty(attr, context))
+  if (!callAncestor)
     return;
+  let calleeName;
   if (isIdentifier(callAncestor.callee)) {
-    return isPandaIsh(callAncestor.callee.name, context);
+    calleeName = callAncestor.callee.name;
   }
   if (isMemberExpression(callAncestor.callee) && isIdentifier(callAncestor.callee.object)) {
-    return isPandaIsh(callAncestor.callee.object.name, context);
+    calleeName = callAncestor.callee.object.name;
   }
-  return;
+  if (!calleeName)
+    return;
+  if (!isPandaIsh(calleeName, context))
+    return;
+  if (!isIdentifier(node.key))
+    return;
+  const attr = node.key.name;
+  if (!isValidProperty(attr, context, calleeName))
+    return;
+  return true;
+};
+var isPandaAttribute = (node, context) => {
+  const callAncestor = getAncestor(isCallExpression, node);
+  if (callAncestor)
+    return isInPandaFunction(node, context);
+  const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
+  const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
+  if (!jsxExprAncestor || !jsxAttrAncestor)
+    return;
+  if (!isPandaProp(jsxAttrAncestor, context))
+    return;
+  if (!isValidStyledProp(jsxAttrAncestor.name, context))
+    return;
+  return true;
 };
 var resolveLonghand = (name2, context) => {
   return syncAction("resolveLongHand", getSyncOpts(context), name2);
@@ -8379,6 +8390,8 @@ var rule4 = createRule({
           return;
         if (isJSXExpressionContainer(node.value) && isTemplateLiteral(node.value.expression) && node.value.expression.expressions.length === 0)
           return;
+        if (isObjectExpression(node.value))
+          return;
         if (!isPandaProp(node, context))
           return;
         context.report({
@@ -8393,6 +8406,8 @@ var rule4 = createRule({
           return;
         if (isTemplateLiteral(node.value) && node.value.expressions.length === 0)
           return;
+        if (isObjectExpression(node.value))
+          return;
         if (!isPandaAttribute(node, context))
           return;
         context.report({

package/dist/index.mjs

@@ -10,7 +10,7 @@ var name, version;
 var init_package = __esm({
   "package.json"() {
     name = "@pandacss/eslint-plugin";
-    version = "0.0.6";
+    version = "0.0.8";
   }
 });
 
@@ -7950,7 +7950,7 @@ var require_dist3 = __commonJS({
 // src/utils/nodes.ts
 import { isNodeOfType } from "@typescript-eslint/utils/ast-utils";
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-var isIdentifier, isLiteral, isTemplateLiteral, isMemberExpression, isVariableDeclarator, isVariableDeclaration, isJSXMemberExpression, isJSXOpeningElement, isJSXExpressionContainer, isJSXAttribute, isJSXIdentifier, isCallExpression, isImportDeclaration, isImportSpecifier;
+var isIdentifier, isLiteral, isTemplateLiteral, isObjectExpression, isMemberExpression, isVariableDeclarator, isVariableDeclaration, isJSXMemberExpression, isJSXOpeningElement, isJSXExpressionContainer, isJSXAttribute, isJSXIdentifier, isCallExpression, isImportDeclaration, isImportSpecifier;
 var init_nodes = __esm({
   "src/utils/nodes.ts"() {
     "use strict";
@@ -7958,6 +7958,7 @@ var init_nodes = __esm({
     isIdentifier = isNodeOfType(AST_NODE_TYPES.Identifier);
     isLiteral = isNodeOfType(AST_NODE_TYPES.Literal);
     isTemplateLiteral = isNodeOfType(AST_NODE_TYPES.TemplateLiteral);
+    isObjectExpression = isNodeOfType(AST_NODE_TYPES.ObjectExpression);
     isMemberExpression = isNodeOfType(AST_NODE_TYPES.MemberExpression);
     isVariableDeclarator = isNodeOfType(AST_NODE_TYPES.VariableDeclarator);
     isVariableDeclaration = isNodeOfType(AST_NODE_TYPES.VariableDeclaration);
@@ -7973,7 +7974,7 @@ var init_nodes = __esm({
 });
 
 // src/utils/helpers.ts
-var import_scope_manager, getAncestor, getSyncOpts, getImportSpecifiers, _getImports, getImports, isValidStyledProp, isPandaIsh, findDeclaration, isLocalStyledFactory, isValidFile, isValidProperty, isPandaImport, isPandaProp, isPandaAttribute, resolveLonghand, resolveShorthand, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport;
+var import_scope_manager, getAncestor, getSyncOpts, getImportSpecifiers, _getImports, getImports, isValidStyledProp, isPandaIsh, findDeclaration, isLocalStyledFactory, isValidFile, isValidProperty, isPandaImport, isPandaProp, isInPandaFunction, isPandaAttribute, resolveLonghand, resolveShorthand, isColorAttribute, isColorToken, extractTokens, getInvalidTokens, getTokenImport;
 var init_helpers = __esm({
   "src/utils/helpers.ts"() {
     "use strict";
@@ -8075,17 +8076,14 @@ var init_helpers = __esm({
     isValidFile = (context) => {
       return syncAction("isValidFile", getSyncOpts(context));
     };
-    isValidProperty = (name2, context) => {
-      return syncAction("isValidProperty", getSyncOpts(context), name2);
+    isValidProperty = (name2, context, calleName) => {
+      return syncAction("isValidProperty", getSyncOpts(context), name2, calleName);
     };
     isPandaImport = (node, context) => {
       const imports = getImports(context);
       return imports.some((imp) => imp.mod === node.source.value);
     };
     isPandaProp = (node, context) => {
-      const prop = node.name.name;
-      if (typeof prop !== "string" || !isValidProperty(prop, context))
-        return;
       const jsxAncestor = getAncestor(isJSXOpeningElement, node);
       if (!jsxAncestor)
         return;
@@ -8095,33 +8093,46 @@ var init_helpers = __esm({
         return;
       if (!isPandaIsh(jsxAncestor.name.name, context) && !isLocalStyledFactory(jsxAncestor, context))
         return;
+      const prop = node.name.name;
+      if (typeof prop !== "string" || !isValidProperty(prop, context, jsxAncestor.name.name))
+        return;
       return true;
     };
-    isPandaAttribute = (node, context) => {
+    isInPandaFunction = (node, context) => {
       const callAncestor = getAncestor(isCallExpression, node);
-      if (!callAncestor) {
-        const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
-        const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
-        if (!jsxExprAncestor || !jsxAttrAncestor)
-          return;
-        if (!isPandaProp(jsxAttrAncestor, context))
-          return;
-        if (!isValidStyledProp(jsxAttrAncestor.name, context))
-          return;
-        return true;
-      }
-      if (!isIdentifier(node.key))
-        return;
-      const attr = node.key.name;
-      if (!isValidProperty(attr, context))
+      if (!callAncestor)
         return;
+      let calleeName;
       if (isIdentifier(callAncestor.callee)) {
-        return isPandaIsh(callAncestor.callee.name, context);
+        calleeName = callAncestor.callee.name;
       }
       if (isMemberExpression(callAncestor.callee) && isIdentifier(callAncestor.callee.object)) {
-        return isPandaIsh(callAncestor.callee.object.name, context);
+        calleeName = callAncestor.callee.object.name;
       }
-      return;
+      if (!calleeName)
+        return;
+      if (!isPandaIsh(calleeName, context))
+        return;
+      if (!isIdentifier(node.key))
+        return;
+      const attr = node.key.name;
+      if (!isValidProperty(attr, context, calleeName))
+        return;
+      return true;
+    };
+    isPandaAttribute = (node, context) => {
+      const callAncestor = getAncestor(isCallExpression, node);
+      if (callAncestor)
+        return isInPandaFunction(node, context);
+      const jsxExprAncestor = getAncestor(isJSXExpressionContainer, node);
+      const jsxAttrAncestor = getAncestor(isJSXAttribute, node);
+      if (!jsxExprAncestor || !jsxAttrAncestor)
+        return;
+      if (!isPandaProp(jsxAttrAncestor, context))
+        return;
+      if (!isValidStyledProp(jsxAttrAncestor.name, context))
+        return;
+      return true;
     };
     resolveLonghand = (name2, context) => {
       return syncAction("resolveLongHand", getSyncOpts(context), name2);
@@ -8391,6 +8402,8 @@ var init_no_dynamic_styling = __esm({
               return;
             if (isJSXExpressionContainer(node.value) && isTemplateLiteral(node.value.expression) && node.value.expression.expressions.length === 0)
               return;
+            if (isObjectExpression(node.value))
+              return;
             if (!isPandaProp(node, context))
               return;
             context.report({
@@ -8405,6 +8418,8 @@ var init_no_dynamic_styling = __esm({
               return;
             if (isTemplateLiteral(node.value) && node.value.expressions.length === 0)
               return;
+            if (isObjectExpression(node.value))
+              return;
             if (!isPandaAttribute(node, context))
               return;
             context.report({

package/dist/utils/worker.js

@@ -3390,6 +3390,7 @@ var createContext = (userConfig) => {
 var import_ts_path = require("@pandacss/config/ts-path");
 var import_config3 = require("@pandacss/config");
 var import_path = __toESM(require("path"));
+var import_fs = __toESM(require("fs"));
 var promise;
 var configPath;
 async function _getContext(configPath2) {
@@ -3401,6 +3402,7 @@ async function _getContext(configPath2) {
 }
 async function getContext(opts) {
   if (process.env.NODE_ENV === "test") {
+    configPath = opts.configPath;
     const ctx = createContext({ importMap: "./panda" });
     ctx.getFiles = () => ["App.tsx"];
     return ctx;
@@ -3410,6 +3412,27 @@ async function getContext(opts) {
     return await promise;
   }
 }
+async function getExtendWarnings() {
+  if (!configPath)
+    return [];
+  const cwd = import_path.default.dirname(configPath);
+  const { config: config2 } = await (0, import_config3.bundleConfig)({ cwd, file: configPath });
+  if (!config2.presets || config2.presets.length === 0)
+    return [];
+  if (config2.eject)
+    return [];
+  const warnings = /* @__PURE__ */ new Set();
+  if (config2.theme && !config2.theme.extend) {
+    warnings.add("theme");
+  }
+  if (config2.conditions && !config2.conditions.extend) {
+    warnings.add("conditions");
+  }
+  if (config2.patterns && !config2.patterns.extend) {
+    warnings.add("patterns");
+  }
+  return Array.from(warnings);
+}
 async function filterInvalidTokenz(ctx, paths) {
   return paths.filter((path2) => !ctx.utility.tokens.get(path2));
 }
@@ -3422,6 +3445,14 @@ async function isColorAttribute(ctx, _attr) {
   const attrConfig = ctx.utility.config[attr];
   return attrConfig?.values === "colors";
 }
+var arePathsEqual = (path1, path2) => {
+  const stats1 = import_fs.default.statSync(path1);
+  const stats2 = import_fs.default.statSync(path2);
+  return stats1.dev === stats2.dev && stats1.ino === stats2.ino;
+};
+async function isConfigFile(fileName) {
+  return arePathsEqual(configPath, fileName);
+}
 async function isValidFile(ctx, fileName) {
   return ctx.getFiles().includes(fileName);
 }
@@ -3437,8 +3468,15 @@ async function resolveLongHand(ctx, name) {
   }
   return reverseShorthandsMap.get(name);
 }
-async function isValidProperty(ctx, name) {
-  return ctx.isValidProperty(name);
+async function isValidProperty(ctx, name, patternName) {
+  if (ctx.isValidProperty(name))
+    return true;
+  if (!patternName)
+    return;
+  const pattern = ctx.patterns.details.find((p) => p.baseName === patternName || p.jsx.includes(patternName))?.config.properties;
+  if (!pattern)
+    return;
+  return Object.keys(pattern).includes(name);
 }
 async function matchFile(ctx, name, imports) {
   const file = ctx.imports.file(imports);
@@ -3465,6 +3503,8 @@ async function runAsync(action, opts, ...args) {
       return resolveLongHand(ctx, ...args);
     case "resolveShorthand":
       return resolveShorthand(ctx, ...args);
+    case "isConfigFile":
+      return isConfigFile(opts.currentFile);
     case "isValidFile":
       return isValidFile(ctx, opts.currentFile);
     case "isColorAttribute":
@@ -3473,6 +3513,8 @@ async function runAsync(action, opts, ...args) {
       return isColorToken(ctx, ...args);
     case "filterInvalidTokenz":
       return filterInvalidTokenz(ctx, ...args);
+    case "getExtendWarnings":
+      return getExtendWarnings();
   }
 }
 function run(action, opts, ...args) {

package/dist/utils/worker.mjs

@@ -3372,8 +3372,9 @@ init_esm_shims();
 
 // src/utils/worker.ts
 import { resolveTsPathPattern } from "@pandacss/config/ts-path";
-import { findConfig } from "@pandacss/config";
+import { findConfig, bundleConfig } from "@pandacss/config";
 import path from "path";
+import fs from "fs";
 var promise;
 var configPath;
 async function _getContext(configPath2) {
@@ -3385,6 +3386,7 @@ async function _getContext(configPath2) {
 }
 async function getContext(opts) {
   if (process.env.NODE_ENV === "test") {
+    configPath = opts.configPath;
     const ctx = createContext({ importMap: "./panda" });
     ctx.getFiles = () => ["App.tsx"];
     return ctx;
@@ -3394,6 +3396,27 @@ async function getContext(opts) {
     return await promise;
   }
 }
+async function getExtendWarnings() {
+  if (!configPath)
+    return [];
+  const cwd = path.dirname(configPath);
+  const { config: config2 } = await bundleConfig({ cwd, file: configPath });
+  if (!config2.presets || config2.presets.length === 0)
+    return [];
+  if (config2.eject)
+    return [];
+  const warnings = /* @__PURE__ */ new Set();
+  if (config2.theme && !config2.theme.extend) {
+    warnings.add("theme");
+  }
+  if (config2.conditions && !config2.conditions.extend) {
+    warnings.add("conditions");
+  }
+  if (config2.patterns && !config2.patterns.extend) {
+    warnings.add("patterns");
+  }
+  return Array.from(warnings);
+}
 async function filterInvalidTokenz(ctx, paths) {
   return paths.filter((path2) => !ctx.utility.tokens.get(path2));
 }
@@ -3406,6 +3429,14 @@ async function isColorAttribute(ctx, _attr) {
   const attrConfig = ctx.utility.config[attr];
   return attrConfig?.values === "colors";
 }
+var arePathsEqual = (path1, path2) => {
+  const stats1 = fs.statSync(path1);
+  const stats2 = fs.statSync(path2);
+  return stats1.dev === stats2.dev && stats1.ino === stats2.ino;
+};
+async function isConfigFile(fileName) {
+  return arePathsEqual(configPath, fileName);
+}
 async function isValidFile(ctx, fileName) {
   return ctx.getFiles().includes(fileName);
 }
@@ -3421,8 +3452,15 @@ async function resolveLongHand(ctx, name) {
   }
   return reverseShorthandsMap.get(name);
 }
-async function isValidProperty(ctx, name) {
-  return ctx.isValidProperty(name);
+async function isValidProperty(ctx, name, patternName) {
+  if (ctx.isValidProperty(name))
+    return true;
+  if (!patternName)
+    return;
+  const pattern = ctx.patterns.details.find((p) => p.baseName === patternName || p.jsx.includes(patternName))?.config.properties;
+  if (!pattern)
+    return;
+  return Object.keys(pattern).includes(name);
 }
 async function matchFile(ctx, name, imports) {
   const file = ctx.imports.file(imports);
@@ -3449,6 +3487,8 @@ async function runAsync(action, opts, ...args) {
       return resolveLongHand(ctx, ...args);
     case "resolveShorthand":
       return resolveShorthand(ctx, ...args);
+    case "isConfigFile":
+      return isConfigFile(opts.currentFile);
     case "isValidFile":
       return isValidFile(ctx, opts.currentFile);
     case "isColorAttribute":
@@ -3457,6 +3497,8 @@ async function runAsync(action, opts, ...args) {
       return isColorToken(ctx, ...args);
     case "filterInvalidTokenz":
       return filterInvalidTokenz(ctx, ...args);
+    case "getExtendWarnings":
+      return getExtendWarnings();
   }
 }
 function run(action, opts, ...args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/eslint-plugin",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Eslint plugin for Panda CSS",
   "author": "Abraham Aremu <anubra266@gmail.com>",
   "main": "dist/index.js",
@@ -26,10 +26,10 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/config": "^0.28.0",
-    "@pandacss/generator": "^0.28.0",
-    "@pandacss/node": "^0.28.0",
-    "@pandacss/shared": "^0.28.0",
+    "@pandacss/config": "^0.29.1",
+    "@pandacss/generator": "^0.29.1",
+    "@pandacss/node": "^0.29.1",
+    "@pandacss/shared": "^0.29.1",
     "@typescript-eslint/utils": "^6.19.1",
     "hookable": "^5.5.3",
     "synckit": "^0.9.0"