@tenphi/eslint-plugin-tasty 1.9.0 → 1.10.0

package/README.md

@@ -227,7 +227,7 @@ not matched.
 | `tasty/no-raw-transition-duration` | warn | Hardcoded `transition` duration (`fill 0.2s`) in Tasty styles or a local `tasty()` component's `transition` prop. Suggests a configured duration token or the implicit per-name timing; zero and delays are left alone |
 | `tasty/no-runtime-styles-mutation` | warn | Render-time JavaScript in Tasty style values (props, state, hook results, parameters, local bindings, calls, computed keys); use states and tokens instead. Module-scope constants, imports, `undefined` and static `mergeStyles(...)` calls are fixed at load and allowed |
 | `tasty/no-style-spread` | warn | Object or array spreads inside runtime Tasty styles; recommends `mergeStyles` for multiple root spreads; intentional spreads need a per-line suppression and reason |
-| `tasty/no-style-prop` | warn | `style` on recognized Tasty components; use token references and the `tokens` prop ([details](docs/rules/no-style-prop.md)) |
+| `tasty/no-style-prop` | warn | `style` on recognized Tasty components; use token references and the `tokens` prop. The `elements` option covers every component or element, so it can replace React's `style` restriction ([details](docs/rules/no-style-prop.md)) |
 | `tasty/no-classname-prop` | warn | `className` on recognized Tasty components; keep styling in Tasty or use `data-element` for sub-elements ([details](docs/rules/no-classname-prop.md)) |
 | `tasty/no-styles-prop` | warn | Instance `styles` on recognized Tasty components; use `tokens`, `mods`, exposed props/variants, or `tasty(Component, { styles })` ([details](docs/rules/no-styles-prop.md)) |
 | `tasty/consistent-token-usage` | warn | Nonzero raw pixel lengths, including compounds, expressions and numeric inputs to enhanced length handlers |
@@ -384,6 +384,12 @@ attribute or spread property. JSX child comments can use
 `{/* eslint-disable-next-line tasty/no-classname-prop -- library requires this class */}`
 immediately above the affected element when the attribute is on that next line.
 
+If `react/forbid-component-props` or `react/forbid-dom-props` also forbids
+`style`, a `style` exception has to name both rules, and the React part hides
+every other prop that rule forbids on the line. Set `tasty/no-style-prop`'s
+`elements` option and remove `style` from the React rules, so one precise rule
+handles it; see [replacing React's `style` restriction](docs/rules/no-style-prop.md#replacing-reacts-style-restriction).
+
 Suppression uses ESLint's normal directives. The plugin does not enforce comment
 reasons or infer exceptions automatically. A warning severity alone does not mean
 the value is valid: checks for unknown names, malformed syntax, state order, and

package/dist/rules/no-style-prop.js

@@ -1,22 +1,46 @@
 import { createRule } from "../create-rule.js";
 import { TastyContext } from "../context.js";
-import { tastyComponentPropListeners } from "./tasty-component-props.js";
+import { jsxPropListeners } from "./tasty-component-props.js";
 
 //#region src/rules/no-style-prop.ts
+const KINDS = {
+	tasty: new Set(["tasty"]),
+	components: new Set(["tasty", "component"]),
+	all: new Set([
+		"tasty",
+		"component",
+		"element"
+	])
+};
 var no_style_prop_default = createRule({
 	name: "no-style-prop",
 	meta: {
 		type: "suggestion",
 		docs: { description: "Prefer tokens over React inline style on Tasty components" },
-		messages: { noStyleProp: "Avoid the 'style' prop on Tasty components. Define styles with token references and pass dynamic values through 'tokens' (e.g. tokens={{ $size: value }}). If a third-party library requires inline styles, explicitly disable tasty/no-style-prop for this usage with an ESLint comment and a reason." },
-		schema: []
+		messages: {
+			noStyleProp: "Avoid the 'style' prop on Tasty components. Define styles with token references and pass dynamic values through 'tokens' (e.g. tokens={{ $size: value }}). If a third-party library requires inline styles, explicitly disable tasty/no-style-prop for this usage with an ESLint comment and a reason.",
+			noInlineStyle: "Avoid the 'style' prop. Move these styles into Tasty: render a tasty() element, or wrap the component with tasty(Component, { styles }), using token references and passing dynamic values through 'tokens'. If a third-party library requires inline styles, explicitly disable tasty/no-style-prop for this usage with an ESLint comment and a reason."
+		},
+		schema: [{
+			type: "object",
+			properties: { elements: {
+				type: "string",
+				enum: [
+					"tasty",
+					"components",
+					"all"
+				]
+			} },
+			additionalProperties: false
+		}]
 	},
-	defaultOptions: [],
-	create(context) {
-		return tastyComponentPropListeners(new TastyContext(context), (name, node) => {
-			if (name === "style") context.report({
+	defaultOptions: [{ elements: "tasty" }],
+	create(context, [{ elements = "tasty" }]) {
+		return jsxPropListeners(new TastyContext(context), KINDS[elements], (name, node, kind) => {
+			if (name !== "style") return;
+			context.report({
 				node,
-				messageId: "noStyleProp"
+				messageId: kind === "tasty" ? "noStyleProp" : "noInlineStyle"
 			});
 		});
 	}

package/dist/rules/no-style-prop.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-style-prop.js","names":[],"sources":["../../src/rules/no-style-prop.ts"],"sourcesContent":["import { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport { tastyComponentPropListeners } from './tasty-component-props.js';\n\nexport default createRule<[], 'noStyleProp'>({\n  name: 'no-style-prop',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Prefer tokens over React inline style on Tasty components',\n    },\n    messages: {\n      noStyleProp:\n        \"Avoid the 'style' prop on Tasty components. Define styles with token references and pass dynamic values through 'tokens' (e.g. tokens={{ $size: value }}). If a third-party library requires inline styles, explicitly disable tasty/no-style-prop for this usage with an ESLint comment and a reason.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n    return tastyComponentPropListeners(ctx, (name, node) => {\n      if (name === 'style') context.report({ node, messageId: 'noStyleProp' });\n    });\n  },\n});\n"],"mappings":";;;;;AAIA,4BAAe,WAA8B;CAC3C,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6DACd;EACD,UAAU,EACR,aACE,0SACH;EACD,QAAQ,EAAE;EACX;CACD,gBAAgB,EAAE;CAClB,OAAO,SAAS;AAEd,SAAO,4BADK,IAAI,aAAa,QAAQ,GACI,MAAM,SAAS;AACtD,OAAI,SAAS,QAAS,SAAQ,OAAO;IAAE;IAAM,WAAW;IAAe,CAAC;IACxE;;CAEL,CAAC"}
+{"version":3,"file":"no-style-prop.js","names":[],"sources":["../../src/rules/no-style-prop.ts"],"sourcesContent":["import { createRule } from '../create-rule.js';\nimport { TastyContext } from '../context.js';\nimport {\n  type JSXElementKind,\n  jsxPropListeners,\n} from './tasty-component-props.js';\n\ntype Elements = 'tasty' | 'components' | 'all';\n\nconst KINDS: Record<Elements, ReadonlySet<JSXElementKind>> = {\n  tasty: new Set(['tasty']),\n  components: new Set(['tasty', 'component']),\n  all: new Set(['tasty', 'component', 'element']),\n};\n\nexport default createRule<\n  [{ elements?: Elements }],\n  'noStyleProp' | 'noInlineStyle'\n>({\n  name: 'no-style-prop',\n  meta: {\n    type: 'suggestion',\n    docs: {\n      description: 'Prefer tokens over React inline style on Tasty components',\n    },\n    messages: {\n      noStyleProp:\n        \"Avoid the 'style' prop on Tasty components. Define styles with token references and pass dynamic values through 'tokens' (e.g. tokens={{ $size: value }}). If a third-party library requires inline styles, explicitly disable tasty/no-style-prop for this usage with an ESLint comment and a reason.\",\n      noInlineStyle:\n        \"Avoid the 'style' prop. Move these styles into Tasty: render a tasty() element, or wrap the component with tasty(Component, { styles }), using token references and passing dynamic values through 'tokens'. If a third-party library requires inline styles, explicitly disable tasty/no-style-prop for this usage with an ESLint comment and a reason.\",\n    },\n    schema: [\n      {\n        type: 'object',\n        properties: {\n          elements: { type: 'string', enum: ['tasty', 'components', 'all'] },\n        },\n        additionalProperties: false,\n      },\n    ],\n  },\n  defaultOptions: [{ elements: 'tasty' }],\n  create(context, [{ elements = 'tasty' }]) {\n    const ctx = new TastyContext(context);\n    return jsxPropListeners(ctx, KINDS[elements], (name, node, kind) => {\n      if (name !== 'style') return;\n      context.report({\n        node,\n        messageId: kind === 'tasty' ? 'noStyleProp' : 'noInlineStyle',\n      });\n    });\n  },\n});\n"],"mappings":";;;;;AASA,MAAM,QAAuD;CAC3D,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC;CACzB,YAAY,IAAI,IAAI,CAAC,SAAS,YAAY,CAAC;CAC3C,KAAK,IAAI,IAAI;EAAC;EAAS;EAAa;EAAU,CAAC;CAChD;AAED,4BAAe,WAGb;CACA,MAAM;CACN,MAAM;EACJ,MAAM;EACN,MAAM,EACJ,aAAa,6DACd;EACD,UAAU;GACR,aACE;GACF,eACE;GACH;EACD,QAAQ,CACN;GACE,MAAM;GACN,YAAY,EACV,UAAU;IAAE,MAAM;IAAU,MAAM;KAAC;KAAS;KAAc;KAAM;IAAE,EACnE;GACD,sBAAsB;GACvB,CACF;EACF;CACD,gBAAgB,CAAC,EAAE,UAAU,SAAS,CAAC;CACvC,OAAO,SAAS,CAAC,EAAE,WAAW,YAAY;AAExC,SAAO,iBADK,IAAI,aAAa,QAAQ,EACR,MAAM,YAAY,MAAM,MAAM,SAAS;AAClE,OAAI,SAAS,QAAS;AACtB,WAAQ,OAAO;IACb;IACA,WAAW,SAAS,UAAU,gBAAgB;IAC/C,CAAC;IACF;;CAEL,CAAC"}

package/dist/rules/tasty-component-props.js

@@ -1,33 +1,46 @@
 import { getKeyName, unwrapExpression } from "../utils.js";
 
 //#region src/rules/tasty-component-props.ts
-/** Inspect explicit props and inline object spreads without evaluating spread bindings. */
-function tastyComponentPropListeners(ctx, check) {
-	function visitSpread(node) {
+/**
+* Inspect explicit props and inline object spreads on every JSX element without
+* evaluating spread bindings. `kinds` limits which elements are classified and
+* checked, so a Tasty-only rule never runs component recognition elsewhere.
+*/
+function jsxPropListeners(ctx, kinds, check) {
+	function visitSpread(node, kind) {
 		node = unwrapExpression(node);
 		if (node.type !== "ObjectExpression") return;
-		for (const prop of node.properties) if (prop.type === "SpreadElement") visitSpread(prop.argument);
+		for (const prop of node.properties) if (prop.type === "SpreadElement") visitSpread(prop.argument, kind);
 		else {
 			const name = prop.computed ? getKeyName(unwrapExpression(prop.key)) : getKeyName(prop.key);
-			if (name !== null && (!prop.computed || unwrapExpression(prop.key).type === "Literal")) check(name, prop);
+			if (name !== null && (!prop.computed || unwrapExpression(prop.key).type === "Literal")) check(name, prop, kind);
 		}
 	}
+	function classify(node) {
+		let name = node.name;
+		while (name.type === "JSXMemberExpression") name = name.object;
+		if (name.type !== "JSXIdentifier" || node.name.type === "JSXIdentifier" && !/^[A-Z]/.test(name.name)) return kinds.has("element") ? "element" : null;
+		if (kinds.has("tasty") && ctx.isTastyJSXComponent(node, name.name)) return "tasty";
+		return kinds.has("component") ? "component" : null;
+	}
 	return {
 		ImportDeclaration(node) {
 			ctx.trackImport(node);
 		},
 		JSXOpeningElement(node) {
-			let name = node.name;
-			while (name.type === "JSXMemberExpression") name = name.object;
-			if (name.type !== "JSXIdentifier") return;
-			if (node.name.type === "JSXIdentifier" && !/^[A-Z]/.test(name.name)) return;
-			if (!ctx.isTastyJSXComponent(node, name.name)) return;
-			for (const attribute of node.attributes) if (attribute.type === "JSXSpreadAttribute") visitSpread(attribute.argument);
-			else if (attribute.name.type === "JSXIdentifier") check(attribute.name.name, attribute);
+			const kind = classify(node);
+			if (!kind) return;
+			for (const attribute of node.attributes) if (attribute.type === "JSXSpreadAttribute") visitSpread(attribute.argument, kind);
+			else if (attribute.name.type === "JSXIdentifier") check(attribute.name.name, attribute, kind);
 		}
 	};
 }
+const TASTY_ONLY = new Set(["tasty"]);
+/** Inspect explicit props and inline object spreads on recognized Tasty components. */
+function tastyComponentPropListeners(ctx, check) {
+	return jsxPropListeners(ctx, TASTY_ONLY, (name, node) => check(name, node));
+}
 
 //#endregion
-export { tastyComponentPropListeners };
+export { jsxPropListeners, tastyComponentPropListeners };
 //# sourceMappingURL=tasty-component-props.js.map

package/dist/rules/tasty-component-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"tasty-component-props.js","names":[],"sources":["../../src/rules/tasty-component-props.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport type { TastyContext } from '../context.js';\nimport { getKeyName, unwrapExpression } from '../utils.js';\n\n/** Inspect explicit props and inline object spreads without evaluating spread bindings. */\nexport function tastyComponentPropListeners(\n  ctx: TastyContext,\n  check: (name: string, node: TSESTree.Node) => void,\n) {\n  function visitSpread(node: TSESTree.Node): void {\n    node = unwrapExpression(node);\n    if (node.type !== 'ObjectExpression') return;\n    for (const prop of node.properties) {\n      if (prop.type === 'SpreadElement') {\n        visitSpread(prop.argument);\n      } else {\n        const name = prop.computed\n          ? getKeyName(unwrapExpression(prop.key))\n          : getKeyName(prop.key);\n        // A computed identifier is dynamic; a computed string literal is visible.\n        if (\n          name !== null &&\n          (!prop.computed || unwrapExpression(prop.key).type === 'Literal')\n        ) {\n          check(name, prop);\n        }\n      }\n    }\n  }\n\n  return {\n    ImportDeclaration(node: TSESTree.ImportDeclaration) {\n      ctx.trackImport(node);\n    },\n    JSXOpeningElement(node: TSESTree.JSXOpeningElement) {\n      let name = node.name;\n      while (name.type === 'JSXMemberExpression') name = name.object;\n      if (name.type !== 'JSXIdentifier') return;\n      if (node.name.type === 'JSXIdentifier' && !/^[A-Z]/.test(name.name))\n        return;\n      if (!ctx.isTastyJSXComponent(node, name.name)) return;\n      for (const attribute of node.attributes) {\n        if (attribute.type === 'JSXSpreadAttribute')\n          visitSpread(attribute.argument);\n        else if (attribute.name.type === 'JSXIdentifier')\n          check(attribute.name.name, attribute);\n      }\n    },\n  };\n}\n"],"mappings":";;;;AAKA,SAAgB,4BACd,KACA,OACA;CACA,SAAS,YAAY,MAA2B;AAC9C,SAAO,iBAAiB,KAAK;AAC7B,MAAI,KAAK,SAAS,mBAAoB;AACtC,OAAK,MAAM,QAAQ,KAAK,WACtB,KAAI,KAAK,SAAS,gBAChB,aAAY,KAAK,SAAS;OACrB;GACL,MAAM,OAAO,KAAK,WACd,WAAW,iBAAiB,KAAK,IAAI,CAAC,GACtC,WAAW,KAAK,IAAI;AAExB,OACE,SAAS,SACR,CAAC,KAAK,YAAY,iBAAiB,KAAK,IAAI,CAAC,SAAS,WAEvD,OAAM,MAAM,KAAK;;;AAMzB,QAAO;EACL,kBAAkB,MAAkC;AAClD,OAAI,YAAY,KAAK;;EAEvB,kBAAkB,MAAkC;GAClD,IAAI,OAAO,KAAK;AAChB,UAAO,KAAK,SAAS,sBAAuB,QAAO,KAAK;AACxD,OAAI,KAAK,SAAS,gBAAiB;AACnC,OAAI,KAAK,KAAK,SAAS,mBAAmB,CAAC,SAAS,KAAK,KAAK,KAAK,CACjE;AACF,OAAI,CAAC,IAAI,oBAAoB,MAAM,KAAK,KAAK,CAAE;AAC/C,QAAK,MAAM,aAAa,KAAK,WAC3B,KAAI,UAAU,SAAS,qBACrB,aAAY,UAAU,SAAS;YACxB,UAAU,KAAK,SAAS,gBAC/B,OAAM,UAAU,KAAK,MAAM,UAAU;;EAG5C"}
+{"version":3,"file":"tasty-component-props.js","names":[],"sources":["../../src/rules/tasty-component-props.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport type { TastyContext } from '../context.js';\nimport { getKeyName, unwrapExpression } from '../utils.js';\n\n/**\n * What a JSX element is, for prop rules: a recognized Tasty component, any\n * other component (capitalized or member tag), or a native element.\n */\nexport type JSXElementKind = 'tasty' | 'component' | 'element';\n\n/**\n * Inspect explicit props and inline object spreads on every JSX element without\n * evaluating spread bindings. `kinds` limits which elements are classified and\n * checked, so a Tasty-only rule never runs component recognition elsewhere.\n */\nexport function jsxPropListeners(\n  ctx: TastyContext,\n  kinds: ReadonlySet<JSXElementKind>,\n  check: (name: string, node: TSESTree.Node, kind: JSXElementKind) => void,\n) {\n  function visitSpread(node: TSESTree.Node, kind: JSXElementKind): void {\n    node = unwrapExpression(node);\n    if (node.type !== 'ObjectExpression') return;\n    for (const prop of node.properties) {\n      if (prop.type === 'SpreadElement') {\n        visitSpread(prop.argument, kind);\n      } else {\n        const name = prop.computed\n          ? getKeyName(unwrapExpression(prop.key))\n          : getKeyName(prop.key);\n        // A computed identifier is dynamic; a computed string literal is visible.\n        if (\n          name !== null &&\n          (!prop.computed || unwrapExpression(prop.key).type === 'Literal')\n        ) {\n          check(name, prop, kind);\n        }\n      }\n    }\n  }\n\n  function classify(node: TSESTree.JSXOpeningElement): JSXElementKind | null {\n    let name = node.name;\n    while (name.type === 'JSXMemberExpression') name = name.object;\n    // `<svg:rect>` and lowercase tags are native; `<motion.div>` is a component.\n    if (\n      name.type !== 'JSXIdentifier' ||\n      (node.name.type === 'JSXIdentifier' && !/^[A-Z]/.test(name.name))\n    ) {\n      return kinds.has('element') ? 'element' : null;\n    }\n    if (kinds.has('tasty') && ctx.isTastyJSXComponent(node, name.name))\n      return 'tasty';\n    return kinds.has('component') ? 'component' : null;\n  }\n\n  return {\n    ImportDeclaration(node: TSESTree.ImportDeclaration) {\n      ctx.trackImport(node);\n    },\n    JSXOpeningElement(node: TSESTree.JSXOpeningElement) {\n      const kind = classify(node);\n      if (!kind) return;\n      for (const attribute of node.attributes) {\n        if (attribute.type === 'JSXSpreadAttribute')\n          visitSpread(attribute.argument, kind);\n        else if (attribute.name.type === 'JSXIdentifier')\n          check(attribute.name.name, attribute, kind);\n      }\n    },\n  };\n}\n\nconst TASTY_ONLY = new Set<JSXElementKind>(['tasty']);\n\n/** Inspect explicit props and inline object spreads on recognized Tasty components. */\nexport function tastyComponentPropListeners(\n  ctx: TastyContext,\n  check: (name: string, node: TSESTree.Node) => void,\n) {\n  return jsxPropListeners(ctx, TASTY_ONLY, (name, node) => check(name, node));\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,iBACd,KACA,OACA,OACA;CACA,SAAS,YAAY,MAAqB,MAA4B;AACpE,SAAO,iBAAiB,KAAK;AAC7B,MAAI,KAAK,SAAS,mBAAoB;AACtC,OAAK,MAAM,QAAQ,KAAK,WACtB,KAAI,KAAK,SAAS,gBAChB,aAAY,KAAK,UAAU,KAAK;OAC3B;GACL,MAAM,OAAO,KAAK,WACd,WAAW,iBAAiB,KAAK,IAAI,CAAC,GACtC,WAAW,KAAK,IAAI;AAExB,OACE,SAAS,SACR,CAAC,KAAK,YAAY,iBAAiB,KAAK,IAAI,CAAC,SAAS,WAEvD,OAAM,MAAM,MAAM,KAAK;;;CAM/B,SAAS,SAAS,MAAyD;EACzE,IAAI,OAAO,KAAK;AAChB,SAAO,KAAK,SAAS,sBAAuB,QAAO,KAAK;AAExD,MACE,KAAK,SAAS,mBACb,KAAK,KAAK,SAAS,mBAAmB,CAAC,SAAS,KAAK,KAAK,KAAK,CAEhE,QAAO,MAAM,IAAI,UAAU,GAAG,YAAY;AAE5C,MAAI,MAAM,IAAI,QAAQ,IAAI,IAAI,oBAAoB,MAAM,KAAK,KAAK,CAChE,QAAO;AACT,SAAO,MAAM,IAAI,YAAY,GAAG,cAAc;;AAGhD,QAAO;EACL,kBAAkB,MAAkC;AAClD,OAAI,YAAY,KAAK;;EAEvB,kBAAkB,MAAkC;GAClD,MAAM,OAAO,SAAS,KAAK;AAC3B,OAAI,CAAC,KAAM;AACX,QAAK,MAAM,aAAa,KAAK,WAC3B,KAAI,UAAU,SAAS,qBACrB,aAAY,UAAU,UAAU,KAAK;YAC9B,UAAU,KAAK,SAAS,gBAC/B,OAAM,UAAU,KAAK,MAAM,WAAW,KAAK;;EAGlD;;AAGH,MAAM,aAAa,IAAI,IAAoB,CAAC,QAAQ,CAAC;;AAGrD,SAAgB,4BACd,KACA,OACA;AACA,QAAO,iBAAiB,KAAK,aAAa,MAAM,SAAS,MAAM,MAAM,KAAK,CAAC"}

package/dist/rules/valid-sub-element.js

@@ -4,16 +4,16 @@ import { TastyContext, styleObjectListeners } from "../context.js";
 import selectorParser from "postcss-selector-parser";
 
 //#region src/rules/valid-sub-element.ts
-/** Expressions whose result is visibly not an object. */
-const NON_OBJECT_EXPRESSIONS = new Set([
-	"TemplateLiteral",
-	"ArrayExpression",
-	"ArrowFunctionExpression",
-	"FunctionExpression",
-	"ClassExpression",
-	"UnaryExpression",
-	"BinaryExpression",
-	"UpdateExpression"
+/** Expressions whose result is visibly not an object, as named in a report. */
+const NON_OBJECT_EXPRESSIONS = new Map([
+	["TemplateLiteral", "a string"],
+	["ArrayExpression", "an array"],
+	["ArrowFunctionExpression", "a function"],
+	["FunctionExpression", "a function"],
+	["ClassExpression", "a class"],
+	["UnaryExpression", "a primitive value"],
+	["BinaryExpression", "a primitive value"],
+	["UpdateExpression", "a number"]
 ]);
 const LEGACY_PSEUDO_ELEMENTS = new Set([
 	":before",
@@ -67,7 +67,7 @@ var valid_sub_element_default = createRule({
 		type: "problem",
 		docs: { description: "Validate sub-element values and prevent root-targeting affixes" },
 		messages: {
-			subElementNotObject: "Sub-element '{{name}}' value must be a style object, not a {{type}}.",
+			subElementNotObject: "Sub-element '{{name}}' value must be a style object, not {{type}}.",
 			subElementTargetsRoot: "Sub-element '{{name}}' selector '{{selector}}' styles the containing element instead of a sub-element. Use property state maps in that containing scope, or a descendant '$' selector such as 'h1'. Pseudo-elements such as '&::before' are allowed."
 		},
 		schema: []
@@ -95,14 +95,21 @@ var valid_sub_element_default = createRule({
 			}
 		}
 		/**
-		* The type to name in the report when a value can never be a style object,
-		* or `null` when it is `false` (disables the sub-element) or might be one.
+		* What to name in the report when a value can never be a style object, or
+		* `null` when it might be one or is `false` or `null`. Both disable the
+		* sub-element, and in a later `mergeStyles` layer or a `styles` prop they
+		* remove the one below; `undefined` (`void 0`) leaves it as it is.
 		* A `const` binding is followed to what it names; any other binding, member
 		* or call is opaque, and Tasty accepts a reference to a style object there.
 		*/
 		function nonObjectType(node, seen) {
 			node = unwrapExpression(node);
-			if (node.type === "Literal") return node.value === false ? null : typeof node.value;
+			if (node.type === "Literal") {
+				if ("regex" in node && node.regex) return "a regular expression";
+				if (node.value === false || node.value === null) return null;
+				return `a ${typeof node.value}`;
+			}
+			if (node.type === "UnaryExpression" && node.operator === "void") return null;
 			if (node.type === "Identifier") {
 				if (seen.has(node)) return null;
 				seen.add(node);
@@ -114,7 +121,7 @@ var valid_sub_element_default = createRule({
 				const init = unwrapExpression(def.node.init);
 				return init.type === "ObjectExpression" ? null : nonObjectType(init, seen);
 			}
-			return NON_OBJECT_EXPRESSIONS.has(node.type) ? node.type : null;
+			return NON_OBJECT_EXPRESSIONS.get(node.type) ?? null;
 		}
 		function checkStyleObject(node) {
 			if (visited.has(node)) return;

package/dist/rules/valid-sub-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"valid-sub-element.js","names":[],"sources":["../../src/rules/valid-sub-element.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport selectorParser from 'postcss-selector-parser';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue, unwrapExpression } from '../utils.js';\n\ntype MessageIds = 'subElementNotObject' | 'subElementTargetsRoot';\n\n/** Expressions whose result is visibly not an object. */\nconst NON_OBJECT_EXPRESSIONS = new Set<string>([\n  'TemplateLiteral',\n  'ArrayExpression',\n  'ArrowFunctionExpression',\n  'FunctionExpression',\n  'ClassExpression',\n  'UnaryExpression',\n  'BinaryExpression',\n  'UpdateExpression',\n]);\n\nconst LEGACY_PSEUDO_ELEMENTS = new Set([\n  ':before',\n  ':after',\n  ':first-line',\n  ':first-letter',\n]);\n\nfunction hasDescendantTarget(nodes: selectorParser.Node[]): boolean {\n  let lastCharacter = '';\n  for (const node of nodes.slice(1)) {\n    if (node.type === 'combinator') {\n      if (node.value.trim()) return true;\n      // The affix renderer skips authored whitespace. Tags insert their own\n      // separator; pseudos attach directly, and classes/attributes attach\n      // after a tag, class, attribute or placeholder.\n      continue;\n    }\n    if (node.type === 'tag' || node.type === 'universal') {\n      if (lastCharacter) return true;\n    } else if (node.type === 'class' || node.type === 'attribute') {\n      if (lastCharacter && !/[\\]@a-zA-Z0-9-]/.test(lastCharacter)) return true;\n    }\n    lastCharacter = node.toString().trim().slice(-1);\n  }\n  return false;\n}\n\nfunction firstRootSelector(selector: string, key: string): string | null {\n  try {\n    const root = selectorParser().astSync(selector);\n    for (const branch of root.nodes) {\n      const nodes = branch.nodes.filter((node) => node.type !== 'comment');\n      if (nodes[0]?.type !== 'nesting' || nodes.length < 2) continue;\n      // An explicit placeholder creates a descendant selector even with an\n      // ampersand prefix. A different trailing uppercase name injects the key\n      // as its descendant; the sub-element's own name does not.\n      if (\n        nodes.some((node) => node.type === 'tag' && node.value.startsWith('@'))\n      )\n        continue;\n      const trailingElement = branch\n        .toString()\n        .trim()\n        .slice(1)\n        .trim()\n        .match(/(?:^|[\\s>+~\\]:])([A-Z][a-zA-Z0-9]*)$/);\n      if (trailingElement && trailingElement[1] !== key) continue;\n      // Follow Tasty's affix normalization, rather than CSS whitespace alone.\n      // Nested :is() arguments do not change the outer selector's target.\n      if (hasDescendantTarget(nodes)) continue;\n      const hasPseudoElement = nodes.some((node) => {\n        if (node.type !== 'pseudo') return false;\n        let name = node.value.toLowerCase();\n        if (name.startsWith('::')) return true;\n        if (name.includes('\\\\')) {\n          const identifier = selectorParser().astSync(name.slice(1)).first\n            ?.first;\n          if (identifier?.type === 'tag')\n            name = ':' + identifier.value.toLowerCase();\n        }\n        return LEGACY_PSEUDO_ELEMENTS.has(name);\n      });\n      if (!hasPseudoElement) return branch.toString().trim();\n    }\n  } catch {\n    // Invalid/incomplete selector text belongs to syntax validation.\n  }\n  return null;\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-sub-element',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate sub-element values and prevent root-targeting affixes',\n    },\n    messages: {\n      subElementNotObject:\n        \"Sub-element '{{name}}' value must be a style object, not a {{type}}.\",\n      subElementTargetsRoot:\n        \"Sub-element '{{name}}' selector '{{selector}}' styles the containing element instead of a sub-element. Use property state maps in that containing scope, or a descendant '$' selector such as 'h1'. Pseudo-elements such as '&::before' are allowed.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n    const visited = new WeakSet<TSESTree.ObjectExpression>();\n\n    function checkAffix(name: string, node: TSESTree.ObjectExpression) {\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property') continue;\n        const key = prop.computed\n          ? getStringValue(unwrapExpression(prop.key))\n          : getKeyName(prop.key);\n        if (key !== '$') continue;\n        const selector = getStringValue(unwrapExpression(prop.value));\n        if (selector === null) continue;\n        const rootSelector = firstRootSelector(selector, name);\n        if (rootSelector === null) continue;\n        context.report({\n          node: prop.value,\n          messageId: 'subElementTargetsRoot',\n          data: { name, selector: rootSelector },\n        });\n      }\n    }\n\n    /**\n     * The type to name in the report when a value can never be a style object,\n     * or `null` when it is `false` (disables the sub-element) or might be one.\n     * A `const` binding is followed to what it names; any other binding, member\n     * or call is opaque, and Tasty accepts a reference to a style object there.\n     */\n    function nonObjectType(\n      node: TSESTree.Node,\n      seen: Set<TSESTree.Node>,\n    ): string | null {\n      node = unwrapExpression(node);\n      if (node.type === 'Literal') {\n        return node.value === false ? null : typeof node.value;\n      }\n      if (node.type === 'Identifier') {\n        if (seen.has(node)) return null;\n        seen.add(node);\n        let scope: ReturnType<typeof context.sourceCode.getScope> | null =\n          context.sourceCode.getScope(node);\n        while (scope && !scope.set.has(node.name)) scope = scope.upper;\n        const variable = scope?.set.get(node.name);\n        const def = variable?.defs.length === 1 ? variable.defs[0] : undefined;\n        if (\n          def?.type !== 'Variable' ||\n          def.parent.kind !== 'const' ||\n          !def.node.init\n        ) {\n          return null;\n        }\n        const init = unwrapExpression(def.node.init);\n        return init.type === 'ObjectExpression'\n          ? null\n          : nonObjectType(init, seen);\n      }\n      return NON_OBJECT_EXPRESSIONS.has(node.type) ? node.type : null;\n    }\n\n    // Recurse only through owned sub-elements. Some shared/JSX listeners match\n    // just the root, and descriptor objects and state maps are not styles.\n    function checkStyleObject(node: TSESTree.ObjectExpression) {\n      if (visited.has(node)) return;\n      visited.add(node);\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const key = prop.computed\n          ? getStringValue(unwrapExpression(prop.key))\n          : getKeyName(prop.key);\n        if (key === null || !/^[A-Z]/.test(key)) continue;\n\n        const value = unwrapExpression(prop.value);\n        if (value.type === 'ObjectExpression') {\n          checkAffix(key, value);\n          checkStyleObject(value);\n        } else {\n          const valueType = nonObjectType(value, new Set());\n          if (valueType === null) continue;\n\n          context.report({\n            node: prop.value,\n            messageId: 'subElementNotObject',\n            data: { name: key, type: valueType },\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (ctx.isStyleObject(node)) checkStyleObject(node);\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"valid-sub-element.js","names":[],"sources":["../../src/rules/valid-sub-element.ts"],"sourcesContent":["import type { TSESTree } from '@typescript-eslint/utils';\nimport selectorParser from 'postcss-selector-parser';\nimport { createRule } from '../create-rule.js';\nimport { TastyContext, styleObjectListeners } from '../context.js';\nimport { getKeyName, getStringValue, unwrapExpression } from '../utils.js';\n\ntype MessageIds = 'subElementNotObject' | 'subElementTargetsRoot';\n\n/** Expressions whose result is visibly not an object, as named in a report. */\nconst NON_OBJECT_EXPRESSIONS = new Map<string, string>([\n  ['TemplateLiteral', 'a string'],\n  ['ArrayExpression', 'an array'],\n  ['ArrowFunctionExpression', 'a function'],\n  ['FunctionExpression', 'a function'],\n  ['ClassExpression', 'a class'],\n  ['UnaryExpression', 'a primitive value'],\n  ['BinaryExpression', 'a primitive value'],\n  ['UpdateExpression', 'a number'],\n]);\n\nconst LEGACY_PSEUDO_ELEMENTS = new Set([\n  ':before',\n  ':after',\n  ':first-line',\n  ':first-letter',\n]);\n\nfunction hasDescendantTarget(nodes: selectorParser.Node[]): boolean {\n  let lastCharacter = '';\n  for (const node of nodes.slice(1)) {\n    if (node.type === 'combinator') {\n      if (node.value.trim()) return true;\n      // The affix renderer skips authored whitespace. Tags insert their own\n      // separator; pseudos attach directly, and classes/attributes attach\n      // after a tag, class, attribute or placeholder.\n      continue;\n    }\n    if (node.type === 'tag' || node.type === 'universal') {\n      if (lastCharacter) return true;\n    } else if (node.type === 'class' || node.type === 'attribute') {\n      if (lastCharacter && !/[\\]@a-zA-Z0-9-]/.test(lastCharacter)) return true;\n    }\n    lastCharacter = node.toString().trim().slice(-1);\n  }\n  return false;\n}\n\nfunction firstRootSelector(selector: string, key: string): string | null {\n  try {\n    const root = selectorParser().astSync(selector);\n    for (const branch of root.nodes) {\n      const nodes = branch.nodes.filter((node) => node.type !== 'comment');\n      if (nodes[0]?.type !== 'nesting' || nodes.length < 2) continue;\n      // An explicit placeholder creates a descendant selector even with an\n      // ampersand prefix. A different trailing uppercase name injects the key\n      // as its descendant; the sub-element's own name does not.\n      if (\n        nodes.some((node) => node.type === 'tag' && node.value.startsWith('@'))\n      )\n        continue;\n      const trailingElement = branch\n        .toString()\n        .trim()\n        .slice(1)\n        .trim()\n        .match(/(?:^|[\\s>+~\\]:])([A-Z][a-zA-Z0-9]*)$/);\n      if (trailingElement && trailingElement[1] !== key) continue;\n      // Follow Tasty's affix normalization, rather than CSS whitespace alone.\n      // Nested :is() arguments do not change the outer selector's target.\n      if (hasDescendantTarget(nodes)) continue;\n      const hasPseudoElement = nodes.some((node) => {\n        if (node.type !== 'pseudo') return false;\n        let name = node.value.toLowerCase();\n        if (name.startsWith('::')) return true;\n        if (name.includes('\\\\')) {\n          const identifier = selectorParser().astSync(name.slice(1)).first\n            ?.first;\n          if (identifier?.type === 'tag')\n            name = ':' + identifier.value.toLowerCase();\n        }\n        return LEGACY_PSEUDO_ELEMENTS.has(name);\n      });\n      if (!hasPseudoElement) return branch.toString().trim();\n    }\n  } catch {\n    // Invalid/incomplete selector text belongs to syntax validation.\n  }\n  return null;\n}\n\nexport default createRule<[], MessageIds>({\n  name: 'valid-sub-element',\n  meta: {\n    type: 'problem',\n    docs: {\n      description:\n        'Validate sub-element values and prevent root-targeting affixes',\n    },\n    messages: {\n      subElementNotObject:\n        \"Sub-element '{{name}}' value must be a style object, not {{type}}.\",\n      subElementTargetsRoot:\n        \"Sub-element '{{name}}' selector '{{selector}}' styles the containing element instead of a sub-element. Use property state maps in that containing scope, or a descendant '$' selector such as 'h1'. Pseudo-elements such as '&::before' are allowed.\",\n    },\n    schema: [],\n  },\n  defaultOptions: [],\n  create(context) {\n    const ctx = new TastyContext(context);\n    const visited = new WeakSet<TSESTree.ObjectExpression>();\n\n    function checkAffix(name: string, node: TSESTree.ObjectExpression) {\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property') continue;\n        const key = prop.computed\n          ? getStringValue(unwrapExpression(prop.key))\n          : getKeyName(prop.key);\n        if (key !== '$') continue;\n        const selector = getStringValue(unwrapExpression(prop.value));\n        if (selector === null) continue;\n        const rootSelector = firstRootSelector(selector, name);\n        if (rootSelector === null) continue;\n        context.report({\n          node: prop.value,\n          messageId: 'subElementTargetsRoot',\n          data: { name, selector: rootSelector },\n        });\n      }\n    }\n\n    /**\n     * What to name in the report when a value can never be a style object, or\n     * `null` when it might be one or is `false` or `null`. Both disable the\n     * sub-element, and in a later `mergeStyles` layer or a `styles` prop they\n     * remove the one below; `undefined` (`void 0`) leaves it as it is.\n     * A `const` binding is followed to what it names; any other binding, member\n     * or call is opaque, and Tasty accepts a reference to a style object there.\n     */\n    function nonObjectType(\n      node: TSESTree.Node,\n      seen: Set<TSESTree.Node>,\n    ): string | null {\n      node = unwrapExpression(node);\n      if (node.type === 'Literal') {\n        if ('regex' in node && node.regex) return 'a regular expression';\n        if (node.value === false || node.value === null) return null;\n        return `a ${typeof node.value}`;\n      }\n      if (node.type === 'UnaryExpression' && node.operator === 'void') {\n        return null;\n      }\n      if (node.type === 'Identifier') {\n        if (seen.has(node)) return null;\n        seen.add(node);\n        let scope: ReturnType<typeof context.sourceCode.getScope> | null =\n          context.sourceCode.getScope(node);\n        while (scope && !scope.set.has(node.name)) scope = scope.upper;\n        const variable = scope?.set.get(node.name);\n        const def = variable?.defs.length === 1 ? variable.defs[0] : undefined;\n        if (\n          def?.type !== 'Variable' ||\n          def.parent.kind !== 'const' ||\n          !def.node.init\n        ) {\n          return null;\n        }\n        const init = unwrapExpression(def.node.init);\n        return init.type === 'ObjectExpression'\n          ? null\n          : nonObjectType(init, seen);\n      }\n      return NON_OBJECT_EXPRESSIONS.get(node.type) ?? null;\n    }\n\n    // Recurse only through owned sub-elements. Some shared/JSX listeners match\n    // just the root, and descriptor objects and state maps are not styles.\n    function checkStyleObject(node: TSESTree.ObjectExpression) {\n      if (visited.has(node)) return;\n      visited.add(node);\n\n      for (const prop of node.properties) {\n        if (prop.type !== 'Property') continue;\n\n        const key = prop.computed\n          ? getStringValue(unwrapExpression(prop.key))\n          : getKeyName(prop.key);\n        if (key === null || !/^[A-Z]/.test(key)) continue;\n\n        const value = unwrapExpression(prop.value);\n        if (value.type === 'ObjectExpression') {\n          checkAffix(key, value);\n          checkStyleObject(value);\n        } else {\n          const valueType = nonObjectType(value, new Set());\n          if (valueType === null) continue;\n\n          context.report({\n            node: prop.value,\n            messageId: 'subElementNotObject',\n            data: { name: key, type: valueType },\n          });\n        }\n      }\n    }\n\n    function handleStyleObject(node: TSESTree.ObjectExpression) {\n      if (ctx.isStyleObject(node)) checkStyleObject(node);\n    }\n\n    return {\n      ImportDeclaration(node) {\n        ctx.trackImport(node);\n      },\n      ...styleObjectListeners(handleStyleObject),\n    };\n  },\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/eslint-plugin-tasty",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "ESLint plugin for validating tasty() and tastyStatic() style objects",
   "type": "module",
   "exports": {