map.ts ➔ mapping - Code Metrics - Inspection of "#20 Add context binder of ` classNamesMap`" - askirmas/react-classnaming - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — main ( a21397...1da5a1 )

by Andrii

created 2021-03-02 00:32 UTC

map.ts ➔ mapping A

↳ Parent: src/map.ts

Complexity

Conditions

Size

Total Lines	19
Code Lines	16

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	2
eloc	16
dl	0
loc	19
rs	9.6
c	0
b	0
f	0

import {
  Action,
  ClassNamesProperty,
  CssModule
} from "./defs";
import {resolver} from "./core"

const {keys: $keys} = Object

export default classNamesMap

function classNamesMap<
  Source extends CssModule,
>(classnames: Source){
  const mapper: ClassNamesMap<Source> = map => mapping(classnames, map)
  return mapper
}

type ClassNamesMap<Source extends CssModule> = (
  <
    Target extends ClassNamesProperty<TargetClasses>,
    TargetClasses extends CssModule = CssModule
  >(map: {
    [T in keyof Target["classnames"]]:
      {[S in keyof Source]?: Action}
  }) => {classnames: {[T in keyof Target["classnames"]]: string}}
)

function mapping<
  Target extends ClassNamesProperty<CssModule>,
  Source extends CssModule,
>(source: Source, map: {
  [T in keyof Target["classnames"]]:
    {[S in keyof Source]?: Action}
  }
): {classnames: {[T in keyof Target["classnames"]]: string}} {
  const keys = $keys(map) as (keyof Target["classnames"])[]
  , classnames = {} as {[T in keyof Target["classnames"]]: string}

  for (let i = keys.length; i--;) {
    const key = keys[i]
    
    classnames[key] = resolver(source, map[key]).join(" ")
  }

  return {classnames}
}



1			import {
2			Action,
3			ClassNamesProperty,
4			CssModule
5			} from "./defs";
6			import {resolver} from "./core"
7
8			const {keys: $keys} = Object
9
10			export default classNamesMap
11
12			function classNamesMap<
13			Source extends CssModule,
14			>(classnames: Source){
15			const mapper: ClassNamesMap<Source> = map => mapping(classnames, map)
16			return mapper
17			}
18
19			type ClassNamesMap<Source extends CssModule> = (
20			<
21			Target extends ClassNamesProperty<TargetClasses>,
22			TargetClasses extends CssModule = CssModule
23			>(map: {
24			[T in keyof Target["classnames"]]:
25			{[S in keyof Source]?: Action}
26			}) => {classnames: {[T in keyof Target["classnames"]]: string}}
27			)
28
29			function mapping<
30			Target extends ClassNamesProperty<CssModule>,
31			Source extends CssModule,
32			>(source: Source, map: {
33			[T in keyof Target["classnames"]]:
34			{[S in keyof Source]?: Action}
35			}
36			): {classnames: {[T in keyof Target["classnames"]]: string}} {
37			const keys = $keys(map) as (keyof Target["classnames"])[]
38			, classnames = {} as {[T in keyof Target["classnames"]]: string}
39
40			for (let i = keys.length; i--;) {
41			const key = keys[i]
42
43			classnames[key] = resolver(source, map[key]).join(" ")
44			}
45
46			return {classnames}
47			}
48
49

askirmas / react-classnaming

Push — main ( a21397...1da5a1 )

map.ts ➔ mapping A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like