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
Chrome extension: aggregates diagnostic logs from the server to a panel in Devtools
Home Page: https://chrome.google.com/webstore/detail/server-log/lophlnbmepajcpfhafaciibembckdpih
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?)
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.
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.
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
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 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 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.
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:
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
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
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.