popcodeorg / popcode Goto Github PK

If there are any validation errors, the preview should be replaced by a list of the errors, making it impossible to ignore them.

Clicking on an error should focus the corresponding line in the editor.

While we’re in there, this would be a good time to debounce validation checks, put a overlay/throbber on top of the preview while we’re validating, etc.

https://trello.com/c/13JhZ9wE/194-error-in

Error in Popcode

Error in /
The user cancelled authentication.

View on Bugsnag

Stacktrace

/source/node_modules/firebase/lib/firebase-web.js:136 - Sg

View full stacktrace

https://trello.com/c/Rj4mGmqM/188-uncaught-typeerror-cannot-read-property-length-of-undefined

Error in Popcode

TypeError in /
Uncaught TypeError: Cannot read property 'length' of undefined

View on Bugsnag

Stacktrace

/source/node_modules/brace/index.js:6234 - new r

View full stacktrace

https://trello.com/c/ZFxwJa5O/121-typeerror-in

Enter this in CSS

img src ="https://s3.amazonaws.com/creativeallies/snapshots/000/123/983/original/Lifehouse_Seven_v2.jpg?141854206";

i,img src ="https://s3.amazonaws.com/creativeallies/snapshots/000/123/983/original/Lifehouse_Seven_v2.jpg?141854206";

i,

Error in Popcode

TypeError in /
Uncaught TypeError: Cannot read property 'type' of null

View on Bugsnag

Stacktrace

https://popcode.org/compiled/application.js:1 - Object.n.parse

View full stacktrace

Submitter: Carol
Email: [email protected]
Hi Popcode!

I'm Carol and I was trying to go through three questions that I had saved as gist to my class, but when I clicked the 'Load Project" button on the left side panel, it wasn't responsive. My Macbook Air was connected to the SmartBoard so what we suspect happened was that since I was connected to the SmartBoard, the screen resolution was reduced, and the image with the white ghost-like thing with two black eyes ( id="Pop1___0" ) blocked the space of the panel and did not let me click on the labels.

I just wanted to bring up this issue I had. Asides from that, we've been using popcode for a few classes now and it's pretty neat!

-- Carol

https://trello.com/c/6hofSEeF/135-partially-written-for-loop-causes-js-to-freeze

for(var i= 0; i<10;){}

https://trello.com/c/jJBSWkPm/252-unknown-closed-window-in

Error in Popcode

unknown closed window in /

View on Bugsnag

Stacktrace

webpack:///~/bugsnag-js/src/bugsnag.js:121 - H.notify

View full stacktrace

Popcode will read the following CSS as valid with no error prompt.
p { color: black;

At the very least: syntax validation, check that tags exist, etc. This may actually be pretty difficult? Le sigh.

Hopefully htmllint can do something useful.

we don't always have control over the school computers. what's the latest version of chrome supported/can we try to support some of the minor older versions? is safari or firefox better for handling pop code?

https://trello.com/c/xqDxTKVh/179-restore-send-feedback-button

Submitter: Tom Bijesse
Email: [email protected]
Hey Mat,

I'm not sure why but I just exported a gist and I am not getting the link at the top of the page that I would see before. It is also exporting anonymously.

Any idea why that might be happening?

Submitter: Phil
Email: [email protected]
Hi, I am trying to export to gist, but it keeps on opening a new tab and not exporting it.

When I try to open up a gist in popcode, it goes to popcode, but there is no code in there. Am I doing something wrong?

Thanks loads,

Phil

• Ability to create a new project
• Ability to switch to a previous project

Educators should be able to pass out a URL to a class full of students; following the URL should yield a new/private document that uses the educator’s template (starter code). Flow is something like this:

• Educator creates a page and saves it to GitHub
• Educator can generate a “template link” which just points at the GitHub gist ID/SHA
• Opening that template link reads data out of the GitHub gist into a new page

Submitter: Erica
Email: [email protected]
Too many students exporting as a gist at the same time gave me error 404 messages on Github. Might not be a popcode error.

In our class today a student's chromebook was, for some reason, set to use the international keyboard setting.

As a result she got an error nag about needing to use "s for her href attribute because the double-quotes were typed with international characters. The tag was visibly correct. Switching the chromebook to US Keyboard setting fixed the issue with visibly different " characters in the IDE.

https://trello.com/c/MtBlJ6Pl/185-null-is-not-an-object-evaluating-this-editors-e-jumptoline

Error in Popcode

window.onerror in /
TypeError: null is not an object (evaluating 'this.editors[e]._jumpToLine')

View on Bugsnag

Stacktrace

/source/node_modules/react/lib/ReactErrorUtils.js:52 - [unknown]

View full stacktrace

https://trello.com/c/f05mX8jN/251-no-error-if-li-appears-outside-a-ul

#201

Popcode reads -webkit-filter and filter as invalid properties.

https://trello.com/c/w3fjZIPY/184-e-foreach-is-not-a-function

Error in Popcode

window.onerror in /
e.forEach is not a function

View on Bugsnag

Stacktrace

https://popcode.org/compiled/application.js:55 - [unknown]

View full stacktrace

https://trello.com/c/pJr0WQgB/195-some-versions-of-chrome-refusing-to-allow-redefining-alert

Not sure why this bug is happening, but found this by randomly holding keys down in the CSS panel.

If you hold the d or f key (and their uppercase equivalents) in the CSS panel, the first 23 keys are entered, then the site freezes. Strangely enough holding down other keys will not freeze the site.

Input:

p
display: block; 

Output (note the line number):

https://trello.com/c/VGAfA8MJ/150-add-pop-to-sidebar

https://trello.com/c/RBwTF15O/177-add-link-to-slack-signup

The following incomplete for loop will freeze the site:
for(var i= 0; i<10;){}

I did not find this bug, but writing it down for good housekeeping.
Bug was found courtesy of @megknoll.

https://trello.com/c/qQGTNZi3/147-editor-windows-should-resize-as-soon-as-you-minimize-expand-a-language

Also should react to window resizes

https://trello.com/c/t9ZwBGtq/146-invalid-regular-expression-error-when-using-comments

https://trello.com/c/HMoWzQcy/155-arrow-doesn-t-render-correctly-in-firefox

Looks like a big sideways checkmark

Ideally we’d like to have the browser client communicating directly with GitHub with no need for a server intermediary. Do we have the technology?

• Auth with GitHub
• Save current work to a GitHub gist (should just happen automatically if you are authed when you save to local storage).

Submitter: Git Reports Test
Email: [email protected]
Test testy

https://trello.com/c/MVNHBtDF/182-confirm-before-exporting-anonymous-gist

If the user is not signed in and clicks “Export Gist”, present them with a confirm dialog warning them that the gist will be exported anonymously, with copy along the lines of:

Are you sure you would like to export this gist anonymously? Please sign in to have this gist sent to your GitHub account.

https://trello.com/c/qFSz4itc/145-suggest-enabling-a-library-if-you-try-to-reference-a-global-defined-by-that-library

Submitter: jane
Email: [email protected]
HTML editor doesn't error when there is HTML outside of the body and head tag

e.g.

It would be great if students were advised on proper indentation in an automated fashion. It would help them get in the habit of formatting code cleanly much sooner, and help them find obvious bugs in their own code.

From our conversation over Slack, it sounds like we could infer what indentation type the code is primarily using, and enforce that everywhere in the code.

Maybe we wouldn't want to block the page from loading when indentation errors are present, but instead add a warning annotation to the line that's improperly indented.

Input:

p:nth-child() {
}

Output:

The editor should support popular transpilers, especially those that are transpiling next code into currently-supported code:

Next code

• CSS4 via cssnext
• ES2015 via Babel

Abstraction languages

• SASS
• LESS
• CoffeeScript
• ClojureScript

Etc

https://trello.com/c/lYHgrWq2/181-migrate-and-upgrade-firebase

Submitter: Sharang Phadke
When I click "New Project", all my code is erased. There should be a way to undo this!

Submitter: Vaibhav Verma
Email: [email protected]
It would be cool if Libraries were remember when I exported to gist, and loaded popcode from a gist like so:

https://popcode.org?gist=593577ab539fa607496c206bfc2d0696

https://trello.com/c/YMuErwMp/154-logo-is-in-the-wrong-place-in-safari

Isn’t flush against the top of the sidebar

Error in Popcode

Error in /
403 error making request GET https://api.github.com/gists/4645067d83f5a948a608b58d4666a25a: "Forbidden"

View on Bugsnag

Stacktrace

native:0 - n.Error

View full stacktrace

• Save current work to local storage (this should happen automatically with some reasonable debounce/throttle)
• Restore page you were last editing when you visit again
• Create new page
• View list of saved pages
• Open saved page for editing

Note that this is only using local storage; no need for server persistence (YET)

https://trello.com/c/lHOfpmQA/176-full-project-list-disappears-after-doing-a-load-project

https://trello.com/c/7M5COGk4/149-change-color-based-on-error-state

For basic parsing as well as orphaned selectors:

https://github.com/reworkcss/css

For linting and hinting:

https://www.npmjs.com/package/PrettyCSS
https://github.com/CSSLint/csslint

Locale files or a way to translate error messages.

var name;
var name;

This should generate an error, but does not. JSHint doesn’t actually validate this(!).

We should just bite the bullet and integrate ESLint as well.