fix: properly encode JSON data in data URL for download link

djken2009 · djken2009 · commit 8b8e70fb0c71 · 2025-09-16T03:04:21.000Z
- Add encodeURIComponent to JSON.stringify in data URL - Include charset=utf-8 for proper character encoding - Fixes issue #174 where special characters in JSON output caused broken download links
diff --git a/web/src/App.tsx b/web/src/App.tsx
@@ -103,7 +103,7 @@ function App() {
           </ul>
           <Summary data={validation.summary} />
           <a
-            href={`data:application/json:${JSON.stringify(validation)}`}
+            href={`data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(validation))}`}
             target="_blank"
             download="bids-validator-output.json"
           >

Original file line number	Diff line number	Diff line change
`@@ -103,7 +103,7 @@ function App() {`
`103`	`103`	`</ul>`
`104`	`104`	`<Summary data={validation.summary} />`
`105`	`105`	`<a`
`106`		- href={`data:application/json:${JSON.stringify(validation)}`}
	`106`	+ href={`data:application/json;charset=utf-8,${encodeURIComponent(JSON.stringify(validation))}`}
`107`	`107`	`target="_blank"`
`108`	`108`	`download="bids-validator-output.json"`
`109`	`109`	`>`