createdbymahmood

const CracoAlias = require('craco-alias');
const WebpackBar = require('webpackbar');
const { getLoader, loaderByName } = require('@craco/craco');
const transformBabelLoader = require('./internals/transformBabelLoader');

module.exports = {
    style: {
        postcss: {
            plugins: [require('tailwindcss'), require('autoprefixer')],
        },

createdbymahmood

import { useHistory, useRouteMatch } from 'react-router-dom';
import {
    StateMachineProvider,
    createStore,
    useStateMachine,
} from 'little-state-machine';
import { RouteFactory, Route } from 'services/router/RouteFactory';
import { useForm } from 'react-hook-form';

function updateAction(state, payload) {

createdbymahmood

import RouteFactory from 'app/routes';

export default function App() {
    return <RouteFactory />;
}

createdbymahmood

import flat, { unflatten } from "flat";
import { reduceRight } from "lodash";
import {
    pipe,
    reject,
    isNil,
    isEqual,
    get,
    fromPairs,
    entries,

createdbymahmood

/* picked from cypress-realworld-app */

import Fuse from "fuse.js";
import { flow, map, curry } from "lodash/fp";

type IItems = {
    title: string;
    body: string;
};
export const performSearch = (items: object[], options: {}, query: string) =>

createdbymahmood

type PathImpl<T, K extends keyof T> = K extends string
    ? T[K] extends Record<string, any>
        ? T[K] extends ArrayLike<any>
            ? K | `${K}.${PathImpl<T[K], Exclude<keyof T[K], keyof any[]>>}`
            : K | `${K}.${PathImpl<T[K], keyof T[K]>}`
        : K
    : never;

type Path<T> = PathImpl<T, keyof T> | keyof T;

createdbymahmood

import { PartialDeep } from "type-fest";

export type RouteConfigProps = PartialDeep<{
    layout: {
        include: boolean;
        topbar: boolean;
    };
    accessKey: string;
}>;
  

createdbymahmood

export const accesKeys = {
    guest: {
        home: true,
        users: true,
        user: true,
    },
};

createdbymahmood

export const composableHoc = (prop: string) => {
    return function <T>(Component: ComponentType<T>) {
        return function (props: T): JSX.Element {
            return <Component {...props} />;
        };
    };
};

createdbymahmood

import { useState, RefObject, useLayoutEffect } from "react";

import useWindowSize from "./useWindowSize";

export function useOverflow(
    ref: RefObject<HTMLElement>
): {
    refXOverflowing: boolean;
    refYOverflowing: boolean;
    refXScrollBegin: boolean;