All test passes and build fixed

Author: garronej

package.json

@@ -95,7 +95,6 @@
         "rimraf": "^3.0.2",
         "ts-node": "^10.2.1",
         "vitest": "^0.24.3",
-        "cases-of-test": "^0.0.1",
         "typescript": "^4.9.1-beta"
     }
 }

src/bin/css_to_ts/spacing.ts

@@ -97,9 +97,9 @@ export function generateSpacingTsCode(rawCssCode: string) {
             Object.fromEntries(spacingTokenAndValues.map(({ token, value }) => [token, value])),
             null,
             4
-        )};`,
+        )} as const;`,
         ``,
-        `type SpacingTokenByValue = typeof spacingTokenByValue;`,
+        `export type SpacingTokenByValue = typeof spacingTokenByValue;`,
         ``,
         `export type SpacingToken = keyof SpacingTokenByValue;`,
         ``

src/lib/spacing.ts

@@ -4,6 +4,8 @@ import { capitalize } from "tsafe/capitalize";
 import { spacingTokenByValue } from "./generatedFromCss/spacing";
 import type { SpacingToken, SpacingTokenByValue } from "./generatedFromCss/spacing";
 
+export type { SpacingToken };
+
 export function spacing<T extends SpacingToken>(token: T): SpacingTokenByValue[T];
 export function spacing<
     Kind extends "padding" | "margin",

test/behavior/bin/breakpoints.test/generateBreakpointsTsCode.test.ts

@@ -1,9 +1,8 @@
 import { it, expect } from "vitest";
 import { generateBreakpointsTsCode } from "../../../../src/bin/css_to_ts/breakpoints";
 
-export default () =>
-    it("Generation of TS code for breakpoints", () => {
-        const input = `
+it("Generation of TS code for breakpoints", () => {
+    const input = `
 @media (min-width: 36em) {
   /*! media sm */
 
@@ -42,7 +41,7 @@ export default () =>
 }
 `;
 
-        const expected = `
+    const expected = `
 import { assert } from "tsafe/assert";
 import type { Extends } from "tsafe";
 
@@ -63,7 +62,7 @@ export const breakpointValues = {
 assert<Extends<typeof breakpointValues, Record<BreakpointKeys, number>>>();
 `.replace(/^\n/, "");
 
-        const got = generateBreakpointsTsCode(input);
+    const got = generateBreakpointsTsCode(input);
 
-        expect(got).toBe(expected);
-    });
+    expect(got).toBe(expected);
+});

test/behavior/bin/breakpoints.test/index.ts

@@ -8,9 +8,8 @@ import type {
 //import { same } from "evt/tools/inDepth/same";
 import { id } from "tsafe";
 
-export default () =>
-    it("Parsing of breakpoint", () => {
-        const input = `
+it("Parsing of breakpoint", () => {
+    const input = `
 @media (min-width: 36em) {
   /*! media sm */
 
@@ -49,23 +48,23 @@ export default () =>
 }
 `;
 
-        const expected = {
-            "breakpointsValues": id<BreakpointsValues>({
-                "unit": "em",
-                "sm": 36,
-                "md": 48,
-                "lg": 62,
-                "xl": 78
-            }),
-            "mediaQueryByBreakpoint": id<MediaQueryByBreakpoint>({
-                "sm": "(min-width: 36em)",
-                "md": "(min-width: 48em)",
-                "lg": "(min-width: 62em)",
-                "xl": "(min-width: 78em)"
-            })
-        };
+    const expected = {
+        "breakpointsValues": id<BreakpointsValues>({
+            "unit": "em",
+            "sm": 36,
+            "md": 48,
+            "lg": 62,
+            "xl": 78
+        }),
+        "mediaQueryByBreakpoint": id<MediaQueryByBreakpoint>({
+            "sm": "(min-width: 36em)",
+            "md": "(min-width: 48em)",
+            "lg": "(min-width: 62em)",
+            "xl": "(min-width: 78em)"
+        })
+    };
 
-        const got = parseBreakpointsValues(input);
+    const got = parseBreakpointsValues(input);
 
-        expect(got).toStrictEqual(expected);
-    });
+    expect(got).toStrictEqual(expected);
+});

test/behavior/bin/breakpoints.test/parseBreakpointsValues.test.ts

@@ -1,9 +1,8 @@
 import { it, expect } from "vitest";
 import { generateGetColorDecisionsTsCode } from "../../../../src/bin/css_to_ts/colorDecisions";
 
-export default () =>
-    it("Generates the correct TS code for breakpoints", () => {
-        const input = `
+it("Generates the correct TS code for breakpoints", () => {
+    const input = `
 :root {
   --grey-1000-50-hover: #ffffff;
   --grey-1000-50: #ffffff;
@@ -35,7 +34,7 @@ export default () =>
 @media (min-width: 78em) { }
 `;
 
-        const expected = `
+    const expected = `
 export function getColorDecisions(
     params: {
         colorOptions: ColorOptions;
@@ -73,7 +72,7 @@ export function getColorDecisions(
     } as const;
 }`.replace(/^\n/, "");
 
-        const got = generateGetColorDecisionsTsCode(input);
+    const got = generateGetColorDecisionsTsCode(input);
 
-        expect(got).toBe(expected);
-    });
+    expect(got).toBe(expected);
+});

test/behavior/bin/colorDecisions/generateGetColorDecisionsTsCode.test.ts

@@ -2,9 +2,8 @@ import { it, expect } from "vitest";
 import { parseColorDecision } from "../../../../src/bin/css_to_ts/colorDecisions";
 import type { ColorDecision } from "../../../../src/bin/css_to_ts/colorDecisions";
 
-export default () =>
-    it("Color decisions to be successfully parsed", () => {
-        const rawCssCode = `
+it("Color decisions to be successfully parsed", () => {
+    const rawCssCode = `
 :root {
   --grey-1000-50-hover: #ffffff;
   --grey-1000-50: #ffffff;
@@ -36,30 +35,30 @@ export default () =>
 @media (min-width: 78em) { }
 `;
 
-        const got = parseColorDecision(rawCssCode);
+    const got = parseColorDecision(rawCssCode);
 
-        const expected: ColorDecision[] = [
-            {
-                "themePath": ["background", "default", "grey", "hover"],
-                "optionThemePath": ["grey", "_1000_50", "hover"]
-            },
-            {
-                "themePath": ["background", "default", "grey", "default"],
-                "optionThemePath": ["grey", "_1000_50", "default"]
-            },
-            {
-                "themePath": ["border", "actionLow", "orangeTerreBattue", "default"],
-                "optionThemePath": ["orangeTerreBattue", "_850_200", "default"]
-            },
-            {
-                "themePath": ["background", "altRaised", "grey", "hover"],
-                "optionThemePath": ["grey", "_975_100", "hover"]
-            },
-            {
-                "themePath": ["background", "contrastOverlap", "grey", "default"],
-                "optionThemePath": ["grey", "_950_150", "default"]
-            }
-        ];
+    const expected: ColorDecision[] = [
+        {
+            "themePath": ["background", "default", "grey", "hover"],
+            "optionThemePath": ["grey", "_1000_50", "hover"]
+        },
+        {
+            "themePath": ["background", "default", "grey", "default"],
+            "optionThemePath": ["grey", "_1000_50", "default"]
+        },
+        {
+            "themePath": ["border", "actionLow", "orangeTerreBattue", "default"],
+            "optionThemePath": ["orangeTerreBattue", "_850_200", "default"]
+        },
+        {
+            "themePath": ["background", "altRaised", "grey", "hover"],
+            "optionThemePath": ["grey", "_975_100", "hover"]
+        },
+        {
+            "themePath": ["background", "contrastOverlap", "grey", "default"],
+            "optionThemePath": ["grey", "_950_150", "default"]
+        }
+    ];
 
-        expect(got).toStrictEqual(expected);
-    });
+    expect(got).toStrictEqual(expected);
+});