axeon-software / StupidConsole

Replicate console messages to a floating window.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Because we need the console to dev but it's not available everywhere

Stupid Console

Demo

Insert stupid-console scripts before any others in the <head> section.

<link rel="stylesheet" href="https://unpkg.com/stupidconsole/dist/stupid-console.min.css">
<script  src="https://unpkg.com/stupidconsole/dist/stupid-console.min.js"></script>

All console outputs will then be replicated in a floating window.

There's also a console input.

Download ZIP

Download with NPM npm install stupidconsole

StupidConsole.GUI

Demo

Allow you to build custom debug window easily

var gui = new StupidConsole.Gui('myGui');

gui.addButton("yo", function() {
    console.log("yoooo")
});

gui.addInputText("type some text", "my content", function(newText, event) {
   console.log("text changed to " + newText);
});

gui.addCheckbox("uncheck this box", true, function(checked) {
    console.log("checkbox " + checked);
});

gui.addButton("hey", function() {
    console.log("heyyyyy")
});

gui.addSelect("select one value", ["Value1", "Value2", "Value3"], function(index) {
    console.log("select changed " + index);
});

About

Replicate console messages to a floating window.


Languages

Language:TypeScript 65.2%Language:JavaScript 23.4%Language:HTML 8.9%Language:CSS 2.5%