fix text obfuscation logic

.changeset/afraid-ways-act.md

@@ -0,0 +1,5 @@
+---
+'highlight.run': patch
+---
+
+fix innerText attribute change obfuscation

frontend/src/__generated/rr/rr.js

@@ -2574,7 +2574,7 @@ var MutationBuffer = class {
           const enableStrictPrivacy = this.privacySetting === "strict";
           const obfuscateDefaultPrivacy = this.privacySetting === "default" && shouldObfuscateTextByDefault(value);
           const highlightOverwriteRecord = (_b2 = (_a2 = text.node) === null || _a2 === void 0 ? void 0 : _a2.parentElement) === null || _b2 === void 0 ? void 0 : _b2.getAttribute("data-hl-record");
-          if ((enableStrictPrivacy || obfuscateDefaultPrivacy) && highlightOverwriteRecord && value) {
+          if ((enableStrictPrivacy || obfuscateDefaultPrivacy) && !highlightOverwriteRecord && value) {
             value = obfuscateText(value);
           }
           return {

frontend/src/pages/Buttons/Buttons.tsx

@@ -26,6 +26,7 @@ import {
 export const Buttons = () => {
 	const [hasError, setHasError] = useState(false)
 	const [showWebSocket, setShowWebSocket] = useState(false)
+	const [email, setEmail] = useState('')
 	const [sendEmail, { loading }] = useSendEmailSignupMutation()
 	if (hasError) {
 		throw new Error('this is a buttons error', {
@@ -129,6 +130,48 @@ export const Buttons = () => {
 					This is ignored.{' '}
 					<img src={Logo} height={16} alt="ignored" />
 				</div>
+				<button
+					onClick={() => {
+						for (const id of ['1', '2', '3']) {
+							const elem = document.getElementById(`email-${id}`)!
+							elem.innerText = `${(Math.random() + 1)
+								.toString(36)
+								.substring(7)} test@test.com ${(
+								Math.random() + 1
+							)
+								.toString(36)
+								.substring(7)}`
+						}
+						setEmail(
+							`${(Math.random() + 1)
+								.toString(36)
+								.substring(7)} test@test.com ${(
+								Math.random() + 1
+							)
+								.toString(36)
+								.substring(7)}`,
+						)
+					}}
+				>
+					set email
+				</button>
+				<div>
+					<b>hello, this is a b tag</b>
+					<b key="email-1">{email}</b>
+					<b id="email-1"></b>
+				</div>
+				<div>
+					<b>hello, this is a b tag</b>
+					<b key="email-2" data-hl-record>
+						{email}
+					</b>
+					<b data-hl-record id="email-2"></b>
+				</div>
+				<div data-hl-record>
+					<b>hello, this is a b tag</b>
+					<b key="email-3">{email}</b>
+					<b id="email-3"></b>
+				</div>
 			</div>
 			<section id="shadowDOM" className="foo" title="yo">
 				This is the shadow DOM.