generator-folklore 3.0.3 → 3.0.4

package/lib/generators/js/templates/src/components/App.jsx

@@ -1,52 +0,0 @@
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { Route, Switch, useHistory } from 'react-router';
-import { useUrlGenerator } from '@folklore/react-container';
-
-// import * as AppPropTypes from '../lib/PropTypes';
-import { resetRequest as resetRequestAction } from '../actions/SiteActions';
-import MainLayout from './layouts/Main';
-import HomePage from './pages/Home';
-import ErrorPage from './pages/Error';
-
-import '<%= getRelativeStylesPath('components/App.jsx', 'main.global.scss') %>';
-
-const propTypes = {
-    resetRequest: PropTypes.func.isRequired,
-};
-
-const defaultProps = {};
-
-const App = ({ resetRequest }) => {
-    const history = useHistory();
-    const urlGenerator = useUrlGenerator();
-
-    // Reset request on history change
-    useEffect(() => {
-        const unlisten = history.listen(() => resetRequest());
-        return () => {
-            unlisten();
-        };
-    }, [history]);
-
-    return (
-        <MainLayout>
-            <Switch>
-                <Route exact path={urlGenerator.route('home')} component={HomePage} />
-                <Route path="*" component={ErrorPage} />
-            </Switch>
-        </MainLayout>
-    );
-};
-
-App.propTypes = propTypes;
-App.defaultProps = defaultProps;
-
-const WithStateContainer = connect(
-    null,
-    dispatch => ({
-        resetRequest: () => dispatch(resetRequestAction()),
-    }),
-)(App);
-export default WithStateContainer;

package/lib/generators/js/templates/src/components/Root.jsx

@@ -1,70 +0,0 @@
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { UrlGeneratorProvider, createStore } from '@folklore/react-container';
-import { TrackingContainer } from '@folklore/tracking';
-import { IntlProvider } from 'react-intl';
-import { BrowserRouter } from 'react-router-dom';
-import { Provider as ReduxProvider } from 'react-redux';
-
-import reducers from '../reducers/index';
-import * as AppPropTypes from '../lib/PropTypes';
-import { KeysProvider } from '../contexts/KeysContext';
-
-import App from './App';
-
-const propTypes = {
-    locale: PropTypes.string,
-    messages: PropTypes.oneOfType([
-        PropTypes.objectOf(PropTypes.objectOf(PropTypes.string)),
-        PropTypes.objectOf(PropTypes.string),
-    ]),
-    routes: PropTypes.objectOf(PropTypes.string),
-    statusCode: AppPropTypes.statusCode,
-    googleApiKey: PropTypes.string,
-};
-
-const defaultProps = {
-    locale: 'fr',
-    messages: {},
-    routes: {},
-    statusCode: null,
-    googleApiKey: null,
-};
-
-const Root = ({ locale, messages, routes, statusCode, googleApiKey }) => {
-    const store = useMemo(
-        () =>
-            createStore(reducers, {
-                site: {
-                    statusCode,
-                },
-            }),
-        [statusCode],
-    );
-    const keys = useMemo(
-        () => ({
-            googleApiKey,
-        }),
-        [googleApiKey],
-    );
-    return (
-        <ReduxProvider store={store}>
-            <IntlProvider locale={locale} messages={messages[locale] || messages}>
-                <BrowserRouter>
-                    <UrlGeneratorProvider routes={routes}>
-                        <KeysProvider keys={keys}>
-                            <TrackingContainer>
-                                <App />
-                            </TrackingContainer>
-                        </KeysProvider>
-                    </UrlGeneratorProvider>
-                </BrowserRouter>
-            </IntlProvider>
-        </ReduxProvider>
-    );
-};
-
-Root.propTypes = propTypes;
-Root.defaultProps = defaultProps;
-
-export default Root;

package/lib/generators/js/templates/src/components/layouts/Main.jsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { useFonts } from '@folklore/fonts';
-
-import styles from '<%= getRelativeStylesPath('components/layouts/Main.jsx', 'layouts/main.scss') %>';
-
-const propTypes = {
-    children: PropTypes.node.isRequired,
-    isPrerender: PropTypes.bool,
-    fonts: PropTypes.shape({
-        google: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),
-        custom: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),
-    }),
-};
-
-const defaultProps = {
-    isPrerender: false,
-    fonts: {
-        google: {
-            families: ['Open Sans:400,600,700'],
-        },
-        custom: {
-            families: ['Garage Gothic', 'Brandon Grotesque', 'Sina Nova:400,700,400i,700i'],
-        },
-    },
-};
-
-const MainLayout = ({ fonts, children, isPrerender }) => {
-    const { loaded: fontsLoaded } = useFonts(fonts);
-
-    const innerStyle = {
-        opacity: fontsLoaded || isPrerender ? 1 : 0,
-    };
-
-    return (
-        <div className={styles.container}>
-            <div className={styles.inner} style={innerStyle}>
-                <div className={styles.content}>{children}</div>
-            </div>
-        </div>
-    );
-};
-
-MainLayout.propTypes = propTypes;
-MainLayout.defaultProps = defaultProps;
-
-const WithStateContainer = connect(({ site }) => ({
-    isPrerender: site.isPrerender || false,
-}))(MainLayout);
-
-export default WithStateContainer;

package/lib/generators/js/templates/src/components/menus/Menu.jsx

@@ -1,60 +0,0 @@
-/* eslint-disable react/no-array-index-key */
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Link } from 'react-router-dom';
-
-import * as AppPropTypes from '../../lib/PropTypes';
-import Label from '../partials/Label';
-
-import styles from '<%= getRelativeStylesPath('components/menus/Menu.jsx', 'menus/menu.scss') %>';
-
-const propTypes = {
-    items: AppPropTypes.menuItems,
-    className: PropTypes.string,
-};
-
-const defaultProps = {
-    items: [],
-    className: null,
-};
-
-const Menu = ({ items, className }) => (
-    <nav
-        className={classNames([
-            styles.container,
-            {
-                [className]: className !== null,
-            },
-        ])}
-    >
-        <ul className={styles.items}>
-            {items.map(({ label, url, active = false, external = false }, index) => (
-                <li
-                    className={classNames([
-                        styles.item,
-                        {
-                            [styles.active]: active,
-                        },
-                    ])}
-                    key={`item-${index}`}
-                >
-                    {external ? (
-                        <a href={url} className={styles.link}>
-                            <Label>{label}</Label>
-                        </a>
-                    ) : (
-                        <Link to={url} className={styles.link}>
-                            <Label>{label}</Label>
-                        </Link>
-                    )}
-                </li>
-            ))}
-        </ul>
-    </nav>
-);
-
-Menu.propTypes = propTypes;
-Menu.defaultProps = defaultProps;
-
-export default Menu;

package/lib/generators/js/templates/src/components/messages/Success.jsx

@@ -1,36 +0,0 @@
-/* eslint-disable react/jsx-props-no-spreading */
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-import * as AppPropTypes from '../../lib/PropTypes';
-import Label from '../partials/Label';
-
-import styles from '<%= getRelativeStylesPath('components/messages/Success.jsx', 'messages/success.scss') %>';
-
-const propTypes = {
-    children: AppPropTypes.text.isRequired,
-    className: PropTypes.string,
-};
-
-const defaultProps = {
-    className: null,
-};
-
-const SuccessMessage = ({ children, className }) => (
-    <div
-        className={classNames([
-            styles.container,
-            {
-                [className]: className !== null,
-            },
-        ])}
-    >
-        <Label>{children}</Label>
-    </div>
-);
-
-SuccessMessage.propTypes = propTypes;
-SuccessMessage.defaultProps = defaultProps;
-
-export default SuccessMessage;

package/lib/generators/js/templates/src/components/pages/Home.jsx

@@ -1,32 +0,0 @@
-import React from 'react';
-// import PropTypes from 'prop-types';
-import { defineMessages, injectIntl } from 'react-intl';
-
-// import * as AppPropTypes from '../../lib/PropTypes';
-import PageMeta from '../partials/PageMeta';
-
-import styles from '<%= getRelativeStylesPath('components/pages/Home.jsx', 'pages/home.scss') %>';
-
-const messages = defineMessages({
-    metaTitle: {
-        id: 'meta.title',
-        defaultMessage: 'Title',
-    },
-});
-
-const propTypes = {
-    // intl: AppPropTypes.intl.isRequired,
-};
-
-const HomePage = () => (
-    <div className={styles.container}>
-        <PageMeta title={messages.metaTitle} />
-        <div className={styles.logo} />
-    </div>
-);
-
-HomePage.propTypes = propTypes;
-
-const WithIntlContainer = injectIntl(HomePage);
-
-export default WithIntlContainer;

package/lib/generators/js/templates/src/components/partials/Label.jsx

@@ -1,32 +0,0 @@
-/* eslint-disable react/jsx-props-no-spreading */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FormattedMessage, FormattedHTMLMessage } from 'react-intl';
-
-import { label as labelPropTypes } from '../../lib/PropTypes';
-import { isMessage } from '../../lib/utils';
-
-const propTypes = {
-    children: labelPropTypes.isRequired,
-    isHtml: PropTypes.bool,
-    values: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-};
-
-const defaultProps = {
-    isHtml: false,
-    values: {},
-};
-
-const Label = ({ children, isHtml, values }) => {
-    const Message = isHtml ? FormattedHTMLMessage : FormattedMessage;
-    return isMessage(children) ? (
-        <Message values={values} {...children} />
-    ) : (
-        children
-    )
-};
-
-Label.propTypes = propTypes;
-Label.defaultProps = defaultProps;
-
-export default Label;

package/lib/generators/js/templates/src/reducers/LayoutReducer.js

@@ -1,32 +0,0 @@
-import { SET_SIZE } from '../actions/LayoutActions';
-
-const initialState = {
-    size: {
-        width: window.innerWidth || 0,
-        height: window.innerHeight || 0,
-    },
-};
-
-const LayoutReducer = (previousState, action) => {
-    let state = previousState || initialState;
-    if (typeof state.hydrated === 'undefined' || !state.hydrated) {
-        state = {
-            ...initialState,
-            ...previousState,
-            hydrated: true,
-        };
-    }
-    switch (action.type) {
-    case SET_SIZE:
-        return {
-            ...state,
-            size: {
-                ...action.payload,
-            },
-        };
-    default:
-        return state;
-    }
-};
-
-export default LayoutReducer;

package/lib/generators/js/templates/src/reducers/SiteReducer.js

@@ -1,36 +0,0 @@
-import { SET_ERRORS, RESET_REQUEST } from '../actions/SiteActions';
-
-const initialState = {
-    errors: null,
-    statusCode: null,
-    messages: null,
-};
-
-const SiteReducer = (previousState, action) => {
-    let state = previousState || initialState;
-    if (typeof state.hydrated === 'undefined' || !state.hydrated) {
-        state = {
-            ...initialState,
-            ...previousState,
-            hydrated: true,
-        };
-    }
-    switch (action.type) {
-        case SET_ERRORS:
-            return {
-                ...state,
-                errors: action.payload,
-            };
-        case RESET_REQUEST:
-            return {
-                ...state,
-                errors: null,
-                statusCode: null,
-                messages: null,
-            };
-        default:
-            return state;
-    }
-};
-
-export default SiteReducer;

package/lib/generators/js/templates/src/reducers/index.js

@@ -1,7 +0,0 @@
-import SiteReducer from './SiteReducer';
-import LayoutReducer from './LayoutReducer';
-
-export default {
-    site: SiteReducer,
-    layout: LayoutReducer,
-};

package/lib/generators/js/templates/src/vendor/polyfills/intl-en.js

@@ -1,2 +0,0 @@
-import 'intl';
-import 'intl/locale-data/jsonp/en';

package/lib/generators/js/templates/src/vendor/polyfills/intl-fr.js

@@ -1,2 +0,0 @@
-import 'intl';
-import 'intl/locale-data/jsonp/fr';