templ.js

5-Minute Setup

1. Install prerequisites:
   • Node.js 22.12+ or 24.x
   • pnpm 8.15.0

2. Clone and install dependencies:

   corepack enable
   corepack prepare pnpm@8.15.0 --activate
   pnpm install
   pnpm build
   

3. Create a template file hello.md.templ:

   # Hello {{ user.name }}
   
   Items:
   {% for item in items %}
   - {{ item }}
   {% endfor %}
   

4. Create a data file data.json:

   {
     "user": { "name": "Ada" },
     "items": ["One", "Two", "Three"]
   }
   

5. Render from CLI:

   From monorepo root (development):

   node src/packages/cli/dist/cli.js render -t hello.md.templ -i data.json
   

   After publishing (end users):

   npx @templjs/cli render -t hello.md.templ -i data.json
   

Core Library Quick Start

import { renderTemplate } from '@templjs/core';

const output = renderTemplate('Hello {{ user.name }}', {
  user: { name: 'Ada' },
});

console.log(output);

Architecture & Source

Design context (ADRs):

• ADR 001: Language Migration
• ADR 002: Parser Selection
• ADR 005: Monorepo

Implementation references:

• Core quick-start API export renderTemplate: src/packages/core/src/index.ts
• CLI entrypoint (templjs render wiring): src/packages/cli/src/cli.ts
• CLI command export renderCommand: src/packages/cli/src/commands/render.ts
• CLI command export validateCommand: src/packages/cli/src/commands/validate.ts
• CLI command export initCommand: src/packages/cli/src/commands/init.ts

VS Code Setup

1. Install the templjs VS Code extension package in this repository.
2. Open files with template suffixes:
   • .md.templ, .md.tmpl, .md.tpl
   • .json.templ, .json.tmpl, .json.tpl
   • .yaml.templ, .yaml.tmpl, .yaml.tpl
   • .html.templ, .html.tmpl, .html.tpl

3. Optionally configure schema-aware authoring:

   {
     "templjs.schemaPath": ".templjs/frontmatter.schema.json",
     "templjs.contentSchemaPath": ".templjs/content.schema.json",
     "templjs.schemas": {
       "backlog/**": {
         "schemaPath": ".templjs/work-item.frontmatter.schema.json",
         "contentSchemaPath": ".templjs/work-item.content.schema.json"
       }
     }
   }
   

Next Steps

• CLI reference: cli.md
• API reference: api-reference.md
• Curated examples: examples.md

This site is open source. Improve this page.