fix: regex replacement (#1222)

* fix: regex replacement

* chore: add changeset

Author: vrcprl

.changeset/clever-forks-remain.md

@@ -0,0 +1,6 @@
+---
+"@lingo.dev/_compiler": patch
+"lingo.dev": patch
+---
+
+fix regex replacement

packages/cli/src/cli/loaders/mdx2/code-placeholder.spec.ts

@@ -512,6 +512,59 @@ describe("MDX Code Placeholder Loader", () => {
   });
 
   describe("placeholder replacement bugs", () => {
+    it("should handle special $ characters in code content correctly", async () => {
+      const loader = createMdxCodePlaceholderLoader();
+      loader.setDefaultLocale("en");
+
+      // Code containing special $ characters that have special meaning in replaceAll
+      const content = dedent`
+        Text before.
+
+        \`\`\`js
+        const price = "$100";
+        const template = "$\`text\`";
+        const special = "$&$'$\`";
+        \`\`\`
+
+        Text after.
+      `;
+
+      // Pull and then push the same content
+      const pulled = await loader.pull("en", content);
+      const translated = pulled.replace("Text before", "Texto antes");
+      const pushed = await loader.push("en", translated);
+
+      // Should not contain any placeholders
+      expect(pushed).not.toMatch(/---CODE-PLACEHOLDER-[0-9a-f]+---/);
+
+      // Should preserve all special $ characters exactly as they were
+      expect(pushed).toContain('const price = "$100";');
+      expect(pushed).toContain('const template = "$`text`";');
+      expect(pushed).toContain('const special = "$&$\'$`";');
+      expect(pushed).toContain("Texto antes");
+    });
+
+    it("should handle inline code with $ characters correctly", async () => {
+      const loader = createMdxCodePlaceholderLoader();
+      loader.setDefaultLocale("en");
+
+      const content = "Use `$price` and `$&` and `$\`` in your code.";
+
+      // Pull and then push the same content
+      const pulled = await loader.pull("en", content);
+      const translated = pulled.replace("Use", "Utilize");
+      const pushed = await loader.push("en", translated);
+
+      // Should not contain any placeholders
+      expect(pushed).not.toMatch(/---INLINE-CODE-PLACEHOLDER-[0-9a-f]+---/);
+
+      // Should preserve all special $ characters
+      expect(pushed).toContain("`$price`");
+      expect(pushed).toContain("`$&`");
+      expect(pushed).toContain("`$\``");
+      expect(pushed).toContain("Utilize");
+    });
+
     it("should not leave placeholders when content matches", async () => {
       const loader = createMdxCodePlaceholderLoader();
       loader.setDefaultLocale("en");

packages/cli/src/cli/loaders/mdx2/code-placeholder.ts

@@ -162,7 +162,10 @@ export default function createMdxCodePlaceholderLoader(): ILoader<
         const replacement = original.startsWith(">")
           ? _.trimStart(original, "> ")
           : original;
-        result = result.replaceAll(placeholder, replacement);
+
+        // Use function replacer to avoid special $ character handling
+        // When using a string, $ has special meaning (e.g., $` inserts text before match)
+        result = result.replaceAll(placeholder, () => replacement);
       }
 
       return result;

packages/compiler/src/lib/lcp/api/provider-details.ts

@@ -47,7 +47,7 @@ export const providerDetails: Record<
   },
   "lingo.dev": {
     name: "Lingo.dev",
-    apiKeyEnvVar: "LINGO_API_KEY",
+    apiKeyEnvVar: "LINGODOTDEV_API_KEY",
     apiKeyConfigKey: "auth.apiKey",
     getKeyLink: "https://lingo.dev",
     docsLink: "https://lingo.dev/docs",