Experimental cloud-based html/js/css editor
filearts / plunker Goto Github PK
View Code? Open in Web Editor NEWPlnkr.co front-end and backend
License: MIT License
Plnkr.co front-end and backend
License: MIT License
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.
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.
Are these directive/elements supported? I'm not having any luck getting them to work
If I am logged in when I save, it should add this plunkr to my own. This does not appear to work consistently.
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).
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).
Should probably move away from starting people off with gist:123123 and instead do stuff like builder:angular-starter,angular-ui,bootstrap etc.
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 !
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.
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?
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!
Every time I visit the site I have to re-login to github. This is annoying.
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
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": "
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"... :(
Hi Geoff,
I noticed your working on http://plnkr.co/ ... personally I prefer Plunker.co (and it's available!).
Keep up the great work!
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 doestooltip.js
is missing a new directive that was defined somewhere after line 285 and lines 236-237 are missing changesindex.html
is missing changes on lines 30, 38, and 39mypopover.tpl.html
should exist, but doesn'tapp.js
is missing a scope function in the controllerHere'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!!!
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.
json-gate semver LiveScript iced-coffee-script sass marked stylus nib
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).
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
sudo apt-get install mongodb
./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
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.
Was working with someone on http://plnkr.co/edit/gist:3172544?p=preview&s=ProLoser
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.
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:
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.
Create a server endpoint to which a plunk structure can be posted to bootstrap editing from external websites. /cc @mhevery @IgorMinar
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
http://plnkr.co/edit/wmuAWw?p=options
a simple barebones index.jade just renders as Internal Server Error
Makes me a sad panda. Drives me up the fucking wall.
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 :)
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
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.
Filenames with .jade, .coffee, .ls should be detected and automatically compiled to on the fly
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.
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!
If plunker can format javascript/html/css/coffeescript, that will be great.
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?
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.
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.
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.
You should also probably rename builder to new or create or something.
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).
I get an Express error cannot connect when I try the main site.
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?
No one uses it. In fact I doubt anyone even uses fullscreen mode since the site is already so minimal.
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?
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)"
When a plunker is not completed or being heavily refactored, auto-refresh is inconvenient and brings distractions
I think the following might have happened:
The second one seems to have the right sidebar:
Screenshot-of-fork
But the original one seems to have a strange sidebar:
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)
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
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.