krobing

/**
 * Transforms the keys of an object type to uncapitalized versions.
 *
 * This utility type takes an object type `ObjType` and produces a new type
 * where all the keys are uncapitalized. The values associated with the keys
 * remain unchanged.
 *
 * @template ObjType - The object type whose keys are to be uncapitalized.
 *
 * @example

krobing

'use client'

import React from 'react'

// types definition
export type Action = { type: string; [payload: string | number | symbol]: unknown }

export type ReducerCtxType<S = unknown, A = Action> = {
  state: S
  dispatch: React.Dispatch<A>

krobing

/* eslint-disable @typescript-eslint/no-explicit-any */
// include types definition from axios's http calls library
import { Method, CancelToken } from 'axios'

//
// Set interface/type definition for api middleware
//

// Constants
// Action key that carries API call info interpreted by this Redux middleware.

krobing

// Dependencies by bootstrap styled
// --------------------------------
declare module '@bootstrap-styled/css-mixins'
declare module '@bootstrap-styled/provider' {
    import { Theme, UserTheme } from 'bootstrap-styled'
    import { Component, ReactNode, AnchorHTMLAttributes } from 'react'
    import { DefaultTheme as StyledTheme, StyledComponentBase } from 'styled-components/macro'

    export type BootstrapProviderProps = {
        children: ReactNode

krobing

import styleVariables from '../../scss/bs4-runtime.scss';
import transformVars from './transformVars';

// console.log('styleVariables::', styleVariables);

/**
 * Function that transforms and extracts variables from sass/scss files
 * into a javascript's plain object
 *
 * @param options {Object} - {camelCase: boolean, numToStr: boolean}

krobing

import React from 'react'
import BootstrapProvider from '@bootstrap-styled/provider'
import { Row, Col } from '@bootstrap-styled/v4'
import makeAppTheme, { utilities } from './styles/app.theme'
import AppThemeProvider from './styles/app.provider'

// app components
import Layout from './components/Layout'
import Comps from './examples/Comps'
import FilterForm from './examples/FilterForm'

krobing

# editorconfig.org
# EditorConfig is awesome: http://EditorConfig.org

# top-most EditorConfig file
root = true

# Unix-style newlines with a newline ending every file
[*]
end_of_line = lf
indent_style = tab

krobing

{
  "env": {
    "browser": true,
    "es6": true,
    "node": true
  },
  "extends": [
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier/@typescript-eslint",

krobing

{
	"editor.renderWhitespace": "boundary",
	"editor.wordWrap": "bounded",
	"editor.wordWrapColumn": 140,
	"indenticator.inner.showHighlight": true,
	"editor.formatOnType": false,
	"editor.formatOnPaste": false,
	"editor.formatOnSave": true,
	"typescript.validate.enable": false,
	"[javascript]": {

krobing

{
  "compilerOptions": {
    /* Basic Options */
    "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'. */
    "module": "commonjs",                     /* Specify module code generation: 'commonjs', 'amd', 'system', 'umd' or 'es2015'. */
    // "lib": [],                             /* Specify library files to be included in the compilation:  */
    // "allowJs": true,                       /* Allow javascript files to be compiled. */
    // "checkJs": true,                       /* Report errors in .js files. */
    // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
    // "declaration": true,                   /* Generates corresponding '.d.ts' file. */