generator-reackt 0.6.0 → 1.0.0

package/templates/app/src/index.js

@@ -1,47 +0,0 @@
-import 'core-js/stable';
-
-import { createRoot } from 'react-dom/client';
-import { BrowserRouter as Router } from 'react-router-dom';
-<% if (flags.addRedux) { %>
-import { Provider } from 'react-redux';
-import createSagaMiddleware from 'redux-saga';
-import { applyMiddleware, createStore, compose } from 'redux';
-<% } %>
-
-import './index.scss';
-import App from './components/App';
-<% if (flags.addRedux) { %>
-import rootSaga from './sagas';
-import rootReducer from './reducers';
-
-/* eslint-disable no-underscore-dangle */
-const composer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
-/* eslint-enable */
-
-const sagaMiddleware = createSagaMiddleware();
-const enhancers = composer(applyMiddleware(sagaMiddleware));
-
-export const store = createStore(rootReducer, {}, enhancers);
-
-if (module.hot) {
-  module.hot.accept('./reducers', () => {
-    store.replaceReducer(require('./reducers').default);
-  });
-}
-
-sagaMiddleware.run(rootSaga);
-<% } %>
-
-const root = createRoot(document.getElementById('root'));
-
-root.render(
-  <Router>
-<% if (flags.addRedux) { %>
-    <Provider store={store}>
-      <App />
-    </Provider>
-<% } else { %>
-    <App />
-<% } %>
-  </Router>
-)

package/templates/app/src/reducers/application.js

@@ -1,21 +0,0 @@
-import { buildActions } from 'utils';
-
-export const types = buildActions('application', ['INIT_APP']);
-
-const initApp = () => ({
-  type: types.INIT_APP
-});
-
-export const actions = {
-  initApp
-};
-
-export const initialState = {};
-
-export const reducer = (state = initialState, action = {}) => {
-  switch (action.type) {
-    default:
-      return state;
-  }
-};
-

package/templates/app/src/sagas/application.js

@@ -1,9 +0,0 @@
-import { all } from 'redux-saga/effects';
-
-export const workers = {};
-
-export const watchers = {};
-
-export default function* saga() {
-  yield all(Object.values(watchers).map(watcher => watcher()));
-}

package/templates/app/src/selectors/application.js

@@ -1 +0,0 @@
-export const getApplication = state => state.application;

package/templates/app/src/selectors/application.test.js

@@ -1,13 +0,0 @@
-import { getApplication } from './application';
-
-describe('application selectors', () => {
-  const state = {
-    application: {
-      test: true
-    }
-  };
-
-  it('getApplication', () => {
-    expect(getApplication(state)).toBe(state.application);
-  });
-});

package/templates/app/webpack.config.babel.js

@@ -1,103 +0,0 @@
-import { resolve } from 'path';
-import HtmlPlugin from 'html-webpack-plugin';
-import ESLintPlugin from 'eslint-webpack-plugin';
-import TerserPlugin from 'terser-webpack-plugin';
-import StylelintPlugin from 'stylelint-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import { CleanWebpackPlugin as CleanPlugin } from 'clean-webpack-plugin';
-import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
-
-const dev = process.env.NODE_ENV === 'development';
-
-const plugins = [
-  new CleanPlugin(),
-  new StylelintPlugin({
-    configFile: '.stylelintrc',
-    context: 'src',
-    files: '**/*.scss',
-    failOnError: true,
-    quiet: false,
-    customSyntax: 'postcss-scss'
-  }),
-  new HtmlPlugin({
-    template: './src/index.html'
-  }),
-  new ESLintPlugin(),
-  new MiniCssExtractPlugin()
-];
-
-export default {
-  mode: dev ? 'development' : 'production',
-  devtool: dev ? 'eval-cheap-module-source-map' : 'cheap-module-source-map',
-  entry: './src/index.js',
-  devServer: {
-    compress: dev,
-    open: true,
-    historyApiFallback: true,
-    hot: dev,
-    port: 9000
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        exclude: /node_modules/,
-        use: ['babel-loader']
-      },
-      {
-        test: /\.(sa|sc|c)ss$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          'css-loader',
-          {
-            loader: 'postcss-loader',
-            options: {
-              postcssOptions: {
-                ident: 'postcss',
-                plugins: [
-                  require('autoprefixer'),
-                  require('postcss-flexbugs-fixes')
-                ]
-              },
-              sourceMap: dev
-            }
-          },
-          'sass-loader'
-        ]
-      },
-      {
-        test: /\.html$/,
-        use: [
-          {
-            loader: 'html-loader',
-            options: { minimize: true }
-          }
-        ]
-      }
-    ]
-  },
-  output: {
-    path: resolve(__dirname, 'dist'),
-    filename: 'main.js',
-    chunkFilename: '[name].js'
-  },
-  plugins,
-  resolve: {
-    extensions: ['.js', '.json'],
-    modules: ['node_modules', 'src'],
-    alias: {
-      components: resolve(__dirname, 'src/components'),
-      utils: resolve(__dirname, 'src/utils')
-    }
-  },
-  optimization: {
-    minimizer: [
-      new TerserPlugin({
-        terserOptions: {
-          ecma: 12
-        }
-      }),
-      new CssMinimizerPlugin()
-    ]
-  }
-};

package/templates/component/index.js

@@ -1,19 +0,0 @@
-import React, { Component } from 'react';
-<% if (flags.addRedux) { %>
-import { connect } from 'react-redux';
-<% } %>
-
-export class <%= component.name %> extends Component {
-  render() {
-    return <h1>Hello World</h1>;
-  }
-}
-
-<% if (flags.addRedux) { %>
-export default connect(
-  null,
-  null
-)(<%= component.name %>);
-<% } else { %>
-export default <%= component.name %>;
-<% } %>