Plugins structure (Flexget#15)

* Just moving stuff around first

* Update webpack and the store

* Moved again

* move file

* Starting the registry

* Started fixing imports

* Update eslintrc

* Fixed the snapshots

* Get the plugin stuff working

* Fix linter

Author: kristenmills

.circleci/README.md

@@ -0,0 +1,10 @@
+# FlexGet WebUI CI/CD
+
+## Manual Deploy
+The deploy/release job can be manually triggered if required.
+
+**WARNING: Manually triggering the deploy job WILL NOT ensure tests are passing**:
+
+```
+curl -u ${CIRCLE_API_TOKEN} -d "build_parameters[CIRCLE_JOB]=build" https://circleci.com/api/v1.1/project/github/Flexget/webui/tree/develop
+```

.circleci/README.rst

@@ -1,9 +1,8 @@
+root = true
+
 [*]
 end_of_line = lf
 insert_final_newline = true
 charset = utf-8
 indent_size = 2
 indent_style = space
-
-[*.py]
-indent_size = 4

.editorconfig

@@ -18,6 +18,9 @@ module.exports = {
       }
     }
   },
+  globals: {
+    __DEV__: true,
+  },
   rules: {
     'react/forbid-prop-types': 'off',
     'react/jsx-no-bind': 'off',

.eslintrc.js

@@ -63,3 +63,4 @@ typings/
 dist/
 
 junit.xml
+jsconfig.json

.gitignore

@@ -1,13 +1,14 @@
 module.exports = {
   collectCoverageFrom: [
     'src/**/*.{js,jsx}',
-    '!src/js/store/*.js',
-    '!src/js/store/series/*.js',
-    '!src/js/{app,history,root,theme}.{js,jsx}',
-    '!src/js/utils/*.{js,jsx}',
+    '!src/store.js',
+    '!src/core/registry/**',
+    '!src/plugins/series/data/*.js',
+    '!src/{app,history,root,theme}.{js,jsx}',
+    '!src/utils/*.{js,jsx}',
     '!**/node_modules/**',
     '!**/dist/**',
-    '!src/js/store/**/shapes.js',
+    '!src/store/**/shapes.js',
   ],
   coverageThreshold: {
     global: {
@@ -24,15 +25,14 @@ module.exports = {
   moduleDirectories: [
     'node_modules',
     'src',
-    'src/js',
   ],
   moduleNameMapper: {
     '\\.css$': 'identity-obj-proxy',
-    '\\.(gif|ttf|eot|svg|png)$': '<rootDir>/src/js/__mocks__/fileMock.js',
+    '\\.(gif|ttf|eot|svg|png)$': '<rootDir>/src/__mocks__/fileMock.js',
   },
   setupFiles: [
     'raf/polyfill',
-    '<rootDir>/src/js/utils/tests/setupFiles.js',
+    '<rootDir>/src/utils/tests/setupFiles.js',
   ],
-  setupTestFrameworkScriptFile: '<rootDir>/src/js/utils/tests/setupTest.js',
+  setupTestFrameworkScriptFile: '<rootDir>/src/utils/tests/setupTest.js',
 };

__init__.py

@@ -4,11 +4,11 @@
   "description": "Flexget Web UI",
   "main": "index.js",
   "scripts": {
-    "start": "NODE_ENV=development BABEL_ENV=development node ./server.js",
+    "start": "NODE_ENV=development BABEL_ENV=development babel-node ./server.js",
     "build": "NODE_ENV=production BABEL_ENV=production webpack --config webpack.prod.js",
     "debug": "DEBUG=true npm run build",
     "lint": "eslint --ext .js --ext .jsx src",
-    "lint:css": "stylelint './src/js/**/*.js'",
+    "lint:css": "stylelint './src/**/*.js'",
     "test": "jest",
     "test:watch": "jest --watch",
     "cov": "cat coverage/lcov.info | codacy-coverage"
@@ -24,6 +24,7 @@
   },
   "homepage": "https://github.com/Flexget/Flexget#readme",
   "devDependencies": {
+    "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-eslint": "^7.2.3",
     "babel-jest": "^20.0.3",
@@ -86,6 +87,7 @@
     "emotion": "^8.0.6",
     "font-awesome": "^4.7.0",
     "history": "^4.7.2",
+    "invariant": "^2.2.2",
     "jss": "^8.1.0",
     "jss-preset-default": "^3.0.0",
     "loaders.css": "^0.1.2",

jest.config.js

@@ -1,6 +1,6 @@
-import { mapStateToProps } from 'common/ErrorStatus';
+import { mapStateToProps } from 'components/ErrorStatus';
 
-describe('common/ErrorStatus', () => {
+describe('components/ErrorStatus', () => {
   it('should be correct if an error status should be displayed', () => {
     expect(mapStateToProps({ status: { error: 'Error Status' } })).toMatchSnapshot();
   });

package-lock.json

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/ErrorStatus should be correct if an error status should be displayed 1`] = `
+Object {
+  "message": undefined,
+  "open": true,
+}
+`;
+
+exports[`components/ErrorStatus should be correct if an error status should not be displayed 1`] = `
+Object {
+  "message": undefined,
+  "open": false,
+}
+`;

package.json

@@ -1,6 +1,6 @@
 import { connect } from 'react-redux';
-import StatusBar from 'common/StatusBar';
-import { clearStatus } from 'store/status/actions';
+import StatusBar from 'components/StatusBar';
+import { clearStatus } from 'core/status/data/actions';
 
 export function mapStateToProps({ status }) {
   return {

src/js/__mocks__/fileMock.js src/__mocks__/fileMock.js

@@ -1,6 +1,6 @@
-import { mapStateToProps } from 'common/InfoStatus';
+import { mapStateToProps } from 'components/InfoStatus';
 
-describe('plugins/common/InfoStatus', () => {
+describe('components/InfoStatus', () => {
   it('should be correct if an info status should be displayed', () => {
     expect(mapStateToProps({ status: { info: 'Info Status' } })).toMatchSnapshot();
   });

src/js/__mocks__/oboe.js src/__mocks__/oboe.js

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/InfoStatus should be correct if an info status should be displayed 1`] = `
+Object {
+  "message": "Info Status",
+  "open": true,
+}
+`;
+
+exports[`components/InfoStatus should be correct if an info status should not be displayed 1`] = `
+Object {
+  "message": undefined,
+  "open": false,
+}
+`;

src/js/__mocks__/styleMock.js src/__mocks__/styleMock.js

@@ -1,6 +1,6 @@
 import { connect } from 'react-redux';
-import StatusBar from 'common/StatusBar';
-import { clearStatus } from 'store/status/actions';
+import StatusBar from 'components/StatusBar';
+import { clearStatus } from 'core/status/data/actions';
 
 export function mapStateToProps({ status }) {
   return {

src/js/app.jsx src/app.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { shallow } from 'enzyme';
-import Loader from 'common/Loader';
+import Loader from 'components/Loader';
 
-describe('common/Loader', () => {
+describe('components/Loader', () => {
   it('should render properly when loading', () => {
     expect(
       shallow(<Loader isLoading pastDelay />)

src/js/common/ErrorStatus/ErrorStatus.spec.js src/components/ErrorStatus/ErrorStatus.spec.js

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`common/Loader should render properly when errored 1`] = `
+exports[`components/Loader should render properly when errored 1`] = `
 ShallowWrapper {
   "length": 1,
   Symbol(enzyme.__root__): [Circular],
@@ -51,7 +51,7 @@ ShallowWrapper {
 }
 `;
 
-exports[`common/Loader should render properly when loading 1`] = `
+exports[`components/Loader should render properly when loading 1`] = `
 ShallowWrapper {
   "length": 1,
   Symbol(enzyme.__root__): [Circular],
@@ -97,7 +97,7 @@ ShallowWrapper {
 }
 `;
 
-exports[`common/Loader should render properly when timed out 1`] = `
+exports[`components/Loader should render properly when timed out 1`] = `
 ShallowWrapper {
   "length": 1,
   Symbol(enzyme.__root__): [Circular],

src/components/ErrorStatus/__snapshots__/ErrorStatus.spec.js.snap

@@ -1,9 +1,9 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
-import { mapStateToProps, LoadingBar } from 'common/LoadingBar';
+import { mapStateToProps, LoadingBar } from 'components/LoadingBar';
 import { themed } from 'utils/tests';
 
-describe('common/LoadingBar', () => {
+describe('components/LoadingBar', () => {
   describe('Component', () => {
     it('should render properly when loading', () => {
       expect(

src/js/common/ErrorStatus/index.js src/components/ErrorStatus/index.js

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`common/LoadingBar Component should render properly when loading 1`] = `
+exports[`components/LoadingBar Component should render properly when loading 1`] = `
 <div
   className="MuiLinearProgress-root-1 MuiLinearProgress-accentColor-5 MuiLinearProgress-rootQuery-12"
 >
@@ -15,7 +15,7 @@ exports[`common/LoadingBar Component should render properly when loading 1`] = `
 </div>
 `;
 
-exports[`common/LoadingBar Component should render properly when not loading 1`] = `
+exports[`components/LoadingBar Component should render properly when not loading 1`] = `
 <div
   className="MuiLinearProgress-root-1 MuiLinearProgress-accentColor-5 MuiLinearProgress-rootQuery-12"
 >