babel-plugin-essor 0.0.17 → 0.0.18-beta.1

package/dist/index.cjs

@@ -1458,11 +1458,15 @@ function createPatchCall(importFn, target, attrName, value, options = {}) {
   const { helper, name } = getPatchHelper(attrName);
   const nextValue = (_a = options.nextValue) != null ? _a : value;
   const isAttr = helper === "patchAttr";
+  const emitSVGFlag = helper === "patchClass" && options.isSVG === true;
   const args = isAttr ? [target, core.types.stringLiteral(name)] : [target];
-  if (options.previousValue != null || options.includePreviousValuePlaceholder) {
+  if (options.previousValue != null || options.includePreviousValuePlaceholder || emitSVGFlag) {
     args.push((_b = options.previousValue) != null ? _b : core.types.identifier("undefined"));
   }
   args.push(nextValue);
+  if (emitSVGFlag) {
+    args.push(core.types.booleanLiteral(true));
+  }
   return core.types.callExpression(importFn(helper), args);
 }
 function createRefExpression(target, value) {
@@ -2724,10 +2728,10 @@ function emitElementEffect(element, target, state, body, pendingMemoPatches) {
     emitBind(bind, target, body);
   }
   for (const attr of element.dynamicAttrs) {
-    emitDynamicAttr(attr, target, body, state, pendingMemoPatches);
+    emitDynamicAttr(attr, target, body, state, pendingMemoPatches, element.isSVG);
   }
   for (const spread of element.spreads) {
-    emitSpread(spread, target, body, state, pendingMemoPatches);
+    emitSpread(spread, target, body, state, pendingMemoPatches, element.isSVG);
   }
 }
 function emitDynamicChildInserts(flatNodes, varMap, state, body) {
@@ -2817,7 +2821,7 @@ function emitBind(bind, target, body) {
   if (modifiersArg) args.push(core.types.cloneNode(modifiersArg));
   body.push(core.types.expressionStatement(core.types.callExpression(useImport("bindElement"), args)));
 }
-function emitDynamicAttr(attr, target, body, state, pendingMemoPatches) {
+function emitDynamicAttr(attr, target, body, state, pendingMemoPatches, isSVG) {
   emitPatchOrEffect(
     target,
     attr.name,
@@ -2825,10 +2829,11 @@ function emitDynamicAttr(attr, target, body, state, pendingMemoPatches) {
     attr.kind,
     body,
     () => createEffectKey(attr.name, state.effectIndex++),
-    pendingMemoPatches
+    pendingMemoPatches,
+    isSVG
   );
 }
-function emitSpread(spread, target, body, state, pendingMemoPatches) {
+function emitSpread(spread, target, body, state, pendingMemoPatches, isSVG) {
   emitPatchOrEffect(
     target,
     He,
@@ -2836,19 +2841,23 @@ function emitSpread(spread, target, body, state, pendingMemoPatches) {
     spread.kind,
     body,
     () => createSpreadEffectKey(state.effectIndex++),
-    pendingMemoPatches
+    pendingMemoPatches,
+    isSVG
   );
 }
-function emitPatchOrEffect(target, attrName, value, kind, body, getEffectKey, pendingMemoPatches) {
+function emitPatchOrEffect(target, attrName, value, kind, body, getEffectKey, pendingMemoPatches, isSVG) {
   if (kind === "static") {
-    body.push(core.types.expressionStatement(createPatchCall(useImport, target, attrName, value)));
+    body.push(
+      core.types.expressionStatement(createPatchCall(useImport, target, attrName, value, { isSVG }))
+    );
     return;
   }
   pendingMemoPatches.push({
     effectKey: getEffectKey(),
     target,
     attrName,
-    value
+    value,
+    isSVG
   });
 }
 function emitMergedMemoEffect(patches, body) {
@@ -2870,7 +2879,8 @@ function createMemoPatchStatements(patch, memoStateId) {
   const valueId = genUid(MEMO_NEXT_VALUE_ID);
   const updateCall = createPatchCall(useImport, patch.target, patch.attrName, valueId, {
     previousValue: effectState,
-    nextValue: core.types.assignmentExpression("=", effectState, valueId)
+    nextValue: core.types.assignmentExpression("=", effectState, valueId),
+    isSVG: patch.isSVG
   });
   return [
     core.types.variableDeclaration("let", [core.types.variableDeclarator(valueId, core.types.cloneNode(patch.value, true))]),

package/dist/index.js

@@ -1456,11 +1456,15 @@ function createPatchCall(importFn, target, attrName, value, options = {}) {
   const { helper, name } = getPatchHelper(attrName);
   const nextValue = (_a = options.nextValue) != null ? _a : value;
   const isAttr = helper === "patchAttr";
+  const emitSVGFlag = helper === "patchClass" && options.isSVG === true;
   const args = isAttr ? [target, types.stringLiteral(name)] : [target];
-  if (options.previousValue != null || options.includePreviousValuePlaceholder) {
+  if (options.previousValue != null || options.includePreviousValuePlaceholder || emitSVGFlag) {
     args.push((_b = options.previousValue) != null ? _b : types.identifier("undefined"));
   }
   args.push(nextValue);
+  if (emitSVGFlag) {
+    args.push(types.booleanLiteral(true));
+  }
   return types.callExpression(importFn(helper), args);
 }
 function createRefExpression(target, value) {
@@ -2722,10 +2726,10 @@ function emitElementEffect(element, target, state, body, pendingMemoPatches) {
     emitBind(bind, target, body);
   }
   for (const attr of element.dynamicAttrs) {
-    emitDynamicAttr(attr, target, body, state, pendingMemoPatches);
+    emitDynamicAttr(attr, target, body, state, pendingMemoPatches, element.isSVG);
   }
   for (const spread of element.spreads) {
-    emitSpread(spread, target, body, state, pendingMemoPatches);
+    emitSpread(spread, target, body, state, pendingMemoPatches, element.isSVG);
   }
 }
 function emitDynamicChildInserts(flatNodes, varMap, state, body) {
@@ -2815,7 +2819,7 @@ function emitBind(bind, target, body) {
   if (modifiersArg) args.push(types.cloneNode(modifiersArg));
   body.push(types.expressionStatement(types.callExpression(useImport("bindElement"), args)));
 }
-function emitDynamicAttr(attr, target, body, state, pendingMemoPatches) {
+function emitDynamicAttr(attr, target, body, state, pendingMemoPatches, isSVG) {
   emitPatchOrEffect(
     target,
     attr.name,
@@ -2823,10 +2827,11 @@ function emitDynamicAttr(attr, target, body, state, pendingMemoPatches) {
     attr.kind,
     body,
     () => createEffectKey(attr.name, state.effectIndex++),
-    pendingMemoPatches
+    pendingMemoPatches,
+    isSVG
   );
 }
-function emitSpread(spread, target, body, state, pendingMemoPatches) {
+function emitSpread(spread, target, body, state, pendingMemoPatches, isSVG) {
   emitPatchOrEffect(
     target,
     He,
@@ -2834,19 +2839,23 @@ function emitSpread(spread, target, body, state, pendingMemoPatches) {
     spread.kind,
     body,
     () => createSpreadEffectKey(state.effectIndex++),
-    pendingMemoPatches
+    pendingMemoPatches,
+    isSVG
   );
 }
-function emitPatchOrEffect(target, attrName, value, kind, body, getEffectKey, pendingMemoPatches) {
+function emitPatchOrEffect(target, attrName, value, kind, body, getEffectKey, pendingMemoPatches, isSVG) {
   if (kind === "static") {
-    body.push(types.expressionStatement(createPatchCall(useImport, target, attrName, value)));
+    body.push(
+      types.expressionStatement(createPatchCall(useImport, target, attrName, value, { isSVG }))
+    );
     return;
   }
   pendingMemoPatches.push({
     effectKey: getEffectKey(),
     target,
     attrName,
-    value
+    value,
+    isSVG
   });
 }
 function emitMergedMemoEffect(patches, body) {
@@ -2868,7 +2877,8 @@ function createMemoPatchStatements(patch, memoStateId) {
   const valueId = genUid(MEMO_NEXT_VALUE_ID);
   const updateCall = createPatchCall(useImport, patch.target, patch.attrName, valueId, {
     previousValue: effectState,
-    nextValue: types.assignmentExpression("=", effectState, valueId)
+    nextValue: types.assignmentExpression("=", effectState, valueId),
+    isSVG: patch.isSVG
   });
   return [
     types.variableDeclaration("let", [types.variableDeclarator(valueId, types.cloneNode(patch.value, true))]),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-essor",
-  "version": "0.0.17",
+  "version": "0.0.18-beta.1",
   "description": "",
   "type": "module",
   "keywords": [],
@@ -34,7 +34,7 @@
   "dependencies": {
     "@babel/core": "^8.0.1",
     "@babel/generator": "^8.0.0",
-    "@estjs/shared": "0.0.17"
+    "@estjs/shared": "0.0.18-beta.1"
   },
   "devDependencies": {
     "@babel/traverse": "^8.0.0",