This is a plugin for elysia that injects html/js code in the response page.
bun add --exact @gtrabanco/elysia-inject-htmlimport { Elysia } from 'elysia';
import { injectHtml } from '@gtrabanco/elysia-inject-html';
const app = new Elysia()
.use(injectCode({
selector: 'body'
code: '<script>alert("Hello World!")</script>'
}))
.get('/index.html', () =>
new Response('<html><body></body></html>', {
headers: {
'content-type': 'text/html'
}
}))
.listen(8080);You can provide multiple code with the same selector by providing an array of strings:
const app = new Elysia()
.use(injectHtml({
selector: 'body'
code: [
'<script>alert("Hello World!")</script>',
'<script>alert("Hello World 2!")</script>'
]
}))
.get('/index.html', () =>
new Response('<html><body></body></html>', {
headers: {
'content-type': 'text/html'
}
}))
.listen(8080);Currently it is not working if you create two similar plugins or two plugins that call afterHandle because it will fail. This is confirmed until Elysia 0.7.9.