stack54 express

Provides dev server and runtime utilities for your express application

Installation

npm install @stack54/express

Development server

// stack.config.js

import express from "@stack54/express/plugin";
import { defineConfig } from "stack54/config";

export default defineConfig({
  integrations: [express()],
});

Rendering

You can choose any of the following options

View engine

// src/entry.js
import express from "express";
import { View, engine } from "@stack54/express/view";
import { resolver } from "./utils/view";

const app = express();

app.engine("svelte", engine);
app.set("view engine", "svelte");
app.set("view", View({ resolve: resolver }));

app.get("/", (req, res) => {
  return res.render("home", {
    /** props */
  });
});

export default app;

Example

import { Readable } from "node:stream";

app.get("/", (req, res) => {
  return res.render("home", { /** props */ $stream: true }, (error, stream) => {
    const content = Readable.fromWeb(stream);
    content.pipe(res);
  });
});

Middleware

// src/entry.js
import express from "express";
import view from "@stack54/express/render";
import { render } from "./utils/view";

const app = express();

// setup render function
app.use(view(render));

app.get("/", (req, res) => {
  return res.render("home", {
    /** props */
  });
});

export default app;

Example

app.get("/", (req, res) => {
  return res.render("home", { /** props */ $stream: true });
});

Options

• $context: svelte context
  • Type - Map<string, unknown>
• $stream: render view to streaming response
  • Type - boolean