chore: remove customize redux

web/src/helpers/consts.ts

@@ -11,7 +11,7 @@ export const TOAST_ANIMATION_DURATION = 400;
 export const DAILY_TIMESTAMP = 3600 * 24 * 1000;
 
 // tag regex
-export const TAG_REG = /#\s?(.+?)\s/g;
+export const TAG_REG = /#(.+?)\s/g;
 
 // URL regex
 export const LINK_REG = /(https?:\/\/[^\s<\\*>']+)/g;

web/src/labs/Provider.tsx

-import { useEffect, useState } from "react";
-import { Store } from "./createStore";
-
-interface Props {
-  children: React.ReactElement;
-  store: Store<any, any>;
-  context: React.Context<any>;
-}
-
-/**
- * Toy-Redux Provider
- * Just for debug with the app store
- */
-const Provider: React.FC<Props> = (props: Props) => {
-  const { children, store, context: Context } = props;
-  const [appState, setAppState] = useState(store.getState());
-
-  useEffect(() => {
-    const unsubscribe = store.subscribe((ns) => {
-      setAppState(ns);
-    });
-
-    return () => {
-      unsubscribe();
-    };
-  }, []);
-
-  return <Context.Provider value={appState}>{children}</Context.Provider>;
-};
-
-export default Provider;

web/src/labs/combineReducers.ts

-import { Action, Reducer, State } from "./createStore";
-
-interface ReducersMapObject<S extends State = any, A extends Action = any> {
-  [key: string]: Reducer<S, A>;
-}
-
-type StateFromReducersMapObject<M> = M extends ReducersMapObject
-  ? { [P in keyof M]: M[P] extends Reducer<infer S, any> ? S : never }
-  : never;
-
-function combineReducers<S extends State, A extends Action>(reducers: ReducersMapObject): Reducer<S, A> {
-  const reducerKeys = Object.keys(reducers);
-  const finalReducersObj: ReducersMapObject = {};
-
-  for (const key of reducerKeys) {
-    if (typeof reducers[key] === "function") {
-      finalReducersObj[key] = reducers[key];
-    }
-  }
-
-  return ((state: StateFromReducersMapObject<typeof reducers> = {}, action: A) => {
-    let hasChanged = false;
-    const nextState: StateFromReducersMapObject<typeof reducers> = {};
-
-    for (const key of reducerKeys) {
-      const prevStateForKey = state[key];
-      const nextStateForKey = finalReducersObj[key](prevStateForKey, action);
-      nextState[key] = nextStateForKey;
-      hasChanged = hasChanged || nextStateForKey !== prevStateForKey;
-    }
-
-    return hasChanged ? nextState : state;
-  }) as any as Reducer<S, A>;
-}
-
-export default combineReducers;

web/src/labs/createStore.ts

-export type State = Readonly<Record<string, any>>;
-export type Action = {
-  type: string;
-  payload: any;
-};
-
-export type Reducer<S extends State, A extends Action> = (s: S, a: A) => S;
-type Listener<S extends State> = (ns: S, ps?: S) => void;
-type Unsubscribe = () => void;
-
-export interface Store<S extends State, A extends Action> {
-  dispatch: (a: A) => void;
-  getState: () => S;
-  subscribe: (listener: Listener<S>) => Unsubscribe;
-}
-
-/**
- * Toy-Redux
- * @param preloadedState initial state
- * @param reducer reducer pure function
- * @returns store
- */
-function createStore<S extends State, A extends Action>(preloadedState: S, reducer: Reducer<S, A>): Store<Readonly<S>, A> {
-  const listeners: Listener<S>[] = [];
-  let currentState = preloadedState;
-
-  const dispatch = (action: A) => {
-    const nextState = reducer(currentState, action);
-    const prevState = currentState;
-    currentState = nextState;
-
-    for (const cb of listeners) {
-      cb(currentState, prevState);
-    }
-  };
-
-  const subscribe = (listener: Listener<S>) => {
-    let isSubscribed = true;
-    listeners.push(listener);
-
-    return () => {
-      if (!isSubscribed) {
-        return;
-      }
-
-      const index = listeners.indexOf(listener);
-      listeners.splice(index, 1);
-      isSubscribed = false;
-    };
-  };
-
-  const getState = () => {
-    return currentState;
-  };
-
-  return {
-    dispatch,
-    getState,
-    subscribe,
-  };
-}
-
-export default createStore;

web/src/labs/useSelector.ts

-import { useEffect, useState } from "react";
-
-type State = Readonly<Record<string, any>>;
-interface Action {
-  type: string;
-}
-type Listener<S extends State> = (ns: S, ps?: S) => void;
-
-interface Store<S extends State, A extends Action> {
-  dispatch: (a: A) => void;
-  getState: () => S;
-  subscribe: (listener: Listener<S>) => () => void;
-}
-
-export default function useSelector<S extends State, A extends Action>(store: Store<S, A>): S {
-  const [state, setState] = useState(store.getState());
-
-  useEffect(() => {
-    const unsubscribe = store.subscribe((ns) => {
-      setState(ns);
-    });
-
-    return () => {
-      unsubscribe();
-    };
-  }, []);
-
-  return state;
-}