babel-plugin-vasille 0.99.5 → 3.1.0

package/lib-node/transformer.js

@@ -15,29 +15,37 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.trProgram = trProgram;
 const t = __importStar(require("@babel/types"));
-const internal_1 = require("./internal");
-const mesh_1 = require("./mesh");
-const css_transformer_1 = require("./css-transformer");
-const imports = new Map([
-    ["vasille-dx", "VasilleDX"],
-    ["vasille-web", "VasilleWeb"],
-]);
+const internal_js_1 = require("./internal.js");
+const mesh_js_1 = require("./mesh.js");
+const css_transformer_js_1 = require("./css-transformer.js");
+const imports = new Map([["vasille-web", "VasilleWeb"]]);
 const ignoreMembers = new Set([
     "value",
     "ref",
     "bind",
     "calculate",
     "watch",
+    "forward",
     "arrayModel",
     "mapModel",
     "reactiveObject",
@@ -49,9 +57,11 @@ const ignoreMembers = new Set([
     "laptop",
     "prefersDark",
     "prefersLight",
+    "state",
 ]);
 function extractText(node) {
-    return t.isIdentifier(node) ? node.name : node.value;
+    // no case found for string literal
+    return node.name;
 }
 function trProgram(path, devMode) {
     let id;
@@ -64,13 +74,13 @@ function trProgram(path, devMode) {
         set id(expr) {
             id = expr;
         },
-        stack: new internal_1.StackedStates(),
+        stack: new internal_js_1.StackedStates(),
         mapping: new Map(),
         global: "",
-        cssGlobal: "",
         prefix: "Vasille_",
         importStatement: null,
         internalUsed: false,
+        stateOnly: false,
         devMode: devMode,
     };
     for (const statementPath of path.get("body")) {
@@ -78,25 +88,24 @@ function trProgram(path, devMode) {
         if (t.isImportDeclaration(statement)) {
             const name = imports.get(statement.source.value);
             if (name) {
-                internal.prefix = `${name}_`;
+                internal.prefix = name;
                 for (const specifier of statement.specifiers) {
                     if (t.isImportNamespaceSpecifier(specifier)) {
                         internal.global = specifier.local.name;
                         if (statement.source.value === "vasille-web") {
-                            internal.cssGlobal = internal.global;
                             stylesConnected = true;
                         }
-                        id = t.memberExpression(t.identifier(internal.global), t.identifier("$"));
+                        internal.id = t.memberExpression(t.identifier(internal.global), t.identifier("$"));
                     }
                     else if (t.isImportSpecifier(specifier)) {
                         const imported = extractText(specifier.imported);
                         const local = specifier.local.name;
                         internal.mapping.set(local, imported);
-                        if (imported === "webStyleSheet") {
+                        if (imported === "styleSheet") {
                             stylesConnected = true;
                         }
                         if (!id) {
-                            id = t.identifier(name);
+                            internal.id = t.identifier(name);
                         }
                         internal.importStatement = statementPath;
                     }
@@ -106,41 +115,18 @@ function trProgram(path, devMode) {
                         return true;
                     }
                     else {
-                        return !ignoreMembers.has(extractText(spec.imported));
+                        return !(ignoreMembers.has(extractText(spec.imported)) ||
+                            (!internal.devMode && extractText(spec.imported) === "Debug"));
                     }
                 });
             }
-            else if (statement.source.value === "vasille-css") {
-                for (const specifier of statement.specifiers) {
-                    if (t.isImportSpecifier(specifier)) {
-                        internal.mapping.set(specifier.local.name, extractText(specifier.imported));
-                    }
-                    else if (t.isImportNamespaceSpecifier(specifier)) {
-                        internal.cssGlobal = specifier.local.name;
-                    }
-                }
-                statement.specifiers = statement.specifiers.filter(spec => {
-                    if (!t.isImportSpecifier(spec)) {
-                        return true;
-                    }
-                    else {
-                        return !ignoreMembers.has(extractText(spec.imported));
-                    }
-                });
-                stylesConnected = true;
-            }
         }
         else {
             if (!id) {
-                if (stylesConnected) {
-                    (0, css_transformer_1.findStyleInNode)(statementPath, internal);
-                }
-                else {
-                    return;
-                }
+                return;
             }
-            else if (!stylesConnected || !(0, css_transformer_1.findStyleInNode)(statementPath, internal)) {
-                (0, mesh_1.meshStatement)(statementPath, internal);
+            else if (!stylesConnected || !(0, css_transformer_js_1.findStyleInNode)(statementPath, internal)) {
+                (0, mesh_js_1.meshStatement)(statementPath, internal);
             }
         }
     }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "babel-plugin-vasille",
-  "version": "0.99.5",
+  "version": "3.1.0",
   "description": "Convert Vasille Meta Language code to pure JavaScript",
   "main": "lib-node/index.js",
-  "type": "commonjs",
+  "type": "module",
   "exports": {
     "import": "./lib-node/index.js",
     "browser": "./lib/index.js",
@@ -15,8 +15,9 @@
     "prettier": "prettier src test/**/*.ts* --write",
     "build": "tsc --build tsconfig-build.json",
     "build-node": "tsc --build tsconfig-build-node.json",
-    "test": "jest",
-    "test-coverage": "jest --coverage"
+    "tsc-tests": "tsc --build test/tsconfig.json",
+    "test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest",
+    "test-coverage": "cross-env NODE_OPTIONS=--experimental-vm-modules jest --coverage"
   },
   "keywords": [
     "front-end",
@@ -32,21 +33,24 @@
   },
   "homepage": "https://github.com/vasille-js/vasille-js#readme",
   "devDependencies": {
-    "@babel/parser": "^7.26.1",
-    "@babel/plugin-syntax-jsx": "^7.25.9",
-    "@babel/plugin-transform-typescript": "^7.25.9",
-    "@babel/types": "^7.26.0",
+    "@babel/parser": "^7.28.0",
+    "@babel/plugin-syntax-jsx": "^7.27.1",
+    "@babel/plugin-transform-typescript": "^7.28.0",
+    "@babel/types": "^7.28.2",
     "@types/babel__core": "^7.20.5",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^30.0.0",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.8.1",
-    "jest": "^29.7.0",
-    "jsdom": "^25.0.1",
+    "@types/node": "^24.1.0",
+    "cross-env": "^10.0.0",
+    "jest": "^30.0.5",
+    "jsdom": "^26.1.0",
     "path": "^0.12.7",
-    "prettier": "^3.3.3",
-    "ts-jest": "^29.2.5",
-    "typescript": "^5.6.3",
-    "vasille-css": "^3.0.3",
-    "vasille-dx": "^3.0.3"
+    "prettier": "^3.6.2",
+    "ts-jest": "^29.4.0",
+    "typescript": "^5.8.3",
+    "vasille": "^3.1.0",
+    "vasille-css": "^3.1.0",
+    "vasille-dx": "^3.1.0",
+    "vasille-web": "^3.1.0"
   }
 }