-
Notifications
You must be signed in to change notification settings - Fork 282
/
index.ts
77 lines (68 loc) · 1.78 KB
/
index.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
import {
cssFileFilter,
virtualCssFileFilter,
processVanillaFile,
getSourceFromVirtualCssFile,
compile,
vanillaExtractFilescopePlugin,
} from '@vanilla-extract/integration';
import type { Plugin } from 'esbuild';
const vanillaCssNamespace = 'vanilla-extract-css-ns';
interface VanillaExtractPluginOptions {
outputCss?: boolean;
externals?: Array<string>;
runtime?: boolean;
processCss?: (css: string) => Promise<string>;
}
export function vanillaExtractPlugin({
outputCss,
externals = [],
runtime = false,
processCss,
}: VanillaExtractPluginOptions = {}): Plugin {
if (runtime) {
// If using runtime CSS then just apply fileScopes to code
return vanillaExtractFilescopePlugin();
}
return {
name: 'vanilla-extract',
setup(build) {
build.onResolve({ filter: virtualCssFileFilter }, (args) => {
return {
path: args.path,
namespace: vanillaCssNamespace,
};
});
build.onLoad(
{ filter: /.*/, namespace: vanillaCssNamespace },
async ({ path }) => {
let { source } = getSourceFromVirtualCssFile(path);
if (typeof processCss === 'function') {
source = await processCss(source);
}
return {
contents: source,
loader: 'css',
};
},
);
build.onLoad({ filter: cssFileFilter }, async ({ path }) => {
const { source, watchFiles } = await compile({
filePath: path,
externals,
cwd: build.initialOptions.absWorkingDir,
});
const contents = processVanillaFile({
source,
filePath: path,
outputCss,
});
return {
contents,
loader: 'js',
watchFiles,
};
});
},
};
}