tailwindcss Architecture Docs
Home / File/ other-transforms.test.ts — tailwindcss Source File

other-transforms.test.ts — tailwindcss Source File

Architecture documentation for other-transforms.test.ts, a typescript file in the tailwindcss codebase. 6 imports, 0 dependents.

File typescript OxideEngine PreProcessors 6 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  66b35448_8bfe_3a18_6925_e949c5e851a8["other-transforms.test.ts"]
  9ffd1dda_9675_c514_373d_0f4ab4648249["utils.ts"]
  66b35448_8bfe_3a18_6925_e949c5e851a8 --> 9ffd1dda_9675_c514_373d_0f4ab4648249
  41c6e4f2_197a_5e83_1beb_584bbb4130fa["fetchStyles"]
  66b35448_8bfe_3a18_6925_e949c5e851a8 --> 41c6e4f2_197a_5e83_1beb_584bbb4130fa
  329ca5ee_2e24_1ec5_6818_8fdc3622dda9["retryAssertion"]
  66b35448_8bfe_3a18_6925_e949c5e851a8 --> 329ca5ee_2e24_1ec5_6818_8fdc3622dda9
  f11e3be9_51f8_140b_68b0_f58ddd082595["test"]
  66b35448_8bfe_3a18_6925_e949c5e851a8 --> f11e3be9_51f8_140b_68b0_f58ddd082595
  211db6bb_9759_d0cf_acda_36d7f5733ce2["dedent"]
  66b35448_8bfe_3a18_6925_e949c5e851a8 --> 211db6bb_9759_d0cf_acda_36d7f5733ce2
  696bd648_5f24_1b59_8e8b_7a97a692869e["vitest"]
  66b35448_8bfe_3a18_6925_e949c5e851a8 --> 696bd648_5f24_1b59_8e8b_7a97a692869e
  style 66b35448_8bfe_3a18_6925_e949c5e851a8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import dedent from 'dedent'
import { describe } from 'vitest'
import { css, fetchStyles, html, retryAssertion, test, ts, txt } from '../utils'

function createSetup(transformer: 'postcss' | 'lightningcss') {
  return {
    fs: {
      'package.json': txt`
        {
          "type": "module",
          "dependencies": {
            "@tailwindcss/vite": "workspace:^",
            "tailwindcss": "workspace:^"
          },
          "devDependencies": {
            ${transformer === 'lightningcss' ? `"lightningcss": "^1",` : ''}
            "vite": "^7"
          }
        }
      `,
      'vite.config.ts': ts`
        import tailwindcss from '@tailwindcss/vite'
        import { defineConfig } from 'vite'

        export default defineConfig({
          css: ${transformer === 'postcss' ? '{}' : "{ transformer: 'lightningcss' }"},
          build: { cssMinify: false },
          plugins: [
            tailwindcss(),
            {
              name: 'recolor',
              transform(code, id) {
                if (id.includes('.css')) {
                  return code.replace(/red;/g, 'blue;')
                }
              },
            },
          ],
        })
      `,
      'index.html': html`
        <head>
          <link rel="stylesheet" href="./src/index.css" />
        </head>
        <body>
          <div class="foo [background-color:red]">Hello, world!</div>
        </body>
      `,
      'src/index.css': css`
        @reference 'tailwindcss/theme';
        @import 'tailwindcss/utilities';

        .foo {
          color: red;
        }
      `,
    },
  }
}

// ... (119 more lines)

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does other-transforms.test.ts do?
other-transforms.test.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the OxideEngine domain, PreProcessors subdomain.
What functions are defined in other-transforms.test.ts?
other-transforms.test.ts defines 1 function(s): createSetup.
What does other-transforms.test.ts depend on?
other-transforms.test.ts imports 6 module(s): dedent, fetchStyles, retryAssertion, test, utils.ts, vitest.
Where is other-transforms.test.ts in the architecture?
other-transforms.test.ts is located at integrations/vite/other-transforms.test.ts (domain: OxideEngine, subdomain: PreProcessors, directory: integrations/vite).

Analyze Your Own Codebase

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

Try Supermodel Free