index.ts — tailwindcss Source File

Architecture documentation for index.ts, a typescript file in the tailwindcss codebase. 6 imports, 0 dependents.

File typescript OxideEngine Scanner 6 imports 1 functions

Entity Profile

OxideEngine→ Scanner→ index.ts — tailwindcss Source File

Dependency Diagram

graph LR
  b03c531d_c64a_4e5b_3116_36ec1f17db53["index.ts"]
  acca0d4d_d5a0_546f_e935_ba836aa528c6["node:module"]
  b03c531d_c64a_4e5b_3116_36ec1f17db53 --> acca0d4d_d5a0_546f_e935_ba836aa528c6
  cb00a5ee_7c7c_29e9_555f_05be608b9eba["package.json"]
  b03c531d_c64a_4e5b_3116_36ec1f17db53 --> cb00a5ee_7c7c_29e9_555f_05be608b9eba
  ee008723_b353_ba10_462e_a8109085305d["index.css"]
  b03c531d_c64a_4e5b_3116_36ec1f17db53 --> ee008723_b353_ba10_462e_a8109085305d
  237347c3_1233_e033_859b_4ffc8a9c3ebe["preflight.css"]
  b03c531d_c64a_4e5b_3116_36ec1f17db53 --> 237347c3_1233_e033_859b_4ffc8a9c3ebe
  e0c9bd46_73e8_d18b_d9c0_1715ae7854e2["theme.css"]
  b03c531d_c64a_4e5b_3116_36ec1f17db53 --> e0c9bd46_73e8_d18b_d9c0_1715ae7854e2
  6fc11452_e95b_11cd_7993_bdc7515d94af["utilities.css"]
  b03c531d_c64a_4e5b_3116_36ec1f17db53 --> 6fc11452_e95b_11cd_7993_bdc7515d94af
  style b03c531d_c64a_4e5b_3116_36ec1f17db53 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { createRequire } from 'node:module'
import packageJson from 'tailwindcss/package.json'

import indexCss from 'tailwindcss/index.css' with { type: 'file' }
import preflightCss from 'tailwindcss/preflight.css' with { type: 'file' }
import themeCss from 'tailwindcss/theme.css' with { type: 'file' }
import utilitiesCss from 'tailwindcss/utilities.css' with { type: 'file' }

const localResolve = createRequire(import.meta.url).resolve

globalThis.__tw_resolve = (id, baseDir) => {
  let isEmbeddedFileBase = baseDir === '/$bunfs/root' || baseDir?.includes(':/~BUN/root')
  const likelyEmbeddedFile =
    id === 'tailwindcss' ||
    id.startsWith('tailwindcss/') ||
    id.startsWith('@tailwindcss/') ||
    isEmbeddedFileBase

  if (!likelyEmbeddedFile) {
    return false
  }

  id = id.startsWith('tailwindcss/')
    ? id.slice(12)
    : isEmbeddedFileBase && id.startsWith('./')
      ? id.slice(2)
      : id

  switch (id) {
    case 'index':
    case 'index.css':
    case 'tailwindcss':
      return localResolve(indexCss)
    case 'theme':
    case 'theme.css':
      return localResolve(themeCss)
    case 'preflight':
    case 'preflight.css':
      return localResolve(preflightCss)
    case 'utilities':
    case 'utilities.css':
      return localResolve(utilitiesCss)
    case '@tailwindcss/forms':
    case '@tailwindcss/typography':
    case '@tailwindcss/aspect-ratio':
      return id
    default:
      return false
  }
}
globalThis.__tw_load = async (id) => {
  if (id.endsWith('@tailwindcss/forms')) {
    return require('@tailwindcss/forms')
  } else if (id.endsWith('@tailwindcss/typography')) {
    return require('@tailwindcss/typography')
  } else if (id.endsWith('@tailwindcss/aspect-ratio')) {
    return require('@tailwindcss/aspect-ratio')
  } else {
    return undefined
  }
}
globalThis.__tw_version = packageJson.version

// We use a plugin to make sure that the JS APIs are bundled with the standalone
// CLI and can be imported inside configs and plugins
Bun.plugin({
  name: 'bundle-tailwindcss-apis',
  target: 'bun',
  async setup(build) {
    // These imports must be static strings otherwise they won't be bundled
    let bundled = {
      tailwindcss: await import('tailwindcss'),
      'tailwindcss/colors': await import('tailwindcss/colors'),
      'tailwindcss/colors.js': await import('tailwindcss/colors'),
      'tailwindcss/plugin': await import('tailwindcss/plugin'),
      'tailwindcss/plugin.js': await import('tailwindcss/plugin'),
      'tailwindcss/package.json': await import('tailwindcss/package.json'),
      'tailwindcss/lib/util/flattenColorPalette':
        await import('tailwindcss/lib/util/flattenColorPalette'),
      'tailwindcss/lib/util/flattenColorPalette.js':
        await import('tailwindcss/lib/util/flattenColorPalette'),
      'tailwindcss/defaultTheme': await import('tailwindcss/defaultTheme'),
      'tailwindcss/defaultTheme.js': await import('tailwindcss/defaultTheme'),
    }

    for (let [id, exports] of Object.entries(bundled)) {
      build.module(id, () => ({
        loader: 'object',
        exports: {
          ...exports,
          __esModule: true,
        },
      }))
    }
  },
})

await import('../../@tailwindcss-cli/src/index.ts')

Domain

OxideEngine

Subdomains

Scanner

Functions

globalThis()

Dependencies

index.css
node:module
package.json
preflight.css
theme.css
utilities.css

Source

View on GitHub

Frequently Asked Questions

What does index.ts do?

index.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the OxideEngine domain, Scanner subdomain.

What functions are defined in index.ts?

index.ts defines 1 function(s): globalThis.

What does index.ts depend on?

index.ts imports 6 module(s): index.css, node:module, package.json, preflight.css, theme.css, utilities.css.

Where is index.ts in the architecture?

index.ts is located at packages/@tailwindcss-standalone/src/index.ts (domain: OxideEngine, subdomain: Scanner, directory: packages/@tailwindcss-standalone/src).

Analyze Your Own Codebase

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

Try Supermodel Free