feat: add escapeHtml function
This can be used to escape any special characters in a string with HTML before sending from the server back to the client. This is important to prevent a cross-site scripting attack.
This commit is contained in:
parent
faa896c12c
commit
c505fc45a8
|
@ -4,7 +4,7 @@ import { RateLimiter as Limiter } from "limiter"
|
||||||
import * as path from "path"
|
import * as path from "path"
|
||||||
import { rootPath } from "../constants"
|
import { rootPath } from "../constants"
|
||||||
import { authenticated, getCookieDomain, redirect, replaceTemplates } from "../http"
|
import { authenticated, getCookieDomain, redirect, replaceTemplates } from "../http"
|
||||||
import { getPasswordMethod, handlePasswordValidation, humanPath, sanitizeString } from "../util"
|
import { getPasswordMethod, handlePasswordValidation, humanPath, sanitizeString, escapeHtml } from "../util"
|
||||||
|
|
||||||
export enum Cookie {
|
export enum Cookie {
|
||||||
Key = "key",
|
Key = "key",
|
||||||
|
@ -36,6 +36,7 @@ const getRoot = async (req: Request, error?: Error): Promise<string> => {
|
||||||
} else if (req.args.usingEnvHashedPassword) {
|
} else if (req.args.usingEnvHashedPassword) {
|
||||||
passwordMsg = "Password was set from $HASHED_PASSWORD."
|
passwordMsg = "Password was set from $HASHED_PASSWORD."
|
||||||
}
|
}
|
||||||
|
|
||||||
return replaceTemplates(
|
return replaceTemplates(
|
||||||
req,
|
req,
|
||||||
content
|
content
|
||||||
|
@ -111,6 +112,8 @@ router.post("/", async (req, res) => {
|
||||||
|
|
||||||
throw new Error("Incorrect password")
|
throw new Error("Incorrect password")
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
res.send(await getRoot(req, error))
|
const html = await getRoot(req, error)
|
||||||
|
const escapedHtml = escapeHtml(html)
|
||||||
|
res.send(escapedHtml)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
@ -508,3 +508,17 @@ export const isFile = async (path: string): Promise<boolean> => {
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Escapes any HTML string special characters, like &, <, >, ", and '.
|
||||||
|
*
|
||||||
|
* Source: https://stackoverflow.com/a/6234804/3015595
|
||||||
|
**/
|
||||||
|
export function escapeHtml(unsafe: string): string {
|
||||||
|
return unsafe
|
||||||
|
.replace(/&/g, "&")
|
||||||
|
.replace(/</g, "<")
|
||||||
|
.replace(/>/g, ">")
|
||||||
|
.replace(/"/g, """)
|
||||||
|
.replace(/'/g, "'")
|
||||||
|
}
|
||||||
|
|
|
@ -445,3 +445,11 @@ describe("onLine", () => {
|
||||||
expect(await received).toEqual(expected)
|
expect(await received).toEqual(expected)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
describe("escapeHtml", () => {
|
||||||
|
it("should escape HTML", () => {
|
||||||
|
expect(util.escapeHtml(`<div class="error">"Hello & world"</div>`)).toBe(
|
||||||
|
"<div class="error">"Hello & world"</div>",
|
||||||
|
)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
|
@ -1,3 +1,6 @@
|
||||||
|
import * as httpserver from "../../utils/httpserver"
|
||||||
|
import * as integration from "../../utils/integration"
|
||||||
|
|
||||||
import { RateLimiter } from "../../../src/node/routes/login"
|
import { RateLimiter } from "../../../src/node/routes/login"
|
||||||
|
|
||||||
describe("login", () => {
|
describe("login", () => {
|
||||||
|
@ -34,4 +37,41 @@ describe("login", () => {
|
||||||
expect(limiter.removeToken()).toBe(false)
|
expect(limiter.removeToken()).toBe(false)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
describe("/login", () => {
|
||||||
|
let _codeServer: httpserver.HttpServer | undefined
|
||||||
|
function codeServer(): httpserver.HttpServer {
|
||||||
|
if (!_codeServer) {
|
||||||
|
throw new Error("tried to use code-server before setting it up")
|
||||||
|
}
|
||||||
|
return _codeServer
|
||||||
|
}
|
||||||
|
|
||||||
|
// Store whatever might be in here so we can restore it afterward.
|
||||||
|
// TODO: We should probably pass this as an argument somehow instead of
|
||||||
|
// manipulating the environment.
|
||||||
|
const previousEnvPassword = process.env.PASSWORD
|
||||||
|
|
||||||
|
beforeEach(async () => {
|
||||||
|
process.env.PASSWORD = "test"
|
||||||
|
_codeServer = await integration.setup(["--auth=password"], "")
|
||||||
|
})
|
||||||
|
|
||||||
|
afterEach(() => {
|
||||||
|
process.env.PASSWORD = previousEnvPassword
|
||||||
|
})
|
||||||
|
|
||||||
|
it("should return escaped HTML with 'Missing password' message", async () => {
|
||||||
|
const resp = await codeServer().fetch("/login", { method: "POST" })
|
||||||
|
|
||||||
|
expect(resp.status).toBe(200)
|
||||||
|
|
||||||
|
const htmlContent = await resp.text()
|
||||||
|
|
||||||
|
expect(htmlContent).not.toContain(">")
|
||||||
|
expect(htmlContent).not.toContain("<")
|
||||||
|
expect(htmlContent).not.toContain('"')
|
||||||
|
expect(htmlContent).not.toContain("'")
|
||||||
|
expect(htmlContent).toContain("<div class="error">Missing password</div>")
|
||||||
|
})
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue