casraf/redar-browser
Watch
1
0
Fork
You've already forked redar-browser
 0
mirror of https://github.com/chenasraf/redar-browser.git synced 2026-11-04 16:22:04 +00:00
Code Issues Projects Releases 1 Packages Wiki Activity
View your JSON responses as data tables which are sortable and filterable, letting you speedily read through information (alpha)
60 commits 1 branch 1 tag 441 KiB
  • JavaScript 44.7%
  • TypeScript 43.6%
  • CSS 7.5%
  • PEG.js 2.3%
  • HTML 1.9%
Find a file
Exact
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Chen Asraf ce9845aebc Collapsible tabs + remember position
2018-01-27 19:02:53 +02:00
.vscode Initial commit 2017-12-19 23:29:40 +02:00
config Logo && accent color 2018-01-27 03:54:40 +02:00
public Major improve of object type handling, now always shows table 2018-01-27 05:42:47 +02:00
scaffold/component Add Tab component 2018-01-27 16:13:40 +02:00
scripts Added headers, cell repr component 2018-01-06 15:33:29 +02:00
src Collapsible tabs + remember position 2018-01-27 19:02:53 +02:00
.editorconfig Implemented background page HTTP, flux + simple data store, basic request sending 2017-12-23 17:45:46 +02:00
.gitignore Remove test.json from git 2018-01-22 22:57:54 +02:00
LICENSE Create LICENSE 2018-01-22 23:41:12 +02:00
package.json Bumped version number 2018-01-27 05:51:03 +02:00
README.md Version bump, style improvements, icon fixes 2018-01-06 13:58:51 +02:00
tsconfig.json Version bump, style improvements, icon fixes 2018-01-06 13:58:51 +02:00
tsconfig.test.json Initial commit 2017-12-19 23:29:40 +02:00
tslint.json Major reimplementation of object representations (no sorting/filtering) 2018-01-21 22:10:44 +02:00
yarn.lock Use pegjs loader 2018-01-22 23:40:09 +02:00

README.md

Redar Browser

Redar Browser is a Chrome extension designed to make your JSON requests a lot simpler and easier to handle.
If you ever got stuck looking at giant JSON arrays of objects trying to figure out relations between them, boy do we have the solution for you!

Redar Browser lets you view your results as data tables which are sortable and filterable, letting you speedily read through the data to get what you want.

How do I install?

  1. Install via Chrome Web Store (TBD)

Dependencies

These steps must be run before developing/building the extension:

  1. Install the latest Node & NPM via https://nodejs.org
  2. Then, run in your shell: 
    npm install -g yarn # install yarn
yarn install        # install dependencies

Development

Start developing with yarn start (aliased as dev).
This will build a webpack dev server for you to work on, with hot reload.

Languages & Frameworks:

  • React / Flux
  • TypeScript (with TSLint)
  • PostCSS (with $variables, and & child nesting)

Building Extension

  • Build the production version with yarn build.
  • You can load the extension into your chrome://extensions page to test the extension in production mode.

Only small changes needed to be made to run in extension mode, mainly to move the request handling to the background page (using ifdefs), but you should test the output to make sure everything runs smoothly.