The codemagic from varemenos

Opening settings for the first time will reposition the settings div

Opening #settings for the first time will move it lower by ~1em

Github, Twitter and facebook integration

After the back-end is implemented, there should be a way to register in codeMagic via twitter, github, facebook and other social websites.

resizing style

use this "⋮" character for resize: http://amp-what.com/?#q=%E2%8B%AE

External Libraries (automatic tracking)

Create an automated way to track down external libraries and list by version in the dropdown menu.

Problem loading Codemagic during first visit or with empty/disabled cache

I have tested on Firefox, Safari and Chrome that:

http//codemagic.gr

doesn't load correctly when accessed for the first time (with empty/disabled cache).

It is always reproducible on my iMac, just disable the cache in your browser and reload it.

Initially, at load time, some part of the UI is visible while the editors are not visible until subsequent page reloads.

The problem is related to differences in how the page is handled during the first visit and successive reloads from the cache.

So the problem will show itself during the first visit to the page (was my case) and after clearing the cache, or if the user have completely disabled the cache.

It seems related to the RequireJS loader miserably failing to load the "libs/jsuri" file.

The error I get in the console of all the mentioned browsers is:

Uncaught Error: Mismatched anonymous define() module: function (require) {
    require(["libs/jsuri"], function(){
       ... all the source code
    }
    http://requirejs.org/docs/errors.html#mismatch

so the error seems clear enough to me.

Differences in network speed/latency may create these problems in poorly designed/tested loaders. Hope you can fix it, also not the easiest thing.

Diego

Help the user understand what's the "execute" button

It seems to me that most of the users who use codeMagic for the first time don't realize that after they insert their code in the proper panels, they have to press the execute button and therefore think that codeMagic is broken (or useless).

Beta

This is the phase which will be reached once the back-end is ready

jsBeatifier

Use jsBeautifier library for cleaner code
https://github.com/einars/js-beautify

restyle share modal

Use grunt.js

Create minifying, building, preprocessing tasks with grunt.js

Port to backbone.js

Porting the application to backbone.js will help fix quite a lot of bugs, requested features and the start of the implementation of the backend.

Google+ sign in

Use the google plus API to allow users to sign in via Google+

HAML Support

http://stackoverflow.com/questions/8482208/any-client-side-haml-parser

Support SCSS and SASS

Unfortunately I can't find a library that will help me support this feature.
Hopefully soon, something will show up

What happens when the google oauth token expires (after 1 hour)?

Need to consider reimplementing the oauth flow so that the user stays connected without the need to refresh the page

when HTML panel is hidden, the color scheme chooser doesn't load the background-color for the left panel

When switching color scheme and If the HTML panel is hidden, the theme's background doesn't apply to the panel wrapper, making it seem "broken".

get rid of console or harmonize it with the browser console

Currently it's either one or the other, either make both work or get rid of the built-in console.

console is broken due to the new iframe updating system

due to commit 2eb10ae and bug #48

The top nav contains invalid HTML

The HTML5 validator doesn't validate the html of the website due to the inclusion of an <h1> inside a list

new updates notification

When a new update, there should be a one-time-display notification that will mention the changes and new features to let the user know.

escape HTML strings from printing in the console

Use an implementation of the code below to fix this issue:

var entityMap = {
    "&": "&amp;",
    "<": "&lt;",
    ">": "&gt;",
    '"': '&quot;',
    "'": '&#39;',
    "/": '&#x2F;'
};

function escapeHtml(string) {
    return String(string).replace(/[&<>"'\/]/g, function (s) {
        return entityMap[s];
    });
}

div = "<div style='background-color: red; width: 50px; height: 50px;'></div>";

console.log(div);
console.log(escapeHtml(div));

source

Live update

Need to add live update support

create youtube videos with HowTos

example: https://www.youtube.com/watch?v=RIsNzIZ-xyU

use requireJS

use require.js to asynchronously load the required libraries (like markdown.js and less.js)

Flexible panel height and perfect 50/50 seperation of the page

The page needs to separate at the horizontal or vertical half, giving 50% of its space to the panels and the other 50% to the results iframe.

Switch from fontAwesome to IconMoon

Use iconMoon to generate a font file that includes only the glyphs you need and not the whole pack. + extra points for including countless icons for free

Responsive views

use rvh (responsive view height) and rvw (responsive view width) GET parameters to toggle the responsive view.

for example ?rvh=480&rvw=320

Ability to upload their project and load it as a new test

Give the users the ability to upload their project in Google Drive which they will then be able to edit, test etc

Use a better, more sophisticated way of modifying the iframe

HTML beautification is not done properly

There is a possible bug with js-beautify's html (and possibly css) beautification as mentioned in this bug report: beautifier/js-beautify#342

Clicking the toolbar buttons, won't work

There is a click related issue with the toolbar's buttons not executing their "command".

enhancement for #right region

use this css in the #right:

#right{
    float: right;
    width: 100%;
}

varemenos / codemagic Goto Github PK

codemagic's People

Contributors

Stargazers

Watchers

Forkers

codemagic's Issues

Recommend Projects

Recommend Topics

Recommend Org