@plumeria/eslint-plugin 19.2.16 → 19.4.0

package/README.md

@@ -7,7 +7,7 @@ Below are the available rules and the recommended configuration.
 
 The `plugin:@plumeria/recommended` config enables the following:
 
-- `@plumeria/props-require-import`: **error**
+- `@plumeria/custom-props-require-import`: **error**
 - `@plumeria/no-combinator`: **error**
 - `@plumeria/no-destructure`: **error**
 - `@plumeria/no-inline-object`: **error**
@@ -20,8 +20,8 @@ The `plugin:@plumeria/recommended` config enables the following:
 - `@plumeria/sort-properties`: **warn**
 - `@plumeria/format-properties`: **warn**
 - `@plumeria/validate-values`: **warn**
-- `@plumeria/validate-pseudos`: **error**
-- `@plumeria/validate-at-rules`: **error**
+- `@plumeria/validate-pseudos`: **warn**
+- `@plumeria/validate-at-rules`: **warn**
 
 ```js
 import plumeria from '@plumeria/eslint-plugin';
@@ -31,7 +31,7 @@ export default [plumeria.configs.recommended];
 
 ## Configuring the styling prop
 
-Both `props-require-import` and `no-mixed-styling-props` need to know which JSX
+Both `custom-props-require-import` and `no-mixed-styling-props` need to know which JSX
 prop carries styles. It is `classStyle` unless you changed it, so most projects
 configure nothing.
 
@@ -70,9 +70,13 @@ the lint rules report against a prop the compiler never transforms.
 The following rules are enabled by `plumeria.configs.recommended` with the
 severity shown in [Recommended configuration](#recommended-configuration).
 
-### props-require-import
+### custom-props-require-import
 
-Disallow the styling prop in files without a `@plumeria/core` import.
+Require the `@plumeria/core` import in a file that passes a `css.create` style to a
+component through a prop other than the styling prop. The compiler cannot tell that
+such a prop carries a style, so it compiles the file only when the file imports
+`@plumeria/core`. A file that writes the styling prop itself is compiled without
+the import.
 
 Accepts `{ styleProp }`; see [Configuring the styling prop](#configuring-the-styling-prop).
 

package/dist/index.js

@@ -1,5 +1,5 @@
 "use strict";
-const props_require_import_1 = require("./rules/props-require-import");
+const custom_props_require_import_1 = require("./rules/custom-props-require-import");
 const expand_border_shorthands_1 = require("./rules/expand-border-shorthands");
 const no_combinator_1 = require("./rules/no-combinator");
 const no_destructure_1 = require("./rules/no-destructure");
@@ -18,7 +18,7 @@ const validate_values_1 = require("./rules/validate-values");
 const validate_pseudos_1 = require("./rules/validate-pseudos");
 const validate_at_rules_1 = require("./rules/validate-at-rules");
 const rules = {
-    'props-require-import': props_require_import_1.propsRequireImport,
+    'custom-props-require-import': custom_props_require_import_1.customPropsRequireImport,
     'expand-border-shorthands': expand_border_shorthands_1.expandBorderShorthands,
     'no-combinator': no_combinator_1.noCombinator,
     'no-destructure': no_destructure_1.noDestructure,
@@ -45,7 +45,7 @@ const configs = {
             },
         },
         rules: {
-            '@plumeria/props-require-import': 'error',
+            '@plumeria/custom-props-require-import': 'error',
             '@plumeria/no-combinator': 'error',
             '@plumeria/no-destructure': 'error',
             '@plumeria/no-inline-object': 'error',
@@ -58,8 +58,8 @@ const configs = {
             '@plumeria/sort-properties': 'warn',
             '@plumeria/format-properties': 'warn',
             '@plumeria/validate-values': 'warn',
-            '@plumeria/validate-pseudos': 'error',
-            '@plumeria/validate-at-rules': 'error',
+            '@plumeria/validate-pseudos': 'warn',
+            '@plumeria/validate-at-rules': 'warn',
         },
     },
 };

package/dist/rules/custom-props-require-import.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare const customPropsRequireImport: Rule.RuleModule;

package/dist/rules/custom-props-require-import.js

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customPropsRequireImport = void 0;
+const utils_1 = require("@plumeria/utils");
+const style_prop_1 = require("../util/style-prop");
+const CORE = '@plumeria/core';
+const styleRoots = (node, roots) => {
+    const expression = node;
+    if (!expression)
+        return roots;
+    switch (expression.type) {
+        case 'Identifier':
+            roots.push({ name: expression.name, member: null });
+            break;
+        case 'MemberExpression': {
+            let object = expression;
+            let member = null;
+            while (object.type === 'MemberExpression') {
+                member =
+                    !object.computed && object.property.type === 'Identifier'
+                        ? object.property.name
+                        : null;
+                object = object.object;
+            }
+            if (object.type === 'Identifier')
+                roots.push({ name: object.name, member });
+            break;
+        }
+        case 'ArrayExpression':
+            expression.elements.forEach((element) => styleRoots(element, roots));
+            break;
+        case 'ConditionalExpression':
+            styleRoots(expression.consequent, roots);
+            styleRoots(expression.alternate, roots);
+            break;
+        case 'LogicalExpression':
+            styleRoots(expression.left, roots);
+            styleRoots(expression.right, roots);
+            break;
+        case 'ChainExpression':
+        case 'TSAsExpression':
+        case 'TSNonNullExpression':
+        case 'TSSatisfiesExpression':
+            styleRoots(expression.expression, roots);
+            break;
+    }
+    return roots;
+};
+const SCAN_REUSE_MS = 1000;
+const MAX_ALIAS_DEPTH = 4;
+let recentScan;
+const scanTables = (cwd, styleProp) => {
+    const key = `${cwd}\0${styleProp}`;
+    const now = Date.now();
+    if (!recentScan ||
+        recentScan.key !== key ||
+        now - recentScan.at > SCAN_REUSE_MS) {
+        recentScan = { key, at: now, tables: (0, utils_1.scanAll)(cwd, styleProp) };
+    }
+    return recentScan.tables;
+};
+exports.customPropsRequireImport = {
+    meta: {
+        type: 'problem',
+        docs: {
+            description: 'Require the @plumeria/core import in files that pass a style through a prop other than the styling prop',
+        },
+        fixable: 'code',
+        messages: {
+            requiresImport: '{{prop}} passes a style from "{{source}}", so this file must import "@plumeria/core".',
+        },
+        schema: style_prop_1.stylePropSchema,
+    },
+    create(context) {
+        const styleProp = (0, style_prop_1.resolveStyleProp)(context);
+        const filename = context.filename;
+        const imports = new Map();
+        const candidates = [];
+        let hasPlumeriaImport = false;
+        const findVariable = (scope, name) => {
+            for (let current = scope; current; current = current.upper) {
+                const variable = current.set.get(name);
+                if (variable)
+                    return variable;
+            }
+            return undefined;
+        };
+        const importedRoots = (roots, scope, depth) => roots.flatMap((root) => {
+            const definition = findVariable(scope, root.name)?.defs[0];
+            if (!definition)
+                return [];
+            if (definition.type === 'ImportBinding')
+                return [root];
+            const declarator = definition.node;
+            if (definition.type === 'Variable' &&
+                definition.parent?.kind === 'const' &&
+                declarator.init &&
+                depth < MAX_ALIAS_DEPTH) {
+                return importedRoots(styleRoots(declarator.init, []), context.sourceCode.getScope(definition.node), depth + 1);
+            }
+            return [];
+        });
+        const isStyle = (root) => {
+            const binding = imports.get(root.name);
+            const exportName = binding.importedName ?? root.member;
+            if (!exportName)
+                return null;
+            const actualPath = (0, utils_1.resolveImportPath)(binding.source, filename);
+            if (!actualPath)
+                return null;
+            const tables = scanTables(context.cwd, styleProp);
+            const resolved = (0, utils_1.resolveExport)(actualPath, exportName);
+            if (!resolved)
+                return null;
+            const key = `${resolved.filePath}-${resolved.localName}`;
+            return tables.createHashTable[key] !== undefined ? binding.source : null;
+        };
+        return {
+            ImportDeclaration(node) {
+                const source = node.source.value;
+                if (source.startsWith(CORE)) {
+                    hasPlumeriaImport = true;
+                    return;
+                }
+                for (const specifier of node.specifiers) {
+                    if (specifier.type === 'ImportNamespaceSpecifier') {
+                        imports.set(specifier.local.name, { source, importedName: null });
+                    }
+                    else if (specifier.type === 'ImportDefaultSpecifier') {
+                        imports.set(specifier.local.name, {
+                            source,
+                            importedName: 'default',
+                        });
+                    }
+                    else {
+                        const imported = specifier.imported;
+                        imports.set(specifier.local.name, {
+                            source,
+                            importedName: imported.name ?? String(imported.value),
+                        });
+                    }
+                }
+            },
+            JSXAttribute(node) {
+                if (node.name.type !== 'JSXIdentifier')
+                    return;
+                const prop = node.name.name;
+                if (prop === styleProp)
+                    return;
+                if (node.value?.type !== 'JSXExpressionContainer')
+                    return;
+                const roots = styleRoots(node.value.expression, []);
+                if (roots.length > 0)
+                    candidates.push({
+                        node,
+                        prop,
+                        roots,
+                        scope: context.sourceCode.getScope(node),
+                    });
+            },
+            'Program:exit'() {
+                if (hasPlumeriaImport || candidates.length === 0)
+                    return;
+                let fixed = false;
+                for (const { node, prop, roots, scope } of candidates) {
+                    const source = importedRoots(roots, scope, 0)
+                        .map(isStyle)
+                        .find((found) => found !== null);
+                    if (!source)
+                        continue;
+                    const first = !fixed;
+                    fixed = true;
+                    context.report({
+                        node,
+                        messageId: 'requiresImport',
+                        data: { prop, source },
+                        fix: first
+                            ? (fixer) => fixer.insertTextBefore(context.sourceCode.ast, 'import "@plumeria/core";\n')
+                            : null,
+                    });
+                }
+            },
+        };
+    },
+};

package/dist/rules/no-invalid-selector.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.noInvalidSelector = void 0;
-const utils_1 = require("@typescript-eslint/utils");
 const styleObject_1 = require("../util/styleObject");
+const staticValue_1 = require("../util/staticValue");
 exports.noInvalidSelector = {
     meta: {
         type: 'problem',
@@ -21,43 +21,34 @@ exports.noInvalidSelector = {
     },
     create(context) {
         const plumeriaAliases = {};
-        const parserServices = context.sourceCode.parserServices;
-        const checker = parserServices?.program?.getTypeChecker();
+        const staticValue = (0, staticValue_1.staticValueResolver)(context);
         function getSelectorType(node) {
-            if (node.type === utils_1.TSESTree.AST_NODE_TYPES.Literal &&
-                typeof node.value === 'string') {
+            if (node.type === 'Literal' && typeof node.value === 'string') {
                 if (node.value.startsWith('@'))
                     return 'QUERY';
                 if (node.value.startsWith(':'))
                     return 'PSEUDO';
                 return 'PROPERTY';
             }
-            if (node.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier &&
-                !(node.parent?.type === utils_1.TSESTree.AST_NODE_TYPES.Property &&
-                    node.parent.computed)) {
+            if (node.type === 'Identifier' &&
+                !(node.parent?.type === 'Property' && node.parent.computed)) {
                 return 'PROPERTY';
             }
-            if (checker && parserServices?.esTreeNodeToTSNodeMap) {
-                try {
-                    const tsNode = parserServices.esTreeNodeToTSNodeMap.get(node);
-                    const type = checker.getTypeAtLocation(tsNode);
-                    if (type.isStringLiteral()) {
-                        if (type.value.startsWith('@'))
-                            return 'QUERY';
-                        if (type.value.startsWith(':'))
-                            return 'PSEUDO';
-                        return 'PROPERTY';
-                    }
-                }
-                catch (error) {
-                }
-                return 'UNKNOWN';
+            const value = staticValue(node);
+            if (typeof value === 'string') {
+                if (value.startsWith('@'))
+                    return 'QUERY';
+                if (value.startsWith(':'))
+                    return 'PSEUDO';
+                return 'PROPERTY';
             }
+            if (value !== undefined)
+                return 'UNKNOWN';
             return 'SKIP';
         }
         function checkNesting(node, parentType) {
             for (const prop of node.properties) {
-                if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                if (prop.type !== 'Property')
                     continue;
                 const currentType = getSelectorType(prop.key);
                 if (currentType === 'SKIP')
@@ -83,14 +74,14 @@ exports.noInvalidSelector = {
                         messageId: 'noPseudoInsidePseudo',
                     });
                 }
-                if (prop.value.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (prop.value.type === 'ObjectExpression') {
                     checkNesting(prop.value, currentType === 'PROPERTY' ? parentType : currentType);
                 }
             }
         }
         function checkOnlyProperties(node) {
             for (const prop of node.properties) {
-                if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                if (prop.type !== 'Property')
                     continue;
                 const currentType = getSelectorType(prop.key);
                 if (currentType !== 'PROPERTY') {
@@ -99,24 +90,23 @@ exports.noInvalidSelector = {
                         messageId: 'invalidKeySelector',
                     });
                 }
-                if (prop.value.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (prop.value.type === 'ObjectExpression') {
                     checkOnlyProperties(prop.value);
                 }
             }
         }
         function getKeyString(node) {
-            if (node.type === utils_1.TSESTree.AST_NODE_TYPES.Literal &&
-                typeof node.value === 'string') {
+            if (node.type === 'Literal' && typeof node.value === 'string') {
                 return node.value;
             }
-            if (node.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier) {
+            if (node.type === 'Identifier') {
                 return node.name;
             }
             return null;
         }
         function checkKeyframesKeys(node) {
             for (const prop of node.properties) {
-                if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                if (prop.type !== 'Property')
                     continue;
                 const key = getKeyString(prop.key);
                 if (key == null) {
@@ -125,7 +115,7 @@ exports.noInvalidSelector = {
                         messageId: 'invalidKeyframesKey',
                     });
                 }
-                if (prop.value.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (prop.value.type === 'ObjectExpression') {
                     checkOnlyProperties(prop.value);
                 }
                 if (key !== null &&
@@ -139,7 +129,7 @@ exports.noInvalidSelector = {
         function checkViewTransitionKeys(node) {
             const allowed = new Set(['group', 'imagePair', 'new', 'old']);
             for (const prop of node.properties) {
-                if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                if (prop.type !== 'Property')
                     continue;
                 const key = getKeyString(prop.key);
                 if (key == null) {
@@ -148,7 +138,7 @@ exports.noInvalidSelector = {
                         messageId: 'invalidViewTransitionKey',
                     });
                 }
-                if (prop.value.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (prop.value.type === 'ObjectExpression') {
                     checkOnlyProperties(prop.value);
                 }
                 if (key !== null && !allowed.has(key)) {
@@ -163,13 +153,12 @@ exports.noInvalidSelector = {
             ImportDeclaration(node) {
                 if (node.source.value === '@plumeria/core') {
                     node.specifiers.forEach((specifier) => {
-                        if (specifier.type ===
-                            utils_1.TSESTree.AST_NODE_TYPES.ImportNamespaceSpecifier ||
-                            specifier.type === utils_1.TSESTree.AST_NODE_TYPES.ImportDefaultSpecifier) {
+                        if (specifier.type === 'ImportNamespaceSpecifier' ||
+                            specifier.type === 'ImportDefaultSpecifier') {
                             plumeriaAliases[specifier.local.name] = 'NAMESPACE';
                         }
                         else {
-                            const importedName = specifier.imported.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier
+                            const importedName = specifier.imported.type === 'Identifier'
                                 ? specifier.imported.name
                                 : String(specifier.imported.value);
                             plumeriaAliases[specifier.local.name] = importedName;
@@ -181,10 +170,10 @@ exports.noInvalidSelector = {
                 let isCssCreate = false;
                 let isCssKeyframes = false;
                 let isCssViewTransition = false;
-                if (node.callee.type === utils_1.TSESTree.AST_NODE_TYPES.MemberExpression) {
-                    if (node.callee.object.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier &&
+                if (node.callee.type === 'MemberExpression') {
+                    if (node.callee.object.type === 'Identifier' &&
                         plumeriaAliases[node.callee.object.name] === 'NAMESPACE') {
-                        const propertyName = node.callee.property.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier
+                        const propertyName = node.callee.property.type === 'Identifier'
                             ? node.callee.property.name
                             : null;
                         if (propertyName === 'create')
@@ -195,7 +184,7 @@ exports.noInvalidSelector = {
                             isCssViewTransition = true;
                     }
                 }
-                else if (node.callee.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier) {
+                else if (node.callee.type === 'Identifier') {
                     const alias = plumeriaAliases[node.callee.name];
                     if (alias === 'create')
                         isCssCreate = true;
@@ -204,11 +193,10 @@ exports.noInvalidSelector = {
                     if (alias === 'viewTransition')
                         isCssViewTransition = true;
                 }
-                if (isCssCreate &&
-                    node.arguments[0]?.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (isCssCreate && node.arguments[0]?.type === 'ObjectExpression') {
                     const styleObj = node.arguments[0];
                     styleObj.properties.forEach((prop) => {
-                        if (prop.type === utils_1.TSESTree.AST_NODE_TYPES.Property) {
+                        if (prop.type === 'Property') {
                             const currentType = getSelectorType(prop.key);
                             if (currentType !== 'SKIP' && currentType === 'UNKNOWN') {
                                 context.report({
@@ -217,19 +205,18 @@ exports.noInvalidSelector = {
                                 });
                             }
                         }
-                        if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                        if (prop.type !== 'Property')
                             return;
                         const style = (0, styleObject_1.styleObjectFromValue)(prop.value);
                         if (style)
                             checkNesting(style, 'CLASS');
                     });
                 }
-                if (isCssKeyframes &&
-                    node.arguments[0]?.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (isCssKeyframes && node.arguments[0]?.type === 'ObjectExpression') {
                     checkKeyframesKeys(node.arguments[0]);
                 }
                 if (isCssViewTransition &&
-                    node.arguments[0]?.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                    node.arguments[0]?.type === 'ObjectExpression') {
                     checkViewTransitionKeys(node.arguments[0]);
                 }
             },

package/dist/rules/validate-at-rules.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateAtRules = void 0;
 exports.isValidAtRule = isValidAtRule;
-const utils_1 = require("@typescript-eslint/utils");
 const styleObject_1 = require("../util/styleObject");
+const staticValue_1 = require("../util/staticValue");
 const VALID_AT_RULES = [
     '@media',
     '@container',
@@ -34,28 +34,17 @@ exports.validateAtRules = {
     },
     create(context) {
         const plumeriaAliases = {};
-        const parserServices = context.sourceCode.parserServices;
-        const checker = parserServices?.program?.getTypeChecker();
+        const staticValue = (0, staticValue_1.staticValueResolver)(context);
         function getKeyString(node) {
-            if (node.type === utils_1.TSESTree.AST_NODE_TYPES.Literal &&
-                typeof node.value === 'string') {
+            if (node.type === 'Literal' && typeof node.value === 'string') {
                 return node.value;
             }
-            if (checker && parserServices?.esTreeNodeToTSNodeMap) {
-                try {
-                    const tsNode = parserServices.esTreeNodeToTSNodeMap.get(node);
-                    const type = checker.getTypeAtLocation(tsNode);
-                    if (type.isStringLiteral())
-                        return type.value;
-                }
-                catch (error) {
-                }
-            }
-            return null;
+            const value = staticValue(node);
+            return typeof value === 'string' ? value : null;
         }
         function checkProperties(node) {
             for (const prop of node.properties) {
-                if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                if (prop.type !== 'Property')
                     continue;
                 const key = getKeyString(prop.key);
                 if (key?.startsWith('@') && !isValidAtRule(key)) {
@@ -65,7 +54,7 @@ exports.validateAtRules = {
                         data: { rule: key },
                     });
                 }
-                if (prop.value.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (prop.value.type === 'ObjectExpression') {
                     checkProperties(prop.value);
                 }
             }
@@ -75,13 +64,12 @@ exports.validateAtRules = {
                 if (node.source.value !== '@plumeria/core')
                     return;
                 node.specifiers.forEach((specifier) => {
-                    if (specifier.type ===
-                        utils_1.TSESTree.AST_NODE_TYPES.ImportNamespaceSpecifier ||
-                        specifier.type === utils_1.TSESTree.AST_NODE_TYPES.ImportDefaultSpecifier) {
+                    if (specifier.type === 'ImportNamespaceSpecifier' ||
+                        specifier.type === 'ImportDefaultSpecifier') {
                         plumeriaAliases[specifier.local.name] = 'NAMESPACE';
                     }
                     else {
-                        const importedName = specifier.imported.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier
+                        const importedName = specifier.imported.type === 'Identifier'
                             ? specifier.imported.name
                             : String(specifier.imported.value);
                         plumeriaAliases[specifier.local.name] = importedName;
@@ -90,23 +78,22 @@ exports.validateAtRules = {
             },
             CallExpression(node) {
                 let isCssCreate = false;
-                if (node.callee.type === utils_1.TSESTree.AST_NODE_TYPES.MemberExpression &&
-                    node.callee.object.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier &&
+                if (node.callee.type === 'MemberExpression' &&
+                    node.callee.object.type === 'Identifier' &&
                     plumeriaAliases[node.callee.object.name] === 'NAMESPACE' &&
-                    node.callee.property.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier &&
+                    node.callee.property.type === 'Identifier' &&
                     node.callee.property.name === 'create') {
                     isCssCreate = true;
                 }
-                else if (node.callee.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier &&
+                else if (node.callee.type === 'Identifier' &&
                     plumeriaAliases[node.callee.name] === 'create') {
                     isCssCreate = true;
                 }
-                if (!isCssCreate ||
-                    node.arguments[0]?.type !== utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (!isCssCreate || node.arguments[0]?.type !== 'ObjectExpression') {
                     return;
                 }
                 for (const prop of node.arguments[0].properties) {
-                    if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                    if (prop.type !== 'Property')
                         continue;
                     const style = (0, styleObject_1.styleObjectFromValue)(prop.value);
                     if (style)

package/dist/rules/validate-pseudos.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.validatePseudos = void 0;
 exports.splitChainedPseudos = splitChainedPseudos;
 exports.isValidPseudo = isValidPseudo;
-const utils_1 = require("@typescript-eslint/utils");
 const styleObject_1 = require("../util/styleObject");
+const staticValue_1 = require("../util/staticValue");
 const VALID_STATIC_PSEUDOS = new Set([
     ':hover',
     ':active',
@@ -147,34 +147,21 @@ exports.validatePseudos = {
     },
     create(context) {
         const plumeriaAliases = {};
-        const parserServices = context.sourceCode.parserServices;
-        const checker = parserServices?.program?.getTypeChecker();
+        const staticValue = (0, staticValue_1.staticValueResolver)(context);
         function getSelectorString(node) {
-            if (node.type === utils_1.TSESTree.AST_NODE_TYPES.Literal &&
-                typeof node.value === 'string') {
+            if (node.type === 'Literal' && typeof node.value === 'string') {
                 return node.value;
             }
-            if (node.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier &&
-                !(node.parent?.type === utils_1.TSESTree.AST_NODE_TYPES.Property &&
-                    node.parent.computed)) {
+            if (node.type === 'Identifier' &&
+                !(node.parent?.type === 'Property' && node.parent.computed)) {
                 return node.name;
             }
-            if (checker && parserServices?.esTreeNodeToTSNodeMap) {
-                try {
-                    const tsNode = parserServices.esTreeNodeToTSNodeMap.get(node);
-                    const type = checker.getTypeAtLocation(tsNode);
-                    if (type.isStringLiteral()) {
-                        return type.value;
-                    }
-                }
-                catch (error) {
-                }
-            }
-            return null;
+            const value = staticValue(node);
+            return typeof value === 'string' ? value : null;
         }
         function checkProperties(node) {
             for (const prop of node.properties) {
-                if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                if (prop.type !== 'Property')
                     continue;
                 const selectorString = getSelectorString(prop.key);
                 if (selectorString !== null && selectorString.startsWith(':')) {
@@ -192,7 +179,7 @@ exports.validatePseudos = {
                         }
                     }
                 }
-                if (prop.value.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (prop.value.type === 'ObjectExpression') {
                     checkProperties(prop.value);
                 }
             }
@@ -201,13 +188,12 @@ exports.validatePseudos = {
             ImportDeclaration(node) {
                 if (node.source.value === '@plumeria/core') {
                     node.specifiers.forEach((specifier) => {
-                        if (specifier.type ===
-                            utils_1.TSESTree.AST_NODE_TYPES.ImportNamespaceSpecifier ||
-                            specifier.type === utils_1.TSESTree.AST_NODE_TYPES.ImportDefaultSpecifier) {
+                        if (specifier.type === 'ImportNamespaceSpecifier' ||
+                            specifier.type === 'ImportDefaultSpecifier') {
                             plumeriaAliases[specifier.local.name] = 'NAMESPACE';
                         }
                         else {
-                            const importedName = specifier.imported.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier
+                            const importedName = specifier.imported.type === 'Identifier'
                                 ? specifier.imported.name
                                 : String(specifier.imported.value);
                             plumeriaAliases[specifier.local.name] = importedName;
@@ -217,26 +203,25 @@ exports.validatePseudos = {
             },
             CallExpression(node) {
                 let isCssCreate = false;
-                if (node.callee.type === utils_1.TSESTree.AST_NODE_TYPES.MemberExpression) {
-                    if (node.callee.object.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier &&
+                if (node.callee.type === 'MemberExpression') {
+                    if (node.callee.object.type === 'Identifier' &&
                         plumeriaAliases[node.callee.object.name] === 'NAMESPACE') {
-                        const propertyName = node.callee.property.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier
+                        const propertyName = node.callee.property.type === 'Identifier'
                             ? node.callee.property.name
                             : null;
                         if (propertyName === 'create')
                             isCssCreate = true;
                     }
                 }
-                else if (node.callee.type === utils_1.TSESTree.AST_NODE_TYPES.Identifier) {
+                else if (node.callee.type === 'Identifier') {
                     const alias = plumeriaAliases[node.callee.name];
                     if (alias === 'create')
                         isCssCreate = true;
                 }
-                if (isCssCreate &&
-                    node.arguments[0]?.type === utils_1.TSESTree.AST_NODE_TYPES.ObjectExpression) {
+                if (isCssCreate && node.arguments[0]?.type === 'ObjectExpression') {
                     const styleObj = node.arguments[0];
                     styleObj.properties.forEach((prop) => {
-                        if (prop.type !== utils_1.TSESTree.AST_NODE_TYPES.Property)
+                        if (prop.type !== 'Property')
                             return;
                         const style = (0, styleObject_1.styleObjectFromValue)(prop.value);
                         if (style)

package/dist/util/staticValue.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare function staticValueResolver(context: Rule.RuleContext): (node: Rule.Node | any) => unknown;

package/dist/util/staticValue.js

@@ -0,0 +1,183 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.staticValueResolver = staticValueResolver;
+const utils_1 = require("@plumeria/utils");
+const CORE = '@plumeria/core';
+const unwrap = (node) => {
+    while (node &&
+        (node.type === 'TSAsExpression' ||
+            node.type === 'TSSatisfiesExpression' ||
+            node.type === 'TSNonNullExpression' ||
+            node.type === 'TSTypeAssertion'))
+        node = node.expression;
+    return node;
+};
+const findVariable = (scope, name) => {
+    for (let current = scope; current; current = current.upper) {
+        const variable = current.set.get(name);
+        if (variable)
+            return variable;
+    }
+    return undefined;
+};
+const importedNameOf = (specifier) => {
+    if (specifier.type === 'ImportNamespaceSpecifier')
+        return null;
+    if (specifier.type === 'ImportDefaultSpecifier')
+        return 'default';
+    return specifier.imported.type === 'Identifier'
+        ? specifier.imported.name
+        : String(specifier.imported.value);
+};
+function staticValueResolver(context) {
+    const { sourceCode, filename } = context;
+    const visiting = new Set();
+    const bindingOf = (node) => {
+        const definition = findVariable(sourceCode.getScope(node), node.name)
+            ?.defs[0];
+        if (!definition)
+            return undefined;
+        if (definition.type === 'Variable' &&
+            definition.parent.kind === 'const' &&
+            definition.node.init) {
+            return { kind: 'value', node: definition.node.init };
+        }
+        if (definition.type === 'ImportBinding') {
+            return {
+                kind: 'import',
+                source: String(definition.parent.source.value),
+                importedName: importedNameOf(definition.node),
+            };
+        }
+        return undefined;
+    };
+    const importedValue = (source, exportName) => {
+        const actualPath = (0, utils_1.resolveImportPath)(source, filename);
+        if (!actualPath)
+            return undefined;
+        return (0, utils_1.resolveExportValue)(actualPath, exportName);
+    };
+    const isCreateStatic = (callee) => {
+        callee = unwrap(callee);
+        if (callee.type === 'Identifier') {
+            const binding = bindingOf(callee);
+            return (binding?.kind === 'import' &&
+                binding.source === CORE &&
+                binding.importedName === 'createStatic');
+        }
+        if (callee.type === 'MemberExpression' &&
+            !callee.computed &&
+            callee.property.type === 'Identifier' &&
+            callee.property.name === 'createStatic' &&
+            callee.object.type === 'Identifier') {
+            const binding = bindingOf(callee.object);
+            return (binding?.kind === 'import' &&
+                binding.source === CORE &&
+                (binding.importedName === null || binding.importedName === 'default'));
+        }
+        return false;
+    };
+    const memberKey = (node) => {
+        if (!node.computed && node.property.type === 'Identifier') {
+            return node.property.name;
+        }
+        const key = resolve(node.property);
+        return typeof key === 'string' ? key : undefined;
+    };
+    const resolve = (node) => {
+        node = unwrap(node);
+        if (!node || visiting.has(node))
+            return undefined;
+        visiting.add(node);
+        try {
+            switch (node.type) {
+                case 'Literal':
+                    return typeof node.value === 'string' ||
+                        typeof node.value === 'number' ||
+                        typeof node.value === 'boolean'
+                        ? node.value
+                        : undefined;
+                case 'BinaryExpression': {
+                    const left = resolve(node.left);
+                    const right = resolve(node.right);
+                    if (left === undefined || right === undefined)
+                        return undefined;
+                    if (node.operator === '+') {
+                        return typeof left === 'object' || typeof right === 'object'
+                            ? undefined
+                            : left + right;
+                    }
+                    if (typeof left !== 'number' || typeof right !== 'number')
+                        return undefined;
+                    switch (node.operator) {
+                        case '-':
+                            return left - right;
+                        case '*':
+                            return left * right;
+                        case '/':
+                            return left / right;
+                        case '%':
+                            return left % right;
+                        case '**':
+                            return left ** right;
+                        default:
+                            return undefined;
+                    }
+                }
+                case 'TemplateLiteral':
+                    return node.expressions.length === 0
+                        ? node.quasis[0].value.cooked
+                        : undefined;
+                case 'Identifier': {
+                    const binding = bindingOf(node);
+                    if (binding?.kind === 'value')
+                        return resolve(binding.node);
+                    if (binding?.kind === 'import' && binding.importedName) {
+                        return importedValue(binding.source, binding.importedName);
+                    }
+                    return undefined;
+                }
+                case 'MemberExpression': {
+                    const key = memberKey(node);
+                    if (key === undefined)
+                        return undefined;
+                    const object = unwrap(node.object);
+                    if (object.type === 'Identifier') {
+                        const binding = bindingOf(object);
+                        if (binding?.kind === 'import' && !binding.importedName) {
+                            return importedValue(binding.source, key);
+                        }
+                    }
+                    const value = resolve(object);
+                    return value && typeof value === 'object' && Object.hasOwn(value, key)
+                        ? value[key]
+                        : undefined;
+                }
+                case 'ObjectExpression': {
+                    const value = Object.create(null);
+                    for (const property of node.properties) {
+                        if (property.type !== 'Property' || property.kind !== 'init')
+                            continue;
+                        const key = !property.computed && property.key.type === 'Identifier'
+                            ? property.key.name
+                            : resolve(property.key);
+                        if (typeof key !== 'string')
+                            continue;
+                        value[key] = resolve(property.value);
+                    }
+                    return value;
+                }
+                case 'CallExpression':
+                    return isCreateStatic(node.callee)
+                        ? resolve(node.arguments[0])
+                        : undefined;
+                default:
+                    return undefined;
+            }
+        }
+        finally {
+            visiting.delete(node);
+        }
+    };
+    return (node) => resolve(node);
+}

package/oxlint.json

@@ -9,7 +9,7 @@
   "ignorePatterns": ["**/*.svelte", "**/*.vue"],
 
   "rules": {
-    "@plumeria/props-require-import": "error",
+    "@plumeria/custom-props-require-import": "error",
     "@plumeria/no-combinator": "error",
     "@plumeria/no-destructure": "error",
     "@plumeria/no-inline-object": "error",
@@ -22,7 +22,7 @@
     "@plumeria/sort-properties": "warn",
     "@plumeria/format-properties": "warn",
     "@plumeria/validate-values": "warn",
-    "@plumeria/validate-pseudos": "error",
-    "@plumeria/validate-at-rules": "error"
+    "@plumeria/validate-pseudos": "warn",
+    "@plumeria/validate-at-rules": "warn"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/eslint-plugin",
-  "version": "19.2.16",
+  "version": "19.4.0",
   "description": "Plumeria ESLint plugin",
   "author": "Refirst 11",
   "license": "MIT",
@@ -45,6 +45,7 @@
     "@types/estree": "^1.0.9",
     "@types/estree-jsx": "^1.0.5",
     "@typescript-eslint/parser": "^8.60.0",
+    "@typescript-eslint/utils": "^8.60.0",
     "eslint": "^10.4.0"
   },
   "publishConfig": {
@@ -52,9 +53,9 @@
     "provenance": true
   },
   "dependencies": {
-    "@typescript-eslint/utils": "^8.60.0",
     "known-css-properties": "^0.37.0",
-    "zss-engine": "2.8.0"
+    "zss-engine": "2.8.0",
+    "@plumeria/utils": "19.4.0"
   },
   "scripts": {
     "build": "rimraf dist && pnpm cjs",

package/dist/rules/props-require-import.d.ts

@@ -1,2 +0,0 @@
-import type { Rule } from 'eslint';
-export declare const propsRequireImport: Rule.RuleModule;

package/dist/rules/props-require-import.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.propsRequireImport = void 0;
-const style_prop_1 = require("../util/style-prop");
-exports.propsRequireImport = {
-    meta: {
-        type: 'problem',
-        docs: {
-            description: 'Disallow the styling prop in files without a @plumeria/core import',
-        },
-        fixable: 'code',
-        messages: {
-            requiresImport: '{{prop}} requires importing "@plumeria/core".',
-        },
-        schema: style_prop_1.stylePropSchema,
-    },
-    create(context) {
-        const styleProp = (0, style_prop_1.resolveStyleProp)(context);
-        let hasPlumeriaImport = false;
-        const stylePropNodes = [];
-        return {
-            ImportDeclaration(node) {
-                const source = node.source.value;
-                if (typeof source === 'string' && source.startsWith('@plumeria/core')) {
-                    hasPlumeriaImport = true;
-                }
-            },
-            JSXAttribute(node) {
-                if (node.name && node.name.name === styleProp) {
-                    stylePropNodes.push(node);
-                }
-            },
-            'Program:exit'() {
-                if (!hasPlumeriaImport) {
-                    stylePropNodes.forEach((node, index) => {
-                        context.report({
-                            node,
-                            messageId: 'requiresImport',
-                            data: { prop: styleProp },
-                            fix(fixer) {
-                                if (index === 0) {
-                                    return fixer.insertTextBefore(context.sourceCode.ast, 'import "@plumeria/core";\n');
-                                }
-                                return null;
-                            },
-                        });
-                    });
-                }
-            },
-        };
-    },
-};