added standard-jsx to eslint and fixed issues

This commit is contained in:
bill bittner 2018-02-21 17:02:57 -08:00
parent 73326a96d3
commit a5e026c1e0
26 changed files with 217 additions and 217 deletions

View file

@ -1,9 +1,10 @@
{ {
"extends": "standard", "extends": ["standard", "standard-jsx"],
"env": { "env": {
"es6": true, "es6": true,
"jest": true, "jest": true,
"node": true "node": true,
"browser": true
}, },
"globals": { "globals": {
"GENTLY": true "GENTLY": true

View file

@ -17,8 +17,7 @@ spee.ch is a single-serving site that reads and publishes images and videos to a
* create your `speechConfig.js` file * create your `speechConfig.js` file
* copy `speechConfig.js.example` and name it `speechConfig.js` * copy `speechConfig.js.example` and name it `speechConfig.js`
* replace the `null` values in the config file with the appropriate values for your environement * replace the `null` values in the config file with the appropriate values for your environement
* to start the server, from your command line run `node serverindex.js` * to start the server, from your command line run `node serverBundle.js`
* To run hot, use `nodemon` instead of `node`
* visit [localhost:3000](http://localhost:3000) * visit [localhost:3000](http://localhost:3000)
## Tests ## Tests

View file

@ -40,7 +40,6 @@
"form-data": "^2.3.1", "form-data": "^2.3.1",
"helmet": "^3.8.1", "helmet": "^3.8.1",
"mysql2": "^1.3.5", "mysql2": "^1.3.5",
"nodemon": "^1.11.0",
"passport": "^0.4.0", "passport": "^0.4.0",
"passport-local": "^1.0.0", "passport-local": "^1.0.0",
"prop-types": "^15.6.0", "prop-types": "^15.6.0",
@ -74,13 +73,14 @@
"chai": "^4.1.2", "chai": "^4.1.2",
"chai-http": "^3.0.0", "chai-http": "^3.0.0",
"css-loader": "^0.28.9", "css-loader": "^0.28.9",
"eslint": "3.19.0", "eslint": "4.18.0",
"eslint-config-standard": "10.2.1", "eslint-config-standard": "^10.2.1",
"eslint-plugin-import": "^2.2.0", "eslint-config-standard-jsx": "^5.0.0",
"eslint-plugin-node": "^4.2.2", "eslint-plugin-import": "^2.8.0",
"eslint-plugin-promise": "3.5.0", "eslint-plugin-node": "^4.2.3",
"eslint-plugin-react": "6.10.3", "eslint-plugin-promise": "^3.5.0",
"eslint-plugin-standard": "3.0.1", "eslint-plugin-react": "^7.6.1",
"eslint-plugin-standard": "^3.0.1",
"husky": "^0.13.4", "husky": "^0.13.4",
"mocha": "^4.0.1", "mocha": "^4.0.1",
"redux-devtools": "^3.4.1", "redux-devtools": "^3.4.1",

View file

@ -19,7 +19,7 @@ export function getLongClaimId (name, modifier) {
'Content-Type': 'application/json', 'Content-Type': 'application/json',
}), }),
body: JSON.stringify(body), body: JSON.stringify(body),
} };
// create url // create url
const url = `/api/claim/long-id`; const url = `/api/claim/long-id`;
// return the request promise // return the request promise

View file

@ -9,11 +9,11 @@ import FourOhFourPage from 'components/FourOhFourPage';
const App = () => { const App = () => {
return ( return (
<Switch> <Switch>
<Route exact path="/" component={PublishPage} /> <Route exact path='/' component={PublishPage} />
<Route exact path="/about" component={AboutPage} /> <Route exact path='/about' component={AboutPage} />
<Route exact path="/login" component={LoginPage} /> <Route exact path='/login' component={LoginPage} />
<Route exact path="/:identifier/:claim" component={ShowPage} /> <Route exact path='/:identifier/:claim' component={ShowPage} />
<Route exact path="/:claim" component={ShowPage} /> <Route exact path='/:claim' component={ShowPage} />
<Route component={FourOhFourPage} /> <Route component={FourOhFourPage} />
</Switch> </Switch>
); );

View file

@ -14,7 +14,7 @@ import App from './app';
const preloadedState = window.__PRELOADED_STATE__ || null; const preloadedState = window.__PRELOADED_STATE__ || null;
// Allow the passed state to be garbage-collected // Allow the passed state to be garbage-collected
delete window.__PRELOADED_STATE__ delete window.__PRELOADED_STATE__;
// create and apply middleware // create and apply middleware
const sagaMiddleware = createSagaMiddleware(); const sagaMiddleware = createSagaMiddleware();

View file

@ -6,22 +6,22 @@ class AboutPage extends React.Component {
return ( return (
<div> <div>
<NavBar /> <NavBar />
<div className="row row--padded"> <div className='row row--padded'>
<div className="column column--5 column--med-10 align-content-top"> <div className='column column--5 column--med-10 align-content-top'>
<div className="column column--8 column--med-10"> <div className='column column--8 column--med-10'>
<p className="pull-quote">Spee.ch is an open-source project. Please contribute to the existing site, or fork it and make your own.</p> <p className='pull-quote'>Spee.ch is an open-source project. Please contribute to the existing site, or fork it and make your own.</p>
<p><a className="link--primary" target="_blank" href="https://twitter.com/spee_ch">TWITTER</a></p> <p><a className='link--primary' target='_blank' href='https://twitter.com/spee_ch'>TWITTER</a></p>
<p><a className="link--primary" target="_blank" href="https://github.com/lbryio/spee.ch">GITHUB</a></p> <p><a className='link--primary' target='_blank' href='https://github.com/lbryio/spee.ch'>GITHUB</a></p>
<p><a className="link--primary" target="_blank" href="https://discord.gg/YjYbwhS">DISCORD CHANNEL</a></p> <p><a className='link--primary' target='_blank' href='https://discord.gg/YjYbwhS'>DISCORD CHANNEL</a></p>
<p><a className="link--primary" target="_blank" href="https://github.com/lbryio/spee.ch/blob/master/README.md">DOCUMENTATION</a></p> <p><a className='link--primary' target='_blank' href='https://github.com/lbryio/spee.ch/blob/master/README.md'>DOCUMENTATION</a></p>
</div> </div>
</div><div className="column column--5 column--med-10 align-content-top"> </div><div className='column column--5 column--med-10 align-content-top'>
<div className="column column--8 column--med-10"> <div className='column column--8 column--med-10'>
<p>Spee.ch is a media-hosting site that reads from and publishes content to the <a className="link--primary" href="https://lbry.io">LBRY</a> blockchain.</p> <p>Spee.ch is a media-hosting site that reads from and publishes content to the <a className='link--primary' href='https://lbry.io'>LBRY</a> blockchain.</p>
<p>Spee.ch is a hosting service, but with the added benefit that it stores your content on a decentralized network of computers -- the LBRY network. This means that your images are stored in multiple locations without a single point of failure.</p> <p>Spee.ch is a hosting service, but with the added benefit that it stores your content on a decentralized network of computers -- the LBRY network. This means that your images are stored in multiple locations without a single point of failure.</p>
<h3>Contribute</h3> <h3>Contribute</h3>
<p>If you have an idea for your own spee.ch-like site on top of LBRY, fork our <a className="link--primary" href="https://github.com/lbryio/spee.ch">github repo</a> and go to town!</p> <p>If you have an idea for your own spee.ch-like site on top of LBRY, fork our <a className='link--primary' href='https://github.com/lbryio/spee.ch'>github repo</a> and go to town!</p>
<p>If you want to improve spee.ch, join our <a className="link--primary" href="https://discord.gg/YjYbwhS">discord channel</a> or solve one of our <a className="link--primary" href="https://github.com/lbryio/spee.ch/issues">github issues</a>.</p> <p>If you want to improve spee.ch, join our <a className='link--primary' href='https://discord.gg/YjYbwhS'>discord channel</a> or solve one of our <a className='link--primary' href='https://github.com/lbryio/spee.ch/issues'>github issues</a>.</p>
</div> </div>
</div> </div>
</div> </div>

View file

@ -5,7 +5,7 @@ const AssetPreview = ({ name, claimId, fileExt, contentType }) => {
const directSourceLink = `${claimId}/${name}.${fileExt}`; const directSourceLink = `${claimId}/${name}.${fileExt}`;
const showUrlLink = `${claimId}/${name}`; const showUrlLink = `${claimId}/${name}`;
return ( return (
<div className="asset-holder"> <div className='asset-holder'>
<Link to={showUrlLink} > <Link to={showUrlLink} >
{(() => { {(() => {
switch (contentType) { switch (contentType) {

View file

@ -8,7 +8,7 @@ class ErrorPage extends React.Component {
return ( return (
<div> <div>
<NavBar /> <NavBar />
<div className="row row--padded"> <div className='row row--padded'>
<p>{error}</p> <p>{error}</p>
</div> </div>
</div> </div>
@ -18,6 +18,6 @@ class ErrorPage extends React.Component {
ErrorPage.propTypes = { ErrorPage.propTypes = {
error: PropTypes.string.isRequired, error: PropTypes.string.isRequired,
} };
export default ErrorPage; export default ErrorPage;

View file

@ -6,7 +6,7 @@ class FourOhForPage extends React.Component {
return ( return (
<div> <div>
<NavBar /> <NavBar />
<div className="row row--padded"> <div className='row row--padded'>
<h2>404</h2> <h2>404</h2>
<p>That page does not exist</p> <p>That page does not exist</p>
</div> </div>

View file

@ -22,6 +22,6 @@ const mapDispatchToProps = dispatch => {
dispatch(updateSelectedChannel(value)); dispatch(updateSelectedChannel(value));
}, },
}; };
} };
export default connect(mapStateToProps, mapDispatchToProps)(View); export default connect(mapStateToProps, mapDispatchToProps)(View);

View file

@ -14,6 +14,6 @@ const mapDispatchToProps = dispatch => {
dispatch(updateMetadata(name, value)); dispatch(updateMetadata(name, value));
}, },
}; };
} };
export default connect(mapStateToProps, mapDispatchToProps)(View); export default connect(mapStateToProps, mapDispatchToProps)(View);

View file

@ -35,4 +35,4 @@ module.exports = {
throw new Error(file.type + ' is not a supported file type. Only, .jpeg, .png, .gif, and .mp4 files are currently supported.'); throw new Error(file.type + ' is not a supported file type. Only, .jpeg, .png, .gif, and .mp4 files are currently supported.');
} }
}, },
} };

View file

@ -8,7 +8,7 @@ module.exports = {
'([^:$#/]*)' + // value (stops at the first separator or end) '([^:$#/]*)' + // value (stops at the first separator or end)
'([:$#]?)([^/]*)' // modifier separator, modifier (stops at the first path separator or end) '([:$#]?)([^/]*)' // modifier separator, modifier (stops at the first path separator or end)
); );
const [proto, value, modifierSeperator, modifier] = componentsRegex const [proto, value, modifierSeperator, modifier] = componentsRegex // eslint-disable-line no-unused-vars
.exec(identifier) .exec(identifier)
.map(match => match || null); .map(match => match || null);
@ -56,7 +56,7 @@ module.exports = {
'([^:$#/.]*)' + // name (stops at the first extension) '([^:$#/.]*)' + // name (stops at the first extension)
'([:$#.]?)([^/]*)' // extension separator, extension (stops at the first path separator or end) '([:$#.]?)([^/]*)' // extension separator, extension (stops at the first path separator or end)
); );
const [proto, claimName, extensionSeperator, extension] = componentsRegex const [proto, claimName, extensionSeperator, extension] = componentsRegex // eslint-disable-line no-unused-vars
.exec(name) .exec(name)
.map(match => match || null); .map(match => match || null);