boom 💥

Tools we use to build puzzles.

Installation

With npm

npm install @immerspiele/boom

or with yarn

yarn add @immerspiele/boom

Packages

Signal

A simple signal implementation.

Screen

Screen controller. Manage screen transitions and screen states.

Setup

import { initialize } from '@immerspiele/boom/screen';

// Tell the screen controller which "container" element to render the screens in.
initialize(document.getElementById('screen-container'));

Usage

import { createScreen, onMount, onUnmount } from '@immerspiele/boom/screen';

const screen = createScreen(() => {
  const $ = document.createElement('div');

  onMount(() => {
    // Do something when the screen is mounted.
  });

  onUnmount(() => {
    // Do something right before the screen is unmounted.
  });

  return $;
});