Home / File/ update-tailwind-config.test.ts — ui Source File

update-tailwind-config.test.ts — ui Source File

Architecture documentation for update-tailwind-config.test.ts, a typescript file in the ui codebase. 9 imports, 0 dependents.

Entity Profile

Dependency Diagram

graph LR
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c["update-tailwind-config.test.ts"]
  ef3e192c_eced_bc46_1021_689faf6b7065["update-tailwind-config.ts"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> ef3e192c_eced_bc46_1021_689faf6b7065
  c09b8e64_3e09_bf5f_54cf_0fe1b7ddc552["buildTailwindThemeColorsFromCssVars"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> c09b8e64_3e09_bf5f_54cf_0fe1b7ddc552
  c1c7ccf8_1702_08a4_0680_3abdcc3c18e0["nestSpreadElements"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> c1c7ccf8_1702_08a4_0680_3abdcc3c18e0
  07fc0309_c10f_8b0d_c1ac_97cd8f9a1f5a["nestSpreadProperties"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> 07fc0309_c10f_8b0d_c1ac_97cd8f9a1f5a
  bcd6344c_3146_377d_9fd0_f68ae594bdfb["transformTailwindConfig"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> bcd6344c_3146_377d_9fd0_f68ae594bdfb
  d2e241ac_3cd3_c229_69bf_7b66b84a8b58["unnestSpreadProperties"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> d2e241ac_3cd3_c229_69bf_7b66b84a8b58
  74b0c141_8b3d_9ed6_f729_6f00da6d91ac["unsetSpreadElements"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> 74b0c141_8b3d_9ed6_f729_6f00da6d91ac
  4f6f7e78_23ff_4f5f_c723_474454f64c85["ts-morph"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> 4f6f7e78_23ff_4f5f_c723_474454f64c85
  c8d55bee_7008_1e1f_317b_8dc47b31b6a8["vitest"]
  06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c --> c8d55bee_7008_1e1f_317b_8dc47b31b6a8
  style 06c88ca2_9dc4_827b_ce2a_8cc0c160ba0c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Project, SyntaxKind } from "ts-morph"
import { beforeEach, describe, expect, test } from "vitest"

import {
  buildTailwindThemeColorsFromCssVars, nestSpreadElements,
  nestSpreadProperties,
  transformTailwindConfig,
  unnestSpreadProperties, unsetSpreadElements,
} from "../../../src/utils/updaters/update-tailwind-config"

const SHARED_CONFIG = {
  $schema: "https://ui.shadcn.com/schema.json",
  style: "new-york",
  rsc: true,
  tsx: true,
  tailwind: {
    config: "tailwind.config.ts",
    css: "app/globals.css",
    baseColor: "slate",
    cssVariables: true,
  },
  aliases: {
    components: "@/components",
    utils: "@/lib/utils",
  },
  resolvedPaths: {
    cwd: ".",
    tailwindConfig: "tailwind.config.ts",
    tailwindCss: "app/globals.css",
    components: "./components",
    utils: "./lib/utils",
    ui: "./components/ui",
  },
}

describe("transformTailwindConfig -> darkMode property", () => {
  test("should add darkMode property if not in config", async () => {
    expect(
      await transformTailwindConfig(
        `import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
    },
  },
  plugins: [],
}
export default config
  `,
// ... (1318 more lines)

Frequently Asked Questions

What does update-tailwind-config.test.ts do?
update-tailwind-config.test.ts is a source file in the ui codebase, written in typescript. It belongs to the FrameworkTooling domain.
What does update-tailwind-config.test.ts depend on?
update-tailwind-config.test.ts imports 9 module(s): buildTailwindThemeColorsFromCssVars, nestSpreadElements, nestSpreadProperties, transformTailwindConfig, ts-morph, unnestSpreadProperties, unsetSpreadElements, update-tailwind-config.ts, and 1 more.
Where is update-tailwind-config.test.ts in the architecture?
update-tailwind-config.test.ts is located at packages/shadcn/test/utils/updaters/update-tailwind-config.test.ts (domain: FrameworkTooling, directory: packages/shadcn/test/utils/updaters).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free