alecperkins / coffeetable Goto Github PK
View Code? Open in Web Editor NEWA drop-in workbench for experimentation, CoffeeTable is a CoffeeScript-fluent browser console.
Home Page: http://alecperkins.net/coffeetable/
License: The Unlicense
coffeetable's People
Stargazers
Watchers
coffeetable's Issues
Autosuggest matching pollutes the built-in console
After typing a (, the autosuggest regex starts throwing lots of 'SyntaxError: Invalid regular expression'. It doesn't break anything, but the console gets flooded with the errors as the user types. CoffeeTable should catch and suppress these errors.
Compiled code is executed within the context of CoffeeTable
The code needs to run in the global context so that commands entered don't conflict with the CoffeeTable internals. Also, @ would then no longer be needed to have variables accessible from command to command.
Autosuggest resize breaks when page is also using resize event
API: .log, .dir, and .execute methods
Similar to console.log and console.dir, be able to programmatically log to the CoffeeTable history.
- log - print out the specified string (or .toString output)
- dir - print out an expandable list of the specified object's properties and prototype
- execute - compile and evaluate the specified CoffeeScript source
Enumerate prototype
Show methods inherited through the prototype chain, and visually indicate how many levels.
Entering something undefined fails to produce output
eg window.foobar, when foobar is undefined, results in an error (attempting to call .toString on undefined) when generating output for the log.
Keyboard shortcuts in sites cause problems for widget
Various sites with keyboard shortcuts, eg http://twitter.com, cause the widget to miss certain keypresses and not receive all of the input.
Better instructions for how to use the widget
The instruction on how to submit code in multi-line mode are only displayed when there are no items in history. Instead, the instructions should be displayed when no history, and additionally whenever the mode is toggled.
Styles should be done using proper CSS
Styles are applied using $.css (to avoid conflicts, which it does unsuccessfully). Instead, the widget should get a unique ID, and have a <style> block with a reset and the necessary styles appended to <head>.
Autocomplete of global variables and their properties
As the user types, show global variables that match what the user has typed so far. When the user hits '.', start drilling down into the properties of the object. When the user presses 'tab', auto complete using the top suggestion.
Basically how the Chrome console does it, but with an actual list of suggestions.
Multi-line mode not set correctly
Toggling multi-line mode doesn't actually enable enter to be used as a new line.
The CSS reset is not thorough enough
Certain rules, like color, are not set, and so are inherited from the document. (color: white makes the widget partially useless)
Calls to .log and .dir can come in before widget fully ready
Currently, calling CoffeeTable.log, etc, before the widget has finished loading results in an error since the widget's DOM isn't complete. DOM ready isn't reliable, since the widget is already initializing after DOM ready by default. Calls to the API need to be buffered if the widget hasn't finished initializing. Or perhaps a 'ready' event on the widget that can handle a callback.
Expand objects when [object Object] is clicked
Not just the + in front of it. (User testing FTW)
Update readme for 0.3.0
Self explanatory
Import/Export history
Import and export input history from and to a file.
(And perhaps to GitHub gists. This needs some research.)
Widget doesn't detect that it's already initialized
When using the bookmarklet on a page with the widget already loaded, it simply loads a second widget on top of the first. The intended behavior is to reinitialize the existing widget.
Unescaped markup in a history entry messes with the history list
The history entries need to be html escaped
Show compiled source
Add an panel that can show the compiled JS.
Firefox: multiline instructions don't show
When used in Firefox, the instructions do not switch to "shift+enter" when multiline is checked.
Pure JS build process
Library-free
Eliminate the need for jQuery as a dependency, but allow it (and perhaps Underscore?) to be easily loaded with a single click.
clearing localstorage option, or no auto-replay
I entered document.write("hello") which overwrote the page. But since it automatically stores the code and replays it, the page was no longer visible. Until I manually deleted the row from localstorage using chrome's javascript console.
Perhaps just load the last typed line in the textbox without actually executing it.
localStorage.clear() doesn't really clear
When the user enters localStorage.clear(), the storage does get cleared, but CoffeeTable then puts its data back in, negating the clear command.
Clearer API documentation
Actually list all of the methods available, with examples.
Make demo on info page more obvious
Large results, such as entering $.ajax, overwhelm the widget
Set a max width, or some sort of truncation, on the results.
Easily repositionable/resizable widget
The widget should be easy to reposition and resize, since it can easily get in the way of the actual page.
Inspect references and list properties instead of simply relying on toString()
window.location (an instance of Location) simply results in https://github.com/alecperkins/coffeetable/issues/new whereas it should inspect the object and list its members.
isolate events so bookmarklet will work on more places
Twitter is intercepting the keyboard events, making it so I can't type commands into CoffeeTable.
FireBug Lite works well on twitter.com, so this should hopefully be doable.
Up doesn't work when only one item
When there is only one item in history, pressing 'up' or clicking on the history item doesn't load the corresponding source.
Add 'replay' button
Allow users to replay the history on demand. Useful if it depends on stuff in the page that didn't happen prior to CoffeeTable loading.
Expand objects when displayed in the history
Right now the objects are listed simply as [object Object], which is kind of useless. The user should be able to click on the object and have its properties enumerated.
See the Chrome console for an example.
Close the widget using 'esc'
When the user hits 'esc' in the textarea, close the widget
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.