https://github.com/dtgoitia/json-editor

https://github.com/dtgoitia/json-editor

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/dtgoitia/json-editor
• Owner: dtgoitia
• Created: 2018-04-12T18:34:48.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-17T08:07:21.000Z (almost 7 years ago)
• Last Synced: 2024-10-28T13:55:31.971Z (3 months ago)
• Language: TypeScript
• Size: 229 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## TODO

- [x] Setup Webpack 4 

- [x] Setup TypeScript

- [x] Move static assets to `/statics`.

- [x] Setup Webpack Dev Server

- [x] Add TypeScript linter for the project

- [x] Play around with React TypeScript

- [ ] Setup a `tsconfig.json` for production (minified) and another one for development (keep comments and function names).

- [x] Add monaco: https://github.com/timkendrick/monaco-editor

- [ ] Add JSON linter for monaco

- [ ] Add "hard-coded" snippets

- [ ] Add tools to communicate with the server

- [ ] Implement swagger to validate JSON

- [ ] Build snippets from schema

## Install

First, clone the repo via git:

```bash

git clone [email protected]:dtgoitia/json-editor.git

```

and then install dependencies.

```bash

cd json-editor

npm install

```

## Run

Run this command to start a local server (hot reload):

```bash

npm start

```

or build to `/dist` folder:

```bash

npm run build

```

## Development

Note the instructions below target _Visual Studio Code_ (VSC):

* TypeScript Linter:

  * Install the `tslint` VSC extension.

  * Reload VSC.

  * Create a `tslint.json` configuration file:

```json

{

  "enable": true,

  "alwaysShowStatus": true,

  "defaultSeverity": "error",

  "extends": ["tslint:latest", "tslint-react"],

  "rules": {

    "jsx-wrap-multiline": false,

    "jsx-self-close": true,

    "jsx-equals-spacing": true

  }

}

```