diff --git a/_examples/multi_ui/api.go b/_examples/multi_ui/api.go
index f240f97..a724be7 100644
--- a/_examples/multi_ui/api.go
+++ b/_examples/multi_ui/api.go
@@ -11,22 +11,60 @@ func (a *api) SetupRoutes(r chi.Router) error {
var apiDef = chioas.Definition{
DocOptions: chioas.DocOptions{
- ServeDocs: true, // makes docs served as interactive UI on /docs/index.htm
- UIStyle: chioas.Redoc,
+ ServeDocs: true, // makes docs served as interactive UI on /docs/index.htm
+ UIStyle: chioas.Redoc,
+ StylesOverride: styling,
+ RedocOptions: chioas.RedocOptions{
+ HeaderHtml: ``,
+ },
AlternateUIDocs: chioas.AlternateUIDocs{
"/swagger": {
- UIStyle: chioas.Swagger,
+ UIStyle: chioas.Swagger,
+ StylesOverride: styling,
SwaggerOptions: chioas.SwaggerOptions{
DeepLinking: true,
+ HeaderHtml: ``,
},
},
"/rapidoc": {
- UIStyle: chioas.Rapidoc,
+ UIStyle: chioas.Rapidoc,
+ StylesOverride: styling,
RapidocOptions: &chioas.RapidocOptions{
ShowHeader: true,
HeadingText: "Petstore",
Theme: "dark",
- ShowMethodInNavBar: "false",
+ ShowMethodInNavBar: "as-colored-block",
+ UsePathInNavBar: true,
+ SchemaStyle: "table",
+ HeadScript: `
+function getRapiDoc(){
+ return document.getElementById("thedoc");
+}
+function toggleView() {
+ let currRender = getRapiDoc().getAttribute('render-style');
+ let newRender = currRender === "read" ? "view" : "read";
+ getRapiDoc().setAttribute('render-style', newRender );
+}
+function toggleTheme(){
+ if (getRapiDoc().getAttribute('theme') === 'dark'){
+ getRapiDoc().setAttribute('theme',"light");
+ }
+ else{
+ getRapiDoc().setAttribute('theme',"dark");
+ }
+}`,
+ InnerHtml: ``,
},
},
},
@@ -80,6 +118,26 @@ Store](https://github.com/swagger-api/swagger-petstore/blob/master/src/main/reso
Components: &components,
}
+const styling = `.chioasbtn{
+ min-width: 100px;
+ background-color: #47AFE8;
+ color: #fff;
+ font-size: 12px;
+ display: block;
+ border: none;
+ margin: 2px;
+ border-radius: 2px;
+ cursor: pointer;
+ outline: none;
+ text-align: center;
+ padding: 4px;
+ text-decoration: none;
+ font-family: sans-serif;
+}
+.chioasbtn:visited{
+ color: #fff;
+}`
+
var components = chioas.Components{
Schemas: chioas.Schemas{
{
diff --git a/_examples/petstore/api.go b/_examples/petstore/api.go
index 911b249..7829b66 100644
--- a/_examples/petstore/api.go
+++ b/_examples/petstore/api.go
@@ -17,19 +17,24 @@ import (
//go:embed status_schema.yaml petstore-logo.png
var supportFilesFS embed.FS
-// we're using our own customized docs html template
-//
-//go:embed index_template.html
-var customizedSwaggerTemplate string
-
var apiDef = chioas.Definition{
DocOptions: chioas.DocOptions{
- ServeDocs: true, // makes docs served as interactive UI on /docs/index.htm
- UIStyle: chioas.Swagger,
+ ServeDocs: true, // makes docs served as interactive UI on /docs/index.htm
+ UIStyle: chioas.Swagger,
+ StylesOverride: `.logo img {
+ padding: inherit;
+ margin: auto;
+ width: 200px;
+ display: block;
+}`,
+ SwaggerOptions: chioas.SwaggerOptions{
+ HeaderHtml: `
+
+
-
-
-
-
HEADER
`,
+ HeadScript: `head();`,
+ BodyScript: `body();`,
},
},
}
@@ -516,6 +519,9 @@ func TestDocOptions_SwaggerOptions(t *testing.T) {
assert.Contains(t, data, `"url":"spec.yaml"`)
assert.Contains(t, data, `cfg.presets = [MyPreset1,MyPreset2]`)
assert.Contains(t, data, `cfg.plugins = [MyPlugin1,MyPlugin2]`)
+ assert.Contains(t, data, `HEADER
`)
+ assert.Contains(t, data, ``)
+ assert.Contains(t, data, ``)
expectedSupportFiles := map[string]string{
"favicon-16x16.png": "image/png",
diff --git a/docs_alt_ui.go b/docs_alt_ui.go
index ea2b481..ebc934f 100644
--- a/docs_alt_ui.go
+++ b/docs_alt_ui.go
@@ -108,6 +108,7 @@ func (d *AlternateUIDoc) getTemplateData() (specName string, data map[string]any
htmlTagSwaggerPlugins: plugins,
htmlTagFavIcons: optionsFavIcons(d.SwaggerOptions),
}
+ addHeaderAndScripts(data, swaggerOpts)
case Rapidoc:
data = optionsToMap(d.RapidocOptions)
data[htmlTagTitle] = defValue(d.Title, defaultTitle)
@@ -115,15 +116,17 @@ func (d *AlternateUIDoc) getTemplateData() (specName string, data map[string]any
data[htmlTagSpecName] = specName
data[htmlTagFavIcons] = optionsFavIcons(d.RapidocOptions)
default:
+ redocOpts := optionsToMap(d.RedocOptions)
data = map[string]any{
htmlTagTitle: defValue(d.Title, defaultTitle),
htmlTagStylesOverride: template.CSS(defValue(d.StylesOverride, defaultRedocStylesOverride)),
htmlTagSpecName: specName,
- htmlTagRedocOpts: optionsToMap(d.RedocOptions),
+ htmlTagRedocOpts: redocOpts,
htmlTagRedocUrl: defValue(d.RedocJsUrl, defaultRedocJsUrl),
htmlTagTryUrl: defValue(d.TryJsUrl, defaultTryJsUrl),
htmlTagFavIcons: optionsFavIcons(d.RedocOptions),
}
+ addHeaderAndScripts(data, redocOpts)
}
return
}
diff --git a/ui_rapidoc_options.go b/ui_rapidoc_options.go
index acabd76..fca1db6 100644
--- a/ui_rapidoc_options.go
+++ b/ui_rapidoc_options.go
@@ -17,12 +17,14 @@ const defaultRapidocTemplate = `
{{.favIcons}}
+ {{.headScript}}
{{.logo}}
{{.innerHtml}}
+ {{.bodyScript}}