vite Architecture Docs
Home / File/ css.spec.ts — vite Source File

css.spec.ts — vite Source File

Architecture documentation for css.spec.ts, a typescript file in the vite codebase. 17 imports, 0 dependents.

File typescript ViteCore ConfigEngine 17 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  ba0c3c35_a24f_6cf5_28b0_577f95582f08["css.spec.ts"]
  7da774f9_eca5_d54e_6e01_6bee7d460a2b["config.ts"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 7da774f9_eca5_d54e_6e01_6bee7d460a2b
  58c4a210_68fe_1b4d_ed49_d59203f97ef1["resolveConfig"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 58c4a210_68fe_1b4d_ed49_d59203f97ef1
  6729b047_29e8_ba18_f1ca_c87655a130d3["InlineConfig"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 6729b047_29e8_ba18_f1ca_c87655a130d3
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> c3eb47df_971b_0616_6c9f_29b3ded72224
  6648f04f_fbaf_b4c1_7ca5_d07266e9650c["convertTargets"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 6648f04f_fbaf_b4c1_7ca5_d07266e9650c
  157cb972_609e_022e_1ec5_3ed6f7e4f45c["cssPlugin"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 157cb972_609e_022e_1ec5_3ed6f7e4f45c
  98ef77ec_2e97_a945_fa45_32171e0ad8dc["getEmptyChunkReplacer"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 98ef77ec_2e97_a945_fa45_32171e0ad8dc
  e39deb1c_7e8d_a625_cb86_17f9cb0fd0dd["hoistAtRules"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> e39deb1c_7e8d_a625_cb86_17f9cb0fd0dd
  7747f6ec_dd9d_919b_6e8d_7c42638be952["injectInlinedCSS"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 7747f6ec_dd9d_919b_6e8d_7c42638be952
  4c8f6d74_d3d3_58db_32d0_15e3a669dc14["preprocessCSS"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 4c8f6d74_d3d3_58db_32d0_15e3a669dc14
  e4b69431_16f5_26e1_f535_a4b0b9b0b4a7["resolveLibCssFilename"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> e4b69431_16f5_26e1_f535_a4b0b9b0b4a7
  84057c57_14eb_2f16_cd5c_1899e8da6db0["baseEnvironment.ts"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 84057c57_14eb_2f16_cd5c_1899e8da6db0
  dc928824_33f2_0b61_b231_90d8800b77a5["PartialEnvironment"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> dc928824_33f2_0b61_b231_90d8800b77a5
  51e96894_3556_ed5c_1ede_97d449867adf["node:path"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08 --> 51e96894_3556_ed5c_1ede_97d449867adf
  style ba0c3c35_a24f_6cf5_28b0_577f95582f08 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import path from 'node:path'
import { describe, expect, test } from 'vitest'
import type { InternalModuleFormat } from 'rolldown'
import MagicString from 'magic-string'
import { resolveConfig } from '../../config'
import type { InlineConfig } from '../../config'
import {
  convertTargets,
  cssPlugin,
  cssUrlRE,
  getEmptyChunkReplacer,
  hoistAtRules,
  injectInlinedCSS,
  preprocessCSS,
  resolveLibCssFilename,
} from '../../plugins/css'
import { PartialEnvironment } from '../../baseEnvironment'

const dirname = import.meta.dirname

describe('search css url function', () => {
  test('some spaces before it', () => {
    expect(
      cssUrlRE.test("list-style-image: url('../images/bullet.jpg');"),
    ).toBe(true)
  })

  test('no space after colon', () => {
    expect(cssUrlRE.test("list-style-image:url('../images/bullet.jpg');")).toBe(
      true,
    )
  })

  test('at the beginning of line', () => {
    expect(cssUrlRE.test("url('../images/bullet.jpg');")).toBe(true)
  })

  test('as suffix of a function name', () => {
    expect(
      cssUrlRE.test(`@function svg-url($string) {
      @return "";
    }`),
    ).toBe(false)
  })

  test('after parenthesis', () => {
    expect(
      cssUrlRE.test(
        'mask-image: image(url(mask.png), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent));',
      ),
    ).toBe(true)
  })

  test('after comma', () => {
    expect(
      cssUrlRE.test(
        'mask-image: image(skyblue,url(mask.png), linear-gradient(rgba(0, 0, 0, 1.0), transparent));',
      ),
    ).toBe(true)
  })
// ... (737 more lines)

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does css.spec.ts do?
css.spec.ts is a source file in the vite codebase, written in typescript. It belongs to the ViteCore domain, ConfigEngine subdomain.
What functions are defined in css.spec.ts?
css.spec.ts defines 1 function(s): createCssPluginTransform.
What does css.spec.ts depend on?
css.spec.ts imports 17 module(s): InlineConfig, PartialEnvironment, baseEnvironment.ts, config.ts, convertTargets, css.ts, cssPlugin, getEmptyChunkReplacer, and 9 more.
Where is css.spec.ts in the architecture?
css.spec.ts is located at packages/vite/src/node/__tests__/plugins/css.spec.ts (domain: ViteCore, subdomain: ConfigEngine, directory: packages/vite/src/node/__tests__/plugins).

Analyze Your Own Codebase

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

Try Supermodel Free