filearts / plunker

Plnkr.co front-end and backend

filearts

Experimental cloud-based html/js/css editor

plunker's Issues

Comments appear to be global to all of Plunker vs specific plunkers

I still see the message you wrote a long time ago and the one I replied with. This should probably be a lower priority though.

Remove fading from refresh

It only slows thiings down. Refer to jsbin.

If you want to show that the page refreshed you could do something like fading the body tag from blue to white (or inherit) whenever it refreshes. This way it does not actually affect the time it takes to view the preview.

jade include or extend support

Are these directive/elements supported? I'm not having any luck getting them to work

Plunkers are not namespaced, nor can I login and see all the plunkers I have made/saved

If I am logged in when I save, it should add this plunkr to my own. This does not appear to work consistently.

File Sync

I''m working on a book with a lot of JavaScript. I need to have the code locally so I can embed it in my manuscript. I would like to publish it to Plunker so that my readers can easily play with the code.

Is there an easy way to sync the code? I'm fine if it isn't by directional but I'd prefer to only have to edit it one place and then be able to push the code to the other - for example - be able to edit it locally and then run a script so the new version is copied up to plunker (hopefully) over the old one (so I don't have to alter urls in the book when I make a change).

[Question] Does a stream session ends?

For example say a few of us are collaborating on the "utIblB336HLdbfRX" stream. Will the content of the stream be erased and the stream session be ended after like 24 hours of zero connection and activity, so the stream can be reused?

Asking because I've encountered the bug described in #34 but the stream identifier might be one that I'd like to keep using (for example it has been spread out on Twitter).

Add ability to specify import options for builder

Should probably move away from starting people off with gist:123123 and instead do stuff like builder:angular-starter,angular-ui,bootstrap etc.

It doesn't work in firefox 17. It works fine in Chrome

Hi ,

I think there is something wrong now. In fact, only google chrome works. I tried it on IE9/FF/OP/SF and it doesn't work.

Thanks !

search plunks feature.

It will be awesome to add a search for plunks, it's painful to go through all those plunks to find a plunk I wrote 3 or 4 months ago.
Maybe search by tags and search by title.
Thanks for such a great tool anyway.

My plunk has been deleted

I did a plunk with the number TtJC76. Today I wanted to send the link somebody but it seems to be gone. Ary plunks deleted automatically after a while?

Sometimes edit:Run acts differently than 1st open

Example:
Open this URL: http://plunker.no.de/nU4Ukw/ & start/stop/reset the stopwatch.
Next, open the top editor navigation, click [> Run], and you will notice that the background for the numbers are gone, & buttons seem unresponsive.

Most of the other scripts with JavaScript seem to work in & out of edit mode; I'll update as I find other similar scripts.

thanks!

Github does not stay logged in.

Every time I visit the site I have to re-login to github. This is annoying.

Default to README.md as well as index.html in Preview

Gist encourages adding a README.md for the gist description.
Perhaps plunker could do the same?

Uncaught TypeError: Property '_handleOAuthSuccess' of object [object global] is not a function

I get a blank login popup when logging in from work. Seems to work fine from home. Not sure if its a cross domain issue. In Chrome console I see this error.

Unsafe JavaScript attempt to access frame with URL http://www.plnkr.co/ from frame with URL http://plnkr.co/auth/github?code=f207e09bcdd062d5e007. Domains, protocols and ports must match.

In the popup I see the following error in the chrome console

Uncaught TypeError: Property '_handleOAuthSuccess' of object [object global] is not a function

POST respond 404

Hi there,

I managed to get the project running, but by browsing to localhost:8080/run/ I get a HTTP404 - Preview does not exist or has expired.

Ok, I just started the server, there is no plunker created yet, so lets do this:

curl -H "Accept: application/json" -H "Content-Type: application/json" -X POST --data @post.sample.json http://localhost:8080/run

where post.sample.json is a file that contains

{
"description": "Description of Plunk",
"tags": ["AngularJS"],
"files": [
{
"filename": "index.html",
"content": "

Hello World!

"
},
{
"filename": "script.js",
"content": "alert('Hello World!');"
}
]
}

But I got the following error:

Error: Invalid json: [object Object],[object Object]
at /Users/m48u/testRepo/plunker/servers/run/index.coffee:288:19
at callbacks (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/lib/router/index.js:161:37)
at param (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/lib/router/index.js:135:11)
at param (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/lib/router/index.js:132:11)
at pass (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/lib/router/index.js:142:5)
at Router._dispatch (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/lib/router/index.js:170:5)
at Object.router (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/lib/router/index.js:33:10)
at next (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/node_modules/connect/lib/proto.js:199:15)
at multipart (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/node_modules/connect/lib/middleware/multipart.js:60:27)
at module.exports (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/node_modules/connect/lib/middleware/bodyParser.js:57:9)
at urlencoded (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/node_modules/connect/lib/middleware/urlencoded.js:48:27)
at module.exports (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/node_modules/connect/lib/middleware/bodyParser.js:55:7)
at IncomingMessage.module.exports (/Users/m48u/testRepo/plunker/servers/run/node_modules/express/node_modules/connect/lib/middleware/json.js:77:11)
at IncomingMessage.EventEmitter.emit (events.js:85:17)
at IncomingMessage._emitEnd (http.js:366:10)
at HTTPParser.parserOnMessageComplete as onMessageComplete
at Socket.socket.ondata (http.js:1690:22)
at TCP.onread (net.js:403:27)

unfortunately I couldn't find a documentation so I don't know what to do now...

With the option --data-urlencode I get a "Bad Request"... :(

Suggest you register Plunker.co

Hi Geoff,

I noticed your working on http://plnkr.co/ ... personally I prefer Plunker.co (and it's available!).

Keep up the great work!

• Chris

Current Version of a Plunk Not the Latest

Last night I created a Plunk and shared it with my comrades; today I returned to the shared link to notice that the view was not the most recent - that is, it is not what I had when I stopped working last night. It appears to be one or two saves out of date. I can identify most of the missing changes:

• old-tooltip.js should no longer exist, but does
• tooltip.js is missing a new directive that was defined somewhere after line 285 and lines 236-237 are missing changes
• index.html is missing changes on lines 30, 38, and 39
• mypopover.tpl.html should exist, but doesn't
• app.js is missing a scope function in the controller

Here's the Plunk: http://plnkr.co/edit/RTpGfZG0cl069nkqmm14?p=history

And here's it again, whith changes re-made from memory (I created it from scratch as I think the forking might have something to do with it): http://plnkr.co/edit/JgeUP0anaU4BmsS5cJNh

This is not the first time this has happened, but I'm not sure how to troubleshoot this client-side. I'm hoping @ggoodman or others can shed some light.

Thanks!!!

Installation issues

Hi,

as I can see from #27 and #18 the installation instructions are not up to date.
Here are my efforts so far, but I couldn't get it too run, either.

This is what I did, perhaps this helps someone else or @ggoodman might step in and give some further hints.

1. Like noted elsewhere you need to install a couple of packages more, because they are missing in the package.json:

json-gate semver LiveScript iced-coffee-script sass marked stylus nib 

2. you need to copy the config.sample.json to config.json and edit it accordingly (i.e. remove the comments because they are not JSON compatible).

3. You need to use node 0.8 (not 0.10) or you will run into this problem:
   http://goo.gl/fGIkM

sudo apt-get update
sudo apt-get install build-essential curl git
git clone git://github.com/creationix/nvm ~/nvm
. ~/nvm/nvm.sh
nvm install v0.8.1

4. you need to install mongo:

sudo apt-get install mongodb

5. you need to create a mongodb user by entering the mongo console (see http://learnmongo.com/posts/quick-tip-mongodb-users/) :

./mongo
> use plunker
> db.addUser("plunker","plunker")
> exit

Of course you should choose a different password and edit the entries in config.json accordingly.

Last but not least, I tried both the Express 3.x variant (server starts and dies on first browser hit) and the createServer() variant (server stays online but gives the ECONNREFUSED error).

Best,
Dirk

Not requiring the correct version of express

I believe that you are requiring a version of express 2.5.x that doesn't support the syntax used inside your index.coffee file:

module.exports = app = express()

When I fire it up I get object is not a function. However, when I update to 3.x version of express the server "almost" starts but fails further down on other dependencies.

Streaming collaboration is transmitting garbage

Was working with someone on http://plnkr.co/edit/gist:3172544?p=preview&s=ProLoser

After they started messing with it, this is what I saw:

This is what the collaborator saw:

only 12 newest plunks shown on My Plunks view

Hi

On My Plunks i see only my 12 recent plunks. I had more of them created about month ago and i cannot see them and cannot access them. When i create new, last one from the list is gone.

Error: notifier is not defined

Seeing the error below at plnkr.co/edit whenever the preview pane tries to load.

Error: notifier is not defined
n<@http://plnkr.co/js/apps/editor-0.5.2.js:7
rn/a/s.promise.then/c@http://plnkr.co/js/apps/editor-0.5.2.js:2
rn/a/s.promise.then/c@http://plnkr.co/js/apps/editor-0.5.2.js:2
rn/c/<.then/<@http://plnkr.co/js/apps/editor-0.5.2.js:2
r.prototype.$eval@http://plnkr.co/js/apps/editor-0.5.2.js:2
r.prototype.$digest@http://plnkr.co/js/apps/editor-0.5.2.js:2
r.prototype.$apply@http://plnkr.co/js/apps/editor-0.5.2.js:2
o@http://plnkr.co/js/apps/editor-0.5.2.js:2
m@http://plnkr.co/js/apps/editor-0.5.2.js:2
vn/</b.onreadystatechange@http://plnkr.co/js/apps/editor-0.5.2.js:2

Steps to reproduce:

1. Head to plnkr.co/edit
2. Click the Run button. Preview is not rendered.

I'm on OSX 10.7 and can reproduce in both Firefox and Chrome. I could swear that I didn't have any issues on Friday at the office (Win 7 Ultimate)...

Sorry if this isn't the right place to report issues like this, if I should be posting somewhere else just let me know and I'll be happy to do it.

POST to /edit/ to bootstrap session

Create a server endpoint to which a plunk structure can be posted to bootstrap editing from external websites. /cc @mhevery @IgorMinar

Confusion for real-time preview panel

I'm not sure what the real-time preview tab is supposed to work on exactly (HTML files?) but currently it seems to be broken. Perhaps greying out the icon, and defaulting to another panel would be better UI? Or at least a better help message. "Not Found" seems too much like a 404.

Bug importing from gist

Index.html files are missing. For example:
http://plnkr.co/edit/gist:5469561?p=preview
compared to original gist
https://gist.github.com/myguidingstar/5469561

jade appears to fail

http://plnkr.co/edit/wmuAWw?p=options

a simple barebones index.jade just renders as Internal Server Error

Can't Save MAH PLUNKS!

Makes me a sad panda. Drives me up the fucking wall.

http://cl.ly/image/0b2t3R0D0w27

template content is deleted when plgugin is added

"plunker 1" shows the template tag wit the p as content. When I then add a plugin the template tag is empty, the p is deleted.
"plunker 2" shows the template when jquery is added. Wich plugin is added does not matter.

mfg rene

Memory Leak

I have noticed that after some time of using plunker (http://plnkr.co/), the memory usage increases. Using Google chrome, I checked the task manager and the tab plunker is using increases. It even has managed to reach 90 to 100MB after a lengthy period of use. Then I would have to close the tab then reopen. The increase of memory usually happens whenever the run button is clicked.
I've compared it to other applications similar to plunker and the memory seems consistent.
I think it has something to do with the ajax of the website. I hope there would be a way of releasing memory so that it would be more convenient. This is the best site I know for sharing codes.

Thanks :)

Add tooltip plugin for side buttons

It's hard to understand what the icons mean. If you're going to stick with them, can you add a tooltip plugin instead of solely relying on the title attribute?

Easy with UI passthrough: http://angular-ui.github.com/#directives-jq

Sign In dropmenu should be right-aligned, not left-aligned

It goes off the edge of the screen the way it works now. Of course, I personally think that you should redo the entire layout to that which we discussed, but that's me.

Directly use jade and coffee/livescript etc

Filenames with .jade, .coffee, .ls should be detected and automatically compiled to on the fly

Error at http://plnkr.co

I can't access http://plnkr.co. Throws me error {"message":"Unknown error","code":500} in desktop safari. Same issue happens on Chrome incognito mode.

Cache cleared in both cases above.

But chrome non incognito mode works fine... though I can't seem to create an account. Cache not cleared as I still want to view the plnkr snippets.

LICENSE file missing(?)

I was wondering if the plnkr.co source code will be released under MIT? (like plunker.no.de - https://github.com/ggoodman/stsh/blob/master/LICENSE).

Keep up the great work!

Add a "format" button to format the code

If plunker can format javascript/html/css/coffeescript, that will be great.

pushstate routing

I loaded the example from http://docs.angularjs.org/api/ng.$route into the plunk http://plnkr.co/edit/9j0uAC

The demo doesn't work because it turns on pushstate. The urls then don't work because the plunker server isn't serving up the requests to the same page.

If I turn off pushstate and fix the urls the code works fine.

Can you either auto configure it or add an option to tell Plunker to do the routing so that urls like http://plnkr.co/edit/9j0uAC/Book/Moby work?

When opening a stream, check if it already exists before populating it

I link people to a new plunker with a stream ID already specified: gist:123123123?&s=dean

The problem is (and this seems new) every time someone connects, it re-imports that gist and wipes out what I was doing.

Instead, Plunker should ping the server to see if that stream ID already exists, and if so, start from there. If it does NOT exist it should import from the GIST ID.

However, it is okay if I import a gist AFTER starting a stream (using the menu) but I should receive a prompt telling me I'm about to wipe out all the code for everyone on this stream first.

CapiTals in tags

Thanks for Plunker; I believe that it will help many improve their programming chops!

I like to discover programming tips & tricks by reviewing others' code. Right now I'm studying AngularJS. People are using both the "AngularJS" & "angularjs" tags, both of which give different results.
I hope Plunker is patched to allow only lower-case entry of tags.

Saving throws an error

XMLHttpRequest cannot load http://api.plnkr.co/plunks?sessid=500ef3787ee9f04b13000008. Origin http://plnkr.co is not allowed by Access-Control-Allow-Origin.

Preventing me from saving any new plunkers.

Get rid of 'new' dropmenu in lieu of 'builder'

You should also probably rename builder to new or create or something.

Enable streaming via url

I use streaming heavily. It would be nice if i could append /stream to the end of the url to turn it on as soon as the page loads (even if this does require a redirect).

main site down?

I get an Express error cannot connect when I try the main site.

Running Local

I'm running Ubuntu 12.10 with node v0.8.18 mongo 2.0.6.

I cloned the repo and then copied over the config.sample.json to config.json
I then followed your instructions to init the submodules and npm install.

There were a bunch of missing modules (for example LiveScript, sass, and ice-coffee-script)

once I got all of those installed I tried to run the server.

I got an error is server/embed/index.coffee:

module.exports = app = express()

I got the following error:

/home/delmendo/Desktop/git/plunker/servers/embed/index.coffee:20
module.exports = app = express();
^
TypeError: object is not a function
at Object. (/home/delmendo/Desktop/git/plunker/servers/embed/index.coffee:20:26)
at Object. (/home/delmendo/Desktop/git/plunker/servers/embed/index.coffee:80:4)
at Module._compile (module.js:449:26)
at Object.require.extensions.(anonymous function) as .coffee
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Module.require (module.js:362:17)
at require (module.js:378:17)
at Object. (/home/delmendo/Desktop/git/plunker/server.js:40:20)
at Module._compile (module.js:449:26)

I changed the line to:
module.exports = app = express.createServer()

This seems to mirror something I saw in other files.

Once I do that I get:
Pruning sessions
Started plunker in development at localhost on port 8080 using subdomains: false

If I go to http://localhost:8080 it outputs this error and dies immediately:
Error creating session: Error: connect ECONNREFUSED

I'm trying to figure out if there is something else I need to do to get this to run locally. I'm still very new at node/mongodb. I'm not sure what is throwing the session error. I'm not even sure where to add in debugging/logging/output to give me mor einformation.

Any ideas what I'm doing wrong?

Also - you have entries for the GitHub oAuth. What url should i register for the callback?

Get rid of the status bar

No one uses it. In fact I doubt anyone even uses fullscreen mode since the site is already so minimal.

Error on tryin to run on Windows 7 x64

Hello, after getting the source when I reach this step:
node server.js (after renaming config.sample.json to config.json)
It gives me this error:

C:\Program Files\plunker>node server.js
path.existsSync is now called fs.existsSync.

C:\Program Files\plunker\node_modules\nconf\lib\nconf\stores\file.js:129
throw new Error("Error parsing your JSON configuration file.")
^
Error: Error parsing your JSON configuration file.
at File.loadSync (C:\Program Files\plunker\node_modules\nconf\lib\nconf\stor
es\file.js:129:13)
at Provider.add (C:\Program Files\plunker\node_modules\nconf\lib\nconf\provi
der.js:109:23)
at Provider.(anonymous function) [as file](C:Program Filesplunkernode_mo
dulesnconflibnconfprovider.js:34:17)
at Object. (C:\Program Files\plunker\server.js:9:4)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Function.Module.runMain (module.js:497:10)
at startup (node.js:119:16)

Is it possible to run Plunker on Windows?

Show Live = octet-stream download?

In Win7/Firefox15a1 & Chrome 19.0.1084.46 m, when I press the Show Live button in the editor, I get a Firefox save window popup saying I am about to open: "application/octet-stream (435 bytes)"

Option to disable auto-refresh preview

When a plunker is not completed or being heavily refactored, auto-refresh is inconvenient and brings distractions

Forks listing in sidebar potentially broken

I think the following might have happened:

1. I created http://plnkr.co/a4WVj9zRksV0xPF1U2rH
2. I accidentally forked it as http://plnkr.co/eXgEiBDdf6UxUJJer3TD

The second one seems to have the right sidebar:
Screenshot-of-fork

But the original one seems to have a strange sidebar:

Screenshot-of-original

The "Forks" section seems not to be populating correctly. Is this an error?

On an unrelated note, I dont know if it should be this easy to fork your own plunks. (if that's what you call em)

Unable to sign in with Github

Hey, I've tried lots of times and cannot authenticate with github, despite being logged into git hub properly.

The window that pops up just hangs, even though it says "Authorized to GitHub". The page never renders, and just stays open.

Tried in Opera, Chrome, FireFox. In IE, the button doesn't even open a prompt.

Have you experienced this before?

Thanks,
Josh

display all plunks instead of my plunks.

Hi, I changed my github name now whenever I go to My plunks i got all the plunks not just mine.
My old username was tyoli now it's yahyaKacem here's a screenshot:

And thanks for a great dev-tool like this.