automock 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c29cacf8edc506987577004177435059b9bc3599
-  data.tar.gz: 9e2f0ce30c6f3cb6091576750beae29ffc86f87b
+  metadata.gz: 4078a9648eee2d574180ce41d2ba6bff01b80a17
+  data.tar.gz: adbf761b3388fe690731c5455004959eabb53cb8
 SHA512:
-  metadata.gz: 065c43312fdb86f0a77b147bf09d557db387d3acbb1d4622de014ebe38040199235f43d6d89837e4132de3dbe6d908371bc1e87a5916db38efa2584c743d2789
-  data.tar.gz: 4dd774c0f87a685eda968a3a0617ef463c83d032da5014758fc23a5938376790230c8736a1ca7a6718b9b8f0ae0f08a4e2a1fe6cfcc728deeb0f7ec91aaef83e
+  metadata.gz: 5325c92d9ae0729e0939b0ac797ff1ece8f40f4a25fe1d55baa91174ba026f1d8a85bdebe9db6330c32de5a806cc1949de865e64e9683b877e72443ce6c172d4
+  data.tar.gz: b4d2349f2a472032c999ad008964058b1ded7ffc7aa7e148f1037bd9a7233bfc5326cee64b230c210fe80203dcab9ae9c7c37a9cc9bba5bbb8696b9eac57c951

data/README.md

@@ -73,7 +73,7 @@ You can manage mocking data, on or off, by mocking response management server.
 By default, mocking management server use 8000 port.
 So you can access it.
 
-![management_server_screenshot](https://cloud.githubusercontent.com/assets/4954534/12078401/3621c93c-b254-11e5-9f7e-21bd075bed2e.png)
+![management_server_screenshot](https://cloud.githubusercontent.com/assets/4954534/12217110/4babb652-b739-11e5-86bb-fe417f3f6754.png)
 
 Selected mocking data is used by proxy.  
 Unselected api is passed through normally.

data/lib/automock/version.rb

@@ -1,3 +1,3 @@
 module Automock
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/server/package.json

@@ -32,6 +32,7 @@
     "object-assign": "^4.0.1",
     "react": "^0.14.3",
     "react-dom": "^0.14.3",
+    "react-json-tree": "^0.4.0",
     "react-redux": "^4.0.5",
     "recursive-readdir": "^1.3.0",
     "redux": "^3.0.5",

data/server/src/assets/javascripts/components/file_list.react.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 export default class FileList extends React.Component {
   handleSelect(e) {
-    const selectedFile = this.props.files.filter((file) => file.name === e.target.value).toArray()[0];
+    const selectedFile = this.props.files.filter((file) => file.name === e.target.value)[0];
     this.props.onChange(selectedFile);
   }
   render() {

data/server/src/assets/javascripts/components/json_viewer.react.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import JSONTree from 'react-json-tree';
+import assign from 'object-assign';
+
+export default class JsonViewer extends React.Component {
+  parseJson() {
+    const srcJson = this.props.dataSource;
+    const distJson = assign({}, srcJson);
+    if (!distJson.name) {
+      return distJson;
+    }
+    distJson.response_body = JSON.parse(srcJson.response_body);
+    delete distJson.id; // don't show id
+    return distJson;
+  }
+  render(){
+    const json = this.parseJson();
+
+    let jsonTree;
+    if (json.name) {
+      jsonTree = <div className="json-viewer"><JSONTree data={ json } keyName={json.name} /></div>;
+    }
+
+    return (
+      <div>{ jsonTree }</div>
+    );
+  }
+}

data/server/src/assets/javascripts/components/select_buttons.react.js

@@ -9,7 +9,7 @@ export default class SelectButtons extends React.Component {
   }
   render() {
     return(
-      <div className="select-buttons col-xs-1">
+      <div className="select-buttons col-xs-2">
         <button className="btn btn-primary" onClick={this.handleClickSelectButton.bind(this)}>→</button>
         <button className="btn" onClick={this.handleClickUnselectButton.bind(this)}>←</button>
       </div>

data/server/src/assets/javascripts/components/selectable_lists.react.js

@@ -1,43 +1,54 @@
 import React from 'react';
 import FileList from './file_list';
 import SelectButtons from './select_buttons';
+import JsonViewer from './json_viewer';
 
 export default class SelectableLists extends React.Component {
   constructor() {
     super();
     this.state = {
-      selectedFromNotSelectedFiles: '',
-      selectedFromSelectedFiles: ''
+      selectedFromNotSelectedFiles: {},
+      selectedFromSelectedFiles: {},
+      viewingFile: {}
     };
   }
 
   handleSelectFromNotSelectedFiles(selectedFile) {
-    this.setState({ selectedFromNotSelectedFiles: selectedFile });
+    this.setState({
+      viewingFile: selectedFile,
+      selectedFromNotSelectedFiles: selectedFile
+    });
   }
 
   handleSelectFromSelectedFiles(selectedFile) {
-    this.setState({ selectedFromSelectedFiles: selectedFile });
+    this.setState({
+      viewingFile: selectedFile,
+      selectedFromSelectedFiles: selectedFile
+    });
   }
 
   render() {
     const { selectedFiles, unselectedFiles } = this.props;
     return(
-      <div className="selectable-lists row">
-        <FileList
-          title={"not selected files"}
-          files={unselectedFiles}
-          onChange={this.handleSelectFromNotSelectedFiles.bind(this)}
-        />
-        <SelectButtons
-          onClickSelectButton={this.props.onCreateSelectedFile}
-          onClickUnselectButton={this.props.onDeleteSelectedFile}
-          {...this.state}
-        />
-        <FileList
-          title={"selected files"}
-          files={selectedFiles}
-          onChange={this.handleSelectFromSelectedFiles.bind(this)}
-        />
+      <div className="selectable-lists">
+        <div className="row">
+          <FileList
+            title={"not selected files"}
+            files={unselectedFiles}
+            onChange={this.handleSelectFromNotSelectedFiles.bind(this)}
+          />
+          <SelectButtons
+            onClickSelectButton={this.props.onCreateSelectedFile}
+            onClickUnselectButton={this.props.onDeleteSelectedFile}
+            {...this.state}
+          />
+          <FileList
+            title={"selected files"}
+            files={selectedFiles}
+            onChange={this.handleSelectFromSelectedFiles.bind(this)}
+          />
+        </div>
+        <JsonViewer dataSource={this.state.viewingFile}/>
       </div>
     );
   }

data/server/src/assets/javascripts/containers/app.react.js

@@ -24,10 +24,19 @@ class AppContainer extends React.Component {
     deleteSelectedFile(id);
   }
 
-  render() {
+  computeFileContents() {
     const { selectedFiles, mockFiles } = this.props;
     const selectedFileNames = selectedFiles.map((file) => file.name).toArray();
-    const unselectedFiles = mockFiles.filter((file) => !_.includes(selectedFileNames, file.name));
+    const splited = _.partition(mockFiles.toArray(), (file) => _.includes(selectedFileNames, file.name));
+    splited[0] = splited[0].map((file) => {
+      file.id = _.find(selectedFiles.toArray(), (selectedFile) => selectedFile.name === file.name).id;
+      return file;
+    });
+    return({ selectedFiles: splited[0], unselectedFiles: splited[1] });
+  }
+
+  render() {
+    const { selectedFiles, unselectedFiles } = this.computeFileContents();
     return (
       <div className="container">
         <SelectableLists

data/server/src/assets/stylesheets/application.scss

@@ -2,3 +2,4 @@
 @import './components/selectable_list';
 @import './components/file_list';
 @import './components/select_buttons';
+@import './components/json_viewer';

data/server/src/assets/stylesheets/components/_file_list.scss

@@ -1,4 +1,5 @@
 .file-list {
+  margin-bottom: 20px;
   select { width: 100%; }
   .title {
     background-color: gray;

data/server/src/assets/stylesheets/components/_json_viewer.scss

@@ -0,0 +1,6 @@
+.json-viewer {
+  border: gray solid 1px;
+  li > div, li > div ~ label {
+    cursor: pointer;
+  }
+}

data/server/src/assets/stylesheets/components/_select_buttons.scss

@@ -1,6 +1,8 @@
 .select-buttons {
-  button {
-    display: block;
-    margin: 50px 0;
-  }
+  display: flex;
+  flex-direction: column;
+  height: 200px;
+  justify-content: space-around;
+
+  button { display: block; }
 }

data/server/src/assets/stylesheets/components/_selectable_list.scss

@@ -1,3 +1,3 @@
 .selectable-lists {
-  margin-top: 50px;
+  margin-top: 60px;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: automock
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - joe-re
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-01-07 00:00:00.000000000 Z
+date: 2016-01-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec
@@ -133,6 +133,7 @@ files:
 - server/src/assets/javascripts/actions/mock_files_actions.js
 - server/src/assets/javascripts/actions/selected_files_actions.js
 - server/src/assets/javascripts/components/file_list.react.js
+- server/src/assets/javascripts/components/json_viewer.react.js
 - server/src/assets/javascripts/components/select_buttons.react.js
 - server/src/assets/javascripts/components/selectable_lists.react.js
 - server/src/assets/javascripts/containers/app.react.js
@@ -142,6 +143,7 @@ files:
 - server/src/assets/javascripts/reducers/selected_files.js
 - server/src/assets/stylesheets/application.scss
 - server/src/assets/stylesheets/components/_file_list.scss
+- server/src/assets/stylesheets/components/_json_viewer.scss
 - server/src/assets/stylesheets/components/_select_buttons.scss
 - server/src/assets/stylesheets/components/_selectable_list.scss
 - server/src/db/database.json
@@ -174,7 +176,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.5
+rubygems_version: 2.4.5.1
 signing_key: 
 specification_version: 4
 summary: Auto-generate mock_data of JSON API response from your request-specs.