1. bottom-tip
A div for displaying console.log messages, with some styles
bottom-tip
Package: bottom-tip
Created by: mvc-works
Last modified: Sun, 19 Mar 2023 14:53:15 GMT
Version: 0.1.5
License: MIT
Downloads: 223
Repository: https://github.com/mvc-works/bottom-tip

Install

npm install bottom-tip
yarn add bottom-tip

Bottom Tip(an at-bottom message tip)

Note: you have to maintain logs manually with this module.

Prototype https://youtu.be/wjLxXS0CV4k

I intented to replace webpack-hud with it
but it turned out to be not as useful as webpack-hud
since messages from Webpack is quite messy.

Usage

 npm i --save-dev bottom-tip
 import render from "bottom-tip";

render("warn", "some warning message");

setTimeout(function() {
  render("inactive", null);
}, 2000);

Types:

  • inactive
  • ok
  • ok~(show and then hide)
  • warn
  • error

Develop

Try this project:

 yarn vite
# open http://localhost:3000

License

MIT

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code