#38 Add sandbox of boostrap4

Author: Andrii Kirmas

__recipes__/package-lock.json

@@ -1,22 +1,57 @@
+/// <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"
 
-it("stripper", () => {
-  type C1 = `${"visible-print"}-${"inline"|"block"|"inline-block"}`|`col${""|"-y"|"-x"}`|"display"
-  type Pairs<classes extends string> = {
-    [root in Strip<classes, "-">]: {
-        [m1 in Merge<root, `${root}-${Strip<Cut<classes, `${root}-`, true>, "-">}`>]: true
-      }
-    }
+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
+type Merge<Base extends string, Result extends string> = [Result] extends [never] ? Base : [UnionToIntersection<Result>] extends [never] ? Base : Result
+
+type RootProps<classes extends string> = {
+  [root in Strip<classes, "-">]: Merge<root, `${root}-${Strip<Cut<classes, `${root}-`, true>, "-">}`>
+}[Strip<classes, "-">]
+
+type MiddleProps<classes extends string> = {
+  [root in Strip<classes, "-", true>]: Exclude<classes extends `${string}-${root}` ? never : root, classes>
+}[Strip<classes, "-", true>]
 
-  type Merge<Base extends string, Result extends string> = [Result] extends [never] ? Base : [UnionToIntersection<Result>] extends [never] ? Base : Result
+type ValuesQ<classes extends string, props extends string, values extends string> = (
+  false
+  | values
+  | {[p in props|"_"]?: p extends "_" ? values : After<classes, `${p}-`>}
+  | [
+    values,
+    {[p in props]?: After<classes, `${p}-`>}
+  ]
+)
 
-  const checks: Record<string, Pairs<C1>> = {
-    "x": {
-      visible: {"visible-print": true},
-      col: {col: true},
-      display: {display: true}
+type Values<classes extends string> = ValuesQ<
+  classes,
+  MiddleProps<classes>,
+  StrToInt<Cut<classes, `${MiddleProps<classes>}-`>>
+>
+
+type AtomicQuery<classes extends string> = {
+  [p in RootProps<classes>]?: Values<After<classes, `${p}-`>>
+}
+
+it("atomic bootstrap", () => {
+  const check: Record<string, AtomicQuery<keyof BootStrap4>> = {
+    "1": {
+      d: ["inline", {lg: "inline-block"}]
     }
   }
+  expect(check).toBeInstanceOf(Object)
+})
 
-  expect(checks).toBeInstanceOf(Object)
-})
+it("merge values",() => {
+  type Display = `${""|"lg-"|"md-"}${
+    "none"
+    |`table${""|"-row"|"-cell"}`
+    |"inline"
+    |`${"inline-"|""}${"block"|"flex"}`
+  }`
+  const check: Record<string, Values<Display>> = {
+    "1": ["block", {lg: "block"}]
+  }
+  expect(check).toBeInstanceOf(Object)
+})