A library of commonly used JavaScript tools and helpers by Becklyn
BSD-3-CLAUSE License
A library of commonly used JavaScript tools and helpers by Becklyn Studios.
A global loader, that adds an overlay to your app until the loading is finished.
import the SCSS via @import("~mojave/scss/overlay-loader/component")
into your project
add the positioning SCSS into your default theme:
@import "~mojave/scss/overlay-loader/positioning";
.my-app {
@include position-overlay-loader(10 /* <- this is the z-index */);
}
Use the JS component:
import {OverlayLoader} from "mojave/ui/OverlayLoader";
export class FrontendLoader extends OverlayLoader
{
public constructor () {
super(`<div class="loader-icon">My SVG</div>`);
}
}
To run the tests, first install all dependencies:
npm install
Then run the kaba default task:
npx kaba
You need to run this task after every change in the library. You can also start a watcher to continuously build the library:
npx kaba -d
Now open the file in tests/index.html
in a web browser.
Place all test case files under tests/cases/
as regular .js
files.
The tests files are built using tests/build/all-tests.js
, so if you add a new test case file, you must add an import there.
This build is compiled using kaba, so you can use regular modern JS.
tests/build/all-tests.js
kaba
tests/cases/