From d003a0519359aa91d647a984e4979a78f280ccbb Mon Sep 17 00:00:00 2001 From: silverwind Date: Sun, 12 Jul 2020 11:10:56 +0200 Subject: [PATCH] Direct SVG rendering (#12157) Introduce 'make svg' which calls a node script that compiles svg files to `public/img/svg`. These files are vendored to not create a dependency on Node for the backend build. On the frontend side, configure webpack using `raw-loader` so SVGs can be imported as string. Also moved our existing SVGs to web_src/svg for consistency. Fixes: https://github.com/go-gitea/gitea/issues/11618 --- doc/advanced/hacking-on-gitea.en-us.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/doc/advanced/hacking-on-gitea.en-us.md b/doc/advanced/hacking-on-gitea.en-us.md index a76aacc9..e6ffe908 100644 --- a/doc/advanced/hacking-on-gitea.en-us.md +++ b/doc/advanced/hacking-on-gitea.en-us.md @@ -151,6 +151,10 @@ make lint-frontend Note: When working on frontend code, set `USE_SERVICE_WORKER` to `false` in `app.ini` to prevent undesirable caching of frontend assets. +### Building and adding SVGs + +SVG icons are built using the `make svg` target which compiles the icon sources defined in `build/generate-svg.js` into the output directory `public/img/svg`. Custom icons can be added in the `web_src/svg` directory. + ### Building Images To build the images, ImageMagick, `inkscape` and `zopflipng` binaries must be available in