2018-02-19 22:24:10 +00:00
|
|
|
// Copyright 2018 Drone.IO Inc.
|
2018-03-21 13:02:17 +00:00
|
|
|
//
|
2018-02-19 22:24:10 +00:00
|
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
// you may not use this file except in compliance with the License.
|
|
|
|
// You may obtain a copy of the License at
|
2018-03-21 13:02:17 +00:00
|
|
|
//
|
2018-02-19 22:24:10 +00:00
|
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
2018-03-21 13:02:17 +00:00
|
|
|
//
|
2018-02-19 22:24:10 +00:00
|
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
// See the License for the specific language governing permissions and
|
|
|
|
// limitations under the License.
|
|
|
|
|
2017-07-31 19:15:05 +00:00
|
|
|
package web
|
|
|
|
|
|
|
|
import (
|
support custom .JS and .CSS files for custom banner messages (white-labeling) (#1781)
This PR introduces two new server configuration options, for providing a
custom .JS and .CSS file.
These can be used to show custom banner messages, add
environment-dependent signals, or simply a corporate logo.
### Motivation (what problem I try to solve)
I'm operating Woodpecker in multiple k8s clusters for different
environments.
When having multiple browser tabs open, I prefer strong indicators for
each environment.
E.g. a red "PROD" banner, or just a blue "QA" banner.
Also, we sometimes need to have the chance for maintenance, and instead
of broadcasting emails,
I prefer a banner message, stating something like: "Heads-up: there's a
planned downtime, next Friday, blabla...".
Also, I like to have the firm's logo visible, which makes Woodpecker
look more like an integral part of our platform.
### Implementation notes
* Two new config options are introduced ```WOODPECKER_CUSTOM_CSS_FILE```
and ```WOODPECKER_CUSTOM_JS_FILE```
* I've piggy-bagged the existing handler for assets, as it seemed to me
a minimally invasive approach
* the option along with an example is documented
* a simple unit test for the Gin-handler ensures some regression safety
* no extra dependencies are introduced
### Visual example
The documented example will look like this.
![Screenshot 2023-05-27 at 17 00
44](https://github.com/woodpecker-ci/woodpecker/assets/1189394/8940392e-463c-4651-a1eb-f017cd3cd64d)
### Areas of uncertainty
This is my first contribution to Woodpecker and I tried my best to align
with your conventions.
That said, I found myself uncertain about these things and would be glad
about getting feedback.
* The handler tests are somewhat different than the other ones because I
wanted to keep them simple - I hope that still matches your coding
guidelines
* caching the page sometimes will let the browser not recognize changes
and a user must reload. I'm not fully into the details of how caching is
implemented and neither can judge if it's a real problem. Another pair
of eyes would be good.
2023-07-10 10:46:35 +00:00
|
|
|
"bytes"
|
2023-08-07 14:05:18 +00:00
|
|
|
"errors"
|
2024-01-10 14:34:44 +00:00
|
|
|
"fmt"
|
2023-08-07 14:05:18 +00:00
|
|
|
"io"
|
|
|
|
"io/fs"
|
2017-07-31 19:15:05 +00:00
|
|
|
"net/http"
|
2023-05-30 15:25:18 +00:00
|
|
|
"strings"
|
2017-07-31 19:15:05 +00:00
|
|
|
"time"
|
|
|
|
|
2021-10-12 07:25:13 +00:00
|
|
|
"github.com/gin-gonic/gin"
|
2021-11-23 14:36:52 +00:00
|
|
|
"github.com/rs/zerolog/log"
|
2021-10-12 07:25:13 +00:00
|
|
|
|
2023-12-08 07:15:08 +00:00
|
|
|
"go.woodpecker-ci.org/woodpecker/v2/server"
|
|
|
|
"go.woodpecker-ci.org/woodpecker/v2/web"
|
2017-07-31 19:15:05 +00:00
|
|
|
)
|
|
|
|
|
2023-12-20 08:31:52 +00:00
|
|
|
var indexHTML []byte
|
2017-07-31 19:15:05 +00:00
|
|
|
|
2023-05-30 15:25:18 +00:00
|
|
|
type prefixFS struct {
|
|
|
|
fs http.FileSystem
|
|
|
|
prefix string
|
|
|
|
}
|
|
|
|
|
|
|
|
func (f *prefixFS) Open(name string) (http.File, error) {
|
|
|
|
return f.fs.Open(strings.TrimPrefix(name, f.prefix))
|
|
|
|
}
|
|
|
|
|
2021-11-26 08:50:56 +00:00
|
|
|
// New returns a gin engine to serve the web frontend.
|
2023-03-20 23:48:15 +00:00
|
|
|
func New() (*gin.Engine, error) {
|
2021-11-26 08:50:56 +00:00
|
|
|
e := gin.New()
|
2024-01-10 14:34:44 +00:00
|
|
|
var err error
|
|
|
|
indexHTML, err = parseIndex()
|
|
|
|
if err != nil {
|
|
|
|
return nil, err
|
|
|
|
}
|
2017-09-20 19:29:57 +00:00
|
|
|
|
2023-08-07 14:05:18 +00:00
|
|
|
rootPath := server.Config.Server.RootPath
|
2023-05-30 15:25:18 +00:00
|
|
|
|
2023-03-20 23:48:15 +00:00
|
|
|
httpFS, err := web.HTTPFS()
|
|
|
|
if err != nil {
|
|
|
|
return nil, err
|
|
|
|
}
|
2023-08-07 14:05:18 +00:00
|
|
|
f := &prefixFS{httpFS, rootPath}
|
|
|
|
e.GET(rootPath+"/favicon.svg", redirect(server.Config.Server.RootPath+"/favicons/favicon-light-default.svg", http.StatusPermanentRedirect))
|
|
|
|
e.GET(rootPath+"/favicons/*filepath", serveFile(f))
|
|
|
|
e.GET(rootPath+"/assets/*filepath", handleCustomFilesAndAssets(f))
|
2021-11-26 08:50:56 +00:00
|
|
|
|
|
|
|
e.NoRoute(handleIndex)
|
2017-07-31 19:15:05 +00:00
|
|
|
|
2023-03-20 23:48:15 +00:00
|
|
|
return e, nil
|
2017-07-31 19:15:05 +00:00
|
|
|
}
|
|
|
|
|
2023-08-07 14:05:18 +00:00
|
|
|
func handleCustomFilesAndAssets(fs *prefixFS) func(ctx *gin.Context) {
|
2023-10-03 10:28:20 +00:00
|
|
|
serveFileOrEmptyContent := func(w http.ResponseWriter, r *http.Request, localFileName, fileName string) {
|
support custom .JS and .CSS files for custom banner messages (white-labeling) (#1781)
This PR introduces two new server configuration options, for providing a
custom .JS and .CSS file.
These can be used to show custom banner messages, add
environment-dependent signals, or simply a corporate logo.
### Motivation (what problem I try to solve)
I'm operating Woodpecker in multiple k8s clusters for different
environments.
When having multiple browser tabs open, I prefer strong indicators for
each environment.
E.g. a red "PROD" banner, or just a blue "QA" banner.
Also, we sometimes need to have the chance for maintenance, and instead
of broadcasting emails,
I prefer a banner message, stating something like: "Heads-up: there's a
planned downtime, next Friday, blabla...".
Also, I like to have the firm's logo visible, which makes Woodpecker
look more like an integral part of our platform.
### Implementation notes
* Two new config options are introduced ```WOODPECKER_CUSTOM_CSS_FILE```
and ```WOODPECKER_CUSTOM_JS_FILE```
* I've piggy-bagged the existing handler for assets, as it seemed to me
a minimally invasive approach
* the option along with an example is documented
* a simple unit test for the Gin-handler ensures some regression safety
* no extra dependencies are introduced
### Visual example
The documented example will look like this.
![Screenshot 2023-05-27 at 17 00
44](https://github.com/woodpecker-ci/woodpecker/assets/1189394/8940392e-463c-4651-a1eb-f017cd3cd64d)
### Areas of uncertainty
This is my first contribution to Woodpecker and I tried my best to align
with your conventions.
That said, I found myself uncertain about these things and would be glad
about getting feedback.
* The handler tests are somewhat different than the other ones because I
wanted to keep them simple - I hope that still matches your coding
guidelines
* caching the page sometimes will let the browser not recognize changes
and a user must reload. I'm not fully into the details of how caching is
implemented and neither can judge if it's a real problem. Another pair
of eyes would be good.
2023-07-10 10:46:35 +00:00
|
|
|
if len(localFileName) > 0 {
|
|
|
|
http.ServeFile(w, r, localFileName)
|
|
|
|
} else {
|
|
|
|
// prefer zero content over sending a 404 Not Found
|
2023-10-03 10:28:20 +00:00
|
|
|
http.ServeContent(w, r, fileName, time.Now(), bytes.NewReader([]byte{}))
|
support custom .JS and .CSS files for custom banner messages (white-labeling) (#1781)
This PR introduces two new server configuration options, for providing a
custom .JS and .CSS file.
These can be used to show custom banner messages, add
environment-dependent signals, or simply a corporate logo.
### Motivation (what problem I try to solve)
I'm operating Woodpecker in multiple k8s clusters for different
environments.
When having multiple browser tabs open, I prefer strong indicators for
each environment.
E.g. a red "PROD" banner, or just a blue "QA" banner.
Also, we sometimes need to have the chance for maintenance, and instead
of broadcasting emails,
I prefer a banner message, stating something like: "Heads-up: there's a
planned downtime, next Friday, blabla...".
Also, I like to have the firm's logo visible, which makes Woodpecker
look more like an integral part of our platform.
### Implementation notes
* Two new config options are introduced ```WOODPECKER_CUSTOM_CSS_FILE```
and ```WOODPECKER_CUSTOM_JS_FILE```
* I've piggy-bagged the existing handler for assets, as it seemed to me
a minimally invasive approach
* the option along with an example is documented
* a simple unit test for the Gin-handler ensures some regression safety
* no extra dependencies are introduced
### Visual example
The documented example will look like this.
![Screenshot 2023-05-27 at 17 00
44](https://github.com/woodpecker-ci/woodpecker/assets/1189394/8940392e-463c-4651-a1eb-f017cd3cd64d)
### Areas of uncertainty
This is my first contribution to Woodpecker and I tried my best to align
with your conventions.
That said, I found myself uncertain about these things and would be glad
about getting feedback.
* The handler tests are somewhat different than the other ones because I
wanted to keep them simple - I hope that still matches your coding
guidelines
* caching the page sometimes will let the browser not recognize changes
and a user must reload. I'm not fully into the details of how caching is
implemented and neither can judge if it's a real problem. Another pair
of eyes would be good.
2023-07-10 10:46:35 +00:00
|
|
|
}
|
|
|
|
}
|
2023-08-07 14:05:18 +00:00
|
|
|
return func(ctx *gin.Context) {
|
2024-01-10 14:34:44 +00:00
|
|
|
switch {
|
|
|
|
case strings.HasSuffix(ctx.Request.RequestURI, "/assets/custom.js"):
|
2023-10-03 10:28:20 +00:00
|
|
|
serveFileOrEmptyContent(ctx.Writer, ctx.Request, server.Config.Server.CustomJsFile, "file.js")
|
2024-01-10 14:34:44 +00:00
|
|
|
case strings.HasSuffix(ctx.Request.RequestURI, "/assets/custom.css"):
|
2023-10-03 10:28:20 +00:00
|
|
|
serveFileOrEmptyContent(ctx.Writer, ctx.Request, server.Config.Server.CustomCSSFile, "file.css")
|
2024-01-10 14:34:44 +00:00
|
|
|
default:
|
2023-08-07 14:05:18 +00:00
|
|
|
serveFile(fs)(ctx)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
func serveFile(f *prefixFS) func(ctx *gin.Context) {
|
|
|
|
return func(ctx *gin.Context) {
|
|
|
|
file, err := f.Open(ctx.Request.URL.Path)
|
|
|
|
if err != nil {
|
|
|
|
code := http.StatusInternalServerError
|
|
|
|
if errors.Is(err, fs.ErrNotExist) {
|
|
|
|
code = http.StatusNotFound
|
|
|
|
} else if errors.Is(err, fs.ErrPermission) {
|
|
|
|
code = http.StatusForbidden
|
|
|
|
}
|
|
|
|
ctx.Status(code)
|
|
|
|
return
|
|
|
|
}
|
|
|
|
data, err := io.ReadAll(file)
|
|
|
|
if err != nil {
|
|
|
|
ctx.Status(http.StatusInternalServerError)
|
|
|
|
return
|
|
|
|
}
|
|
|
|
var mime string
|
|
|
|
switch {
|
|
|
|
case strings.HasSuffix(ctx.Request.URL.Path, ".js"):
|
|
|
|
mime = "text/javascript"
|
|
|
|
case strings.HasSuffix(ctx.Request.URL.Path, ".css"):
|
|
|
|
mime = "text/css"
|
|
|
|
case strings.HasSuffix(ctx.Request.URL.Path, ".png"):
|
|
|
|
mime = "image/png"
|
|
|
|
case strings.HasSuffix(ctx.Request.URL.Path, ".svg"):
|
2023-12-26 07:37:13 +00:00
|
|
|
mime = "image/svg+xml"
|
2023-08-07 14:05:18 +00:00
|
|
|
}
|
|
|
|
ctx.Status(http.StatusOK)
|
2023-12-20 08:31:52 +00:00
|
|
|
ctx.Writer.Header().Set("Cache-Control", "public, max-age=31536000")
|
|
|
|
ctx.Writer.Header().Del("Expires")
|
2023-08-07 14:05:18 +00:00
|
|
|
ctx.Writer.Header().Set("Content-Type", mime)
|
|
|
|
if _, err := ctx.Writer.Write(replaceBytes(data)); err != nil {
|
2024-01-10 21:56:42 +00:00
|
|
|
log.Error().Err(err).Msgf("cannot write %s", ctx.Request.URL.Path)
|
support custom .JS and .CSS files for custom banner messages (white-labeling) (#1781)
This PR introduces two new server configuration options, for providing a
custom .JS and .CSS file.
These can be used to show custom banner messages, add
environment-dependent signals, or simply a corporate logo.
### Motivation (what problem I try to solve)
I'm operating Woodpecker in multiple k8s clusters for different
environments.
When having multiple browser tabs open, I prefer strong indicators for
each environment.
E.g. a red "PROD" banner, or just a blue "QA" banner.
Also, we sometimes need to have the chance for maintenance, and instead
of broadcasting emails,
I prefer a banner message, stating something like: "Heads-up: there's a
planned downtime, next Friday, blabla...".
Also, I like to have the firm's logo visible, which makes Woodpecker
look more like an integral part of our platform.
### Implementation notes
* Two new config options are introduced ```WOODPECKER_CUSTOM_CSS_FILE```
and ```WOODPECKER_CUSTOM_JS_FILE```
* I've piggy-bagged the existing handler for assets, as it seemed to me
a minimally invasive approach
* the option along with an example is documented
* a simple unit test for the Gin-handler ensures some regression safety
* no extra dependencies are introduced
### Visual example
The documented example will look like this.
![Screenshot 2023-05-27 at 17 00
44](https://github.com/woodpecker-ci/woodpecker/assets/1189394/8940392e-463c-4651-a1eb-f017cd3cd64d)
### Areas of uncertainty
This is my first contribution to Woodpecker and I tried my best to align
with your conventions.
That said, I found myself uncertain about these things and would be glad
about getting feedback.
* The handler tests are somewhat different than the other ones because I
wanted to keep them simple - I hope that still matches your coding
guidelines
* caching the page sometimes will let the browser not recognize changes
and a user must reload. I'm not fully into the details of how caching is
implemented and neither can judge if it's a real problem. Another pair
of eyes would be good.
2023-07-10 10:46:35 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-05-13 20:58:21 +00:00
|
|
|
// redirect return gin helper to redirect a request.
|
2021-12-08 12:58:00 +00:00
|
|
|
func redirect(location string, status ...int) func(ctx *gin.Context) {
|
|
|
|
return func(ctx *gin.Context) {
|
|
|
|
code := http.StatusFound
|
|
|
|
if len(status) == 1 {
|
|
|
|
code = status[0]
|
|
|
|
}
|
|
|
|
|
|
|
|
http.Redirect(ctx.Writer, ctx.Request, location, code)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-11-26 08:50:56 +00:00
|
|
|
func handleIndex(c *gin.Context) {
|
|
|
|
rw := c.Writer
|
2023-12-20 08:31:52 +00:00
|
|
|
rw.Header().Set("Cache-Control", "no-cache")
|
2023-04-29 15:51:50 +00:00
|
|
|
rw.Header().Set("Content-Type", "text/html; charset=UTF-8")
|
|
|
|
rw.WriteHeader(http.StatusOK)
|
|
|
|
if _, err := rw.Write(indexHTML); err != nil {
|
2024-01-10 21:56:42 +00:00
|
|
|
log.Error().Err(err).Msg("cannot write index.html")
|
2023-04-29 15:51:50 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-08-07 14:05:18 +00:00
|
|
|
func loadFile(path string) ([]byte, error) {
|
|
|
|
data, err := web.Lookup(path)
|
|
|
|
if err != nil {
|
|
|
|
return nil, err
|
|
|
|
}
|
|
|
|
return replaceBytes(data), nil
|
|
|
|
}
|
|
|
|
|
|
|
|
func replaceBytes(data []byte) []byte {
|
|
|
|
return bytes.ReplaceAll(data, []byte("/BASE_PATH"), []byte(server.Config.Server.RootPath))
|
|
|
|
}
|
|
|
|
|
2024-01-10 14:34:44 +00:00
|
|
|
func parseIndex() ([]byte, error) {
|
2023-08-07 14:05:18 +00:00
|
|
|
data, err := loadFile("index.html")
|
2023-03-20 23:48:15 +00:00
|
|
|
if err != nil {
|
2024-01-10 21:56:42 +00:00
|
|
|
return nil, fmt.Errorf("cannot find index.html: %w", err)
|
2023-03-20 23:48:15 +00:00
|
|
|
}
|
2023-08-07 15:03:26 +00:00
|
|
|
data = bytes.ReplaceAll(data, []byte("/web-config.js"), []byte(server.Config.Server.RootPath+"/web-config.js"))
|
|
|
|
data = bytes.ReplaceAll(data, []byte("/assets/custom.css"), []byte(server.Config.Server.RootPath+"/assets/custom.css"))
|
|
|
|
data = bytes.ReplaceAll(data, []byte("/assets/custom.js"), []byte(server.Config.Server.RootPath+"/assets/custom.js"))
|
2024-01-10 14:34:44 +00:00
|
|
|
return data, nil
|
2017-07-31 19:15:05 +00:00
|
|
|
}
|