babel-plugin-jsx-dom-expressions 0.31.0-beta.6 → 0.31.4

package/index.js

@@ -16,14 +16,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -227,15 +225,15 @@ function getConfig(path) {
 function registerImportMethod(path, name) {
   const imports =
     path.scope.getProgramParent().data.imports ||
-    (path.scope.getProgramParent().data.imports = new Map());
+    (path.scope.getProgramParent().data.imports = new Set());
+  const identifier = t__namespace.identifier(`_$${name}`);
   if (!imports.has(name)) {
-    const identifier = helperModuleImports.addNamed(path, name, getConfig(path).moduleName, {
+    helperModuleImports.addNamed(path, name, getConfig(path).moduleName, {
       nameHint: `_$${name}`
     });
-    imports.set(name, identifier);
-    return identifier;
+    imports.add(name);
   }
-  return imports.get(name);
+  return identifier;
 }
 
 function jsxElementNameToString(node) {
@@ -467,6 +465,10 @@ function transformCondition(path, inline, deep) {
   return deep ? expr : t__namespace.arrowFunctionExpression([], expr);
 }
 
+function escapeBackticks(value) {
+  return value.replace(/`/g, "\\`");
+}
+
 function escapeHTML(s, attr) {
   if (typeof s !== "string") return s;
   const delim = attr ? '"' : "<";
@@ -1044,7 +1046,7 @@ function transformAttributes$2(path, results) {
         } else {
           !isSVG && (key = key.toLowerCase());
           results.template += ` ${key}`;
-          results.template += value ? `="${value.value}"` : "";
+          results.template += value ? `="${escapeBackticks(value.value)}"` : "";
         }
       }
     });
@@ -2543,7 +2545,7 @@ function transformNode(path, info = {}) {
         : trimWhitespace(node.extra.raw);
     if (!text.length) return null;
     const results = {
-      template: text,
+      template: config.generate === "dom" ? escapeBackticks(text) : text,
       decl: [],
       exprs: [],
       dynamics: [],
@@ -2643,8 +2645,8 @@ var config = {
 };
 
 var preprocess = (path, { opts })  => {
-  path.hub.file.metadata.config = Object.assign({}, config, opts);
-  const lib = config.requireImportSource;
+  const merged = path.hub.file.metadata.config = Object.assign({}, config, opts);
+  const lib = merged.requireImportSource;
   if (lib) {
     const comments = path.hub.file.ast.comments;
     for(let i = 0; i < comments.length; i++) {
@@ -2659,7 +2661,7 @@ var preprocess = (path, { opts })  => {
 var index = () => {
   return {
     name: "JSX DOM Expressions",
-    inherits: SyntaxJSX__default['default'],
+    inherits: SyntaxJSX__default["default"],
     visitor: {
       JSXElement: transformJSX,
       JSXFragment: transformJSX,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "babel-plugin-jsx-dom-expressions",
   "description": "A JSX to DOM plugin that wraps expressions for fine grained change detection",
-  "version": "0.31.0-beta.6",
+  "version": "0.31.4",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -18,10 +18,10 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@babel/helper-module-imports": "^7.10.4",
-    "@babel/plugin-syntax-jsx": "^7.10.4",
-    "@babel/types": "^7.11.5",
+    "@babel/helper-module-imports": "7.16.0",
+    "@babel/plugin-syntax-jsx": "^7.16.5",
+    "@babel/types": "^7.16.0",
     "html-entities": "2.3.2"
   },
-  "gitHead": "eb9258c44a11aae76b5498549f1dd32645bb6b01"
+  "gitHead": "411215d16c3bf06ced1b55ab76fc85108d053f98"
 }