Add `img-src` and `media-src` to `Content-Security-Policy` header for files and media proxy (#8188)

* add img-src and media-src to csp in file and media proxy

* add csp changes to changelog

* sort and remove trailing semicolon

CHANGELOG.md

@@ -47,6 +47,8 @@
 
 ### Bugfixes
 - アップロードエラー時の処理を修正
+- Add `img-src` and `media-src` directives to `Content-Security-Policy` for
+  files and media proxy
 
 ## 12.101.1 (2021/12/29)
 

packages/backend/src/server/file/index.ts

@@ -18,7 +18,7 @@ const _dirname = dirname(_filename);
 const app = new Koa();
 app.use(cors());
 app.use(async (ctx, next) => {
-	ctx.set('Content-Security-Policy', `default-src 'none'; style-src 'unsafe-inline'`);
+	ctx.set('Content-Security-Policy', `default-src 'none'; img-src 'self'; media-src 'self'; style-src 'unsafe-inline'`);
 	await next();
 });
 

packages/backend/src/server/proxy/index.ts

@@ -11,7 +11,7 @@ import { proxyMedia } from './proxy-media';
 const app = new Koa();
 app.use(cors());
 app.use(async (ctx, next) => {
-	ctx.set('Content-Security-Policy', `default-src 'none'; style-src 'unsafe-inline'`);
+	ctx.set('Content-Security-Policy', `default-src 'none'; img-src 'self'; media-src 'self'; style-src 'unsafe-inline'`);
 	await next();
 });