@rotki/eslint-plugin 0.1.0 → 0.2.1

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
+const createDebug = require('debug');
 const node_path = require('node:path');
 const compat = require('eslint-compat-utils');
-const createDebug = require('debug');
 const scule = require('scule');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
@@ -19,12 +19,12 @@ function _interopNamespaceCompat(e) {
   return n;
 }
 
-const compat__namespace = /*#__PURE__*/_interopNamespaceCompat(compat);
 const createDebug__default = /*#__PURE__*/_interopDefaultCompat(createDebug);
+const compat__namespace = /*#__PURE__*/_interopNamespaceCompat(compat);
 
 const name = "@rotki/eslint-plugin";
-const version = "0.1.0";
-const packageManager = "pnpm@8.14.1";
+const version = "0.2.1";
+const packageManager = "pnpm@8.14.3";
 const type = "module";
 const license = "AGPL-3.0";
 const bugs = {
@@ -70,25 +70,26 @@ const peerDependencies = {
 	eslint: "^8.0.0 || ^9.0.0"
 };
 const dependencies = {
-	"@typescript-eslint/utils": "6.19.0",
+	"@typescript-eslint/utils": "6.19.1",
 	debug: "4.3.4",
 	"eslint-compat-utils": "0.4.1",
 	"jsonc-eslint-parser": "2.4.0",
 	scule: "1.2.0",
-	"vue-eslint-parser": "9.4.1",
+	"vue-eslint-parser": "9.4.2",
 	"yaml-eslint-parser": "1.2.2"
 };
 const devDependencies = {
 	"@commitlint/cli": "18.5.0",
 	"@commitlint/config-conventional": "18.5.0",
-	"@rotki/eslint-config": "2.3.0",
+	"@rotki/eslint-config": "2.4.1",
 	"@types/debug": "4.1.12",
 	"@types/eslint": "8.56.2",
 	"@types/node": "20",
-	"@typescript-eslint/eslint-plugin": "6.19.0",
-	"@typescript-eslint/parser": "6.19.0",
-	"@typescript-eslint/rule-tester": "6.19.0",
+	"@typescript-eslint/eslint-plugin": "6.19.1",
+	"@typescript-eslint/parser": "6.19.1",
+	"@typescript-eslint/rule-tester": "6.19.1",
 	bumpp: "9.3.0",
+	debug: "4.3.4",
 	eslint: "8.56.0",
 	husky: "8.0.3",
 	"lint-staged": "15.2.0",
@@ -195,8 +196,65 @@ function defineTemplateBodyVisitor(context, templateBodyVisitor, scriptVisitor,
   );
 }
 
-const RULE_NAME$1 = "no-deprecated-classes";
-const replacements$1 = [
+function getStringLiteralValue(node, stringOnly = false) {
+  if (node.type === "Literal") {
+    if (node.value == null) {
+      if (!stringOnly && node.bigint != null)
+        return node.bigint;
+      return null;
+    }
+    if (typeof node.value === "string")
+      return node.value;
+    if (!stringOnly)
+      return String(node.value);
+    return null;
+  }
+  if (node.type === "TemplateLiteral" && node.expressions.length === 0 && node.quasis.length === 1)
+    return node.quasis[0].value.cooked;
+  return null;
+}
+function getStaticPropertyName(node) {
+  if (node.type === "Property" || node.type === "MethodDefinition") {
+    if (!node.computed) {
+      const key2 = node.key;
+      if (key2.type === "Identifier")
+        return key2.name;
+    }
+    const key = node.key;
+    return getStringLiteralValue(key);
+  } else if (node.type === "MemberExpression") {
+    if (!node.computed) {
+      const property2 = node.property;
+      if (property2.type === "Identifier")
+        return property2.name;
+      return null;
+    }
+    const property = node.property;
+    return getStringLiteralValue(property);
+  }
+  return null;
+}
+
+function createRecommended(plugin, name, flat) {
+  const rules = Object.fromEntries(Object.entries(plugin.rules).filter(([_key, rule]) => rule.meta.recommended === "recommended" && !rule.meta.deprecated).map(([key]) => [`${name}/${key}`, 2]));
+  if (flat) {
+    return {
+      plugins: {
+        [name]: plugin
+      },
+      rules
+    };
+  } else {
+    return {
+      plugins: [name],
+      rules
+    };
+  }
+}
+
+const RULE_NAME$3 = "no-deprecated-classes";
+const debug$2 = createDebug__default("@rotki/eslint-plugin:no-deprecated-classes");
+const replacements$2 = [
   ["d-block", "block"],
   ["d-flex", "flex"],
   ["flex-column", "flex-col"],
@@ -225,51 +283,122 @@ function isString(replacement) {
 function isRegex(replacement) {
   return replacement[0] instanceof RegExp;
 }
+function findReplacement(className) {
+  for (const replacement of replacements$2) {
+    if (isString(replacement) && replacement[0] === className)
+      return replacement[1];
+    if (isRegex(replacement)) {
+      const matches = (replacement[0].exec(className) || []).slice(1);
+      const replace = replacement[1];
+      if (matches.length > 0 && typeof replace === "function")
+        return replace(matches);
+    }
+  }
+  return void 0;
+}
+function getRange(node) {
+  if (node.type === "VAttribute" && node.value && node.value.range)
+    return node.value.range;
+  return node.range;
+}
+function reportReplacement(className, replacement, node, context, position = 1) {
+  debug$2(`found replacement ${replacement} for ${className}`);
+  const source = getSourceCode(context);
+  const initialRange = getRange(node);
+  const range = [
+    initialRange[0] + position,
+    initialRange[0] + position + className.length
+  ];
+  const loc = {
+    end: source.getLocFromIndex(range[1]),
+    start: source.getLocFromIndex(range[0])
+  };
+  context.report({
+    data: {
+      className,
+      replacement
+    },
+    fix(fixer) {
+      return fixer.replaceTextRange(range, replacement);
+    },
+    loc,
+    messageId: "replacedWith"
+  });
+}
+function* extractClassNames(node, textOnly = false) {
+  if (node.type === "Literal") {
+    const classNames = `${node.value}`;
+    yield* classNames.split(/\s+/).map((className) => ({ className, position: classNames.indexOf(className) + 1, reportNode: node }));
+    return;
+  }
+  if (node.type === "TemplateLiteral") {
+    for (const templateElement of node.quasis) {
+      const classNames = templateElement.value.cooked;
+      if (classNames === null)
+        continue;
+      yield* classNames.split(/\s+/).map((className) => ({ className, position: classNames.indexOf(className) + 1, reportNode: templateElement }));
+    }
+    for (const expr of node.expressions)
+      yield* extractClassNames(expr, true);
+    return;
+  }
+  if (node.type === "BinaryExpression") {
+    if (node.operator !== "+")
+      return;
+    yield* extractClassNames(node.left, true);
+    yield* extractClassNames(node.right, true);
+    return;
+  }
+  if (textOnly)
+    return;
+  if (node.type === "ObjectExpression") {
+    for (const prop of node.properties) {
+      if (prop.type !== "Property")
+        continue;
+      const classNames = getStaticPropertyName(prop);
+      if (!classNames)
+        continue;
+      yield* classNames.split(/\s+/).map((className) => ({ className, position: classNames.indexOf(className) + 1, reportNode: prop.key }));
+    }
+    return;
+  }
+  if (node.type === "ArrayExpression") {
+    for (const element of node.elements) {
+      if (element == null)
+        continue;
+      if (element.type === "SpreadElement")
+        continue;
+      yield* extractClassNames(element);
+    }
+  }
+  if (node.type === "ConditionalExpression") {
+    yield* extractClassNames(node.consequent);
+    yield* extractClassNames(node.alternate);
+  }
+}
 const noDeprecatedClasses = createEslintRule({
   create(context) {
     return defineTemplateBodyVisitor(context, {
-      'VAttribute[key.name="class"]': function(node) {
+      'VAttribute[directive=false][key.name="class"]': function(node) {
         if (!node.value || !node.value.value)
           return;
-        const classes = node.value.value.split(/\s+/).filter((s) => !!s);
-        const source = getSourceCode(context);
-        const replaced = [];
-        classes.forEach((className) => {
-          for (const replacement of replacements$1) {
-            if (isString(replacement) && replacement[0] === className)
-              replaced.push([className, replacement[1]]);
-            if (isRegex(replacement)) {
-              const matches = (replacement[0].exec(className) || []).slice(1);
-              const replace = replacement[1];
-              if (matches.length > 0 && typeof replace === "function")
-                return replaced.push([className, replace(matches)]);
-            }
-          }
-        });
-        replaced.forEach((replacement) => {
-          if (!node.value)
-            return;
-          const idx = node.value.value.indexOf(replacement[0]) + 1;
-          const range = [
-            node.value.range[0] + idx,
-            node.value.range[0] + idx + replacement[0].length
-          ];
-          const loc = {
-            end: source.getLocFromIndex(range[1]),
-            start: source.getLocFromIndex(range[0])
-          };
-          context.report({
-            data: {
-              a: replacement[0],
-              b: replacement[1]
-            },
-            fix(fixer) {
-              return fixer.replaceTextRange(range, replacement[1]);
-            },
-            loc,
-            messageId: "replacedWith"
-          });
-        });
+        for (const className of node.value.value.split(/\s+/).filter((s) => !!s)) {
+          const replacement = findReplacement(className);
+          const position = node.value.value.indexOf(className) + 1;
+          if (!replacement)
+            continue;
+          reportReplacement(className, replacement, node, context, position);
+        }
+      },
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='class'] > VExpressionContainer.value": function(node) {
+        if (!node.expression)
+          return;
+        for (const { className, position, reportNode } of extractClassNames(node.expression)) {
+          const replacement = findReplacement(className);
+          if (!replacement)
+            continue;
+          reportReplacement(className, replacement, reportNode, context, position);
+        }
       }
     });
   },
@@ -281,25 +410,25 @@ const noDeprecatedClasses = createEslintRule({
     },
     fixable: "code",
     messages: {
-      replacedWith: `'{{ a }}' has been replaced with '{{ b }}'`
+      replacedWith: `'{{ className }}' has been replaced with '{{ replacement }}'`
     },
     schema: [],
     type: "problem"
   },
-  name: RULE_NAME$1
+  name: RULE_NAME$3
 });
 
-const debug = createDebug__default("@rotki/eslint-plugin:no-deprecated-components");
-const RULE_NAME = "no-deprecated-components";
-const replacements = {
+const debug$1 = createDebug__default("@rotki/eslint-plugin:no-deprecated-components");
+const RULE_NAME$2 = "no-deprecated-components";
+const replacements$1 = {
   DataTable: true,
   Fragment: false
 };
 const skipInLegacy = [
   "Fragment"
 ];
-function hasReplacement(tag) {
-  return Object.prototype.hasOwnProperty.call(replacements, tag);
+function hasReplacement$1(tag) {
+  return Object.prototype.hasOwnProperty.call(replacements$1, tag);
 }
 const noDeprecatedComponents = createEslintRule({
   create(context, optionsWithDefault) {
@@ -311,11 +440,11 @@ const noDeprecatedComponents = createEslintRule({
         const sourceCode = getSourceCode(context);
         if (!("getTemplateBodyTokenStore" in sourceCode.parserServices))
           throw new Error("cannot find getTemplateBodyTokenStore in parserServices");
-        if (!hasReplacement(tag))
+        if (!hasReplacement$1(tag))
           return;
-        const replacement = replacements[tag];
+        const replacement = replacements$1[tag];
         if (replacement || legacy && skipInLegacy.includes(tag)) {
-          debug(`${tag} has been deprecated`);
+          debug$1(`${tag} has been deprecated`);
           context.report({
             data: {
               name: scule.snakeCase(tag)
@@ -324,7 +453,7 @@ const noDeprecatedComponents = createEslintRule({
             node: element
           });
         } else {
-          debug(`${tag} has will be removed`);
+          debug$1(`${tag} has will be removed`);
           context.report({
             data: {
               name: scule.snakeCase(tag)
@@ -367,6 +496,109 @@ const noDeprecatedComponents = createEslintRule({
     ],
     type: "problem"
   },
+  name: RULE_NAME$2
+});
+
+const debug = createDebug__default("@rotki/eslint-plugin:no-deprecated-props");
+const RULE_NAME$1 = "no-deprecated-props";
+const replacements = {
+  RuiRadio: {
+    internalValue: "value"
+  }
+};
+function hasReplacement(tag) {
+  return Object.prototype.hasOwnProperty.call(replacements, tag);
+}
+function getPropName(node) {
+  if (node.directive) {
+    if (node.key.argument?.type !== "VIdentifier")
+      return void 0;
+    return scule.kebabCase(node.key.argument.rawName);
+  }
+  return scule.kebabCase(node.key.rawName);
+}
+const noDeprecatedProps = createEslintRule({
+  create(context) {
+    return defineTemplateBodyVisitor(context, {
+      VAttribute(node) {
+        if (node.directive && (node.value?.type === "VExpressionContainer" && (node.key.name.name !== "bind" || !node.key.argument)))
+          return;
+        const tag = scule.pascalCase(node.parent.parent.rawName);
+        if (!hasReplacement(tag))
+          return;
+        debug(`${tag} has replacement properties`);
+        const propName = getPropName(node);
+        const propNameNode = node.directive ? node.key.argument : node.key;
+        if (!propName || !propNameNode) {
+          debug("could not get prop name and/or node");
+          return;
+        }
+        Object.entries(replacements[tag]).forEach(([prop, replacement]) => {
+          if (scule.kebabCase(prop) === propName) {
+            debug(`preparing a replacement for ${tag}:${propName} -> ${replacement}`);
+            context.report({
+              data: {
+                prop,
+                replacement
+              },
+              fix(fixer) {
+                return fixer.replaceText(propNameNode, replacement);
+              },
+              messageId: "replacedWith",
+              node: propNameNode
+            });
+          }
+        });
+      }
+    });
+  },
+  defaultOptions: [],
+  meta: {
+    docs: {
+      description: "..."
+    },
+    fixable: "code",
+    messages: {
+      replacedWith: `'{{ prop }}' has been replaced with '{{ replacement }}'`
+    },
+    schema: [],
+    type: "problem"
+  },
+  name: RULE_NAME$1
+});
+
+const RULE_NAME = "no-legacy-library-import";
+const legacyLibrary = "@rotki/ui-library-compat";
+const newLibrary = "@rotki/ui-library";
+const noLegacyLibraryImport = createEslintRule({
+  create(context) {
+    return {
+      ImportDeclaration(node) {
+        if (!node.source.value.startsWith(legacyLibrary))
+          return;
+        const replacement = node.source.value.replace(legacyLibrary, newLibrary);
+        context.report({
+          fix(fixer) {
+            return fixer.replaceText(node.source, `'${replacement}'`);
+          },
+          messageId: "replacedWith",
+          node: node.source
+        });
+      }
+    };
+  },
+  defaultOptions: [],
+  meta: {
+    docs: {
+      description: `Reports and replaces imports of ${legacyLibrary} with ${newLibrary}`
+    },
+    fixable: "code",
+    messages: {
+      replacedWith: `${legacyLibrary} has been replaced by ${newLibrary}`
+    },
+    schema: [],
+    type: "problem"
+  },
   name: RULE_NAME
 });
 
@@ -377,28 +609,13 @@ const plugin = {
   },
   rules: {
     "no-deprecated-classes": noDeprecatedClasses,
-    "no-deprecated-components": noDeprecatedComponents
+    "no-deprecated-components": noDeprecatedComponents,
+    "no-deprecated-props": noDeprecatedProps,
+    "no-legacy-library-import": noLegacyLibraryImport
   }
 };
 const plugin$1 = plugin;
 
-function createRecommended(plugin, name, flat) {
-  const rules = Object.fromEntries(Object.entries(plugin.rules).filter(([_key, rule]) => rule.meta.recommended === "recommended" && !rule.meta.deprecated).map(([key]) => [`${name}/${key}`, 2]));
-  if (flat) {
-    return {
-      plugins: {
-        [name]: plugin
-      },
-      rules
-    };
-  } else {
-    return {
-      plugins: [name],
-      rules
-    };
-  }
-}
-
 const configs = {
   "recommended": createRecommended(plugin$1, "@rotki", false),
   "recommended-flat": createRecommended(plugin$1, "@rotki", true)

package/dist/index.d.cts

@@ -16,6 +16,8 @@ declare const plugin: {
     rules: {
         'no-deprecated-classes': PluginRuleModule<[]>;
         'no-deprecated-components': PluginRuleModule<Options>;
+        'no-deprecated-props': PluginRuleModule<[]>;
+        'no-legacy-library-import': PluginRuleModule<[]>;
     };
 };
 
@@ -27,6 +29,8 @@ declare const _default: {
     rules: {
         'no-deprecated-classes': PluginRuleModule<[]>;
         'no-deprecated-components': PluginRuleModule<Options>;
+        'no-deprecated-props': PluginRuleModule<[]>;
+        'no-legacy-library-import': PluginRuleModule<[]>;
     };
 } & {
     configs: {
@@ -40,6 +44,8 @@ declare const _default: {
                     rules: {
                         'no-deprecated-classes': PluginRuleModule<[]>;
                         'no-deprecated-components': PluginRuleModule<Options>;
+                        'no-deprecated-props': PluginRuleModule<[]>;
+                        'no-legacy-library-import': PluginRuleModule<[]>;
                     };
                 };
             };
@@ -62,6 +68,8 @@ declare const _default: {
                     rules: {
                         'no-deprecated-classes': PluginRuleModule<[]>;
                         'no-deprecated-components': PluginRuleModule<Options>;
+                        'no-deprecated-props': PluginRuleModule<[]>;
+                        'no-legacy-library-import': PluginRuleModule<[]>;
                     };
                 };
             };

package/dist/index.d.mts

@@ -16,6 +16,8 @@ declare const plugin: {
     rules: {
         'no-deprecated-classes': PluginRuleModule<[]>;
         'no-deprecated-components': PluginRuleModule<Options>;
+        'no-deprecated-props': PluginRuleModule<[]>;
+        'no-legacy-library-import': PluginRuleModule<[]>;
     };
 };
 
@@ -27,6 +29,8 @@ declare const _default: {
     rules: {
         'no-deprecated-classes': PluginRuleModule<[]>;
         'no-deprecated-components': PluginRuleModule<Options>;
+        'no-deprecated-props': PluginRuleModule<[]>;
+        'no-legacy-library-import': PluginRuleModule<[]>;
     };
 } & {
     configs: {
@@ -40,6 +44,8 @@ declare const _default: {
                     rules: {
                         'no-deprecated-classes': PluginRuleModule<[]>;
                         'no-deprecated-components': PluginRuleModule<Options>;
+                        'no-deprecated-props': PluginRuleModule<[]>;
+                        'no-legacy-library-import': PluginRuleModule<[]>;
                     };
                 };
             };
@@ -62,6 +68,8 @@ declare const _default: {
                     rules: {
                         'no-deprecated-classes': PluginRuleModule<[]>;
                         'no-deprecated-components': PluginRuleModule<Options>;
+                        'no-deprecated-props': PluginRuleModule<[]>;
+                        'no-legacy-library-import': PluginRuleModule<[]>;
                     };
                 };
             };

package/dist/index.d.ts

@@ -16,6 +16,8 @@ declare const plugin: {
     rules: {
         'no-deprecated-classes': PluginRuleModule<[]>;
         'no-deprecated-components': PluginRuleModule<Options>;
+        'no-deprecated-props': PluginRuleModule<[]>;
+        'no-legacy-library-import': PluginRuleModule<[]>;
     };
 };
 
@@ -27,6 +29,8 @@ declare const _default: {
     rules: {
         'no-deprecated-classes': PluginRuleModule<[]>;
         'no-deprecated-components': PluginRuleModule<Options>;
+        'no-deprecated-props': PluginRuleModule<[]>;
+        'no-legacy-library-import': PluginRuleModule<[]>;
     };
 } & {
     configs: {
@@ -40,6 +44,8 @@ declare const _default: {
                     rules: {
                         'no-deprecated-classes': PluginRuleModule<[]>;
                         'no-deprecated-components': PluginRuleModule<Options>;
+                        'no-deprecated-props': PluginRuleModule<[]>;
+                        'no-legacy-library-import': PluginRuleModule<[]>;
                     };
                 };
             };
@@ -62,6 +68,8 @@ declare const _default: {
                     rules: {
                         'no-deprecated-classes': PluginRuleModule<[]>;
                         'no-deprecated-components': PluginRuleModule<Options>;
+                        'no-deprecated-props': PluginRuleModule<[]>;
+                        'no-legacy-library-import': PluginRuleModule<[]>;
                     };
                 };
             };

package/dist/index.mjs

@@ -1,11 +1,11 @@
+import createDebug from 'debug';
 import { extname } from 'node:path';
 import * as compat from 'eslint-compat-utils';
-import createDebug from 'debug';
-import { pascalCase, snakeCase } from 'scule';
+import { pascalCase, snakeCase, kebabCase } from 'scule';
 
 const name = "@rotki/eslint-plugin";
-const version = "0.1.0";
-const packageManager = "pnpm@8.14.1";
+const version = "0.2.1";
+const packageManager = "pnpm@8.14.3";
 const type = "module";
 const license = "AGPL-3.0";
 const bugs = {
@@ -51,25 +51,26 @@ const peerDependencies = {
 	eslint: "^8.0.0 || ^9.0.0"
 };
 const dependencies = {
-	"@typescript-eslint/utils": "6.19.0",
+	"@typescript-eslint/utils": "6.19.1",
 	debug: "4.3.4",
 	"eslint-compat-utils": "0.4.1",
 	"jsonc-eslint-parser": "2.4.0",
 	scule: "1.2.0",
-	"vue-eslint-parser": "9.4.1",
+	"vue-eslint-parser": "9.4.2",
 	"yaml-eslint-parser": "1.2.2"
 };
 const devDependencies = {
 	"@commitlint/cli": "18.5.0",
 	"@commitlint/config-conventional": "18.5.0",
-	"@rotki/eslint-config": "2.3.0",
+	"@rotki/eslint-config": "2.4.1",
 	"@types/debug": "4.1.12",
 	"@types/eslint": "8.56.2",
 	"@types/node": "20",
-	"@typescript-eslint/eslint-plugin": "6.19.0",
-	"@typescript-eslint/parser": "6.19.0",
-	"@typescript-eslint/rule-tester": "6.19.0",
+	"@typescript-eslint/eslint-plugin": "6.19.1",
+	"@typescript-eslint/parser": "6.19.1",
+	"@typescript-eslint/rule-tester": "6.19.1",
 	bumpp: "9.3.0",
+	debug: "4.3.4",
 	eslint: "8.56.0",
 	husky: "8.0.3",
 	"lint-staged": "15.2.0",
@@ -176,8 +177,65 @@ function defineTemplateBodyVisitor(context, templateBodyVisitor, scriptVisitor,
   );
 }
 
-const RULE_NAME$1 = "no-deprecated-classes";
-const replacements$1 = [
+function getStringLiteralValue(node, stringOnly = false) {
+  if (node.type === "Literal") {
+    if (node.value == null) {
+      if (!stringOnly && node.bigint != null)
+        return node.bigint;
+      return null;
+    }
+    if (typeof node.value === "string")
+      return node.value;
+    if (!stringOnly)
+      return String(node.value);
+    return null;
+  }
+  if (node.type === "TemplateLiteral" && node.expressions.length === 0 && node.quasis.length === 1)
+    return node.quasis[0].value.cooked;
+  return null;
+}
+function getStaticPropertyName(node) {
+  if (node.type === "Property" || node.type === "MethodDefinition") {
+    if (!node.computed) {
+      const key2 = node.key;
+      if (key2.type === "Identifier")
+        return key2.name;
+    }
+    const key = node.key;
+    return getStringLiteralValue(key);
+  } else if (node.type === "MemberExpression") {
+    if (!node.computed) {
+      const property2 = node.property;
+      if (property2.type === "Identifier")
+        return property2.name;
+      return null;
+    }
+    const property = node.property;
+    return getStringLiteralValue(property);
+  }
+  return null;
+}
+
+function createRecommended(plugin, name, flat) {
+  const rules = Object.fromEntries(Object.entries(plugin.rules).filter(([_key, rule]) => rule.meta.recommended === "recommended" && !rule.meta.deprecated).map(([key]) => [`${name}/${key}`, 2]));
+  if (flat) {
+    return {
+      plugins: {
+        [name]: plugin
+      },
+      rules
+    };
+  } else {
+    return {
+      plugins: [name],
+      rules
+    };
+  }
+}
+
+const RULE_NAME$3 = "no-deprecated-classes";
+const debug$2 = createDebug("@rotki/eslint-plugin:no-deprecated-classes");
+const replacements$2 = [
   ["d-block", "block"],
   ["d-flex", "flex"],
   ["flex-column", "flex-col"],
@@ -206,51 +264,122 @@ function isString(replacement) {
 function isRegex(replacement) {
   return replacement[0] instanceof RegExp;
 }
+function findReplacement(className) {
+  for (const replacement of replacements$2) {
+    if (isString(replacement) && replacement[0] === className)
+      return replacement[1];
+    if (isRegex(replacement)) {
+      const matches = (replacement[0].exec(className) || []).slice(1);
+      const replace = replacement[1];
+      if (matches.length > 0 && typeof replace === "function")
+        return replace(matches);
+    }
+  }
+  return void 0;
+}
+function getRange(node) {
+  if (node.type === "VAttribute" && node.value && node.value.range)
+    return node.value.range;
+  return node.range;
+}
+function reportReplacement(className, replacement, node, context, position = 1) {
+  debug$2(`found replacement ${replacement} for ${className}`);
+  const source = getSourceCode(context);
+  const initialRange = getRange(node);
+  const range = [
+    initialRange[0] + position,
+    initialRange[0] + position + className.length
+  ];
+  const loc = {
+    end: source.getLocFromIndex(range[1]),
+    start: source.getLocFromIndex(range[0])
+  };
+  context.report({
+    data: {
+      className,
+      replacement
+    },
+    fix(fixer) {
+      return fixer.replaceTextRange(range, replacement);
+    },
+    loc,
+    messageId: "replacedWith"
+  });
+}
+function* extractClassNames(node, textOnly = false) {
+  if (node.type === "Literal") {
+    const classNames = `${node.value}`;
+    yield* classNames.split(/\s+/).map((className) => ({ className, position: classNames.indexOf(className) + 1, reportNode: node }));
+    return;
+  }
+  if (node.type === "TemplateLiteral") {
+    for (const templateElement of node.quasis) {
+      const classNames = templateElement.value.cooked;
+      if (classNames === null)
+        continue;
+      yield* classNames.split(/\s+/).map((className) => ({ className, position: classNames.indexOf(className) + 1, reportNode: templateElement }));
+    }
+    for (const expr of node.expressions)
+      yield* extractClassNames(expr, true);
+    return;
+  }
+  if (node.type === "BinaryExpression") {
+    if (node.operator !== "+")
+      return;
+    yield* extractClassNames(node.left, true);
+    yield* extractClassNames(node.right, true);
+    return;
+  }
+  if (textOnly)
+    return;
+  if (node.type === "ObjectExpression") {
+    for (const prop of node.properties) {
+      if (prop.type !== "Property")
+        continue;
+      const classNames = getStaticPropertyName(prop);
+      if (!classNames)
+        continue;
+      yield* classNames.split(/\s+/).map((className) => ({ className, position: classNames.indexOf(className) + 1, reportNode: prop.key }));
+    }
+    return;
+  }
+  if (node.type === "ArrayExpression") {
+    for (const element of node.elements) {
+      if (element == null)
+        continue;
+      if (element.type === "SpreadElement")
+        continue;
+      yield* extractClassNames(element);
+    }
+  }
+  if (node.type === "ConditionalExpression") {
+    yield* extractClassNames(node.consequent);
+    yield* extractClassNames(node.alternate);
+  }
+}
 const noDeprecatedClasses = createEslintRule({
   create(context) {
     return defineTemplateBodyVisitor(context, {
-      'VAttribute[key.name="class"]': function(node) {
+      'VAttribute[directive=false][key.name="class"]': function(node) {
         if (!node.value || !node.value.value)
           return;
-        const classes = node.value.value.split(/\s+/).filter((s) => !!s);
-        const source = getSourceCode(context);
-        const replaced = [];
-        classes.forEach((className) => {
-          for (const replacement of replacements$1) {
-            if (isString(replacement) && replacement[0] === className)
-              replaced.push([className, replacement[1]]);
-            if (isRegex(replacement)) {
-              const matches = (replacement[0].exec(className) || []).slice(1);
-              const replace = replacement[1];
-              if (matches.length > 0 && typeof replace === "function")
-                return replaced.push([className, replace(matches)]);
-            }
-          }
-        });
-        replaced.forEach((replacement) => {
-          if (!node.value)
-            return;
-          const idx = node.value.value.indexOf(replacement[0]) + 1;
-          const range = [
-            node.value.range[0] + idx,
-            node.value.range[0] + idx + replacement[0].length
-          ];
-          const loc = {
-            end: source.getLocFromIndex(range[1]),
-            start: source.getLocFromIndex(range[0])
-          };
-          context.report({
-            data: {
-              a: replacement[0],
-              b: replacement[1]
-            },
-            fix(fixer) {
-              return fixer.replaceTextRange(range, replacement[1]);
-            },
-            loc,
-            messageId: "replacedWith"
-          });
-        });
+        for (const className of node.value.value.split(/\s+/).filter((s) => !!s)) {
+          const replacement = findReplacement(className);
+          const position = node.value.value.indexOf(className) + 1;
+          if (!replacement)
+            continue;
+          reportReplacement(className, replacement, node, context, position);
+        }
+      },
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='class'] > VExpressionContainer.value": function(node) {
+        if (!node.expression)
+          return;
+        for (const { className, position, reportNode } of extractClassNames(node.expression)) {
+          const replacement = findReplacement(className);
+          if (!replacement)
+            continue;
+          reportReplacement(className, replacement, reportNode, context, position);
+        }
       }
     });
   },
@@ -262,25 +391,25 @@ const noDeprecatedClasses = createEslintRule({
     },
     fixable: "code",
     messages: {
-      replacedWith: `'{{ a }}' has been replaced with '{{ b }}'`
+      replacedWith: `'{{ className }}' has been replaced with '{{ replacement }}'`
     },
     schema: [],
     type: "problem"
   },
-  name: RULE_NAME$1
+  name: RULE_NAME$3
 });
 
-const debug = createDebug("@rotki/eslint-plugin:no-deprecated-components");
-const RULE_NAME = "no-deprecated-components";
-const replacements = {
+const debug$1 = createDebug("@rotki/eslint-plugin:no-deprecated-components");
+const RULE_NAME$2 = "no-deprecated-components";
+const replacements$1 = {
   DataTable: true,
   Fragment: false
 };
 const skipInLegacy = [
   "Fragment"
 ];
-function hasReplacement(tag) {
-  return Object.prototype.hasOwnProperty.call(replacements, tag);
+function hasReplacement$1(tag) {
+  return Object.prototype.hasOwnProperty.call(replacements$1, tag);
 }
 const noDeprecatedComponents = createEslintRule({
   create(context, optionsWithDefault) {
@@ -292,11 +421,11 @@ const noDeprecatedComponents = createEslintRule({
         const sourceCode = getSourceCode(context);
         if (!("getTemplateBodyTokenStore" in sourceCode.parserServices))
           throw new Error("cannot find getTemplateBodyTokenStore in parserServices");
-        if (!hasReplacement(tag))
+        if (!hasReplacement$1(tag))
           return;
-        const replacement = replacements[tag];
+        const replacement = replacements$1[tag];
         if (replacement || legacy && skipInLegacy.includes(tag)) {
-          debug(`${tag} has been deprecated`);
+          debug$1(`${tag} has been deprecated`);
           context.report({
             data: {
               name: snakeCase(tag)
@@ -305,7 +434,7 @@ const noDeprecatedComponents = createEslintRule({
             node: element
           });
         } else {
-          debug(`${tag} has will be removed`);
+          debug$1(`${tag} has will be removed`);
           context.report({
             data: {
               name: snakeCase(tag)
@@ -348,6 +477,109 @@ const noDeprecatedComponents = createEslintRule({
     ],
     type: "problem"
   },
+  name: RULE_NAME$2
+});
+
+const debug = createDebug("@rotki/eslint-plugin:no-deprecated-props");
+const RULE_NAME$1 = "no-deprecated-props";
+const replacements = {
+  RuiRadio: {
+    internalValue: "value"
+  }
+};
+function hasReplacement(tag) {
+  return Object.prototype.hasOwnProperty.call(replacements, tag);
+}
+function getPropName(node) {
+  if (node.directive) {
+    if (node.key.argument?.type !== "VIdentifier")
+      return void 0;
+    return kebabCase(node.key.argument.rawName);
+  }
+  return kebabCase(node.key.rawName);
+}
+const noDeprecatedProps = createEslintRule({
+  create(context) {
+    return defineTemplateBodyVisitor(context, {
+      VAttribute(node) {
+        if (node.directive && (node.value?.type === "VExpressionContainer" && (node.key.name.name !== "bind" || !node.key.argument)))
+          return;
+        const tag = pascalCase(node.parent.parent.rawName);
+        if (!hasReplacement(tag))
+          return;
+        debug(`${tag} has replacement properties`);
+        const propName = getPropName(node);
+        const propNameNode = node.directive ? node.key.argument : node.key;
+        if (!propName || !propNameNode) {
+          debug("could not get prop name and/or node");
+          return;
+        }
+        Object.entries(replacements[tag]).forEach(([prop, replacement]) => {
+          if (kebabCase(prop) === propName) {
+            debug(`preparing a replacement for ${tag}:${propName} -> ${replacement}`);
+            context.report({
+              data: {
+                prop,
+                replacement
+              },
+              fix(fixer) {
+                return fixer.replaceText(propNameNode, replacement);
+              },
+              messageId: "replacedWith",
+              node: propNameNode
+            });
+          }
+        });
+      }
+    });
+  },
+  defaultOptions: [],
+  meta: {
+    docs: {
+      description: "..."
+    },
+    fixable: "code",
+    messages: {
+      replacedWith: `'{{ prop }}' has been replaced with '{{ replacement }}'`
+    },
+    schema: [],
+    type: "problem"
+  },
+  name: RULE_NAME$1
+});
+
+const RULE_NAME = "no-legacy-library-import";
+const legacyLibrary = "@rotki/ui-library-compat";
+const newLibrary = "@rotki/ui-library";
+const noLegacyLibraryImport = createEslintRule({
+  create(context) {
+    return {
+      ImportDeclaration(node) {
+        if (!node.source.value.startsWith(legacyLibrary))
+          return;
+        const replacement = node.source.value.replace(legacyLibrary, newLibrary);
+        context.report({
+          fix(fixer) {
+            return fixer.replaceText(node.source, `'${replacement}'`);
+          },
+          messageId: "replacedWith",
+          node: node.source
+        });
+      }
+    };
+  },
+  defaultOptions: [],
+  meta: {
+    docs: {
+      description: `Reports and replaces imports of ${legacyLibrary} with ${newLibrary}`
+    },
+    fixable: "code",
+    messages: {
+      replacedWith: `${legacyLibrary} has been replaced by ${newLibrary}`
+    },
+    schema: [],
+    type: "problem"
+  },
   name: RULE_NAME
 });
 
@@ -358,28 +590,13 @@ const plugin = {
   },
   rules: {
     "no-deprecated-classes": noDeprecatedClasses,
-    "no-deprecated-components": noDeprecatedComponents
+    "no-deprecated-components": noDeprecatedComponents,
+    "no-deprecated-props": noDeprecatedProps,
+    "no-legacy-library-import": noLegacyLibraryImport
   }
 };
 const plugin$1 = plugin;
 
-function createRecommended(plugin, name, flat) {
-  const rules = Object.fromEntries(Object.entries(plugin.rules).filter(([_key, rule]) => rule.meta.recommended === "recommended" && !rule.meta.deprecated).map(([key]) => [`${name}/${key}`, 2]));
-  if (flat) {
-    return {
-      plugins: {
-        [name]: plugin
-      },
-      rules
-    };
-  } else {
-    return {
-      plugins: [name],
-      rules
-    };
-  }
-}
-
 const configs = {
   "recommended": createRecommended(plugin$1, "@rotki", false),
   "recommended-flat": createRecommended(plugin$1, "@rotki", true)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rotki/eslint-plugin",
-  "version": "0.1.0",
-  "packageManager": "pnpm@8.14.1",
+  "version": "0.2.1",
+  "packageManager": "pnpm@8.14.3",
   "type": "module",
   "license": "AGPL-3.0",
   "bugs": {
@@ -30,25 +30,26 @@
     "eslint": "^8.0.0 || ^9.0.0"
   },
   "dependencies": {
-    "@typescript-eslint/utils": "6.19.0",
+    "@typescript-eslint/utils": "6.19.1",
     "debug": "4.3.4",
     "eslint-compat-utils": "0.4.1",
     "jsonc-eslint-parser": "2.4.0",
     "scule": "1.2.0",
-    "vue-eslint-parser": "9.4.1",
+    "vue-eslint-parser": "9.4.2",
     "yaml-eslint-parser": "1.2.2"
   },
   "devDependencies": {
     "@commitlint/cli": "18.5.0",
     "@commitlint/config-conventional": "18.5.0",
-    "@rotki/eslint-config": "2.3.0",
+    "@rotki/eslint-config": "2.4.1",
     "@types/debug": "4.1.12",
     "@types/eslint": "8.56.2",
     "@types/node": "20",
-    "@typescript-eslint/eslint-plugin": "6.19.0",
-    "@typescript-eslint/parser": "6.19.0",
-    "@typescript-eslint/rule-tester": "6.19.0",
+    "@typescript-eslint/eslint-plugin": "6.19.1",
+    "@typescript-eslint/parser": "6.19.1",
+    "@typescript-eslint/rule-tester": "6.19.1",
     "bumpp": "9.3.0",
+    "debug": "4.3.4",
     "eslint": "8.56.0",
     "husky": "8.0.3",
     "lint-staged": "15.2.0",