@fictjs/eslint-plugin 0.0.13 → 0.0.14

package/dist/index.cjs

@@ -637,6 +637,12 @@ var isInConditional = (ancestors) => ancestors.some(
     "LogicalExpression"
   ].includes(ancestor.type)
 );
+var isDirectStateDeclaration = (node, ancestors) => {
+  const parent = ancestors[ancestors.length - 1];
+  if (!parent || parent.type !== "VariableDeclarator") return false;
+  if (parent.init !== node) return false;
+  return parent.id?.type === "Identifier";
+};
 var rule8 = {
   meta: {
     type: "problem",
@@ -647,7 +653,8 @@ var rule8 = {
     messages: {
       moduleScope: "$state must be declared inside a component or hook function body (not at module scope).",
       componentOnly: "$state should only be used inside a component function (PascalCase or JSX-returning) or a hook (useX).",
-      topLevel: "$state must be at the top level of the component or hook body (not inside conditionals or nested functions)."
+      topLevel: "$state must be at the top level of the component or hook body (not inside conditionals or nested functions).",
+      declarationOnly: "$state() must be assigned directly to a variable (e.g. let count = $state(0))."
     },
     schema: []
   },
@@ -656,6 +663,10 @@ var rule8 = {
       CallExpression(node) {
         if (node.callee.type !== "Identifier" || node.callee.name !== "$state") return;
         const ancestors = context.sourceCode.getAncestors(node);
+        if (!isDirectStateDeclaration(node, ancestors)) {
+          context.report({ node, messageId: "declarationOnly" });
+          return;
+        }
         const functionAncestors = ancestors.filter(
           (ancestor) => ["FunctionDeclaration", "FunctionExpression", "ArrowFunctionExpression"].includes(
             ancestor.type

package/dist/index.js

@@ -601,6 +601,12 @@ var isInConditional = (ancestors) => ancestors.some(
     "LogicalExpression"
   ].includes(ancestor.type)
 );
+var isDirectStateDeclaration = (node, ancestors) => {
+  const parent = ancestors[ancestors.length - 1];
+  if (!parent || parent.type !== "VariableDeclarator") return false;
+  if (parent.init !== node) return false;
+  return parent.id?.type === "Identifier";
+};
 var rule8 = {
   meta: {
     type: "problem",
@@ -611,7 +617,8 @@ var rule8 = {
     messages: {
       moduleScope: "$state must be declared inside a component or hook function body (not at module scope).",
       componentOnly: "$state should only be used inside a component function (PascalCase or JSX-returning) or a hook (useX).",
-      topLevel: "$state must be at the top level of the component or hook body (not inside conditionals or nested functions)."
+      topLevel: "$state must be at the top level of the component or hook body (not inside conditionals or nested functions).",
+      declarationOnly: "$state() must be assigned directly to a variable (e.g. let count = $state(0))."
     },
     schema: []
   },
@@ -620,6 +627,10 @@ var rule8 = {
       CallExpression(node) {
         if (node.callee.type !== "Identifier" || node.callee.name !== "$state") return;
         const ancestors = context.sourceCode.getAncestors(node);
+        if (!isDirectStateDeclaration(node, ancestors)) {
+          context.report({ node, messageId: "declarationOnly" });
+          return;
+        }
         const functionAncestors = ancestors.filter(
           (ancestor) => ["FunctionDeclaration", "FunctionExpression", "ArrowFunctionExpression"].includes(
             ancestor.type

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fictjs/eslint-plugin",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "ESLint plugin for Fict",
   "publishConfig": {
     "access": "public",