Code Monkey home page Code Monkey logo

hotstuff's Introduction

๐Ÿ”ฅ hotstuff

A composable, incremental, turnkey document compiler

Travis (.org)

Read the blog post: AM010 - On Tolerating Complexity

hotstuff is turnkey โ€” it makes almost no assumptions about how you structure or write your content. There's also no plugins whatsoever.

hotstuff is composable โ€” touch a few files in your existing folder structure and it'll just work. Near zero-cost, and your content is always fully portable.

hotstuff is incremental โ€”- it aggressively caches your project so you can use it on hundreds of thousands of files.

Just one command away:

  • Cargo: cargo install --git https://github.com/AbstractMachinesLab/hotstuff --branch main
  • Yarn: yarn global add @abstractmachines/hotstuff
  • NPM: npm install --global @abstractmachines/hotstuff

Getting Started

If you put a hotstuff-project file on the root of your project, hotstuff will look throughout your whole project for site files.

site files tell hotstuff that this particular folder should be compiled into a website.

So if you have your posts in the following structure:

my/website ฮป tree
.
โ”œโ”€โ”€ pages
โ”‚ย ย  โ”œโ”€โ”€ First-post.md
โ”‚ย ย  โ””โ”€โ”€ Some-other-post.md
โ””โ”€โ”€ sections
    โ”œโ”€โ”€ about.md
    โ”œโ”€โ”€ hire-me.md
    โ””โ”€โ”€ projects.md

You just need to touch a few files:

my/website ฮป touch hotstuff-project
my/website ฮป touch pages/site sections/site

And you can run hotstuff serve to compile the website using the same tree structure under a _public folder, and serve it with hot-reloading.

my/website ฮป hotstuff serve
11:19:09 INFO :: Building project...
11:19:09 INFO :: Built 9 artifacts in 6ms
11:19:09 INFO :: Done in 7ms
11:19:09 INFO :: Server listening on http://0.0.0.0:4000

Now your file structure looks like:

my/website  ฮป tree
.
โ”œโ”€โ”€ _public
โ”‚ย ย  โ”œโ”€โ”€ pages
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ First-post.html
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ Some-other-post.html
โ”‚ย ย  โ””โ”€โ”€ sections
โ”‚ย ย      โ”œโ”€โ”€ about.html
โ”‚ย ย      โ”œโ”€โ”€ hire-me.html
โ”‚ย ย      โ””โ”€โ”€ projects.html
โ”œโ”€โ”€ hotstuff-project
โ”œโ”€โ”€ pages
โ”‚ย ย  โ”œโ”€โ”€ First-post.md
โ”‚ย ย  โ”œโ”€โ”€ Some-other-post.md
โ”‚ย ย  โ””โ”€โ”€ site
โ””โ”€โ”€ sections
    โ”œโ”€โ”€ about.md
    โ”œโ”€โ”€ hire-me.md
    โ”œโ”€โ”€ projects.md
    โ””โ”€โ”€ site

Note that the _public folder is ready for you to serve however you feel like. Upload to S3, Now, GCS, Github pages, or wherever really.

Installation

NPM

If you're already running npm or yarn, you can just run yarn global add @abstractmachines/hotstuff or npm install -g @abstractmachines/hotstuff to get the right binary in your computer.

If you're running against the Github package registry, our scoped name is @abstractmachineslab instead.

Source

You can install it locally via source if you have a running Rust toolchain with:

curl https://codeload.github.com/AbstractMachinesLab/hotstuff/tar.gz/main > hotstuff.tar.gz
tar xzf main.tar.gz
cd hotstuff
make install

Then hotstuff should be available globally.

Features

Incremental Builds

Running hotstuff build will plan a build of your entire site every time, but it will only execute the bits required to get you to your end state.

There is no in-memory build state, and instead build plan diffing is implemented on top of the artifacts that are produced.

You can always call hotstuff build --force to skip the diffing and redo al the work.

Local Server

You can run hotstuff serve to start up a static file server with incremental compilation and hot-reloading.

There's no in-memory build state, and the build diffs are recomputed in the background for you. So you get a re-build within a few milliseconds of changing a file, and the browser will only reload the assets that changed.

It doesn't get anymore turnkey than this.

Templating

You'll quickly notice that the bare compilation from Markdown to HTML doesn't quite fit all use-cases. To alleviate this hotstuff lets you specify in your site file a template file to be used for all the Markdown files within that specific site.

Say you wanted to wrap all of the pages from the example above in a common markup: add a <meta charset="utf-8"> to all of them. You'd write a template file:

<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    {| document |}
  </body>
</html>

And in your site file you'd point to it:

(template "path/to/template.html")

Voila! That's all it takes to get the templating up and running.

Assets

To copy assets (any supporting file to your site) you can use the (assets ...) rule:

(assets
  style.css
  logo.svg
  bg_music.midi)

And they will be automatically copied from their location, relative to the site file.

You can also use the shorthand . instead of listing your assets to have all the files in the folder copied over. This is not recursive.

Credits

hotstuff is inspired by prior art:

  • the cactus static site generator
  • the dune build system, with its composability
  • the bazel build system, with its aggressive incremental compilation techniques

If you'd like to support this project you can sponsor us on Github.

hotstuff's People

Contributors

leostera avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

isgasho

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.