fix(embed): Replace all instances of invalid characters inside expres…

…sions (#378)

* fix(embed): Replace all instances of invalid characters inside expressions

* chore: changeset

.changeset/selfish-worms-press.md

@@ -0,0 +1,5 @@
+---
+'prettier-plugin-astro': patch
+---
+
+Fix attributes with multiple invalid JSX characters in their key inside expressions causing the plugin to throw an error

src/printer/embed.ts

@@ -81,10 +81,10 @@ export const embed = ((path: AstPath, options: Options) => {
 			// Create a Doc without the things we had to add to make the expression compatible with Babel
 			const astroDoc = mapDoc(content, (doc) => {
 				if (typeof doc === 'string') {
-					doc = doc.replace(openingBracketReplace, '{');
-					doc = doc.replace(closingBracketReplace, '}');
-					doc = doc.replace(atSignReplace, '@');
-					doc = doc.replace(dotReplace, '.');
+					doc = doc.replaceAll(openingBracketReplace, '{');
+					doc = doc.replaceAll(closingBracketReplace, '}');
+					doc = doc.replaceAll(atSignReplace, '@');
+					doc = doc.replaceAll(dotReplace, '.');
 				}
 
 				return doc;
@@ -269,11 +269,11 @@ function makeNodeJSXCompatible<T>(node: any): T {
 		}
 
 		if (attr.name.includes('@')) {
-			attr.name = attr.name.replace('@', atSignReplace);
+			attr.name = attr.name.replaceAll('@', atSignReplace);
 		}
 
 		if (attr.name.includes('.')) {
-			attr.name = attr.name.replace('.', dotReplace);
+			attr.name = attr.name.replaceAll('.', dotReplace);
 		}
 
 		return attr;

test/fixtures/other/non-jsx-compatible-characters/input.astro

@@ -12,3 +12,9 @@
 
 		</div>
 }
+
+{true && <div x-on:click.stop.prevent="console.log('yay');">
+
+
+
+	blah</div>}

test/fixtures/other/non-jsx-compatible-characters/output.astro

@@ -1,3 +1,5 @@
 {(<div @do={0}>Astro!</div>)}
 
 {(<div do.do={0}>Astro!</div>)}
+
+{true && <div x-on:click.stop.prevent="console.log('yay');">blah</div>}

tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
-    "target": "ES2019",
-    "module": "ES2020",
+    "target": "ES2022",
+    "module": "ES2022",
     "moduleResolution": "bundler",
     "removeComments": true,
     "esModuleInterop": true,