design-system-silkhaus 3.12.1 → 3.13.0-beta.lint-rule.1

package/dist/eslint-rules/tailwind/no-restricted-classes.js

@@ -0,0 +1,79 @@
+export default {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Restrict listed names in tailwind tokens',
+      recommended: false,
+    },
+    messages: {
+      disallowedToken:
+        "Avoid using '{{ token }}' in token names. Use a semantic design token name instead.",
+    },
+    schema: [],
+  },
+
+  create(context) {
+    const DISALLOWED_TOKENS = [
+      'white',
+      'black',
+      'red',
+      'green',
+      'grey',
+      'gray',
+      'eggplant',
+      'carrot',
+      'teal',
+      'mustard',
+    ];
+
+    const regex = new RegExp(`\\b(${DISALLOWED_TOKENS.join('|')})\\b`, 'i');
+
+    function reportIfTokenUsed(node, value) {
+      const match = regex.exec(value);
+      if (match) {
+        context.report({
+          node,
+          messageId: 'disallowedToken',
+          data: {
+            token: match[1],
+          },
+        });
+      }
+    }
+
+    return {
+      Literal(node) {
+        if (typeof node.value === 'string') {
+          reportIfTokenUsed(node, node.value);
+        }
+      },
+      JSXAttribute(node) {
+        if (
+          node.name &&
+          ['class', 'className', 'style'].includes(node.name.name) &&
+          node.value &&
+          node.value.type === 'Literal' &&
+          typeof node.value.value === 'string'
+        ) {
+          reportIfTokenUsed(node.value, node.value.value);
+        }
+
+        // Also handle JSXExpressionContainer e.g. className={"my-class red-text"}
+        if (
+          node.value &&
+          node.value.type === 'JSXExpressionContainer' &&
+          node.value.expression &&
+          node.value.expression.type === 'Literal' &&
+          typeof node.value.expression.value === 'string'
+        ) {
+          reportIfTokenUsed(node.value.expression, node.value.expression.value);
+        }
+      },
+      TemplateLiteral(node) {
+        node.quasis.forEach((quasi) => {
+          reportIfTokenUsed(quasi, quasi.value.cooked || '');
+        });
+      },
+    };
+  },
+};