A pug-inspired HTML preprocessor

Shinigami

Last update: May 24, 2023

Related tags

Overview

UNDER CONSTRUCTION

Right now there is no usable version of hsml available. I'm just working on it.

HSML - Hyper Short Markup Language

hsml is a hyper short markup language that is inspired by pug (aka jade).

What is it?

hsml is written in Rust and compiles to HTML.
There will be a binary that can take CLI arguments to compile a .hsml file to a .html file, but also there will be some other arguments to e.g. format a .hsml file.
There will be also a library that can parse a .hsml file and return an AST for it. It is planned that this AST can be used in the JS ecosystem as well, so tools like ESLint and Prettier can work with it.
There are two major differences between pug and hsml
- hsml will support TailwindCSS and similar CSS frameworks out of the box, even with arbitrary values like .bg-[#1da1f2] or lg:[&:nth-child(3)]:hover:underline
- hsml will not support template engine syntax. It is just an HTML preprocessor.

Why doing it?

I want to learn Rust
I use pug for my projects but sadly pug's goal mismatches my preferences and comes with a lot of overhead I don't need

A HTML to node macro powered by rstml.

html-node A HTML to node macro powered by rstml. Features Text escaping Pretty-printing NEW: type-safe elements and attributes! (example) Example let

6 Jul 28, 2023

Configurable HTML/Vue/Svelte/Jinja/Twig formatter, with dprint integration.

markup_fmt markup_fmt is a configurable HTML/Vue/Svelte/Jinja/Twig formatter. Notes for Vue and Svelte Users This formatter provides some options such

17 Nov 15, 2023

Show HTML content "inside" your egui rendered application

hframe Show HTML content "inside" your egui rendered application. "hframe" stands for "HTML Frame". Note: hframe only works when the application is co

3 Feb 26, 2024

A PostgreSQL extension for rendering the Tera HTML templating language.

PGTera PGTera is a PostgreSQL extension that provides functions for using Tera to render HTML templates. When used with a tool like Postgrest, you can

4 Feb 16, 2024

A system clipboard command line tools which inspired by pbcopy & pbpaste but better to use.

rclip A command line tool which supports copy a file contents to the system clipboard or copy the contents of the system clipboard to a file. Install

3 May 30, 2022

A CI inspired approach for local job automation.

nauman A CI inspired approach for local job automation. Features • Installation • Usage • FAQ • Examples • Job Syntax About nauman is an easy-to-use j

8 Oct 24, 2022

Requestty - An easy-to-use collection of interactive cli prompts inspired by Inquirer.js.

Requestty requestty (request-tty) is an easy-to-use collection of interactive cli prompts inspired by Inquirer.js. Easy-to-use - The builder API and m

160 Dec 28, 2022

📦 A Python package manager written in Rust inspired by Cargo.

huak About A Python package manager written in Rust. The Cargo for Python. ⚠️ Disclaimer: huak is currently in its proof-of-concept (PoC) phase. Huak

186 Jan 9, 2023

📦 A Python package manager written in Rust inspired by Cargo.

huak About A Python package manager written in Rust. The Cargo for Python. ⚠️ Disclaimer: huak is currently in its Alpha phase. Huak aims to support a

161 Oct 9, 2022

Comments

Allow normal comments

Allow normal comments that are visible in the compiled HTML

Example:

// This is a comment at the start of the document
h1.text-red // This is a comment behind a tag
  // This is a comment inside a tag
  // Comments can obviously multi-line
  span And here is another text
// This is a comment after a tag

<!-- This is a comment at the start of the document --><h1 class="text-red"><!-- This is a comment behind a tag --><!-- This is a comment inside a tag --><!-- Comments can obviously multi-line --><span>And here is another text</span></h1><!-- This is a comment after a tag -->

pretty

<!-- This is a comment at the start of the document -->
<h1 class="text-red">
  <!-- This is a comment behind a tag -->
  <!-- This is a comment inside a tag -->
  <!-- Comments can obviously multi-line -->
  <span>And here is another text</span>
</h1>
<!-- This is a comment after a tag -->

enhancement

opened by Shinigami92 1