@stylexswc/webpack-plugin 0.12.1 → 0.13.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -2
- package/dist/stylex-loader.d.ts.map +1 -1
- package/dist/stylex-loader.js +2 -2
- package/dist/types.d.ts +1 -7
- package/dist/types.d.ts.map +1 -1
- package/dist/utils.d.ts +2 -2
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +1 -17
- package/package.json +4 -4
package/dist/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export default class StyleXPlugin {
|
|
|
9
9
|
useCSSLayers: boolean;
|
|
10
10
|
loaderOption: StyleXWebpackLoaderOptions;
|
|
11
11
|
transformCss: CSSTransformer;
|
|
12
|
-
constructor({ stylexImports, useCSSLayers, rsOptions, nextjsMode, transformCss,
|
|
12
|
+
constructor({ stylexImports, useCSSLayers, rsOptions, nextjsMode, transformCss, extractCSS, }?: StyleXPluginOption);
|
|
13
13
|
apply(compiler: webpack.Compiler): void;
|
|
14
14
|
}
|
|
15
15
|
export { VIRTUAL_CSS_PATTERN };
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAML,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAE3B,MAAM,SAAS,CAAC;AAkBjB,MAAM,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAE9F,MAAM,CAAC,OAAO,OAAO,YAAY;IAC/B,WAAW,iDAA4C;IACvD,YAAY,EAAE,OAAO,CAAC;IAEtB,YAAY,EAAE,0BAA0B,CAAC;IAEzC,YAAY,EAAE,cAAc,CAAC;gBAEjB,EACV,aAA8C,EAC9C,YAAoB,EACpB,SAAc,EACd,UAAkB,EAClB,YAAgC,EAChC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAML,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,0BAA0B,EAE3B,MAAM,SAAS,CAAC;AAkBjB,MAAM,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAE9F,MAAM,CAAC,OAAO,OAAO,YAAY;IAC/B,WAAW,iDAA4C;IACvD,YAAY,EAAE,OAAO,CAAC;IAEtB,YAAY,EAAE,0BAA0B,CAAC;IAEzC,YAAY,EAAE,cAAc,CAAC;gBAEjB,EACV,aAA8C,EAC9C,YAAoB,EACpB,SAAc,EACd,UAAkB,EAClB,YAAgC,EAChC,UAAiB,GAClB,GAAE,kBAAuB;IAkB1B,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ;CAyKjC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -25,7 +25,7 @@ class StyleXPlugin {
|
|
|
25
25
|
useCSSLayers;
|
|
26
26
|
loaderOption;
|
|
27
27
|
transformCss;
|
|
28
|
-
constructor({ stylexImports = ['stylex', '@stylexjs/stylex'], useCSSLayers = false, rsOptions = {}, nextjsMode = false, transformCss = identityTransfrom,
|
|
28
|
+
constructor({ stylexImports = ['stylex', '@stylexjs/stylex'], useCSSLayers = false, rsOptions = {}, nextjsMode = false, transformCss = identityTransfrom, extractCSS = true, } = {}) {
|
|
29
29
|
this.useCSSLayers = useCSSLayers;
|
|
30
30
|
this.loaderOption = {
|
|
31
31
|
stylexImports,
|
|
@@ -38,7 +38,6 @@ class StyleXPlugin {
|
|
|
38
38
|
...rsOptions,
|
|
39
39
|
},
|
|
40
40
|
nextjsMode,
|
|
41
|
-
transformer,
|
|
42
41
|
extractCSS,
|
|
43
42
|
};
|
|
44
43
|
this.transformCss = transformCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylex-loader.d.ts","sourceRoot":"","sources":["../src/stylex-loader.ts"],"names":[],"mappings":"AACA,OAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAA8B,YAAY,CACxC,IAAI,EAAE,aAAa,CAAC,uBAAuB,GAAG,0BAA0B,CAAC,EACzE,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"stylex-loader.d.ts","sourceRoot":"","sources":["../src/stylex-loader.ts"],"names":[],"mappings":"AACA,OAAoB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAA8B,YAAY,CACxC,IAAI,EAAE,aAAa,CAAC,uBAAuB,GAAG,0BAA0B,CAAC,EACzE,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,SAAS,iBA8F1B"}
|
package/dist/stylex-loader.js
CHANGED
|
@@ -9,7 +9,7 @@ const loader_utils_1 = __importDefault(require("loader-utils"));
|
|
|
9
9
|
const utils_1 = require("./utils");
|
|
10
10
|
async function stylexLoader(inputCode, inputSourceMap) {
|
|
11
11
|
const callback = this.async();
|
|
12
|
-
const { stylexImports, rsOptions, nextjsMode,
|
|
12
|
+
const { stylexImports, rsOptions, nextjsMode, extractCSS = true } = this.getOptions();
|
|
13
13
|
const logger = this._compiler?.getInfrastructureLogger(constants_1.PLUGIN_NAME);
|
|
14
14
|
if (!inputCode) {
|
|
15
15
|
if (!this.resourcePath.includes('empty')) {
|
|
@@ -29,7 +29,7 @@ async function stylexLoader(inputCode, inputSourceMap) {
|
|
|
29
29
|
return callback(new Error('stylex-loader: loader context is not SupplementedLoaderContext!'));
|
|
30
30
|
}
|
|
31
31
|
try {
|
|
32
|
-
const { code, map, metadata } = (0, utils_1.generateStyleXOutput)(this.resourcePath, stringifiedInputCode, rsOptions
|
|
32
|
+
const { code, map, metadata } = (0, utils_1.generateStyleXOutput)(this.resourcePath, stringifiedInputCode, rsOptions);
|
|
33
33
|
// If metadata.stylex doesn't exist at all, we only need to return the transformed code
|
|
34
34
|
if (!extractCSS ||
|
|
35
35
|
!metadata ||
|
package/dist/types.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ type AsyncFnParams = Parameters<ReturnType<LoaderContext<unknown>['async']>>;
|
|
|
6
6
|
export type InputCode = AsyncFnParams['1'];
|
|
7
7
|
export type SourceMap = AsyncFnParams['2'];
|
|
8
8
|
export type CSSTransformer = (_css: string, _filePath: string | undefined) => string | Buffer | Promise<string | Buffer>;
|
|
9
|
-
export interface StyleXPluginOption
|
|
9
|
+
export interface StyleXPluginOption {
|
|
10
10
|
/**
|
|
11
11
|
* stylex options passed to stylex babel plugin
|
|
12
12
|
*
|
|
@@ -49,12 +49,6 @@ export type StyleXWebpackLoaderOptions = {
|
|
|
49
49
|
stylexImports: StyleXOptions['importSources'];
|
|
50
50
|
rsOptions: Partial<StyleXOptions>;
|
|
51
51
|
nextjsMode: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Specify the transformer to transform StyleX code
|
|
54
|
-
*
|
|
55
|
-
* @default 'rs-compiler'
|
|
56
|
-
*/
|
|
57
|
-
transformer?: 'rs-compiler' | 'swc';
|
|
58
52
|
extractCSS?: boolean;
|
|
59
53
|
};
|
|
60
54
|
export type SupplementedLoaderContext<Options = unknown> = webpack.LoaderContext<Options> & {
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAE7C,KAAK,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,CAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,SAAS,KAC1B,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAEhD,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAE7C,KAAK,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,CAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,SAAS,KAC1B,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,OAAO,GAAG,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG;IAC1F,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,mBAAmB,CAAC;KAC1C,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}
|
package/dist/utils.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import stylexPlugin from '@stylexswc/rs-compiler';
|
|
2
2
|
import type webpack from 'webpack';
|
|
3
|
-
import type {
|
|
3
|
+
import type { SupplementedLoaderContext } from './types';
|
|
4
4
|
import type { StyleXTransformResult } from '@stylexswc/rs-compiler';
|
|
5
5
|
export declare function stringifyRequest(loaderContext: webpack.LoaderContext<unknown>, request: string): string;
|
|
6
6
|
export declare const isSupplementedLoaderContext: <T>(context: webpack.LoaderContext<T>) => context is SupplementedLoaderContext<T>;
|
|
7
|
-
export declare function generateStyleXOutput(resourcePath: string, inputSource: string, rsOptions: Partial<stylexPlugin.StyleXOptions
|
|
7
|
+
export declare function generateStyleXOutput(resourcePath: string, inputSource: string, rsOptions: Partial<stylexPlugin.StyleXOptions>): StyleXTransformResult;
|
|
8
8
|
//# sourceMappingURL=utils.d.ts.map
|
package/dist/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,YAAoC,MAAM,wBAAwB,CAAC;AAE1E,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,YAAoC,MAAM,wBAAwB,CAAC;AAE1E,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,UAI9F;AAED,eAAO,MAAM,2BAA2B,GAAI,CAAC,EAC3C,SAAS,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,KAChC,OAAO,IAAI,yBAAyB,CAAC,CAAC,CAExC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,GAC7C,qBAAqB,CAEvB"}
|
package/dist/utils.js
CHANGED
|
@@ -44,22 +44,6 @@ const isSupplementedLoaderContext = (context) => {
|
|
|
44
44
|
return Object.prototype.hasOwnProperty.call(context, 'StyleXWebpackContextKey');
|
|
45
45
|
};
|
|
46
46
|
exports.isSupplementedLoaderContext = isSupplementedLoaderContext;
|
|
47
|
-
function generateStyleXOutput(resourcePath, inputSource, rsOptions
|
|
48
|
-
if (transformer === 'swc') {
|
|
49
|
-
const metadata = { stylex: [] };
|
|
50
|
-
let metadataStr = '[]';
|
|
51
|
-
const code = inputSource.replace(/\/\/*__stylex_metadata_start__(?<metadata>.+)__stylex_metadata_end__/, (...args) => {
|
|
52
|
-
metadataStr = args.at(-1)?.metadata.split('"__stylex_metadata_end__')[0];
|
|
53
|
-
return '';
|
|
54
|
-
});
|
|
55
|
-
try {
|
|
56
|
-
metadata.stylex = JSON.parse(metadataStr)?.map((rule) => [rule.class_name, rule.style, rule.priority]);
|
|
57
|
-
}
|
|
58
|
-
catch (e) {
|
|
59
|
-
console.error('Error parsing StylexX metadata', e);
|
|
60
|
-
}
|
|
61
|
-
const map = undefined;
|
|
62
|
-
return { code, map, metadata };
|
|
63
|
-
}
|
|
47
|
+
function generateStyleXOutput(resourcePath, inputSource, rsOptions) {
|
|
64
48
|
return rs_compiler_1.default.transform(resourcePath, inputSource, (0, rs_compiler_1.normalizeRsOptions)(rsOptions ?? {}));
|
|
65
49
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stylexswc/webpack-plugin",
|
|
3
3
|
"description": "StyleX webpack plugin with NAPI-RS compiler",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.13.0-rc.2",
|
|
5
5
|
"private": false,
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"sideEffects": false,
|
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"@stylexjs/babel-plugin": "^0.16.2",
|
|
22
|
-
"@stylexswc/rs-compiler": "0.
|
|
22
|
+
"@stylexswc/rs-compiler": "0.13.0-rc.2",
|
|
23
23
|
"loader-utils": "^3.3.1"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@babel/types": "^7.28.4",
|
|
27
|
-
"@stylexswc/eslint-config": "0.
|
|
28
|
-
"@stylexswc/typescript-config": "0.
|
|
27
|
+
"@stylexswc/eslint-config": "0.13.0-rc.2",
|
|
28
|
+
"@stylexswc/typescript-config": "0.13.0-rc.2",
|
|
29
29
|
"@types/babel__core": "^7.20.5",
|
|
30
30
|
"@types/loader-utils": "^3.0.0",
|
|
31
31
|
"@types/node": "^24.7.2",
|