/
package.json
160 lines (160 loc) · 4.62 KB
/
package.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
{
"name": "react-jsonify",
"version": "1.0.0",
"description": "A JSON editor packed as a React.js component and the simplest way of creating web forms.",
"main": "Json.js",
"scripts": {
"test": "node node_modules/mocha/bin/mocha tests",
"build": "./node_modules/.bin/gulp"
},
"repository": {
"type": "git",
"url": "https://github.com/IonicaBizau/react-json.git"
},
"keywords": [
"react",
"forms",
"json"
],
"author": "Ionică Bizău <bizauionica@gmail.com> (https://ionicabizau.net)",
"license": "MIT",
"bugs": {
"url": "https://github.com/IonicaBizau/react-json/issues"
},
"homepage": "https://github.com/IonicaBizau/react-json",
"dependencies": {
"create-react-class": "^15.6.3",
"freezer-js": "^0.5.2",
"object-assign": "^2.0.0",
"prop-types": "^15.6.2"
},
"peerDependencies": {
"react": "^0.13.1"
},
"blah": {
"thanks": "The original project was [`argex/react-json`](https://github.com/arqex/react-json). I forked it and made a couple of changes",
"description": [
"[Play safe with react-json forms in the playground](http://codepen.io/arqex/pen/rVWYgo?editors=001).",
"React-json is like having an special input type for JSON objects, developers only need to listen to changes in the JSON instead of writing all the boilerplate needed to handle every single input of the form. It comes with top features:",
{
"ul": [
"Field type guessing for quick forms",
"Validation",
"Styles easily customizable",
"Extensible with custom field types"
]
}
],
"example": [
{
"code": {
"language": "jsx",
"content": [
"var doc = {",
" hola: \"amigo\"",
" array: [1,2,3]",
"};",
"",
"React.render(",
" <Json value={ doc } onChange={ logChange } />,",
" document.body",
");",
"",
"function logChange( value ){",
" console.log( value );",
"}"
]
}
},
"[See this example working](http://codepen.io/arqex/pen/rVWYgo?editors=001)",
{
"h2": "A simple form creator"
},
"Do you hate creating forms? React-json handles all the dirty markup for you, and makes you focus in what is important;",
{
"code": {
"language": "jsx",
"content": [
"var doc = {",
" user: \"\",",
" password: \"\"",
"};",
"",
"// form: true",
"// make objects not extensible,",
"// fields not removable",
"// and inputs always visible",
"var settings = {",
" form: true,",
" fields: { password: {type: 'password'} }",
"};",
"",
"React.render(",
" <Json value={ doc } settings={ settings }/>,",
" document.body",
");"
]
}
},
"[See this form working](http://codepen.io/arqex/pen/xGRpOx?editors=011)",
{
"h2": "Props"
},
{
"table": {
"headers": [
"Name",
"Type",
"Default",
"Description"
],
"rows": [
[
"**value**",
"Object",
"none",
"Represents the JSON object to edit, in order to use react-json as a [controlled component](https://facebook.github.io/react/docs/forms.html#controlled-components)."
],
[
"**defaultValue**",
"Object",
"`{}`",
"Represents the JSON object to edit, in order to use react-json as a [uncontrolled component](https://facebook.github.io/react/docs/forms.html#uncontrolled-components)."
],
[
"**onChange**",
"function",
"`fn(){}`",
"Callback trigger when the JSON object is updated."
],
[
"**settings**",
"Object",
"`{}`",
"Fine grained customization for the component. [See the settings documentation](docs/settings.md)."
]
]
}
},
{
"h2": "Docs"
},
"React JSON is highly configurable, have a look at the docs to discover how."
]
},
"files": [
"bin/",
"app/",
"lib/",
"dist/",
"src/",
"scripts/",
"resources/",
"menu/",
"cli.js",
"index.js",
"bloggify.js",
"bloggify.json",
"bloggify/"
]
}