redux-connected-devtools 1.0.2 → 1.0.4

package/src/popup.tsx

@@ -1,63 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import ReactDOM from 'react-dom';
-
-const Popup = () => {
-    const [count, setCount] = useState(0);
-    const [currentURL, setCurrentURL] = useState<string>();
-
-    useEffect(() => {
-        chrome.action.setBadgeText({ text: count.toString() });
-    }, [count]);
-
-    useEffect(() => {
-        chrome.tabs.query(
-            { active: true, currentWindow: true },
-            function (tabs) {
-                setCurrentURL(tabs[0].url);
-            }
-        );
-    }, []);
-
-    const changeBackground = () => {
-        chrome.tabs.query(
-            { active: true, currentWindow: true },
-            function (tabs) {
-                const tab = tabs[0];
-                if (tab.id) {
-                    chrome.tabs.sendMessage(
-                        tab.id,
-                        {
-                            color: '#555555',
-                        },
-                        (msg) => {
-                            console.log('result message:', msg);
-                        }
-                    );
-                }
-            }
-        );
-    };
-
-    return (
-        <>
-            <ul style={{ minWidth: '700px' }}>
-                <li>Current URL: {currentURL}</li>
-                <li>Current Time: {new Date().toLocaleTimeString()}</li>
-            </ul>
-            <button
-                onClick={() => setCount(count + 1)}
-                style={{ marginRight: '5px' }}
-            >
-                count up
-            </button>
-            <button onClick={changeBackground}>change background</button>
-        </>
-    );
-};
-
-ReactDOM.render(
-    <React.StrictMode>
-        <Popup />
-    </React.StrictMode>,
-    document.getElementById('root')
-);

package/src/store/initialState.ts

@@ -1,42 +0,0 @@
-import {
-    generateConnectedStoreEmpty,
-    IReduxConnectedConfig,
-    ConnectionType,
-    RetryStrategy,
-} from 'redux-connected';
-
-type IAppState = {
-    name: string;
-    email: string;
-};
-
-export type MyStore = {
-    appState: IAppState;
-};
-
-export const initialState: MyStore = {
-    appState: {
-        name: 'User2',
-        email: 'user@example.com',
-    },
-};
-
-const config: IReduxConnectedConfig = {
-    defaultEndpointsConfig: {
-        id: 'default',
-        connectionType: ConnectionType.REST,
-        retryStrategy: RetryStrategy.X2_TIMES,
-    },
-    endpointsConfigOverrides: {
-        appState: {
-            connectionType: ConnectionType.NONE,
-        },
-        logs: {
-            connectionType: ConnectionType.NONE,
-        },
-    },
-    adapters: {},
-};
-
-export const store = generateConnectedStoreEmpty(initialState, config);
-(window as any).store = store;

package/src/store/selectors.ts

@@ -1,205 +0,0 @@
-import { createSelector } from 'reselect';
-import { connectedSelectors, LifecycleStatus } from 'redux-connected';
-
-export const $requests = createSelector(
-    connectedSelectors.$requests,
-    (requests) => {
-        return requests
-            .map((request) => {
-                const { items } = request;
-
-                const lastPoint = items[items.length - 1];
-
-                const journeyWithDelta = items.map((point, index) => {
-                    const nextPoint = items[index + 1] || point;
-                    const delta = nextPoint.timestamp - point.timestamp;
-
-                    return {
-                        ...point,
-                        delta,
-                    };
-                });
-
-                return {
-                    ...request,
-                    items: journeyWithDelta,
-                    lastPointTimestamp: lastPoint.timestamp,
-                    lastPointStatus: lastPoint.status,
-                };
-            })
-            .sort((a: any, b: any) => {
-                if (a.lastPointTimestamp === b.lastPointTimestamp) {
-                    return 0;
-                }
-
-                return a.lastPointTimestamp > b.lastPointTimestamp ? -1 : 1;
-            });
-    }
-);
-
-// 1
-export const $requestsReceived = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-        const lastPoint = items[items.length - 1];
-        return lastPoint && lastPoint.status === LifecycleStatus.RECEIVED;
-    });
-});
-
-export const $requestsReceivedPast = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-
-        return items.find((point) => point.status === LifecycleStatus.RECEIVED);
-    });
-});
-
-// 2
-export const $requestsInQueue = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-        const lastPoint = items[items.length - 1];
-        return lastPoint && lastPoint.status === LifecycleStatus.IN_QUEUE;
-    });
-});
-
-export const $requestsInQueuePast = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-        return items.find((point) => point.status === LifecycleStatus.IN_QUEUE);
-    });
-});
-
-// 3
-export const $requestsGeneralError = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-        const lastPoint = items[items.length - 1];
-        return lastPoint && lastPoint.status === LifecycleStatus.GENERAL_ERROR;
-    });
-});
-
-export const $requestsGeneralErrorPast = createSelector(
-    $requests,
-    (requests) => {
-        return requests.filter((request) => {
-            const { items } = request;
-
-            return items.find(
-                (point) => point.status === LifecycleStatus.GENERAL_ERROR
-            );
-        });
-    }
-);
-
-// 4
-export const $requestsPendingApi = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-        const lastPoint = items[items.length - 1];
-        return (
-            lastPoint &&
-            lastPoint.status === LifecycleStatus.PENDING_API_RESPONSE
-        );
-    });
-});
-
-export const $requestsPendingApiPast = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-
-        return items.find(
-            (point) => point.status === LifecycleStatus.PENDING_API_RESPONSE
-        );
-    });
-});
-
-// 5
-export const $requestsApiError = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-        const lastPoint = items[items.length - 1];
-        return lastPoint && lastPoint.status === LifecycleStatus.API_ERROR;
-    });
-});
-
-export const $requestsApiErrorPast = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-
-        return items.find(
-            (point) => point.status === LifecycleStatus.API_ERROR
-        );
-    });
-});
-
-// 6
-export const $requestsPostAction = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-        const lastPoint = items[items.length - 1];
-        return lastPoint && lastPoint.status === LifecycleStatus.POST_ACTION;
-    });
-});
-
-export const $requestsPostActionPast = createSelector($requests, (requests) => {
-    return requests.filter((request) => {
-        const { items } = request;
-
-        return items.find(
-            (point) => point.status === LifecycleStatus.POST_ACTION
-        );
-    });
-});
-
-export const $menuBadges = createSelector(
-    $requestsReceived,
-    $requestsInQueue,
-    $requestsGeneralError,
-    $requestsPendingApi,
-    $requestsApiError,
-    $requestsPostAction,
-    (
-        requestsReceived,
-        requestsInQueue,
-        requestsGeneralError,
-        requestsPendingApi,
-        requestsApiError,
-        requestsPostAction
-    ) => {
-        return {
-            lifecycleReceived: requestsReceived.length,
-            lifecycleInQueue: requestsInQueue.length,
-            lifecycleGeneralError: requestsGeneralError.length,
-            lifecyclePendingApi: requestsPendingApi.length,
-            lifecycleApiError: requestsApiError.length,
-            lifecyclePostAction: requestsPostAction.length,
-        };
-    }
-);
-
-export const $menuBadgesTotal = createSelector(
-    $requestsReceivedPast,
-    $requestsInQueuePast,
-    $requestsGeneralErrorPast,
-    $requestsPendingApiPast,
-    $requestsApiErrorPast,
-    $requestsPostActionPast,
-    (
-        requestsReceived,
-        requestsInQueue,
-        requestsGeneralError,
-        requestsPendingApi,
-        requestsApiError,
-        requestsPostAction
-    ) => {
-        return {
-            lifecycleReceived: requestsReceived.length,
-            lifecycleInQueue: requestsInQueue.length,
-            lifecycleGeneralError: requestsGeneralError.length,
-            lifecyclePendingApi: requestsPendingApi.length,
-            lifecycleApiError: requestsApiError.length,
-            lifecyclePostAction: requestsPostAction.length,
-        };
-    }
-);

package/src/sum.ts

@@ -1,3 +0,0 @@
-export function sum(x: number, y: number) {
-    return x + y;
-}

package/src/types.ts

@@ -1 +0,0 @@
-export type Json = Record<string, any>;

package/src/utils/date.ts

@@ -1,3 +0,0 @@
-export const timestamp = () => new Date().getTime();
-
-export const startOfTime = timestamp();

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-    "compilerOptions": {
-        "strict": true,
-        "module": "commonjs",
-        "target": "es6",
-        "esModuleInterop": true,
-        "sourceMap": false,
-        "rootDir": "src",
-        "outDir": "dist/js",
-        "noEmitOnError": true,
-        "jsx": "react",
-        "typeRoots": [ "node_modules/@types" ],
-        "baseUrl": "../",
-        "paths": {
-            "redux-connected": [
-                "redux-connected"
-            ],
-        }
-    },
-    "exclude": [
-        "node_modules",
-        "vite.config.ts",
-    ]
-}

package/vite.config.ts

@@ -1,45 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import tsconfigPaths from 'vite-tsconfig-paths';
-const svgLoader = require('vite-plugin-react-svg');
-const path = require('path');
-require('dotenv-flow').config();
-
-const cwd = path.resolve(process.cwd(), '../../');
-const host = (process.env.VITE_SERVER_DOMAIN||'').replace(/https?:\/\//, '');
-
-// https://vitejs.dev/config/
-export default defineConfig({
-    plugins: [
-        tsconfigPaths({
-            loose: true,
-        }),
-        react(),
-        svgLoader(),
-    ],
-    define: {
-        'process.env.MONO': process.env.MONO,
-    },
-    resolve: {
-        alias: {
-            '@payem/forms': `${cwd}/packages/web-forms/src`,
-            '@payem/tables': `${cwd}/packages/web-tables/src`,
-            '@payem/details': `${cwd}/packages/web-details/src`,
-            '@payem/devtools': `${cwd}/packages/web-devtools/src`,
-            '@payem/router': `${cwd}/packages/web-router/src`,
-            '@payem/ui': `${cwd}/packages/web-ui/src`,
-            '@payem/base-ui': `${cwd}/packages/web-base-ui/src`,
-            '@payem/testing-base': `${cwd}/packages/web-testing-base/src`,
-            '@payem/hooks': `${cwd}/packages/hooks/src`,
-            '@payem/root-types': `${cwd}/packages/root-types/src`,
-            '@payem/themes': `${cwd}/packages/web-themes/src`,
-            '@minimal/widgets': `${cwd}/packages/minimal`,
-            '@payem/platformer': `${cwd}/packages/platformer`,
-            '@payem/app-home': `${cwd}/apps/home`,
-        },
-    },
-    server: {
-        host,
-        port: 3001,
-    },
-});

package/webpack/webpack.common.js

@@ -1,46 +0,0 @@
-const webpack = require('webpack');
-const path = require('path');
-const CopyPlugin = require('copy-webpack-plugin');
-const srcDir = path.join(__dirname, '..', 'src');
-
-module.exports = {
-    entry: {
-        popup: path.join(srcDir, 'popup.tsx'),
-        options: path.join(srcDir, 'options.tsx'),
-        devtools: path.join(srcDir, 'devtools.tsx'),
-        panel: path.join(srcDir, 'panel.tsx'),
-        background: path.join(srcDir, 'background.ts'),
-        content_script: path.join(srcDir, 'content_script.ts'),
-        injected_script: path.join(srcDir, 'injected_script.ts'),
-    },
-    output: {
-        path: path.join(__dirname, '../dist/js'),
-        filename: '[name].js',
-    },
-    optimization: {
-        splitChunks: {
-            name: 'vendor',
-            chunks(chunk) {
-                return chunk.name !== 'background';
-            },
-        },
-    },
-    module: {
-        rules: [
-            {
-                test: /\.tsx?$/,
-                use: 'ts-loader',
-                exclude: /node_modules/,
-            },
-        ],
-    },
-    resolve: {
-        extensions: ['.ts', '.tsx', '.js'],
-    },
-    plugins: [
-        new CopyPlugin({
-            patterns: [{ from: '.', to: '../', context: 'public' }],
-            options: {},
-        }),
-    ],
-};

package/webpack/webpack.dev.js

@@ -1,7 +0,0 @@
-const { merge } = require('webpack-merge');
-const common = require('./webpack.common.js');
-
-module.exports = merge(common, {
-    devtool: 'inline-source-map',
-    mode: 'development'
-});

package/webpack/webpack.prod.js

@@ -1,6 +0,0 @@
-const { merge } = require('webpack-merge');
-const common = require('./webpack.common.js');
-
-module.exports = merge(common, {
-    mode: 'production',
-});