@fictjs/compiler 0.0.13 → 0.0.14

package/README.md

@@ -15,3 +15,17 @@ yarn add -D @fictjs/compiler
 ```
 
 You can visit [Fict](https://github.com/fictjs/fict) for more documentation.
+
+## Options
+
+```ts
+createFictPlugin({
+  dev: true,
+  onWarn(warning) {
+    console.warn(warning)
+  },
+})
+```
+
+- `dev` (default: `NODE_ENV !== 'production' && NODE_ENV !== 'test'`): enables compiler warnings/diagnostics. Set to `false` to silence warnings.
+- `onWarn`: custom warning handler (only called when `dev` is enabled).

package/dist/index.cjs

@@ -14121,8 +14121,34 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 var import_helper_plugin_utils = require("@babel/helper-plugin-utils");
 
+// ../runtime/src/delegated-events.ts
+var DelegatedEventNames = [
+  "beforeinput",
+  "click",
+  "dblclick",
+  "contextmenu",
+  "focusin",
+  "focusout",
+  "input",
+  "keydown",
+  "keyup",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "pointerdown",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerup",
+  "touchend",
+  "touchmove",
+  "touchstart"
+];
+
 // src/constants.ts
-var RUNTIME_MODULE = "@fictjs/runtime";
+var RUNTIME_MODULE = "@fictjs/runtime/internal";
 var RUNTIME_HELPERS = {
   signal: "createSignal",
   createSelector: "createSelector",
@@ -14139,7 +14165,7 @@ var RUNTIME_HELPERS = {
   propGetter: "__fictProp",
   propsRest: "__fictPropsRest",
   mergeProps: "mergeProps",
-  useProp: "useProp",
+  prop: "prop",
   runInScope: "runInScope",
   createElement: "createElement",
   conditional: "createConditional",
@@ -14173,7 +14199,7 @@ var RUNTIME_ALIASES = {
   fragment: "Fragment",
   propGetter: "__fictProp",
   propsRest: "__fictPropsRest",
-  useProp: "useProp",
+  prop: "prop",
   mergeProps: "mergeProps",
   runInScope: "runInScope",
   createElement: "createElement",
@@ -14193,30 +14219,7 @@ var RUNTIME_ALIASES = {
   template: "template",
   delegateEvents: "delegateEvents"
 };
-var DelegatedEvents = /* @__PURE__ */ new Set([
-  "beforeinput",
-  "click",
-  "dblclick",
-  "contextmenu",
-  "focusin",
-  "focusout",
-  "input",
-  "keydown",
-  "keyup",
-  "mousedown",
-  "mousemove",
-  "mouseout",
-  "mouseover",
-  "mouseup",
-  "pointerdown",
-  "pointermove",
-  "pointerout",
-  "pointerover",
-  "pointerup",
-  "touchend",
-  "touchmove",
-  "touchstart"
-]);
+var DelegatedEvents = /* @__PURE__ */ new Set([...DelegatedEventNames]);
 var SAFE_FUNCTIONS = /* @__PURE__ */ new Set([
   // Console methods
   "console.log",
@@ -16075,7 +16078,7 @@ var DiagnosticMessages = {
   ["FICT-P001" /* FICT_P001 */]: "Props destructuring falls back to non-reactive binding.",
   ["FICT-P002" /* FICT_P002 */]: "Array rest in props destructuring falls back to non-reactive binding.",
   ["FICT-P003" /* FICT_P003 */]: "Computed property in props pattern cannot be made reactive.",
-  ["FICT-P004" /* FICT_P004 */]: "Nested props destructuring falls back to non-reactive binding; access props directly or use useProp.",
+  ["FICT-P004" /* FICT_P004 */]: "Nested props destructuring falls back to non-reactive binding; access props directly or use prop.",
   ["FICT-S001" /* FICT_S001 */]: "State variable mutation detected outside component scope.",
   ["FICT-S002" /* FICT_S002 */]: "State variable escaped to external scope, may cause memory leaks.",
   ["FICT-E001" /* FICT_E001 */]: "Effect without reactive dependencies will run only once; consider adding state reads or removing the effect.",
@@ -19470,8 +19473,8 @@ function instructionToStatement(instr, t2, declaredVars, ctx, _buildMemoCall) {
     const isStateCall2 = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && instr.value.callee.name === "$state";
     const inRegionMemo = ctx.inRegionMemo ?? false;
     const isFunctionValue = instr.value.kind === "ArrowFunction" || instr.value.kind === "FunctionExpression";
-    const isAccessorReturningCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["$memo", "createMemo", "useProp"].includes(instr.value.callee.name);
-    const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps", "prop"].includes(instr.value.callee.name);
+    const isAccessorReturningCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["$memo", "createMemo", "prop"].includes(instr.value.callee.name);
+    const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps"].includes(instr.value.callee.name);
     const isMemoReturningCall = isAccessorReturningCall || isReactiveObjectCall;
     const lowerAssignedValue = (forceAssigned = false) => lowerExpressionWithDeSSA(instr.value, ctx, forceAssigned || isFunctionValue);
     const buildMemoCall = (expr) => {
@@ -21105,7 +21108,7 @@ function computeReactiveAccessors(fn, ctx) {
             tracked.add(target);
             changed = true;
           }
-          const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps", "prop"].includes(instr.value.callee.name);
+          const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps"].includes(instr.value.callee.name);
           if (hasDataDep && !isSignal(target) && !isStore(target) && !isReactiveObjectCall) {
             memo.add(target);
           }
@@ -21728,8 +21731,8 @@ function lowerExpressionImpl(expr, ctx, _isAssigned = false) {
           const shouldMemoProp = usesTracked && !t2.isIdentifier(valueExprRaw) && !t2.isMemberExpression(valueExprRaw) && !t2.isLiteral(valueExprRaw);
           const valueExpr = usesTracked && ctx.t.isExpression(valueExprRaw) ? (() => {
             if (shouldMemoProp) {
-              ctx.helpersUsed.add("useProp");
-              return t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+              ctx.helpersUsed.add("prop");
+              return t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
                 t2.arrowFunctionExpression([], valueExprRaw)
               ]);
             }
@@ -23929,8 +23932,8 @@ function buildPropsObject(attributes, ctx) {
           ]);
         })() : usesTracked && t2.isExpression(lowered) ? (() => {
           if (useMemoProp) {
-            ctx.helpersUsed.add("useProp");
-            return t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+            ctx.helpersUsed.add("prop");
+            return t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
               t2.arrowFunctionExpression(
                 [],
                 trackedExpr ?? lowered
@@ -24452,7 +24455,7 @@ function lowerFunctionWithRegions(fn, ctx) {
       const stmts = [];
       const excludeKeys = [];
       let supported = true;
-      let usesUseProp = false;
+      let usesProp = false;
       let usesPropsRest = false;
       let warnedNested = false;
       const memberExprForKey = (base, key) => t2.memberExpression(base, t2.identifier(key), false);
@@ -24472,16 +24475,16 @@ function lowerFunctionWithRegions(fn, ctx) {
             const member = memberExprForKey(baseExpr, keyName);
             const value = prop.value;
             if (t2.isIdentifier(value)) {
-              const shouldUseProp = !calledIdentifiers.has(value.name);
-              if (shouldUseProp) {
-                usesUseProp = true;
+              const shouldWrapProp = !calledIdentifiers.has(value.name);
+              if (shouldWrapProp) {
+                usesProp = true;
                 propsPlanAliases.add(value.name);
               }
               stmts.push(
                 t2.variableDeclaration("const", [
                   t2.variableDeclarator(
                     t2.identifier(value.name),
-                    shouldUseProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+                    shouldWrapProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
                       t2.arrowFunctionExpression([], member)
                     ]) : member
                   )
@@ -24495,13 +24498,13 @@ function lowerFunctionWithRegions(fn, ctx) {
               continue;
             }
             if (t2.isAssignmentPattern(value) && t2.isIdentifier(value.left)) {
-              const shouldUseProp = !calledIdentifiers.has(value.left.name);
-              if (shouldUseProp) {
-                usesUseProp = true;
+              const shouldWrapProp = !calledIdentifiers.has(value.left.name);
+              if (shouldWrapProp) {
+                usesProp = true;
                 propsPlanAliases.add(value.left.name);
               }
               const baseInit = t2.logicalExpression("??", member, value.right);
-              const init = shouldUseProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+              const init = shouldWrapProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
                 t2.arrowFunctionExpression([], baseInit)
               ]) : baseInit;
               stmts.push(
@@ -24545,7 +24548,7 @@ function lowerFunctionWithRegions(fn, ctx) {
       if (supported) {
         propsDestructurePlan = {
           statements: stmts,
-          usesUseProp,
+          usesProp,
           usesPropsRest
         };
         propsPlanAliases.forEach((name) => {
@@ -24639,8 +24642,8 @@ function lowerFunctionWithRegions(fn, ctx) {
       finalParams = [t2.identifier("__props")];
       const pattern = rawParam.type === "AssignmentPattern" ? rawParam.left : rawParam;
       if (propsDestructurePlan) {
-        if (propsDestructurePlan.usesUseProp) {
-          ctx.helpersUsed.add("useProp");
+        if (propsDestructurePlan.usesProp) {
+          ctx.helpersUsed.add("prop");
         }
         if (propsDestructurePlan.usesPropsRest) {
           ctx.helpersUsed.add("propsRest");
@@ -25128,8 +25131,10 @@ function createHIREntrypointVisitor(t2, options) {
         const fileName = path.hub?.file?.opts?.filename || "<unknown>";
         const comments = path.hub?.file?.ast?.comments || [];
         const suppressions = parseSuppressions(comments);
-        const warn = createWarningDispatcher(options.onWarn, suppressions);
-        const optionsWithWarnings = { ...options, onWarn: warn };
+        const dev = options.dev !== false;
+        const warn = dev ? createWarningDispatcher(options.onWarn, suppressions) : () => {
+        };
+        const optionsWithWarnings = dev ? { ...options, onWarn: warn } : { ...options, onWarn: void 0 };
         const isHookName2 = (name) => !!name && /^use[A-Z]/.test(name);
         const getFunctionName = (fnPath) => {
           return fnPath.isFunctionDeclaration() && fnPath.node.id ? fnPath.node.id.name : fnPath.isFunctionExpression() && fnPath.node.id ? fnPath.node.id.name : fnPath.parentPath.isVariableDeclarator() && t2.isIdentifier(fnPath.parentPath.node.id) && fnPath.parentPath.node.init === fnPath.node ? fnPath.parentPath.node.id.name : void 0;
@@ -25385,6 +25390,18 @@ function createHIREntrypointVisitor(t2, options) {
           },
           CallExpression(callPath) {
             if (isStateCall(callPath.node, t2)) {
+              const parentPath = callPath.parentPath;
+              const isVariableDeclarator = parentPath?.isVariableDeclarator() && parentPath.node.init === callPath.node;
+              if (!isVariableDeclarator) {
+                throw callPath.buildCodeFrameError(
+                  "$state() must be assigned directly to a variable (e.g. let count = $state(0)). For object state, consider using $store from fict/plus."
+                );
+              }
+              if (!t2.isIdentifier(parentPath.node.id)) {
+                throw callPath.buildCodeFrameError(
+                  "Destructuring $state is not supported. Use a simple identifier."
+                );
+              }
               const ownerComponent = callPath.getFunctionParent();
               if (!ownerComponent || !isComponentOrHookDefinition(ownerComponent)) {
                 throw callPath.buildCodeFrameError(
@@ -25577,7 +25594,9 @@ function createHIREntrypointVisitor(t2, options) {
             }
           });
         }
-        runWarningPass(path, stateVars, derivedVars, warn, fileName, t2);
+        if (dev) {
+          runWarningPass(path, stateVars, derivedVars, warn, fileName, t2);
+        }
         const fileAst = t2.file(path.node);
         const hir = buildHIR(fileAst);
         const lowered = lowerHIRWithRegions(hir, t2, optionsWithWarnings);
@@ -25597,7 +25616,8 @@ var createFictPlugin = (0, import_helper_plugin_utils.declare)(
     const t2 = api.types;
     const normalizedOptions = {
       ...options,
-      fineGrainedDom: options.fineGrainedDom ?? true
+      fineGrainedDom: options.fineGrainedDom ?? true,
+      dev: options.dev ?? (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test")
     };
     return {
       name: "fict-compiler-hir",

package/dist/index.js

@@ -14109,8 +14109,34 @@ var require_lib3 = __commonJS({
 // src/index.ts
 import { declare } from "@babel/helper-plugin-utils";
 
+// ../runtime/src/delegated-events.ts
+var DelegatedEventNames = [
+  "beforeinput",
+  "click",
+  "dblclick",
+  "contextmenu",
+  "focusin",
+  "focusout",
+  "input",
+  "keydown",
+  "keyup",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "pointerdown",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerup",
+  "touchend",
+  "touchmove",
+  "touchstart"
+];
+
 // src/constants.ts
-var RUNTIME_MODULE = "@fictjs/runtime";
+var RUNTIME_MODULE = "@fictjs/runtime/internal";
 var RUNTIME_HELPERS = {
   signal: "createSignal",
   createSelector: "createSelector",
@@ -14127,7 +14153,7 @@ var RUNTIME_HELPERS = {
   propGetter: "__fictProp",
   propsRest: "__fictPropsRest",
   mergeProps: "mergeProps",
-  useProp: "useProp",
+  prop: "prop",
   runInScope: "runInScope",
   createElement: "createElement",
   conditional: "createConditional",
@@ -14161,7 +14187,7 @@ var RUNTIME_ALIASES = {
   fragment: "Fragment",
   propGetter: "__fictProp",
   propsRest: "__fictPropsRest",
-  useProp: "useProp",
+  prop: "prop",
   mergeProps: "mergeProps",
   runInScope: "runInScope",
   createElement: "createElement",
@@ -14181,30 +14207,7 @@ var RUNTIME_ALIASES = {
   template: "template",
   delegateEvents: "delegateEvents"
 };
-var DelegatedEvents = /* @__PURE__ */ new Set([
-  "beforeinput",
-  "click",
-  "dblclick",
-  "contextmenu",
-  "focusin",
-  "focusout",
-  "input",
-  "keydown",
-  "keyup",
-  "mousedown",
-  "mousemove",
-  "mouseout",
-  "mouseover",
-  "mouseup",
-  "pointerdown",
-  "pointermove",
-  "pointerout",
-  "pointerover",
-  "pointerup",
-  "touchend",
-  "touchmove",
-  "touchstart"
-]);
+var DelegatedEvents = /* @__PURE__ */ new Set([...DelegatedEventNames]);
 var SAFE_FUNCTIONS = /* @__PURE__ */ new Set([
   // Console methods
   "console.log",
@@ -16063,7 +16066,7 @@ var DiagnosticMessages = {
   ["FICT-P001" /* FICT_P001 */]: "Props destructuring falls back to non-reactive binding.",
   ["FICT-P002" /* FICT_P002 */]: "Array rest in props destructuring falls back to non-reactive binding.",
   ["FICT-P003" /* FICT_P003 */]: "Computed property in props pattern cannot be made reactive.",
-  ["FICT-P004" /* FICT_P004 */]: "Nested props destructuring falls back to non-reactive binding; access props directly or use useProp.",
+  ["FICT-P004" /* FICT_P004 */]: "Nested props destructuring falls back to non-reactive binding; access props directly or use prop.",
   ["FICT-S001" /* FICT_S001 */]: "State variable mutation detected outside component scope.",
   ["FICT-S002" /* FICT_S002 */]: "State variable escaped to external scope, may cause memory leaks.",
   ["FICT-E001" /* FICT_E001 */]: "Effect without reactive dependencies will run only once; consider adding state reads or removing the effect.",
@@ -19458,8 +19461,8 @@ function instructionToStatement(instr, t2, declaredVars, ctx, _buildMemoCall) {
     const isStateCall2 = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && instr.value.callee.name === "$state";
     const inRegionMemo = ctx.inRegionMemo ?? false;
     const isFunctionValue = instr.value.kind === "ArrowFunction" || instr.value.kind === "FunctionExpression";
-    const isAccessorReturningCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["$memo", "createMemo", "useProp"].includes(instr.value.callee.name);
-    const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps", "prop"].includes(instr.value.callee.name);
+    const isAccessorReturningCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["$memo", "createMemo", "prop"].includes(instr.value.callee.name);
+    const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps"].includes(instr.value.callee.name);
     const isMemoReturningCall = isAccessorReturningCall || isReactiveObjectCall;
     const lowerAssignedValue = (forceAssigned = false) => lowerExpressionWithDeSSA(instr.value, ctx, forceAssigned || isFunctionValue);
     const buildMemoCall = (expr) => {
@@ -21093,7 +21096,7 @@ function computeReactiveAccessors(fn, ctx) {
             tracked.add(target);
             changed = true;
           }
-          const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps", "prop"].includes(instr.value.callee.name);
+          const isReactiveObjectCall = instr.value.kind === "CallExpression" && instr.value.callee.kind === "Identifier" && ["mergeProps"].includes(instr.value.callee.name);
           if (hasDataDep && !isSignal(target) && !isStore(target) && !isReactiveObjectCall) {
             memo.add(target);
           }
@@ -21716,8 +21719,8 @@ function lowerExpressionImpl(expr, ctx, _isAssigned = false) {
           const shouldMemoProp = usesTracked && !t2.isIdentifier(valueExprRaw) && !t2.isMemberExpression(valueExprRaw) && !t2.isLiteral(valueExprRaw);
           const valueExpr = usesTracked && ctx.t.isExpression(valueExprRaw) ? (() => {
             if (shouldMemoProp) {
-              ctx.helpersUsed.add("useProp");
-              return t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+              ctx.helpersUsed.add("prop");
+              return t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
                 t2.arrowFunctionExpression([], valueExprRaw)
               ]);
             }
@@ -23917,8 +23920,8 @@ function buildPropsObject(attributes, ctx) {
           ]);
         })() : usesTracked && t2.isExpression(lowered) ? (() => {
           if (useMemoProp) {
-            ctx.helpersUsed.add("useProp");
-            return t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+            ctx.helpersUsed.add("prop");
+            return t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
               t2.arrowFunctionExpression(
                 [],
                 trackedExpr ?? lowered
@@ -24440,7 +24443,7 @@ function lowerFunctionWithRegions(fn, ctx) {
       const stmts = [];
       const excludeKeys = [];
       let supported = true;
-      let usesUseProp = false;
+      let usesProp = false;
       let usesPropsRest = false;
       let warnedNested = false;
       const memberExprForKey = (base, key) => t2.memberExpression(base, t2.identifier(key), false);
@@ -24460,16 +24463,16 @@ function lowerFunctionWithRegions(fn, ctx) {
             const member = memberExprForKey(baseExpr, keyName);
             const value = prop.value;
             if (t2.isIdentifier(value)) {
-              const shouldUseProp = !calledIdentifiers.has(value.name);
-              if (shouldUseProp) {
-                usesUseProp = true;
+              const shouldWrapProp = !calledIdentifiers.has(value.name);
+              if (shouldWrapProp) {
+                usesProp = true;
                 propsPlanAliases.add(value.name);
               }
               stmts.push(
                 t2.variableDeclaration("const", [
                   t2.variableDeclarator(
                     t2.identifier(value.name),
-                    shouldUseProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+                    shouldWrapProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
                       t2.arrowFunctionExpression([], member)
                     ]) : member
                   )
@@ -24483,13 +24486,13 @@ function lowerFunctionWithRegions(fn, ctx) {
               continue;
             }
             if (t2.isAssignmentPattern(value) && t2.isIdentifier(value.left)) {
-              const shouldUseProp = !calledIdentifiers.has(value.left.name);
-              if (shouldUseProp) {
-                usesUseProp = true;
+              const shouldWrapProp = !calledIdentifiers.has(value.left.name);
+              if (shouldWrapProp) {
+                usesProp = true;
                 propsPlanAliases.add(value.left.name);
               }
               const baseInit = t2.logicalExpression("??", member, value.right);
-              const init = shouldUseProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.useProp), [
+              const init = shouldWrapProp ? t2.callExpression(t2.identifier(RUNTIME_ALIASES.prop), [
                 t2.arrowFunctionExpression([], baseInit)
               ]) : baseInit;
               stmts.push(
@@ -24533,7 +24536,7 @@ function lowerFunctionWithRegions(fn, ctx) {
       if (supported) {
         propsDestructurePlan = {
           statements: stmts,
-          usesUseProp,
+          usesProp,
           usesPropsRest
         };
         propsPlanAliases.forEach((name) => {
@@ -24627,8 +24630,8 @@ function lowerFunctionWithRegions(fn, ctx) {
       finalParams = [t2.identifier("__props")];
       const pattern = rawParam.type === "AssignmentPattern" ? rawParam.left : rawParam;
       if (propsDestructurePlan) {
-        if (propsDestructurePlan.usesUseProp) {
-          ctx.helpersUsed.add("useProp");
+        if (propsDestructurePlan.usesProp) {
+          ctx.helpersUsed.add("prop");
         }
         if (propsDestructurePlan.usesPropsRest) {
           ctx.helpersUsed.add("propsRest");
@@ -25116,8 +25119,10 @@ function createHIREntrypointVisitor(t2, options) {
         const fileName = path.hub?.file?.opts?.filename || "<unknown>";
         const comments = path.hub?.file?.ast?.comments || [];
         const suppressions = parseSuppressions(comments);
-        const warn = createWarningDispatcher(options.onWarn, suppressions);
-        const optionsWithWarnings = { ...options, onWarn: warn };
+        const dev = options.dev !== false;
+        const warn = dev ? createWarningDispatcher(options.onWarn, suppressions) : () => {
+        };
+        const optionsWithWarnings = dev ? { ...options, onWarn: warn } : { ...options, onWarn: void 0 };
         const isHookName2 = (name) => !!name && /^use[A-Z]/.test(name);
         const getFunctionName = (fnPath) => {
           return fnPath.isFunctionDeclaration() && fnPath.node.id ? fnPath.node.id.name : fnPath.isFunctionExpression() && fnPath.node.id ? fnPath.node.id.name : fnPath.parentPath.isVariableDeclarator() && t2.isIdentifier(fnPath.parentPath.node.id) && fnPath.parentPath.node.init === fnPath.node ? fnPath.parentPath.node.id.name : void 0;
@@ -25373,6 +25378,18 @@ function createHIREntrypointVisitor(t2, options) {
           },
           CallExpression(callPath) {
             if (isStateCall(callPath.node, t2)) {
+              const parentPath = callPath.parentPath;
+              const isVariableDeclarator = parentPath?.isVariableDeclarator() && parentPath.node.init === callPath.node;
+              if (!isVariableDeclarator) {
+                throw callPath.buildCodeFrameError(
+                  "$state() must be assigned directly to a variable (e.g. let count = $state(0)). For object state, consider using $store from fict/plus."
+                );
+              }
+              if (!t2.isIdentifier(parentPath.node.id)) {
+                throw callPath.buildCodeFrameError(
+                  "Destructuring $state is not supported. Use a simple identifier."
+                );
+              }
               const ownerComponent = callPath.getFunctionParent();
               if (!ownerComponent || !isComponentOrHookDefinition(ownerComponent)) {
                 throw callPath.buildCodeFrameError(
@@ -25565,7 +25582,9 @@ function createHIREntrypointVisitor(t2, options) {
             }
           });
         }
-        runWarningPass(path, stateVars, derivedVars, warn, fileName, t2);
+        if (dev) {
+          runWarningPass(path, stateVars, derivedVars, warn, fileName, t2);
+        }
         const fileAst = t2.file(path.node);
         const hir = buildHIR(fileAst);
         const lowered = lowerHIRWithRegions(hir, t2, optionsWithWarnings);
@@ -25585,7 +25604,8 @@ var createFictPlugin = declare(
     const t2 = api.types;
     const normalizedOptions = {
       ...options,
-      fineGrainedDom: options.fineGrainedDom ?? true
+      fineGrainedDom: options.fineGrainedDom ?? true,
+      dev: options.dev ?? (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test")
     };
     return {
       name: "fict-compiler-hir",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fictjs/compiler",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Babel plugin for Fict Compiler",
   "publishConfig": {
     "access": "public",
@@ -45,7 +45,7 @@
     "@types/babel__helper-plugin-utils": "^7.10.3",
     "@types/babel__traverse": "^7.28.0",
     "tsup": "^8.5.1",
-    "@fictjs/runtime": "0.0.13"
+    "@fictjs/runtime": "0.0.14"
   },
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts",