firefox-devtools/debugger-examples

Collection of good debugging examples

debugger-examples's Issues

Change title

change title to "Debugger Examples"

Docs

Update getting started docs to include something about helping add more examples

Remove λ Svg in Outline view

In the Outline view we use a SVG to show a "lamba" letter before functions.
Turns out there is a unicode sign for lambda: λ

This does not look too bad I think (even better I'd say) :

Also, we know SVG can be perf sensitive, so having a plain text here is probably better.

WIP:

diff --git a/src/components/PrimaryPanes/Outline.css b/src/components/PrimaryPanes/Outline.css
index 382c214b..e4397f3c 100644
--- a/src/components/PrimaryPanes/Outline.css
+++ b/src/components/PrimaryPanes/Outline.css
@@ -43,6 +43,10 @@
   white-space: nowrap;
 }

+.outline-list__class .outline-list__element {
+  padding-inline-start: 2rem;
+}
+
 .outline-list__element:hover {
   background: var(--theme-toolbar-background-hover);
 }
diff --git a/src/components/PrimaryPanes/Outline.js b/src/components/PrimaryPanes/Outline.js
index 8d1fe746..9c6c6dc0 100644
--- a/src/components/PrimaryPanes/Outline.js
+++ b/src/components/PrimaryPanes/Outline.js
@@ -9,7 +9,6 @@ import { bindActionCreators } from "redux";
 import { connect } from "react-redux";
 import actions from "../../actions";
 import { getSelectedSource, getSymbols } from "../../selectors";
-import Svg from "../shared/Svg";

 import "./Outline.css";
 import PreviewFunction from "../shared/PreviewFunction";
@@ -55,13 +54,12 @@ export class Outline extends Component<Props> {
         className="outline-list__element"
         onClick={() => this.selectItem(location)}
       >
-        <Svg name="function" />
-        <PreviewFunction func={{ name, parameterNames }} />
+        λ <PreviewFunction func={{ name, parameterNames }} />
       </li>
     );
   }

Sensor Web - site is down

The website for Sensor Web is throwing a 404 error

Make the headers clickables

The header for todomvc is not clickable, but you would expect it to

Add optimized away

http://jlongster.com/s/foo.html

CODE_OF_CONDUCT.md file missing

As of January 1 2019, Mozilla requires that all GitHub projects include this CODE_OF_CONDUCT.md file in the project root. The file has two parts:

1. Required Text - All text under the headings Community Participation Guidelines and How to Report, are required, and should not be altered.
2. Optional Text - The Project Specific Etiquette heading provides a space to speak more specifically about ways people can work effectively and inclusively together. Some examples of those can be found on the Firefox Debugger project, and Common Voice. (The optional part is commented out in the raw template file, and will not be visible until you modify and uncomment that part.)

If you have any questions about this file, or Code of Conduct policies and procedures, please reach out to [email protected].

(Message COC001)

CDN script not loading over http

When using the examples over https://firefox-dev.tools/debugger-examples/
The CDN scripts are not loading via http on this https site.

broken formatting in the README file

tables in the README file are broken in the following

Examples

||| |---|---| | pythagorean| example of scopes| | Evals| different evals | | Debugger Statements|| | exceptions| different caught / uncaught exceptions| | large objects| large arrays / objects | | objects| objects | | promises|| | iframe|pausing in an iframe| | large-files|| | localStorage Keys|| | Optimized Away Variable|| | typescript - greeter|| | coffeescript - tutorial|| | Create React App - (jsx, flow)|| | asm.js||

Source Maps

||| |---|---| | increment| a simple source map example| | source mapped js.min files| simple webpack example|

Local Test Pages

||| |---|---| |asm|| |debugger-statements|| |exceptions|| |frames|| |iframes|| |minified|| |return-values|special scope variables | |script-switching|| |scripts|| |sources|| |sourcemap-bogus|| |sourcemaps|| |sourcemaps2||