{"id":21377338,"url":"https://github.com/shmuelhizmi/notnotepad","last_synced_at":"2025-06-25T05:07:49.776Z","repository":{"id":39083776,"uuid":"218970239","full_name":"shmuelhizmi/notnotepad","owner":"shmuelhizmi","description":"a browser base code editor  - dead project that was made by the 15 years old me","archived":false,"fork":false,"pushed_at":"2023-01-06T09:26:14.000Z","size":7736,"stargazers_count":11,"open_issues_count":29,"forks_count":5,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-20T17:58:19.051Z","etag":null,"topics":["code-editor","editor","monaco","react","visual-scripting"],"latest_commit_sha":null,"homepage":"https://notnotepad.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shmuelhizmi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-11-01T11:09:14.000Z","updated_at":"2023-09-06T06:18:38.000Z","dependencies_parsed_at":"2023-02-05T19:16:43.141Z","dependency_job_id":null,"html_url":"https://github.com/shmuelhizmi/notnotepad","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shmuelhizmi/notnotepad","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shmuelhizmi%2Fnotnotepad","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shmuelhizmi%2Fnotnotepad/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shmuelhizmi%2Fnotnotepad/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shmuelhizmi%2Fnotnotepad/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shmuelhizmi","download_url":"https://codeload.github.com/shmuelhizmi/notnotepad/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shmuelhizmi%2Fnotnotepad/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261808050,"owners_count":23212690,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["code-editor","editor","monaco","react","visual-scripting"],"created_at":"2024-11-22T09:20:11.059Z","updated_at":"2025-06-25T05:07:49.751Z","avatar_url":"https://github.com/shmuelhizmi.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NotNotePad - [Live Demo](https://notnotepad.com/)\n\n![blockly](https://i.imgur.com/R8JeW47.jpg)\n![code](https://i.imgur.com/zGOSyjw.jpg)\n\n# What is NotNotePad\nlets take the idea of programming\n  \n\u003e **code (text)=\u003e code interpreter/compiler=\u003e machine code (binary data)**\n\n now when trying to improve this process we can encounter a few problems like\n\n1. 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.\n2. sometimes code syntax which is easy to write can be harder to interpret for an interpretor.\n3. for some people coding in general is not the best way to program especially for people in the creative area like designers.   \n\nthat's why we have tools like:\n  - bable (code translator)\n\u003e    **es6 + jsx=\u003e raw js=\u003e code interpreter**\n\n  - wix (website builder)\n\u003e    **visual editor=\u003e html=\u003e html renderer**\n\n  - unreal engine blueprints\n\u003e    **visual editor=\u003e compiled data=\u003e cpp interpreter**\n   \n  - google blockly\n\u003e    **visual editor=\u003e compiled code=\u003e interpreter/compiler**\n   \nthose tools solve this problem by adding an additional layer to this proccess that act like some sort of code translators/generators\n\nNotNotePad design to be a home for all kinds of code translators/generators as long as they can fit as a component in this model :\n\n\u003e    **editor component=\u003e editor data=\u003e code=\u003e interpreter/compiler**\n\n![component](https://svgur.com/i/H97.svg)\n    \ncode example :\n```jsx\nimport \"react\"\nimport \"code-editor\"\n\nclass componenet-x extends code-editor{\n  reder(){\n    \u003cinput type=\"text\" onChange={(text)=\u003e{//input for json html\n        this.saveData(text); //save json as editor data\n        this.saveCode(compileJsonToHtml(text)) //compile json to html and save code\n      }} /\u003e\n  }\n}\n```\n\n\n**to start run:**\n\n1. `yarn`\n2. `yarn start`\n- or just visit our [demo](https://notnotepad.now.sh/)\n\n## features\n\n- **multi editor**\n  1.  [monaco](https://github.com/microsoft/monaco-editor) editor ([vs-code](https://github.com/microsoft/vscode) like) - [react monaco editor](https://github.com/react-monaco-editor/react-monaco-editor)\n  2.  [blockly](https://github.com/google/blockly) html editor\n  3.  json tree editor - [react-json-view](https://github.com/mac-s-g/react-json-view)\n  4.  ckeditor 4 and 5 html editor - [ckeditor4-react](https://github.com/ckeditor/ckeditor4-react) , [@ckeditor/ckeditor5-react](https://github.com/ckeditor/ckeditor5-react)\n  5.  codemiror - [react-codemirror2](https://github.com/scniro/react-codemirror2), [codemirror](https://codemirror.net/)\n  6.  MD editor - [react-mde](https://github.com/andrerpena/react-mde)\n- **full node like file system** - [BrowserFS](https://github.com/jvilk/BrowserFS)\n- **static hosting with now** - [zeit](https://zeit.co/home)\n- **live code/page view**\n- **extensions system not finished**\n\n## How to contribute ?\nit's simple everyone is wellcome to open a PR on both features from the todo list or from there own ideas :)\n\n## todo\n\n- extensions market place\n- git panel\n- js packages support\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshmuelhizmi%2Fnotnotepad","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshmuelhizmi%2Fnotnotepad","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshmuelhizmi%2Fnotnotepad/lists"}