Steppe Transpiler

1.0.5 verified Fri May 01 auth: no javascript abandoned

An experimental HTML-to-HTML transpiler (v1.0.5) that reduces keystrokes by using short host elements (e.g., 's' for fecund, 'br' for void) where tag names become attributes. Aimed at avoiding external DSLs or parsers. Currently a proof-of-concept with no active development, primarily a design exploration. Differentiators: uses native browser parsing, no dependencies, focuses on QWERTY ergonomics. No releases or updates since initial publish.

Common errors

error Cannot find module 'steppe-transpiler' ↓

cause Package not installed.

fix

Run npm install steppe-transpiler.

error SyntaxError: Unexpected token 'export' ↓

cause Using CommonJS require() on an ESM-only package.

fix

Use dynamic import: const steppe = await import('steppe-transpiler') or enable ESM in your project.

Warnings

gotcha Transpiler is experimental and incomplete; may produce invalid HTML or fail on edge cases. ↓

fix Avoid in production; use well-tested alternatives like Pug or Handlebars.

breaking No stable API; function signatures may change without notice. ↓

fix Pin to exact version and test thoroughly after updates.

gotcha Package has zero tests and no CI; reliability unknown. ↓

fix Review source code before using; contribute tests if adopting.

Install

npm install steppe-transpiler

yarn add steppe-transpiler

pnpm add steppe-transpiler

Imports

steppe

wrong

const steppe = require('steppe-transpiler')

correct

import steppe from 'steppe-transpiler'

Package is ESM-only (type: module). No named exports.

transpile

wrong

import transpile from 'steppe-transpiler'

correct

import { transpile } from 'steppe-transpiler'

Named export; default export is the main function (alias).

transpile

wrong

import { transpile } from 'steppe'

correct

import { transpile } from 'steppe-transpiler'

Package name must be 'steppe-transpiler', not 'steppe'.

Quickstart

Shows basic usage: replace 's' host elements with 'a' guests, and 'br' hosts with 'img' guests, expanding attributes.

import { transpile } from 'steppe-transpiler';

const input = `<s a="href:https://example.com">Click <br a="img src:logo.png"></s>`;
const output = transpile(input);
console.log(output); // <a href="https://example.com">Click <img src="logo.png"></a>