jonbri / ticker-log Goto Github PK
View Code? Open in Web Editor NEWOn-screen, interactive logging utility
Home Page: https://jonbri.github.io/ticker-log/
On-screen, interactive logging utility
Home Page: https://jonbri.github.io/ticker-log/
with api, reset to default properties
write addition to "channel" unit test by making sure console.log matches up with the log channel but not the debug channel.
Then make sure console.debug works
initial flip should strip the \n
. flip again should add a \n
To clean up event listeners
looks awkward at http://jonbri.github.io/ticker-log/
If there are already log nodes visible you don't need to actually print out the "pause" message when toggling pause mode.
If there are no nodes currently visible, show the "pause" message
api: _ticker.filter(/regex/)
Example:
0. hello ticker-log
1. hello ticker-log
2. hello ticker-log
3. hello ticker-log
4. hello ticker-log
- root
- ticker-log.js
- ticker-log.min.js
- tests.js # combine js files and put css in index.html
- index.html
- screenshot
- ticker-log.gif
- jsdoc
- jsdoc stuff
- bin
- package.json
- README.md
seems to be only saving certain logs
so ticker-log doesn't need to bother with complicated url parsing
Can also remove a bunch of unit tests after this
If there are already logs on the screen, don't add any new test content or the "pauseMode" message
Uncaught TypeError: Cannot read property 'addEventListener' of null
function _renderText(sText) {
var div = document.createElement('div');
div.className = '_ticker';
assignStyle(div, oConfig.logStyle);
div.className += ' _ticker_log';
div.innerHTML = sText;
var iText = _calculateTop();
if (iText < (oConfig.logStartTop / 2)) {
iText = oConfig.logStartTop;
}
div.style.top = iText + 'px';
document.body.appendChild(div);
}
(or ticker textarea)
listen to that event during init
if in pause mode from clicking on a log, and this event happens, un-pause
also to close textarea?
so it doesn't wrap on phones
Don't add the rendered version to bContent, remove the " "'s and save.
Like "pause mode" but can still be printed to
to rep:
http://jonbri.github.io/ticker-log/
macro 2
macro 2
you need to press esc twice to dismiss all the textareas
When logStartTop
is adjusted by the up/down keyboard commands have each jump go by 25%.
Detect if in an environment like NodeJS where ticker-log will be used as an NPM module, or loaded like jQuery often is where it just exposes a global variable.
Something like this: https://github.com/jquery/jquery/blob/master/src/wrapper.js
also see: http://sinonjs.org/releases/sinon-1.17.3.js for an example
feature where the consumer could auto-insert their own debugging lines.
They get 1-9.
Must be done through api of course.
ex:
_ticker.add(1, function() {
// read vars and stuff from closures
this.print('foo');
});
To avoid stacking on top of each other
It's annoying to always see "registering..." and "running..."
moveRight...ERROR
>> Message: logs are to the right of the screen
>> Actual: false
>> Expected: true
registerMacro(1, function() {
// do stuff
});
The output being a nice "ticker-tape" steady thing breaks!
so, perhaps, rather than the setTimeout, each iteration should check location...if you haven't changed location, don't print...just skip that iteration
if that happens many times in a row (many setInterval stops) then...(?)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.