@messenger-box/platform-browser 0.0.1-alpha.42 → 0.0.1-alpha.420

package/lib/components/messenger/threadSidebar/style.d.ts

@@ -1,62 +0,0 @@
-export declare const styleSheet: {
-    ThreadSidebarStyles: () => {
-        '& .input_row_thread': {
-            width: string;
-            paddingLeft: string;
-            paddingRight: string;
-            marginLeft: string;
-        };
-        '& .close-icon': {
-            position: string;
-            left: string;
-            top: string;
-            float: string;
-        };
-    };
-    costumThreadStyles: () => {
-        '& .ant-comment-content-author-name > * ': {
-            color: string;
-            fontWeight: string;
-            fontSize: string;
-        };
-        '& span.ant-comment-content-author-time': {
-            color: string;
-            fontSize: string;
-        };
-        '& .btn-hover': {
-            display: string;
-        };
-        '& .hover_btns': {
-            borderRadius: string;
-            border: string;
-            display: string;
-            justifyContent: string;
-            padding: string;
-            position: string;
-            right: string;
-            top: string;
-            whiteSpace: string;
-            zIndex: string;
-        };
-        '& .hover_btns button': {
-            border: string;
-            display: string;
-            alignItems: string;
-            justifyContent: string;
-            margin: string;
-            width: string;
-            height: string;
-            background: string;
-        };
-    };
-    costumThreadHoverStyles: () => {
-        ':hover .btn-hover': {
-            display: string;
-        };
-        '.btn-hover': {
-            display: string;
-        };
-        padding: string;
-        paddingRight: string;
-    };
-};

package/lib/components/messenger/types/message.d.ts

@@ -1,14 +0,0 @@
-export interface IMessageList {
-    id: number;
-    loginUser: boolean;
-    message: string;
-    timeIsToday: boolean;
-    isReply: boolean;
-    thread?: IMessageReplyList[];
-}
-export interface IMessageReplyList {
-    threadId: number;
-    message: string;
-    time: string;
-    timeIsToday: boolean;
-}

package/src/api.ts

@@ -1,35 +0,0 @@
-// Simulate a flaky API around otherwise an otherwise synchronous `f()`.
-const flakify = <T>(f: () => T): Promise<T> =>
-    new Promise((resolve, reject) =>
-        // We'll always take 200 * (1d10 + 1) ms to respond
-        window.setTimeout(() => {
-            try {
-                // And ~20% of the time we'll fail
-                if (Math.random() < 0.2) {
-                    throw new Error('Failed arbitrarily');
-                }
-
-                resolve(f());
-            } catch (e) {
-                return reject(e);
-            }
-        }, 200 + Math.random() * 2000),
-    );
-
-export type Api = {
-    save(x: { value: number }): Promise<null>;
-    load(): Promise<{ value: number }>;
-};
-
-export const api: Api = {
-    save: (counter) =>
-        flakify(() => {
-            localStorage.setItem('__counterValue', counter.value.toString());
-            return null;
-        }),
-    load: () =>
-        flakify(() => {
-            const value = parseInt(localStorage.getItem('__counterValue'), 10);
-            return { value };
-        }),
-};

package/src/components/Counter.tsx

@@ -1,52 +0,0 @@
-import * as React from 'react';
-
-export interface ICounterProps {
-    label: string;
-    counter: { value: number };
-    isSaving: boolean;
-    isLoading: boolean;
-    error: string;
-    increment: (n: number) => void;
-    save: (n: number) => void;
-    load: () => void;
-}
-
-export interface ICounterState {
-}
-
-export class CounterComponent extends React.Component<ICounterProps, ICounterState> {
-
-    private _onClickIncrement = (e: React.SyntheticEvent<HTMLButtonElement>) => {
-        e.preventDefault();
-        this.props.increment(1);
-    }
-
-    private _onClickSave = (e: React.SyntheticEvent<HTMLButtonElement>) => {
-        e.preventDefault();
-        if (!this.props.isSaving) {
-            this.props.save(this.props.counter.value);
-        }
-    }
-
-    private _onClickLoad = (e: React.SyntheticEvent<HTMLButtonElement>) => {
-        e.preventDefault();
-        if (!this.props.isLoading) {
-            this.props.load();
-        }
-    }
-
-    public render(): JSX.Element {
-        const { counter, label, isSaving, isLoading, error } = this.props;
-        return (
-            <form>
-                <legend>{label}</legend>
-                <pre>{JSON.stringify({ counter, isSaving, isLoading }, null, 2)}</pre>
-                <button onClick={this._onClickIncrement}>click me!</button>
-                <button disabled={isSaving} onClick={this._onClickSave}>{isSaving ? 'saving...' : 'save'}</button>
-                <button disabled={isLoading} onClick={this._onClickLoad}>{isLoading ? 'loading...' : 'load'}</button>
-                {error ? <div className="error">{error}</div> : null}
-            </form>);
-    }
-}
-
-

package/src/containers/Counter.tsx

@@ -1,42 +0,0 @@
-import {
-  incrementCounter,
-  loadCount,
-  saveCount,
-  Action,
-  Store,
-} from '../redux';
-import { connect } from 'react-redux';
-import * as redux from 'redux';
-import { CounterComponent, ICounterProps } from '../components';
-
-export type CounterOwnProps = {
-  label: string;
-  store?: Store.Sample;
-};
-
-const mapStateToProps = (state: Store.Sample) => ({
-  counter: state['@messenger-box/counter'],
-  isSaving: state['@messenger-box/isSaving'],
-  isLoading: state['@messenger-box/isLoading'],
-  error: state['@messenger-box/error'],
-  
-});
-
-const mapDispatchToProps = (dispatch: Function) => ({
-  increment: (n: number) =>
-    dispatch(incrementCounter(n)),
-  load: () =>
-    dispatch(loadCount(null)),
-  save: (value: number) =>
-    dispatch(saveCount({ value })),
-});
-
-// const stateProps = mapStateToProps;
-// const dispatchProps = returntypeof(mapDispatchToProps);
-// type StateProps = typeof stateProps;
-// type DispatchProps = typeof dispatchProps;
-
-// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/8787
-export const Counter =
-connect<any, any, any>(mapStateToProps, mapDispatchToProps)(CounterComponent);
-

package/src/containers/PersonList.tsx

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { graphql } from '@apollo/react-hoc';
-import compose from 'lodash/flowRight';
-import { PERSONS_QUERY } from '../graphql';
-
-export interface IPersonListProps {
-    persons;
-}
-const PersonListComponent: React.SFC<IPersonListProps> = ({ persons }) => (
-    <div>
-        <h2>Persons:</h2>
-       {persons && persons.map((person, i) => <div key={i}>{person.name}</div>)}
-    </div>
-);
-
-export const PersonList: React.ComponentClass<{}> =
-    compose(
-        graphql<{}, any, {}, {}>(PERSONS_QUERY),
-        // flattenProp('data'),
-    )(PersonListComponent);

package/src/containers/ServerCounter.tsx

@@ -1,140 +0,0 @@
-import * as React from 'react';
-import update from 'immutability-helper';
-import { graphql } from '@apollo/react-hoc';
-import compose from 'lodash/flowRight';
-import { CounterComponent, ICounterProps } from '../components';
-import { COUNT_SUBSCRIPTION, COUNT_QUERY, ADD_COUNT_MUTATION,} from '../graphql';
-import { logger } from '@cdm-logger/client';
-type SubscriptionProps = {
-    subscribeToMore: Function;
-};
-
-// class WithSubscriptionCounter extends React.Component<SubscriptionProps & ICounterProps, {}> {
-
-//     public subscription;
-
-//     constructor(props) {
-//         super(props);
-//     }
-
-//     public componentWillReceiveProps(nextProps) {
-//         if (!nextProps.loading) {
-//             if (this.subscription) {
-//                 this.subscription();
-//                 this.subscription = null;
-//             }
-
-//             // Subscribe or re-subscribe
-//             if (!this.subscription) {
-//                 this.subscribeToCount();
-//             }
-//         }
-//     }
-
-//     public componentWillUnmount() {
-//         if (this.subscription) {
-//             this.subscription();
-//         }
-//     }
-
-//     private subscribeToCount() {
-//         const { subscribeToMore } = this.props;
-//         this.subscription = subscribeToMore({
-//             document: onCountUpdated,
-//             variables: {},
-//             updateQuery: (prev, { subscriptionData: { data: { countUpdated: { amount } } } }) => {
-//                 return update(prev, {
-//                     count: {
-//                         amount: {
-//                             $set: amount,
-//                         },
-//                     },
-//                 });
-//             },
-//         });
-//     }
-
-//     public render() {
-//         const { ICounerProps } = this.props;
-//         return <CounterComponent />;
-//     }
-// }
-
-
-// save(amount) {
-//     return () => mutate({
-//         variables: { amount },
-//         updateQueries,
-//     });
-// },
-
-type countOptions = any & {
-    countData: any;
-};
-
-const updateQueries = {
-    counter: (prev, { mutationResult }) => {
-        const newAmount = mutationResult.data.addCount.amount;
-        return update(prev, {
-            count: {
-                amount: {
-                    $set: newAmount,
-                },
-            },
-        });
-    },
-};
-
-export const CounterWithApollo: React.ComponentClass = (compose(
-    graphql<{}, any, {}, {}>(ADD_COUNT_MUTATION, {
-        props: ({ ownProps, mutate }) => ({
-            save: (amount) => {
-                return () => mutate({
-                    variables: { amount },
-                    // optimisticResponse: {
-                    //     __typename: 'Mutation',
-
-                    // },
-                });
-            },
-        }),
-    }),
-    graphql<{}, any, {}, {}>(ADD_COUNT_MUTATION, {
-        props: ({ ownProps, mutate }) => ({
-            increment: (amount) => {
-                return () => mutate({
-                    variables: { amount },
-                    // updateQueries,
-                });
-            },
-        }),
-    }),
-)(graphql<ICounterProps, countOptions, {}, {}>(COUNT_QUERY, {
-    name: 'countData',
-    props: ({ countData }: any) => {
-        const newlog = logger.child({ childName: 'UIController' });
-        newlog.debug('count data : (%j)', countData);
-        return {
-            subscribeToCount: params => {
-                // logger.debug('count subscript data (%j)', params);
-                return countData.subscribeToMore({
-                    document: COUNT_SUBSCRIPTION,
-                    variables: {},
-                    updateQuery: (prev: any, { subscriptionData }) => {
-                        const payload = subscriptionData.data && subscriptionData.data.subscribeToWorkspace;
-                        if (!payload) {
-                            return prev;
-                        }
-                        return payload;
-                    },
-                });
-            },
-            counter: countData.count && countData.count.amount,
-            isLoading: countData.loading,
-            isSaving: false,
-            load: () => countData.count.amount,
-            error: countData.error,
-        };
-    },
-})(CounterComponent as any))
-);

package/src/graphql/index.ts

@@ -1,3 +0,0 @@
-export * from './mutations';
-export * from './queries';
-export * from './subscriptions';

package/src/graphql/mutations/addCount.graphql

@@ -1,5 +0,0 @@
-mutation addCount($amount: Int!) {
-    addCount(amount: $amount) {
-        amount
-    }
-}

package/src/graphql/mutations/addPerson.graphql

@@ -1,6 +0,0 @@
-mutation addPerson($name: String!, $sex: String!) {
-    addPerson(name: $name, sex: $sex) {
-        id
-        name
-    }
-}

package/src/graphql/mutations/index.ts

@@ -1,2 +0,0 @@
-export const ADD_PERSON_MUTATION = require('./addPerson');
-export const ADD_COUNT_MUTATION = require('./addCount');

package/src/graphql/queries/count.graphql

@@ -1,5 +0,0 @@
-query getCount {
-    count {
-        amount
-    }
-}

package/src/graphql/queries/index.ts

@@ -1,3 +0,0 @@
-export const PERSON_QUERY = require('./person');
-export const PERSONS_QUERY = require('./persons');
-export const COUNT_QUERY = require('./count');

package/src/graphql/queries/person.graphql

@@ -1,22 +0,0 @@
-query getPerson($id: String!){
-    getPerson(id: $id) {
-        id
-        name
-        sex
-        matches {
-            id
-            name
-            sex
-            matches {
-                id
-                name
-                sex
-                matches {
-                    id
-                    name
-                    sex
-                }
-            }
-        }
-    }
-}

package/src/graphql/queries/persons.graphql

@@ -1,6 +0,0 @@
-query getPersons {
-    persons {
-        id
-        name
-    }
-}

package/src/graphql/subscriptions/count.graphql

@@ -1,5 +0,0 @@
-subscription subscribeToCount{
-  subscribeToCount {
-        amount
-    }
-}

package/src/graphql/subscriptions/index.ts

@@ -1 +0,0 @@
-export const COUNT_SUBSCRIPTION = require('./count');

package/src/redux/__mocks__/api.ts

@@ -1,4 +0,0 @@
-export const api = {
-    save: jest.fn(),
-    load: jest.fn(),
-};

package/src/redux/actions/__tests__/sampleActions.test.ts

@@ -1,159 +0,0 @@
-import 'jest';
-
-import { createStore } from 'redux';
-import * as apiExports from '../../api';
-import * as actions from '../sampleActions';
-
-jest.mock('../../api');
-
-const api: jest.Mocked<apiExports.Api> = apiExports.api as any;
-
-describe('actions', () => {
-    const store = () => {
-        const reducer = jest.fn();
-        const { dispatch } = createStore(reducer);
-        reducer.mockReset(); // ignore @@redux/INIT
-        return { dispatch, reducer };
-    };
-
-    const eventually = (assertFn) =>
-        new Promise((resolve, reject) => {
-            setTimeout(() => {
-                try {
-                    assertFn();
-                } catch (e) {
-                    return reject(e);
-                }
-                resolve();
-            }, 1);
-        });
-
-    const expectTypes = (reducer, types) => () =>
-        expect(reducer.mock.calls.map((x) => x[1].type)).toEqual(types);
-
-    describe('.saveCount', () => {
-        beforeEach(() => {
-            api.save.mockReturnValue(Promise.resolve(null));
-        });
-
-        it('sends an API request', () => {
-            actions.saveCount({ value: 14 })(jest.fn());
-            expect(api.save.mock.calls).toHaveLength(1);
-        });
-
-        describe('when API request succeeds', () => {
-            it('dispatches @@messenger-box/SAVE_COUNT_SUCCESS', () => {
-                const { dispatch, reducer } = store();
-                actions.saveCount({ value: 14 })(dispatch);
-                return eventually(
-                    expectTypes(reducer, [
-                        '@@messenger-box/SAVE_COUNT_REQUEST',
-                        '@@messenger-box/SAVE_COUNT_SUCCESS',
-                    ]),
-                );
-            });
-        });
-
-        describe('when API request fails', () => {
-            beforeEach(() => {
-                api.save.mockReturnValue(
-                    Promise.reject(new Error('something terrible happened')),
-                );
-            });
-
-            it('dispatches @@messenger-box/SAVE_COUNT_ERROR', () => {
-                const { dispatch, reducer } = store();
-                actions.saveCount({ value: 14 })(dispatch);
-                return eventually(
-                    expectTypes(reducer, [
-                        '@@messenger-box/SAVE_COUNT_REQUEST',
-                        '@@messenger-box/SAVE_COUNT_ERROR',
-                    ]),
-                );
-            });
-
-            it('includes error message with @@messenger-box/SAVE_COUNT_ERROR', () => {
-                const { dispatch, reducer } = store();
-                actions.saveCount({ value: 14 })(dispatch);
-                return eventually(() => {
-                    expect(reducer.mock.calls[1][1].error.message).toEqual(
-                        'something terrible happened',
-                    );
-                });
-            });
-
-            it('includes request with @@messenger-box/SAVE_COUNT_ERROR for convenience', () => {
-                const { dispatch, reducer } = store();
-                actions.saveCount({ value: 14 })(dispatch);
-                return eventually(() => {
-                    expect(reducer.mock.calls[1][1].request).toEqual({
-                        value: 14,
-                    });
-                });
-            });
-        });
-    });
-
-    describe('.loadCount', () => {
-        beforeEach(() => {
-            api.load.mockReturnValue(Promise.resolve({ value: 14 }));
-        });
-
-        it('sends an API request', () => {
-            actions.loadCount(null)(jest.fn());
-            expect(api.load.mock.calls).toHaveLength(1);
-        });
-
-        describe('when API request succeeds', () => {
-            it('dispatches @messenger-box/LOAD_COUNT_SUCCESS', () => {
-                const { dispatch, reducer } = store();
-                actions.loadCount(null)(dispatch);
-                return eventually(
-                    expectTypes(reducer, [
-                        '@@messenger-box/LOAD_COUNT_REQUEST',
-                        '@@messenger-box/LOAD_COUNT_SUCCESS',
-                    ]),
-                );
-            });
-
-            it('includes new value with LOAD_COUNT_SUCCESS', () => {
-                const { dispatch, reducer } = store();
-                actions.loadCount(null)(dispatch);
-                return eventually(() => {
-                    expect(reducer.mock.calls[1][1].response).toEqual({
-                        value: 14,
-                    });
-                });
-            });
-        });
-
-        describe('when API request fails', () => {
-            beforeEach(() => {
-                api.load.mockReturnValue(
-                    Promise.reject(new Error('something terrible happened')),
-                );
-            });
-
-            it('dispatches @@messenger-box/LOAD_COUNT_ERROR', () => {
-                const { dispatch, reducer } = store();
-                actions.loadCount(null)(dispatch);
-                return eventually(
-                    expectTypes(reducer, [
-                        '@@messenger-box/LOAD_COUNT_REQUEST',
-                        '@@messenger-box/LOAD_COUNT_ERROR',
-                    ]),
-                );
-            });
-
-            it('includes error message with @@messenger-box/LOAD_COUNT_ERROR', () => {
-                const { dispatch, reducer } = store();
-                actions.loadCount(null)(dispatch);
-                return eventually(() => {
-                    expect(reducer.mock.calls[1][1].error.message).toEqual(
-                        'something terrible happened',
-                    );
-                });
-            });
-        });
-    });
-});

package/src/redux/actions/index.ts

@@ -1 +0,0 @@
-export * from './sampleActions';