https://github.com/quantuminformation/javascript-code-generation-tools
A bunch of JSON, React, Ember, TypeScript, ES6 and JavaScript code generation goodness.
https://github.com/quantuminformation/javascript-code-generation-tools
javascript react
Last synced: 11 months ago
JSON representation
A bunch of JSON, React, Ember, TypeScript, ES6 and JavaScript code generation goodness.
- Host: GitHub
- URL: https://github.com/quantuminformation/javascript-code-generation-tools
- Owner: quantuminformation
- License: mit
- Created: 2013-03-05T23:38:03.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2020-07-23T19:06:41.000Z (almost 6 years ago)
- Last Synced: 2025-07-14T23:06:45.701Z (12 months ago)
- Topics: javascript, react
- Language: JavaScript
- Homepage:
- Size: 588 KB
- Stars: 25
- Watchers: 5
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Javascript-code-generation-tools
[DEMO](https://quantuminformation.github.io/Javascript-code-generation-tools/)
Helps do some of the repetitive stuff. Built with React
JSON:
* Generates ember data code from json.
* Generates ES6 classes code from json.
* Generates Typescript classes code from json.
* Generates Bootstrap 3 Form HTML code from json.
Give it this:
```js
{
"shouldBeNumber1": "1",
"shouldBeString1": ".1",
"shouldBeBoolean1": "false",
"shouldBeFragment1": {
"FshouldBeNumber1": "1",
"FshouldBeString1": "bar",
"FshouldBeBoolean1": "false"
}
}
```
Get this back (copy paste it into files):
####Ember data
```js
import DS from 'ember-data';
export default DS.Model.extend({
shouldBeNumber1: DS.attr("number"),
shouldBeString1: DS.attr("string"),
shouldBeBoolean1: DS.attr("boolean"),
shouldBeFragment1: DS.hasOneFragment("shouldBeFragment1")
});
export default DS.ModelFragment.extend({
FshouldBeNumber1: DS.attr("number"),
FshouldBeString1: DS.attr("string"),
FshouldBeBoolean1: DS.attr("boolean")
});
```
#### Typescript
```js
export class Foo {
shouldBeNumber1: Number;
shouldBeString1: String;
shouldBeBoolean1: Boolean;
shouldBeFragment1: shouldBeFragment1;
constructor (object) {
this.shouldBeNumber1 = object.shouldBeNumber1;
this.shouldBeString1 = object.shouldBeString1;
this.shouldBeBoolean1 = object.shouldBeBoolean1;
this.shouldBeFragment1 = new shouldBeFragment1(object.shouldBeFragment1);
}
}
export class shouldBeFragment1 {
FshouldBeNumber1: Number;
FshouldBeString1: String;
FshouldBeBoolean1: Boolean;
constructor (object) {
this.FshouldBeNumber1 = object.FshouldBeNumber1;
this.FshouldBeString1 = object.FshouldBeString1;
this.FshouldBeBoolean1 = object.FshouldBeBoolean1;
}
}
```
#### ES6
```js
export class Foo {
constructor (object) {
this.shouldBeNumber1 = object.shouldBeNumber1;
this.shouldBeString1 = object.shouldBeString1;
this.shouldBeBoolean1 = object.shouldBeBoolean1;
this.shouldBeFragment1 = new shouldBeFragment1(object.shouldBeFragment1);
}
}
export class shouldBeFragment1 {
constructor (object) {
this.FshouldBeNumber1 = object.FshouldBeNumber1;
this.FshouldBeString1 = object.FshouldBeString1;
this.FshouldBeBoolean1 = object.FshouldBeBoolean1;
}
}
```
#### Bootstrap 3 Forms
```html
export class Foo {
shouldBeNumber1:
shouldBeString1:
shouldBeBoolean1:
FshouldBeNumber1:
FshouldBeString1:
FshouldBeBoolean1:
```
###Roadmap
* JSON Generate more interesting stuff from json api