fix: Merge pull request #240 from dharamghevariya/overlays-special-characters-encoding

fix: encode multiple occurrences of special characters properly

Author: eportis-cloudinary

packages/url-loader/src/plugins/overlays.ts

@@ -312,7 +312,7 @@ export const OverlaysPlugin = /* #__PURE__ */ plugin({
               keyof typeof specialCharacters
             >
           )?.forEach((character: string) => {
-            layerText = layerText?.replace(
+            layerText = layerText?.replaceAll(
               character,
               specialCharacters[character],
             );

packages/url-loader/tests/plugins/overlays.spec.ts

@@ -418,8 +418,8 @@ describe("Plugins", () => {
 
       const color = "white";
       const fontFamily = "Source Sans Pro";
-      const text = "Ne xt/Cloud.in,ary";
-      const expectedText = "Ne%20xt%252FCloud%252Ein%252Cary";
+      const text = "Ne xt/Cloud.in,,ary";
+      const expectedText = "Ne%20xt%252FCloud%252Ein%252C%252Cary";
 
       const options = {
         src: TEST_PUBLIC_ID,