{"id":28275788,"url":"https://github.com/quantuminformation/javascript-code-generation-tools","last_synced_at":"2025-07-26T04:34:09.105Z","repository":{"id":7277748,"uuid":"8591768","full_name":"quantuminformation/Javascript-code-generation-tools","owner":"quantuminformation","description":"A bunch of JSON, React, Ember, TypeScript, ES6 and JavaScript code generation goodness.","archived":false,"fork":false,"pushed_at":"2020-07-23T19:06:41.000Z","size":602,"stargazers_count":25,"open_issues_count":1,"forks_count":3,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-07-14T23:06:45.701Z","etag":null,"topics":["javascript","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/quantuminformation.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2013-03-05T23:38:03.000Z","updated_at":"2022-02-17T03:32:02.000Z","dependencies_parsed_at":"2022-09-21T08:40:55.071Z","dependency_job_id":null,"html_url":"https://github.com/quantuminformation/Javascript-code-generation-tools","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/quantuminformation/Javascript-code-generation-tools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantuminformation%2FJavascript-code-generation-tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantuminformation%2FJavascript-code-generation-tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantuminformation%2FJavascript-code-generation-tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantuminformation%2FJavascript-code-generation-tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quantuminformation","download_url":"https://codeload.github.com/quantuminformation/Javascript-code-generation-tools/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quantuminformation%2FJavascript-code-generation-tools/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267117391,"owners_count":24038656,"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","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["javascript","react"],"created_at":"2025-05-21T04:16:01.113Z","updated_at":"2025-07-26T04:34:09.094Z","avatar_url":"https://github.com/quantuminformation.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://codeship.com/projects/0c597e40-d04b-0134-5443-1a2848c0e33c/status?branch=master\"/\u003e\n\n# Javascript-code-generation-tools\n\n[DEMO](https://quantuminformation.github.io/Javascript-code-generation-tools/)\n\nHelps do some of the repetitive stuff. Built with React\n\nJSON:\n* Generates ember data code from json.\n* Generates ES6 classes code from json.\n* Generates Typescript classes code from json.\n* Generates Bootstrap 3 Form HTML code from json.\n\nGive it this:\n```js\n{\n  \"shouldBeNumber1\": \"1\",\n  \"shouldBeString1\": \".1\",\n  \"shouldBeBoolean1\": \"false\",\n  \"shouldBeFragment1\": {\n    \"FshouldBeNumber1\": \"1\",\n    \"FshouldBeString1\": \"bar\",\n    \"FshouldBeBoolean1\": \"false\"\n  }\n}\n```\n\nGet this back (copy paste it into files):\n####Ember data\n```js\n  import DS from 'ember-data';\n\nexport default DS.Model.extend({\n  shouldBeNumber1: DS.attr(\"number\"),\n  shouldBeString1: DS.attr(\"string\"),\n  shouldBeBoolean1: DS.attr(\"boolean\"),\n  shouldBeFragment1: DS.hasOneFragment(\"shouldBeFragment1\")\n});\n\nexport default DS.ModelFragment.extend({\n  FshouldBeNumber1: DS.attr(\"number\"),\n  FshouldBeString1: DS.attr(\"string\"),\n  FshouldBeBoolean1: DS.attr(\"boolean\")\n});\n```\n#### Typescript\n```js\nexport class Foo {\n  shouldBeNumber1: Number;\n  shouldBeString1: String;\n  shouldBeBoolean1: Boolean;\n  shouldBeFragment1: shouldBeFragment1;\n  constructor (object) {\n    this.shouldBeNumber1 = object.shouldBeNumber1;\n    this.shouldBeString1 = object.shouldBeString1;\n    this.shouldBeBoolean1 = object.shouldBeBoolean1;\n    this.shouldBeFragment1 = new shouldBeFragment1(object.shouldBeFragment1);\n  }\n}\nexport class shouldBeFragment1 {\n  FshouldBeNumber1: Number;\n  FshouldBeString1: String;\n  FshouldBeBoolean1: Boolean;\n  constructor (object) {\n    this.FshouldBeNumber1 = object.FshouldBeNumber1;\n    this.FshouldBeString1 = object.FshouldBeString1;\n    this.FshouldBeBoolean1 = object.FshouldBeBoolean1;\n  }\n}\n```\n#### ES6\n```js\nexport class Foo {\n  constructor (object) {\n    this.shouldBeNumber1 = object.shouldBeNumber1;\n    this.shouldBeString1 = object.shouldBeString1;\n    this.shouldBeBoolean1 = object.shouldBeBoolean1;\n    this.shouldBeFragment1 = new shouldBeFragment1(object.shouldBeFragment1);\n  }\n}\nexport class shouldBeFragment1 {\n  constructor (object) {\n    this.FshouldBeNumber1 = object.FshouldBeNumber1;\n    this.FshouldBeString1 = object.FshouldBeString1;\n    this.FshouldBeBoolean1 = object.FshouldBeBoolean1;\n  }\n}\n```\n#### Bootstrap 3 Forms\n```html\nexport class Foo {\n\u003cform\u003e\n  \u003cdiv class=\"form-group\"\u003e\n    \u003clabel for=\"shouldBeNumber1\"\u003eshouldBeNumber1:\u003c/label\u003e\n    \u003cinput type=\"number\" class=\"form-control\" id=\"shouldBeNumber1\"\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"form-group\"\u003e\n    \u003clabel for=\"shouldBeString1\"\u003eshouldBeString1:\u003c/label\u003e\n    \u003cinput class=\"form-control\" id=\"shouldBeString1\"\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"form-group\"\u003e\n    \u003clabel for=\"shouldBeBoolean1\"\u003eshouldBeBoolean1:\u003c/label\u003e\n    \u003cinput type=\"checkbox\" class=\"form-control\" id=\"shouldBeBoolean1\"\u003e\n  \u003c/div\u003e\n\u003c/form\u003e\n\u003cform\u003e\n  \u003cdiv class=\"form-group\"\u003e\n    \u003clabel for=\"FshouldBeNumber1\"\u003eFshouldBeNumber1:\u003c/label\u003e\n    \u003cinput type=\"number\" class=\"form-control\" id=\"FshouldBeNumber1\"\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"form-group\"\u003e\n    \u003clabel for=\"FshouldBeString1\"\u003eFshouldBeString1:\u003c/label\u003e\n    \u003cinput class=\"form-control\" id=\"FshouldBeString1\"\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"form-group\"\u003e\n    \u003clabel for=\"FshouldBeBoolean1\"\u003eFshouldBeBoolean1:\u003c/label\u003e\n    \u003cinput type=\"checkbox\" class=\"form-control\" id=\"FshouldBeBoolean1\"\u003e\n  \u003c/div\u003e\n\u003c/form\u003e\n```\n###Roadmap\n\n* JSON Generate more interesting stuff from json api\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantuminformation%2Fjavascript-code-generation-tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquantuminformation%2Fjavascript-code-generation-tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquantuminformation%2Fjavascript-code-generation-tools/lists"}