kodus / server-log Goto Github PK
View Code? Open in Web Editor NEWChrome extension: aggregates diagnostic logs from the server to a panel in Devtools
Home Page: https://chrome.google.com/webstore/detail/server-log/lophlnbmepajcpfhafaciibembckdpih
server-log's People
Contributors
Stargazers
Watchers
Forkers
mindplay-dkserver-log's Issues
Support external CSS (in HTML logs)
Add support for external CSS via <link rel="stylesheet"> in <head>.
(is external CSS supported in a shadow-root, or do we have to fetch and inject?)
Auto scroll to bottom
Automatically scroll the "Server Log" tab to bottom when new data arrives.
Only scroll to bottom if the view is already scrolled to bottom - don't scroll if the user is trying to scroll back and read previous log-messages.
Progress spins forever on internal error
Improve internal error-handling to prevent progress spinners that spin forever.
The case I encountered was a malformed JSON payload in X-ChromeLogger-Data, where an object was passed to table instead of an array, and thus failed to iterate.
Add error-handling to prevent this - basically catch errors while rendering legacy ChromeLogger data, stop the spinner and display an error message.
Documentation error?
The server-side specifies the location of one or more HTML resources by adding an X-ServerLog-Location header to an HTTP Response - for example:
X-ServerLog-Location: /server-log/938b6caf-2787-43c3-8cf9-1d6669f0537a.html
Why HTML and not JSON or XML?
A JSON/XML schema is considerably more complexity, and HTML provides more freedom in terms of formatting the content.
However your server-side implementation creates a json file
https://github.com/kodus/chrome-logger/blob/master/src/ChromeLogger.php#L222
Release as a firefox extension as well
Firefox has supported WebExtension for many years now, would be nice to see this released for Firefox as well.
The original chrome logger extension has a fork that was written for Firefox, see https://addons.mozilla.org/en-CA/firefox/addon/chromelogger/
Improve ChromeLogger data-rendering
Improve rendering of nested JSON data-structures in log.ts.
Currently, it's a simple JSON.stringify() - we'd like to add the ability to expand/collapse nested data-structures as in the regular console with the old extension.
Also, consider adding support for ___class_name as described in the original spec - it never worked properly; it only worked for the top-most object - if implemented, it should work for nested objects as well.
Add support for external JS (in HTML logs)
Add support for external Javascript via <script> tags in <head> or <body>.
Consider practical and security implications: what would be the execution context/scope of external scripts? (documents get aggregated into shadow-roots, so there's no dedicated document-scope for external scripts...?)
Needs discussion/specification before implementation.
Improve multiple log rendering
We allow multiple logs for the same Response:
But the rendering is a bit confusing:
Improve the design, so that multiple logs don't look like they came from multiple Responses.
Consider improving the design to more clearly separate Response headers from log-content.
Add toolbar
Add a custom toolbar.
There's some CSS in there already for this, just no real toolbar yet.
It should resemble the "Network" tab, with two features:
- A button to manually clear the log.
- A "Preserve Log" checkbox to toggle clearing the log on navigation; unchecked by default, shouldn't persist between sessions.
console.table support
As referenced in #5 table support is limited / breaks output
https://developer.mozilla.org/en-US/docs/Web/API/Console/table
should accept obj / list of obj, etc
Feature Request: string substitution / css
https://developer.mozilla.org/en-US/docs/Web/API/console#Using_string_substitutions
ie with chromelogger, I'd use %c to style alert/critical with extra callout emphasis
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.