Retrive special character that could be present allongside unicode notation in the base64 code params

Author: CoveMB

libs/remix-ui/workspace/src/lib/actions/workspace.ts

@@ -266,6 +266,23 @@ export type UrlParametersType = {
   ghfolder: string
 }
 
+/**
+ * Decode a base64‑encoded string that was produced by
+ * percent‑escaping UTF‑8 bytes and then encoded with btoa().
+ *
+ * @param {string} b64Payload  The base64 payload you got from params.code
+ * @returns {string}            The original UTF‑8 string
+ */
+export const decodePercentEscapedBase64 = (b64Payload: string) => {
+  const rawByteString = atob(b64Payload);
+
+  const percentEscapedString = rawByteString.split('')
+    .map(c => '%' + c.charCodeAt(0).toString(16).padStart(2, '0'))
+    .join('')
+
+  return decodeURIComponent(percentEscapedString);
+}
+
 export const loadWorkspacePreset = async (template: WorkspaceTemplate = 'remixDefault', opts?) => {
   const workspaceProvider = plugin.fileProviders.workspace
   const electronProvider = plugin.fileProviders.electron
@@ -283,7 +300,7 @@ export const loadWorkspacePreset = async (template: WorkspaceTemplate = 'remixDe
         const hashed = bytesToHex(hash.keccakFromString(params.code))
 
         path = 'contract-' + hashed.replace('0x', '').substring(0, 10) + (params.language && params.language.toLowerCase() === 'yul' ? '.yul' : '.sol')
-        content = atob(decodeURIComponent(params.code))
+        content = decodePercentEscapedBase64(params.code)
         await workspaceProvider.set(path, content)
       }
       if (params.shareCode) {
@@ -586,7 +603,7 @@ export const uploadFile = async (target, targetFolder: string, cb?: (err: Error,
   // the files module. Please ask the user here if they want to overwrite
   // a file and then just use `files.add`. The file explorer will
   // pick that up via the 'fileAdded' event from the files module.
-  ;[...target.files].forEach(async (file) => {
+  [...target.files].forEach(async (file) => {
     const workspaceProvider = plugin.fileProviders.workspace
     const name = targetFolder === '/' ? file.name : `${targetFolder}/${file.name}`