Edge
@gaman/edge adalah middleware resmi untuk integrasi Edge Engine sebagai view engine di framework GamanJS.
Dengan ini Anda bisa merender file template .edge (atau ekstensi lain) langsung dari controller/handler menggunakan sistem view bawaan GamanJS.
Install
Section titled “Install”npm install @gaman/edge edge.jspnpm install @gaman/edge edge.jsyarn install @gaman/edge edge.jsbun install @gaman/edge edge.jsCara Pakai
Section titled “Cara Pakai”Register edge
Section titled “Register edge”Tambahkan middleware ejs ke aplikasi Anda:
import { edge } from "@gaman/edge";
defineBootstrap((app) => { app.mount( edge({ viewPath: "src/views", }) );});Membuat Template
Section titled “Membuat Template”Buat file src/views/index.edge
<!DOCTYPE html><html> <head> <title>{{ title }}</title> </head> <body> <h1>Hello, {{ name }}</h1> </body></html>Render dari Route
Section titled “Render dari Route”Di route handler, gunakan Res.render():
route.get("/", (ctx) => { return Res.render("index", { title: "My First EJS Page", name: "GamanJS 🚀" });});Edge Handler
Section titled “Edge Handler”disini kita menyediakan yang namanya composeEdgeHandler yang berfungsi untuk membuat template dan environment edge lainnya.
composeEdgeHandler()
Section titled “composeEdgeHandler()”buat file namanya bebas
import { composeEdgeHandler } from "@gaman/edge"
export default composeEdgeHandler((edge) => { edge.global('config', { colorScheme: 'dark', menu: [], socialLinks: [], });});lalu di index.ts lakukan ini.
import { EdgeHandler } from "./EdgeHandler.ts"
defineBootstrap(async (app) => { app.mount( edge({ handler: EdgeHandler }) )});Config Options
Section titled “Config Options”| Nama | Tipe | Default | Deskripsi |
|---|---|---|---|
viewPath | string | "src/views" | Direktori root tempat template EJS berada. |
handler | (edge) => {} | undefined | handler edge |
Silakan baca dokumentasi lebih detail tentang Edge.js