mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
662c6862ac
This PR ensures we bundle the relevant JS APIs in the Standalone CLI like `tailwindcss`, `tailwindcss/plugin`, `tailwindcss/colors`, etc… Before, when loading plugins or configs, imports for those resources would fail. Fixes #15235 --------- Co-authored-by: Philipp Spiess <hello@philippspiess.com>
111 lines
3.5 KiB
TypeScript
111 lines
3.5 KiB
TypeScript
import fs from 'node:fs'
|
|
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
|
|
globalThis.__tw_readFile = async (path, encoding) => {
|
|
// When reading a file from the `$bunfs`, we need to use the synchronous
|
|
// `readFileSync` API
|
|
let isEmbeddedFileBase = path.includes('/$bunfs/root') || path.includes(':/~BUN/root')
|
|
if (!isEmbeddedFileBase) {
|
|
return
|
|
}
|
|
return fs.readFileSync(path, encoding)
|
|
}
|
|
|
|
// 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')
|