Add tests for spacing

Author: garronej

src/bin/css_to_ts/css_to_ts.ts

@@ -3,6 +3,7 @@ import { generateGetColorDecisionsTsCode } from "./colorDecisions";
 import { generateGetColorOptionsTsCode } from "./colorOptions";
 import { getProjectRoot } from "../tools/getProjectRoot";
 import { generateTypographyTsCode } from "./typography";
+import { generateSpacingTsCode } from "./spacing";
 import * as fs from "fs";
 import { join as pathJoin, basename as pathBasename, relative as pathRelative } from "path";
 
@@ -62,11 +63,6 @@ fs.writeFileSync(
     Buffer.from([warningMessage, ``, generateBreakpointsTsCode(rawCssCode)].join("\n"), "utf8")
 );
 
-fs.writeFileSync(
-    pathJoin(generatedDirPath, "typography.ts"),
-    Buffer.from([warningMessage, ``, generateTypographyTsCode(rawCssCode)].join("\n"), "utf8")
-);
-
 fs.writeFileSync(
     pathJoin(generatedDirPath, "typography.ts"),
     Buffer.from(
@@ -80,3 +76,8 @@ fs.writeFileSync(
         "utf8"
     )
 );
+
+fs.writeFileSync(
+    pathJoin(generatedDirPath, "spacing.ts"),
+    Buffer.from([warningMessage, ``, generateSpacingTsCode(rawCssCode), ``].join("\n"), "utf8")
+);

src/bin/css_to_ts/spacing.ts

@@ -88,3 +88,20 @@ export const parseSpacing = memoize((rawCssCode: string): SpacingTokenAndValue[]
 
     return spacingTokenAndValues;
 });
+
+export function generateSpacingTsCode(rawCssCode: string) {
+    const spacingTokenAndValues = parseSpacing(rawCssCode);
+
+    return [
+        `export const spacingTokenByValue= ${JSON.stringify(
+            Object.fromEntries(spacingTokenAndValues.map(({ token, value }) => [token, value])),
+            null,
+            4
+        )};`,
+        ``,
+        `type SpacingTokenByValue = typeof spacingTokenByValue;`,
+        ``,
+        `export type SpacingToken = keyof SpacingTokenByValue;`,
+        ``
+    ].join("\n");
+}

src/lib/spacing.ts

@@ -1,17 +1,8 @@
 /* eslint-disable @typescript-eslint/ban-types */
 import { assert } from "tsafe/assert";
 import { capitalize } from "tsafe/capitalize";
-
-const spacingTokenByValue = {
-    "1v": "0.25rem",
-    "1w": "0.50rem",
-    "3v": "0.75rem",
-    "2w": "1rem"
-} as const;
-
-type SpacingTokenByValue = typeof spacingTokenByValue;
-
-export type SpacingToken = keyof SpacingTokenByValue;
+import { spacingTokenByValue } from "./generatedFromCss/spacing";
+import type { SpacingToken, SpacingTokenByValue } from "./generatedFromCss/spacing";
 
 export function spacing<T extends SpacingToken>(token: T): SpacingTokenByValue[T];
 export function spacing<

test/behavior/bin/spacing/generateSpacingTsCode.test.ts

@@ -0,0 +1,40 @@
+import { it, expect } from "vitest";
+import { generateSpacingTsCode } from "../../../../src/bin/css_to_ts/spacing";
+
+export default () =>
+    it("Generates spacing TS code", () => {
+        const rawCssCode = `
+.fr-m-7v {
+  margin: 1.75rem !important;
+}
+
+.fr-m-12v,
+.fr-m-6w {
+  margin: 3rem !important;
+}
+
+@media (min-width: 36em) { }
+
+@media (min-width: 48em) { }
+
+@media (min-width: 62em) { }
+
+@media (min-width: 78em) { }
+`.replace(/^\n/, "");
+
+        const got = generateSpacingTsCode(rawCssCode);
+
+        const expected = `
+export const spacingTokenByValue= {
+    "7v": "1.75rem",
+    "12v": "3rem",
+    "6w": "3rem"
+};
+
+type SpacingTokenByValue = typeof spacingTokenByValue;
+
+export type SpacingToken = keyof SpacingTokenByValue;
+`.replace(/^\n/, "");
+
+        expect(got).toBe(expected);
+    });

test/behavior/bin/spacing/index.ts

@@ -1,7 +1,8 @@
 import testCases from "cases-of-test";
 import _0 from "./parseSpacing.test";
+import _1 from "./generateSpacingTsCode.test";
 
 export default () =>
     testCases({
-        "tests": [[_0]]
+        "tests": [[_0], [_1]]
     });