@wsxjs/wsx-vite-plugin 0.0.10 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsxjs/wsx-vite-plugin",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "Vite plugin for WSX Framework",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -31,7 +31,7 @@
     "@babel/plugin-transform-class-static-block": "^7.28.0",
     "@babel/preset-typescript": "^7.28.5",
     "@babel/types": "^7.28.1",
-    "@wsxjs/wsx-core": "0.0.10"
+    "@wsxjs/wsx-core": "0.0.12"
   },
   "devDependencies": {
     "@babel/traverse": "^7.28.5",
@@ -48,6 +48,9 @@
     "esbuild": ">=0.25.0",
     "vite": ">=4.0.0"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts --external esbuild --external @babel/core --external @babel/preset-typescript --external @babel/plugin-proposal-decorators --external @babel/plugin-proposal-class-properties --external @babel/plugin-transform-class-static-block --external @babel/types",
     "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external esbuild --external @babel/core --external @babel/preset-typescript --external @babel/plugin-proposal-decorators --external @babel/plugin-proposal-class-properties --external @babel/plugin-transform-class-static-block --external @babel/types",

package/src/babel-plugin-wsx-state.ts

@@ -48,6 +48,7 @@ export default function babelPluginWSXState(): PluginObj<WSXStatePluginPass> {
 
                 for (const member of classBody.body) {
                     // Debug: log member type
+
                     console.info(
                         `  - Member type: ${member.type}, key: ${member.type === "ClassProperty" || member.type === "ClassPrivateProperty" ? (member.key as any)?.name : "N/A"}`
                     );
@@ -100,8 +101,24 @@ export default function babelPluginWSXState(): PluginObj<WSXStatePluginPass> {
                             }
                         );
 
-                        if (hasStateDecorator && member.value) {
+                        if (hasStateDecorator) {
                             const key = member.key.name;
+
+                            // @state decorator requires an initial value
+                            // This is opinionated: we need the value to determine if it's primitive or object/array
+                            if (!member.value) {
+                                throw path.buildCodeFrameError(
+                                    `@state decorator on property '${key}' requires an initial value.\n` +
+                                        `\n` +
+                                        `Examples:\n` +
+                                        `  @state private ${key} = "";  // for string\n` +
+                                        `  @state private ${key} = 0;  // for number\n` +
+                                        `  @state private ${key} = {};  // for object\n` +
+                                        `  @state private ${key} = [];  // for array\n` +
+                                        `  @state private ${key} = undefined;  // for optional\n`
+                                );
+                            }
+
                             const initialValue = member.value as t.Expression;
 
                             // Determine if it's an object/array

package/src/vite-plugin-wsx-babel.ts

@@ -137,9 +137,32 @@ export function vitePluginWSXWithBabel(options: WSXPluginOptions = {}): Plugin {
 
                 if (babelResult && babelResult.code) {
                     transformedCode = babelResult.code;
+                } else {
+                    // Babel returned no code - critical error
+                    throw new Error(
+                        `[WSX Plugin] Babel transform returned no code for ${id}. ` +
+                            `@state decorators will NOT be processed and will cause runtime errors. ` +
+                            `Please check Babel configuration and plugin setup.`
+                    );
                 }
-            } catch {
-                // Babel transform failed, fallback to esbuild only
+            } catch (error) {
+                // Babel transform failed - this is critical
+                // If Babel fails, @state decorators won't be processed and will cause runtime errors
+                // Don't silently fallback - throw error to make it obvious
+                const errorMessage = error instanceof Error ? error.message : String(error);
+                throw new Error(
+                    `[WSX Plugin] Babel transform failed for ${id}. ` +
+                        `@state decorators will NOT be processed and will cause runtime errors. ` +
+                        `\n\n` +
+                        `Babel Error: ${errorMessage}` +
+                        `\n\n` +
+                        `This usually means:` +
+                        `\n1. Babel plugins are not installed correctly` +
+                        `\n2. Babel configuration is invalid` +
+                        `\n3. File contains syntax errors that Babel cannot parse` +
+                        `\n\n` +
+                        `Please fix the Babel error above before continuing.`
+                );
             }
 
             // 2.5. Ensure JSX imports still exist after Babel transformation