reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-24 18:43:54 +03:00
Code Issues Packages Projects Releases Wiki Activity

Serve umd modules for cli

Browse Source
This commit is contained in:
Zalmoxisus 2019-01-04 21:44:48 +02:00
parent f75d7914e9
commit 8810fe42b6
6 changed files with 99 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -3,5 +3,6 @@ node_modules
.DS_Store .DS_Store
lib lib
dist dist
umd
coverage coverage
.idea .idea

2
packages/redux-devtools-cli/README.md
View File

@ -1,7 +1,7 @@
Redux DevTools Command Line Interface Redux DevTools Command Line Interface
===================================== =====================================
Bridge for communicating with an application remotely via [Redux DevTools extension](https://github.com/zalmoxisus/redux-devtools-extension), [Remote Redux DevTools](https://github.com/zalmoxisus/remote-redux-devtools) or [RemoteDev](https://github.com/zalmoxisus/remotedev). Running your server is optional, you can use [remotedev.io](https://remotedev.io) instead. Bridge for remote debugging via [Redux DevTools extension](https://github.com/zalmoxisus/redux-devtools-extension), [Remote Redux DevTools](https://github.com/zalmoxisus/remote-redux-devtools) or [RemoteDev](https://github.com/zalmoxisus/remotedev).
### Usage ### Usage

20
packages/redux-devtools-cli/views/index.ejs → packages/redux-devtools-cli/app/index.html
View File

@ -26,18 +26,18 @@
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script src="//unpkg.com/react@0.14/dist/react.min.js"></script> <script src="/react.production.min.js"></script>
<script src="//unpkg.com/react-dom@0.14/dist/react-dom.min.js"></script> <script src="/react-dom.production.min.js"></script>
<script src="//unpkg.com/remotedev-app/dist/remotedev-app.min.js"></script> <script src="/redux-devtools-core.min.js"></script>
<script src="/port.js"></script>
<script> <script>
window.remotedevOptions = {
hostname: location.hostname,
port: <%= port %>,
autoReconnect: true
};
ReactDOM.render( ReactDOM.render(
React.createElement(RemoteDevApp, { React.createElement(ReduxDevTools, {
socketOptions: window.remotedevOptions socketOptions: {
hostname: location.hostname,
port: reduxDevToolsPort,
autoReconnect: true
}
}), }),
document.querySelector('#root') document.querySelector('#root')
); );

9
packages/redux-devtools-cli/package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "redux-devtools-cli", "name": "redux-devtools-cli",
"version": "1.0.0-1", "version": "1.0.0-1",
"description": "Run the ReduxDevTools monitor on your local server.", "description": "CLI for remote debugging with Redux DevTools.",
"main": "index.js", "main": "index.js",
"bin": { "bin": {
"redux-devtools": "bin/redux-devtools.js" "redux-devtools": "bin/redux-devtools.js"
@ -9,11 +9,12 @@
"files": [ "files": [
"bin", "bin",
"src", "src",
"views", "app",
"index.js", "index.js",
"defaultDbOptions.json" "defaultDbOptions.json"
], ],
"scripts": { "scripts": {
"start": "node ./bin/redux-devtools.js",
"test": "NODE_ENV=test mocha --recursive", "test": "NODE_ENV=test mocha --recursive",
"test:watch": "NODE_ENV=test mocha --recursive --watch", "test:watch": "NODE_ENV=test mocha --recursive --watch",
"prepublishOnly": "npm run test" "prepublishOnly": "npm run test"
@ -35,7 +36,6 @@
"body-parser": "^1.15.0", "body-parser": "^1.15.0",
"chalk": "^1.1.3", "chalk": "^1.1.3",
"cors": "^2.7.1", "cors": "^2.7.1",
"ejs": "^2.4.1",
"express": "^4.13.3", "express": "^4.13.3",
"getport": "^0.1.0", "getport": "^0.1.0",
"graphql": "^0.13.0", "graphql": "^0.13.0",
@ -45,6 +45,9 @@
"lodash": "^4.15.0", "lodash": "^4.15.0",
"minimist": "^1.2.0", "minimist": "^1.2.0",
"morgan": "^1.7.0", "morgan": "^1.7.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"redux-devtools-core": "^1.0.0-1",
"semver": "^5.3.0", "semver": "^5.3.0",
"socketcluster": "^14.3.3", "socketcluster": "^14.3.3",
"sqlite3": "^4.0.4", "sqlite3": "^4.0.4",

77
packages/redux-devtools-cli/src/routes.js Normal file
View File

@ -0,0 +1,77 @@
var path = require('path');
var express = require('express');
var morgan = require('morgan');
var bodyParser = require('body-parser');
var cors = require('cors');
var graphiqlMiddleware = require('./middleware/graphiql');
var graphqlMiddleware = require('./middleware/graphql');
var app = express.Router();
function serveUmdModule(name) {
app.use(express.static(require.resolve(name).match(/.*\/(node_modules|packages)\/[^/]+\//)[0] + 'umd'));
}
function routes(options, store) {
var limit = options.maxRequestBody;
var logHTTPRequests = options.logHTTPRequests;
if (logHTTPRequests) {
if (typeof logHTTPRequests === 'object') app.use(morgan('combined', logHTTPRequests));
else app.use(morgan('combined'));
}
app.use('/graphiql', graphiqlMiddleware);
serveUmdModule('react');
serveUmdModule('react-dom');
serveUmdModule('redux-devtools-core');
app.get('/port.js', function (req, res) {
res.send('reduxDevToolsPort = ' + options.port);
});
app.get('*', function (req, res) {
res.sendFile(path.join(__dirname, '../app/index.html'));
});
app.use(cors({methods: 'POST'}));
app.use(bodyParser.json({limit: limit}));
app.use(bodyParser.urlencoded({limit: limit, extended: false}));
app.use('/graphql', graphqlMiddleware(store));
app.post('/', function (req, res) {
if (!req.body) return res.status(404).end();
switch (req.body.op) {
case 'get':
store.get(req.body.id).then(function (r) {
res.send(r || {});
}).catch(function (error) {
console.error(error);
res.sendStatus(500)
});
break;
case 'list':
store.list(req.body.query, req.body.fields).then(function (r) {
res.send(r);
}).catch(function (error) {
console.error(error);
res.sendStatus(500)
});
break;
default:
store.add(req.body).then(function (r) {
res.send({id: r.id, error: r.error});
scServer.exchange.publish('report', {
type: 'add', data: r
});
}).catch(function (error) {
console.error(error);
res.status(500).send({})
});
}
});
return app;
}
module.exports = routes;

64
packages/redux-devtools-cli/src/worker.js
View File

@ -1,11 +1,7 @@
var SCWorker = require("socketcluster/scworker"); var SCWorker = require("socketcluster/scworker");
var path = require('path'); var express = require('express');
var app = require('express')(); var app = express();
var bodyParser = require('body-parser'); var routes = require('./routes');
var cors = require('cors');
var morgan = require('morgan');
var graphiqlMiddleware = require('./middleware/graphiql');
var graphqlMiddleware = require('./middleware/graphql');
var createStore = require('./store'); var createStore = require('./store');
class Worker extends SCWorker { class Worker extends SCWorker {
@ -14,62 +10,10 @@ class Worker extends SCWorker {
var scServer = this.scServer; var scServer = this.scServer;
var options = this.options; var options = this.options;
var store = createStore(options); var store = createStore(options);
var limit = options.maxRequestBody;
var logHTTPRequests = options.logHTTPRequests;
httpServer.on('request', app); httpServer.on('request', app);
app.set('view engine', 'ejs'); app.use(routes(options, store));
app.set('views', path.resolve(__dirname, '..', 'views'));
if (logHTTPRequests) {
if (typeof logHTTPRequests === 'object') app.use(morgan('combined', logHTTPRequests));
else app.use(morgan('combined'));
}
app.use('/graphiql', graphiqlMiddleware);
app.get('*', function (req, res) {
res.render('index', {port: options.port});
});
app.use(cors({methods: 'POST'}));
app.use(bodyParser.json({limit: limit}));
app.use(bodyParser.urlencoded({limit: limit, extended: false}));
app.use('/graphql', graphqlMiddleware(store));
app.post('/', function (req, res) {
if (!req.body) return res.status(404).end();
switch (req.body.op) {
case 'get':
store.get(req.body.id).then(function (r) {
res.send(r || {});
}).catch(function (error) {
console.error(error);
res.sendStatus(500)
});
break;
case 'list':
store.list(req.body.query, req.body.fields).then(function (r) {
res.send(r);
}).catch(function (error) {
console.error(error);
res.sendStatus(500)
});
break;
default:
store.add(req.body).then(function (r) {
res.send({id: r.id, error: r.error});
scServer.exchange.publish('report', {
type: 'add', data: r
});
}).catch(function (error) {
console.error(error);
res.status(500).send({})
});
}
});
scServer.addMiddleware(scServer.MIDDLEWARE_EMIT, function (req, next) { scServer.addMiddleware(scServer.MIDDLEWARE_EMIT, function (req, next) {
var channel = req.event; var channel = req.event;