techger / ceditor

:memo: Online JavaScript/TypeScript editor to run & share your code with Github gist integration.

Home Page:https://ceditor.cedoor.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ceditor logo Ceditorbeta

Ceditor is an online JavaScript/TypeScript editor to run & share the code with Github gists. Passing the id of the Github gist in the URL it's possible to load the code (TypeScript or JavaScript) directly into the Ace editor. The tool provides information on the gist and allows navigation of its associated files.

It is also possible to import the code of other gist files and libraries via CDN.

๐Ÿ“Ž Table of Contents

๐Ÿš€ Features

  • โœ”๏ธ Read gist files
  • โœ”๏ธ Run the TypeScript/JavaScript code
  • โœ”๏ธ Import JavaScript libraries via CDN
  • โœ”๏ธ Import gist files (TypeScript/JavaScript code) in the editor
  • โœ”๏ธ Sidenav gist informations
  • โœ”๏ธ Sidenav gist files navigation
  • โœ”๏ธ About app dialog
  • โœ”๏ธ Cached gists
  • โœ”๏ธ Update gist files

๐Ÿ”จ Install

With the following installed:

  • git
  • node >= 8
  • npm >= 6

Clone the repo and install the dependencies from npm.

git clone https://github.com/cedoor/ceditor.git
cd ceditor
npm i

๐ŸŽฎ Usage

For local development with angular dev server:

npm start

Then open http://localhost:4200 in your browser.

โฌ†๏ธ Deploy

You can self-host your own Ceditor with Github hosting service. For that, fork the repository, install the dependencies and run npm run release (remember to set correctly --base-href build option of angular cli command).

๐Ÿ“ˆ Development

โœ‹ Contribute

Ceditor is a work in progress. Remember that if you want you can make a small contribution with a pull request.

๐Ÿ“œ Rules

Commits

  • Use this commit message format (angular style):

    [<type>] <subject> <BLANK LINE> <body>

    where type must be one of the following:

    • feat: A new feature
    • fix: A bug fix
    • docs: Documentation only changes
    • style: Changes that do not affect the meaning of the code
    • refactor: A code change that neither fixes a bug nor adds a feature
    • test: Adding missing or correcting existing tests
    • chore: Changes to the build process or auxiliary tools and libraries such as documentation generation
    • update: Update of the library version or of the dependencies

and body must be should include the motivation for the change and contrast this with previous behavior (do not add body if the commit is trivial).

  • Use the imperative, present tense: "change" not "changed" nor "changes".
  • Don't capitalize first letter.
  • No dot (.) at the end.

Branches

  • There is a master branch, used only for release.
  • There is a dev branch, used to merge all sub dev branch.
  • Avoid long descriptive names for long-lived branches.
  • No CamelCase.
  • Use grouping tokens (words) at the beginning of your branch names (in a similar way to the type of commit).
  • Define and use short lead tokens to differentiate branches in a way that is meaningful to your workflow.
  • Use slashes to separate parts of your branch names.
  • Remove branch after merge if it is not important.

Examples:

git branch -b docs/README
git branch -b test/one-function
git branch -b feat/side-bar
git branch -b style/header

๐Ÿ“„ License

๐Ÿ“ž Contacts

๐Ÿ‘ฆ Developers

About

:memo: Online JavaScript/TypeScript editor to run & share your code with Github gist integration.

https://ceditor.cedoor.dev

License:MIT License


Languages

Language:TypeScript 77.8%Language:HTML 12.3%Language:CSS 7.1%Language:JavaScript 2.8%