Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ Browse, filter and manipulate your JSON inside the browser.

- Fetch local and external JSON or paste local code
- Filter JSON like you would filter JS objects in the browser (e.g. `data.values[1].message`)
- Copy filtered output to your clipboard as a javascript object or JSON string
- Manipulate filtered output in your browser's javascript console
- Copy filtered output to your clipboard as a JavaScript object or JSON string
- Manipulate filtered output in your browser's JavaScript console

Live version hosted at [jsonbrowse.com](https://jsonbrowse.com).

Expand Down
4 changes: 2 additions & 2 deletions components/Copy.js
Original file line number Diff line number Diff line change
Expand Up @@ -38,10 +38,10 @@ export default class extends Component {
text={ objectifyJson(this.props.json) }
onCopy={ this.onJsCopy }
>
<span>{ this.state.copiedJs ? '✔ Copied' : 'Copy as Javascript' }</span>
<span>{ this.state.copiedJs ? '✔ Copied' : 'Copy as JavaScript' }</span>
</Copy>
<Console>
Open Javascript console for more options { showShortcut && "(⌥⌘J)" }
Open JavaScript console for more options { showShortcut && "(⌥⌘J)" }
</Console>
</Container>
);
Expand Down
6 changes: 3 additions & 3 deletions pages/info.js
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export default () => (
</p>
<p>
Once you have your data, you can filter it like you would filter
any Javascript object. For example the following will fetch the name of
any JavaScript object. For example the following will fetch the name of
the changed file from <a href="https://api.github.com/repos/jorilallo/jsonbrowse/commits/54516f2ec071abd81d0d9945e6ce5d45d99010f7">
this project&apos;s commit</a>:
</p>
Expand All @@ -28,15 +28,15 @@ files[0].filename
</Codeblock>
<p>
At any point, filtered or unfiltered, you can copy the output as a JSON
string or as a Javascript object which you can be directly used in your code.
string or as a JavaScript object which you can be directly used in your code.
</p>
<ImageContainer>
<Image src="/static/images/console.png" alt="Console" />
</ImageContainer>
<p>
To do more advanced filtering and manipulation of data, currently filtered
data is exposed as global variables and can be accessed with browser&apos;s
Javascript console. <a href="https://lodash.com/docs/">lodash</a> is available
JavaScript console. <a href="https://lodash.com/docs/">lodash</a> is available
as well.
</p>

Expand Down
2 changes: 1 addition & 1 deletion utils/ascii.js
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ console.log(`%cWelcome to json.browse() console. To give you more
freedom over your data, you can manipulate your loaded
and filtered data here with following variables:`, 'color: blue;');
console.log('');
console.log('%c data ' + '%c- ' + 'Parsed data as Javascript object', 'color: #9c27b0;', 'color: grey;');
console.log('%c data ' + '%c- ' + 'Parsed data as JavaScript object', 'color: #9c27b0;', 'color: grey;');
console.log('%c json ' + '%c- ' + 'Filtered JSON as a string', 'color: #9c27b0;', 'color: grey;');
console.log('');
console.log('%cLodash is also available (e.g. ' + '%c_.last(data.items);' + '%c)', 'color: blue;', 'font-style: italic; color: #9c27b0;', 'color: blue;');