Clean up tail wind config files

Author: AndreasArvidsson

packages/cheatsheet-local/tailwind.config.js

@@ -1,13 +1,14 @@
-import { readFileSync } from "fs";
+import { readFileSync } from "node:fs";
 
 const references = JSON.parse(
   readFileSync("tsconfig.json", "utf-8"),
 ).references.map((ref) => ref.path);
 
-export const content = [".", ...references].map(
-  (dir) => `${dir}/src/**/*!(*.stories|*.spec).{ts,tsx,html}`,
-);
-export const theme = {
-  extend: {},
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [".", ...references].map((pkg) => `${pkg}/src/**/*.{js,ts,jsx,tsx}`),
+  theme: {
+    extend: {},
+  },
+  plugins: [],
 };
-export const plugins = [];

packages/cursorless-org-docs/tailwind.config.js

@@ -1,9 +1,17 @@
-/** @type {import('tailwindcss').Config} */
+import { readFileSync } from "node:fs";
 
-export const content = ["./src/**/*.{js,ts,jsx,tsx}"];
+const references = JSON.parse(
+  readFileSync("tsconfig.json", "utf-8"),
+).references.map((ref) => ref.path);
 
-export const corePlugins = {
-  preflight: false,
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [".", ...references].map((pkg) => `${pkg}/src/**/*.{js,ts,jsx,tsx}`),
+  theme: {
+    extend: {},
+  },
+  corePlugins: {
+    preflight: false,
+  },
+  plugins: [],
 };
-
-export const plugins = [];

packages/cursorless-org/tailwind.config.js

@@ -1,6 +1,5 @@
-import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
-import { join } from "path";
-import { readFileSync } from "fs";
+import { fontFamily } from "tailwindcss/defaultTheme";
+import { readFileSync } from "node:fs";
 
 const CONTENT_RATIO = 1000 / 814;
 
@@ -44,60 +43,59 @@ const {
 } = getScalingStrings(5, 5);
 
 const references = JSON.parse(
-  // eslint-disable-next-line unicorn/prefer-module
-  readFileSync(join(__dirname, "tsconfig.json"), "utf-8"),
+  readFileSync("tsconfig.json", "utf-8"),
 ).references.map((ref) => ref.path);
 
 /** @type {import('tailwindcss').Config} */
-export const content = [".", ...references].map(
-  (pkg) => `${pkg}/src/**/*.{js,ts,jsx,tsx}`,
-);
-export const theme = {
-  extend: {
-    screens: {
-      stretched: { raw: "(min-aspect-ratio: 2/1), (max-aspect-ratio: 1/1)" },
-    },
-    fontFamily: {
-      mono: ["Inconsolata", ..._fontFamily.mono],
-      monoWide: ["Inconsolata-SemiExpanded", ..._fontFamily.mono],
-    },
-    width: {
-      smBase: smallWidth,
-      stretchedBase: stretchedWidth,
-    },
-    height: {
-      smBase: smallHeight,
-      stretchedBase: stretchedHeight,
-    },
-    fontSize: {
-      smBase: smallFontSize,
-      stretchedBase: stretchedFontSize,
-      xs: "1.2em",
-      lg: "1.8em",
-      "2xl": "2.4em",
-      "3xl": "3.6em",
-    },
-    colors: {
-      salmon: {
-        100: "#FFFAF8",
-        300: "#F8C9BA",
-        400: "#FF9273",
-        700: "#372e2a",
-        800: "#161110",
-        900: "#0A0707",
+export default {
+  content: [".", ...references].map((pkg) => `${pkg}/src/**/*.{js,ts,jsx,tsx}`),
+  theme: {
+    extend: {
+      screens: {
+        stretched: { raw: "(min-aspect-ratio: 2/1), (max-aspect-ratio: 1/1)" },
+      },
+      fontFamily: {
+        mono: ["Inconsolata", ...fontFamily.mono],
+        monoWide: ["Inconsolata-SemiExpanded", ...fontFamily.mono],
+      },
+      width: {
+        smBase: smallWidth,
+        stretchedBase: stretchedWidth,
+      },
+      height: {
+        smBase: smallHeight,
+        stretchedBase: stretchedHeight,
+      },
+      fontSize: {
+        smBase: smallFontSize,
+        stretchedBase: stretchedFontSize,
+        xs: "1.2em",
+        lg: "1.8em",
+        "2xl": "2.4em",
+        "3xl": "3.6em",
       },
-      teal: {
-        100: "#F9FFFE",
-        200: "#CDFFF9",
-        300: "#99FFF3",
-        400: "#00907F",
-        500: "#47D4C3",
-        600: "#0F776B",
-        700: "#005349",
-        800: "#00443C",
-        900: "#00110F",
+      colors: {
+        salmon: {
+          100: "#FFFAF8",
+          300: "#F8C9BA",
+          400: "#FF9273",
+          700: "#372e2a",
+          800: "#161110",
+          900: "#0A0707",
+        },
+        teal: {
+          100: "#F9FFFE",
+          200: "#CDFFF9",
+          300: "#99FFF3",
+          400: "#00907F",
+          500: "#47D4C3",
+          600: "#0F776B",
+          700: "#005349",
+          800: "#00443C",
+          900: "#00110F",
+        },
       },
     },
   },
+  plugins: [],
 };
-export const plugins = [];

packages/cursorless-vscode-tutorial-webview/tailwind.config.js

@@ -1,17 +1,18 @@
-import { readFileSync } from "fs";
+import { readFileSync } from "node:fs";
 
 const references = JSON.parse(
   readFileSync("tsconfig.json", "utf-8"),
 ).references.map((ref) => ref.path);
 
-export const content = [".", ...references].map(
-  (dir) => `${dir}/src/**/*!(*.stories|*.spec).{ts,tsx,html}`,
-);
-export const theme = {
-  extend: {
-    fontSize: {
-      ["2xs"]: "0.625rem",
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [".", ...references].map((pkg) => `${pkg}/src/**/*.{js,ts,jsx,tsx}`),
+  theme: {
+    extend: {
+      fontSize: {
+        ["2xs"]: "0.625rem",
+      },
     },
   },
+  plugins: [],
 };
-export const plugins = [];