isakhauge/nanosplash

The tiny loading screen for web artisans

nanosplash's Issues

Resizing of element inside body not working properly

TODO: Add custom resizing algorithm for when element is the direct descendant of document.body

Displays empty splash image when no image defined

Hide splash image element when image src is undefined.

Bundling error in newer versions of Webpack

Seems to be originated from a webpack requirement that the default export in package.json should be listed last.

Configuration does not work for splash image

Default values overwrite the custom ones, or the custom ones are never applied.

Do not throw Errors

Do not throw errors by default. Add an option to do so in the Nanosplash options.

Update Vite

Vite has released 2 major version to speed up build and dev developments

Migrate tests to Vitest

For faster tests and more promising test library

Add CI for production and release branch

Add animated ellipsis

Add animated ellipsis to the text for better loading indication.

Add option to have multiple instances of Nanosplash

Make it possible to have multiple instances of Nanosplash in the browser window.

Add GitHub Action scripts

Github Actions

Make action scripts for the release and production branches.

Both scripts should execute Jest unit testing and build the project without errors, but the script for the release branch should automatically publish the the branch to NPM as a package.

Multiple splash instances in fullscreen will never be a wanted feature

TODO: Don't instantiate multiple full screen instances. Instead, mutate the existing one if any.

Add option to display spinner only

Planned feature. Add an option to the API to only show the spinner (i.e. no text).

API usage suggestion. If no text argument passed to the show function, display the spinner only.

ns.show()

ns.show().inside('#myDiv')

Make NS smaller in size

Make NS smaller by:

• Convert Service class to functions.
• Optimize DOMUtilities functions.
• Replace Stack class with functions.

Move away from JS event listeners

Replace as many JS event listeners as possible with CSS. This will increase actual and percieved performance.