#38 Add basic atom core

Author: Andrii Kirmas

__sandbox__/atom.test.ts

@@ -1,6 +1,6 @@
 /// <reference path="../src/global.d.ts" />
 import type {CssIdentifiersMap as BootStrap4} from "../__typing__/bootstrap4.css"
-import type { Cut, Strip, UnionToIntersection } from "../src/ts-swiss.types"
+import type { Cut, Ever0, Strip, UnionToIntersection } from "../src/ts-swiss.types"
 
 type After<Str extends string, Start extends string> = Str extends `${Start}${infer End}` ? End : never
 type StrToInt<K extends string> = K extends keyof ReactClassNaming.StrToNum ? ReactClassNaming.StrToNum[K] : K
@@ -14,7 +14,7 @@ type MiddleProps<classes extends string> = {
   [root in Strip<classes, "-", true>]: Exclude<classes extends `${string}-${root}` ? never : root, classes>
 }[Strip<classes, "-", true>]
 
-type ValuesQ<classes extends string, props extends string, values extends string> = (
+type ValuesQ<classes extends string, props extends string, values extends boolean|string> = (
   false
   | values
   | {[p in props|"_"]?: p extends "_" ? values : After<classes, `${p}-`>}
@@ -27,18 +27,26 @@ type ValuesQ<classes extends string, props extends string, values extends string
 type Values<classes extends string> = ValuesQ<
   classes,
   MiddleProps<classes>,
-  StrToInt<Cut<classes, `${MiddleProps<classes>}-`>>
+  Ever0<StrToInt<Cut<classes, `${MiddleProps<classes>}-`>>, true>
 >
 
 type AtomicQuery<classes extends string> = {
+  //TODO #38 Make good values hint here
   [p in RootProps<classes>]?: Values<After<classes, `${p}-`>>
 }
 
 it("atomic bootstrap", () => {
   const check: Record<string, AtomicQuery<keyof BootStrap4>> = {
     "1": {
+      collapse: true,
+      display: 1,
+      "progress-bar": "animated",
+      "justify-content": {
+        _: "around",
+        "lg": "between"
+      },
       d: ["inline", {lg: "inline-block"}]
-    }
+    },
   }
   expect(check).toBeInstanceOf(Object)
 })

package.json

@@ -27,7 +27,7 @@
   },
   "license": "MIT",
   "scripts": {
-    "dev": "npm run jest -- --collectCoverageFrom=[] --bail=false --onlyFailures --watch",
+    "dev": "npm run jest -- --collectCoverageFrom=[] --bail=false --watch",
     "test": "npm run jest --",
     "pretest": "jest --clearCache",
     "build": "npm run compile",

src/atom.core.test.ts

@@ -0,0 +1,34 @@
+import { atom2arr } from "./atom.core";
+
+it("demo", () => expect(atom2arr({
+  collapse: true,
+  display: 1,
+  "progress-bar": "animated",
+  "justify-content": {
+    _: "around",
+    lg: "between"
+  },
+  d: ["inline", {lg: "inline-block"}]
+})).toStrictEqual([
+  "collapse",
+  "display-1",
+  "progress-bar-animated",
+  "justify-content-around",
+  "justify-content-lg-between",
+  "d-inline",
+  "d-lg-inline-block"
+]))
+
+it("falsing", () => expect(atom2arr({
+  //@ts-expect-error
+  "null": null,
+  "false": false,
+  "0": 0,
+  //@ts-expect-error
+  "undefined": undefined,
+  "empty": ""
+})).toStrictEqual([
+  "0-0",
+  "undefined-undefined",
+  "empty-"
+]))

src/atom.core.ts

@@ -0,0 +1,59 @@
+import type {AtomInGeneral} from "./atom.types"
+import {EMPTY_ARRAY} from "./consts.json"
+
+const {isArray: $isArray} = Array
+
+const selfKey = "_"
+, delimiter = "-"
+
+export {
+  atom2arr
+}
+
+function atom2arr(query: AtomInGeneral) {
+  const classes: string[] = []
+
+  for (const key in query) {
+    const value = query[key]
+
+    if (typeof value !== "object") {
+      const className = value2class(key, value)
+      className && classes.push(className)
+      continue
+    }
+
+    const subValue = value2class(key, $isArray(value) ? value[0] : false)
+    , subQuery = object2classes(key, $isArray(value) ? value[1] : value)
+
+    subValue && classes.push(subValue)
+    classes.push(...subQuery)
+  }
+
+  return classes
+}
+
+function object2classes(rootKey: string, subQuery: undefined|Record<string, boolean|number|string>) {
+  if (!subQuery)
+    return EMPTY_ARRAY
+    
+  const classes: string[] = []
+  for (const key in subQuery) {
+    const subValue = subQuery[key]
+    , value = key === selfKey
+    ? subValue
+    : value2class(key, subValue)
+    value && classes.push(`${rootKey}${delimiter}${value}`)
+  }
+  return classes
+}
+
+function value2class(property: string, value: boolean|number|string) {
+  switch (value) {
+    case false:
+      return 
+    case true:
+      return property
+    default:
+      return `${property}${delimiter}${value}`
+  }
+}

src/atom.types.ts

@@ -0,0 +1,8 @@
+export type AtomInGeneral = {
+  [property: string]: boolean | number | string
+  | {[record: string]: boolean | number | string}
+  | [
+    boolean | number | string,
+    {[record: string]: boolean | number | string}
+  ]
+}