Skip to content

a browser base code editor - dead project that was made by the 15 years old me

License

Notifications You must be signed in to change notification settings

shmuelhizmi/notnotepad

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NotNotePad - Live Demo

blockly code

What is NotNotePad

lets take the idea of programming

code (text)=> code interpreter/compiler=> machine code (binary data)

now when trying to improve this process we can encounter a few problems like

  1. any changes in the code syntax will require every user to update is interpreter and every program or library to update its code base, which can result in mostly small or non-breaking changes in every language generation leap.
  2. sometimes code syntax which is easy to write can be harder to interpret for an interpretor.
  3. for some people coding in general is not the best way to program especially for people in the creative area like designers.

that's why we have tools like:

  • bable (code translator)

es6 + jsx=> raw js=> code interpreter

  • wix (website builder)

visual editor=> html=> html renderer

  • unreal engine blueprints

visual editor=> compiled data=> cpp interpreter

  • google blockly

visual editor=> compiled code=> interpreter/compiler

those tools solve this problem by adding an additional layer to this proccess that act like some sort of code translators/generators

NotNotePad design to be a home for all kinds of code translators/generators as long as they can fit as a component in this model :

editor component=> editor data=> code=> interpreter/compiler

component

code example :

import "react"
import "code-editor"

class componenet-x extends code-editor{
  reder(){
    <input type="text" onChange={(text)=>{//input for json html
        this.saveData(text); //save json as editor data
        this.saveCode(compileJsonToHtml(text)) //compile json to html and save code
      }} />
  }
}

to start run:

  1. yarn
  2. yarn start
  • or just visit our demo

features

How to contribute ?

it's simple everyone is wellcome to open a PR on both features from the todo list or from there own ideas :)

todo

  • extensions market place
  • git panel
  • js packages support

About

a browser base code editor - dead project that was made by the 15 years old me

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published