react-native-css 3.0.0-nightly.27bd5e2 → 3.0.0-nightly.61014be
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/commonjs/compiler/compiler.js +37 -7
- package/dist/commonjs/compiler/compiler.js.map +1 -1
- package/dist/commonjs/compiler/stylesheet.js +19 -8
- package/dist/commonjs/compiler/stylesheet.js.map +1 -1
- package/dist/commonjs/jest/index.js +1 -18
- package/dist/commonjs/jest/index.js.map +1 -1
- package/dist/commonjs/metro/index.js +6 -4
- package/dist/commonjs/metro/index.js.map +1 -1
- package/dist/module/compiler/compiler.js +37 -7
- package/dist/module/compiler/compiler.js.map +1 -1
- package/dist/module/compiler/stylesheet.js +19 -8
- package/dist/module/compiler/stylesheet.js.map +1 -1
- package/dist/module/jest/index.js +2 -3
- package/dist/module/jest/index.js.map +1 -1
- package/dist/module/metro/index.js +6 -4
- package/dist/module/metro/index.js.map +1 -1
- package/dist/typescript/commonjs/example/app.config.d.ts +4 -0
- package/dist/typescript/commonjs/example/app.config.d.ts.map +1 -0
- package/dist/typescript/commonjs/src/compiler/stylesheet.d.ts +7 -3
- package/dist/typescript/commonjs/src/compiler/stylesheet.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/jest/index.d.ts +1 -2
- package/dist/typescript/commonjs/src/jest/index.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/metro/index.d.ts.map +1 -1
- package/dist/typescript/module/example/app.config.d.ts +4 -0
- package/dist/typescript/module/example/app.config.d.ts.map +1 -0
- package/dist/typescript/module/src/compiler/stylesheet.d.ts +7 -3
- package/dist/typescript/module/src/compiler/stylesheet.d.ts.map +1 -1
- package/dist/typescript/module/src/jest/index.d.ts +1 -2
- package/dist/typescript/module/src/jest/index.d.ts.map +1 -1
- package/dist/typescript/module/src/metro/index.d.ts.map +1 -1
- package/package.json +25 -2
- package/src/compiler/compiler.ts +39 -8
- package/src/compiler/stylesheet.ts +21 -3
- package/src/jest/index.ts +4 -5
- package/src/metro/index.ts +6 -3
- package/types.d.ts +70 -0
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
import { Dimensions } from "react-native";
|
|
3
|
+
import { Appearance, Dimensions } from "react-native";
|
|
5
4
|
import { compile } from "../compiler/index.js";
|
|
6
5
|
import { StyleCollection } from "../runtime/native/injection.js";
|
|
7
6
|
import { colorScheme, dimensions, rem } from "../runtime/native/reactivity.js";
|
|
8
|
-
export * from "@testing-library/react-native";
|
|
9
7
|
export const testID = "react-native-css";
|
|
10
8
|
beforeEach(() => {
|
|
11
9
|
StyleCollection.styles.clear();
|
|
12
10
|
dimensions.set(Dimensions.get("window"));
|
|
13
11
|
rem.set(14);
|
|
12
|
+
Appearance.setColorScheme(null);
|
|
14
13
|
colorScheme.set(null);
|
|
15
14
|
});
|
|
16
15
|
export function registerCSS(css, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Dimensions","compile","StyleCollection","colorScheme","dimensions","rem","testID","beforeEach","styles","clear","set","get","registerCSS","css","debugCompiled","process","env","NODE_OPTIONS","includes","options","compiled","console","log","JSON","stringify","inject"],"sourceRoot":"../../../src","sources":["jest/index.ts"],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"names":["Appearance","Dimensions","compile","StyleCollection","colorScheme","dimensions","rem","testID","beforeEach","styles","clear","set","get","setColorScheme","registerCSS","css","debugCompiled","process","env","NODE_OPTIONS","includes","options","compiled","console","log","JSON","stringify","inject"],"sourceRoot":"../../../src","sources":["jest/index.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,OAAO,QAA8B,sBAAa;AAC3D,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,WAAW,EAAEC,UAAU,EAAEC,GAAG,QAAQ,iCAA8B;AAW3E,OAAO,MAAMC,MAAM,GAAG,kBAAkB;AAExCC,UAAU,CAAC,MAAM;EACfL,eAAe,CAACM,MAAM,CAACC,KAAK,CAAC,CAAC;EAC9BL,UAAU,CAACM,GAAG,CAACV,UAAU,CAACW,GAAG,CAAC,QAAQ,CAAC,CAAC;EACxCN,GAAG,CAACK,GAAG,CAAC,EAAE,CAAC;EACXX,UAAU,CAACa,cAAc,CAAC,IAAI,CAAC;EAC/BT,WAAW,CAACO,GAAG,CAAC,IAAI,CAAC;AACvB,CAAC,CAAC;AAEF,OAAO,SAASG,WAAWA,CACzBC,GAAW,EACX;EACEC,aAAa,GAAGC,OAAO,CAACC,GAAG,CAACC,YAAY,EAAEC,QAAQ,CAAC,WAAW,CAAC;EAC/D,GAAGC;AAC0C,CAAC,GAAG,CAAC,CAAC,EACrD;EACA,MAAMC,QAAQ,GAAGpB,OAAO,CAACa,GAAG,EAAEM,OAAO,CAAC;EACtC,IAAIL,aAAa,EAAE;IACjBO,OAAO,CAACC,GAAG,CAAC,uBAAuBC,IAAI,CAACC,SAAS,CAAC;MAAEJ;IAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;EAC7E;EAEAnB,eAAe,CAACwB,MAAM,CAACL,QAAQ,CAAC;EAEhC,OAAOA,QAAQ;AACjB","ignoreList":[]}
|
|
@@ -22,8 +22,10 @@ export function withReactNativeCSS(config, options) {
|
|
|
22
22
|
const {
|
|
23
23
|
disableTypeScriptGeneration,
|
|
24
24
|
typescriptEnvPath,
|
|
25
|
-
globalClassNamePolyfill = false
|
|
25
|
+
globalClassNamePolyfill = false,
|
|
26
|
+
logger = defaultLogger
|
|
26
27
|
} = options || {};
|
|
28
|
+
const loggerEnabled = "enabled" in logger ? logger.enabled : true;
|
|
27
29
|
if (disableTypeScriptGeneration !== true) {
|
|
28
30
|
setupTypeScript(typescriptEnvPath);
|
|
29
31
|
}
|
|
@@ -142,9 +144,9 @@ export function withReactNativeCSS(config, options) {
|
|
|
142
144
|
// If this is the injection file, we to swap its content with the
|
|
143
145
|
// compiled CSS files
|
|
144
146
|
fileBuffer = getNativeInjectionCode(Array.from(nativeCSSFiles.keys()).map(key => relative(dirname(filePath), key)), Array.from(nativeCSSFiles.values()).map(([, value]) => value));
|
|
145
|
-
if (
|
|
146
|
-
|
|
147
|
-
|
|
147
|
+
if (loggerEnabled && fileBuffer) {
|
|
148
|
+
logger(`Transformed ${filePath}`);
|
|
149
|
+
logger(fileBuffer?.toString());
|
|
148
150
|
}
|
|
149
151
|
}
|
|
150
152
|
return transformFile(filePath, transformOptions, fileBuffer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["dirname","relative","sep","versions","connect","debug","compile","getNativeInjectionCode","getWebInjectionCode","nativeResolver","webResolver","setupTypeScript","defaultLogger","withReactNativeCSS","config","options","Number","node","split","Error","disableTypeScriptGeneration","typescriptEnvPath","globalClassNamePolyfill","originalMiddleware","server","enhanceMiddleware","originalResolver","resolver","resolveRequest","poisonPillPath","transformerPath","require","resolve","sourceExts","context","moduleName","platform","type","parentResolver","resolved","middleware","metroServer","bundler","getBundler","__react_native_css__patched","nativeCSSFiles","Map","webCSSFiles","Set","nativeInjectionPath","nativeInjectionFilepaths","replace","webInjectionPath","webInjectionFilepaths","transformFile","bind","watcher","getWatcher","filePath","transformOptions","fileBuffer","isCss","test","add","includes","Array","from","webTransform","customTransformOptions","reactNativeCSSCompile","lastTransform","get","last","next","output","data","css","code","toString","set","hexColors","emit","eventsQueue","map","metadata","modifiedTime","Date","now","size","nativeTransform","skipCache","keys","key","values","value","
|
|
1
|
+
{"version":3,"names":["dirname","relative","sep","versions","connect","debug","compile","getNativeInjectionCode","getWebInjectionCode","nativeResolver","webResolver","setupTypeScript","defaultLogger","withReactNativeCSS","config","options","Number","node","split","Error","disableTypeScriptGeneration","typescriptEnvPath","globalClassNamePolyfill","logger","loggerEnabled","enabled","originalMiddleware","server","enhanceMiddleware","originalResolver","resolver","resolveRequest","poisonPillPath","transformerPath","require","resolve","sourceExts","context","moduleName","platform","type","parentResolver","resolved","middleware","metroServer","bundler","getBundler","__react_native_css__patched","nativeCSSFiles","Map","webCSSFiles","Set","nativeInjectionPath","nativeInjectionFilepaths","replace","webInjectionPath","webInjectionFilepaths","transformFile","bind","watcher","getWatcher","filePath","transformOptions","fileBuffer","isCss","test","add","includes","Array","from","webTransform","customTransformOptions","reactNativeCSSCompile","lastTransform","get","last","next","output","data","css","code","toString","set","hexColors","emit","eventsQueue","map","metadata","modifiedTime","Date","now","size","nativeTransform","skipCache","keys","key","values","value","use"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app.config.d.ts","sourceRoot":"","sources":["../../../../example/app.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;yBAE7C,YAAY,aAAa,KAAG,UAAU;AAAtD,wBAqBE"}
|
|
@@ -8,6 +8,7 @@ export declare class StylesheetBuilder {
|
|
|
8
8
|
private mapping;
|
|
9
9
|
descriptorProperty?: string | undefined;
|
|
10
10
|
private shared;
|
|
11
|
+
private selectors?;
|
|
11
12
|
animationFrames?: AnimationKeyframes_V2[];
|
|
12
13
|
animationDeclarations: StyleDeclaration[];
|
|
13
14
|
stylesheet: ReactNativeCssStyleSheet;
|
|
@@ -20,8 +21,8 @@ export declare class StylesheetBuilder {
|
|
|
20
21
|
animations?: AnimationRecord;
|
|
21
22
|
rem: number;
|
|
22
23
|
ruleOrder: number;
|
|
23
|
-
});
|
|
24
|
-
fork(mode?: BuilderMode,
|
|
24
|
+
}, selectors?: NormalizeSelector[] | undefined);
|
|
25
|
+
fork(mode?: BuilderMode, selectors?: NormalizeSelector[] | undefined): StylesheetBuilder;
|
|
25
26
|
cloneRule({ ...rule }?: StyleRule): StyleRule;
|
|
26
27
|
private createRuleFromPartial;
|
|
27
28
|
extendRule(rule: Partial<StyleRule>): StyleRule;
|
|
@@ -33,6 +34,9 @@ export declare class StylesheetBuilder {
|
|
|
33
34
|
newRule(mapping?: StyleRuleMapping, { important }?: {
|
|
34
35
|
important?: boolean | undefined;
|
|
35
36
|
}): void;
|
|
37
|
+
newRuleFork({ important }?: {
|
|
38
|
+
important?: boolean | undefined;
|
|
39
|
+
}): void;
|
|
36
40
|
addExtraRule(rule: Partial<StyleRule>): void;
|
|
37
41
|
private addRuleToRuleSet;
|
|
38
42
|
addMediaQuery(condition: MediaCondition): void;
|
|
@@ -41,7 +45,7 @@ export declare class StylesheetBuilder {
|
|
|
41
45
|
addDescriptor(property: string, value: StyleDescriptor, forceTuple?: boolean, rule?: StyleRule): void;
|
|
42
46
|
addShorthand(property: string, options: Record<string, StyleDescriptor>): void;
|
|
43
47
|
private pushDescriptor;
|
|
44
|
-
applyRuleToSelectors(selectorList
|
|
48
|
+
applyRuleToSelectors(selectorList?: NormalizeSelector[] | undefined): void;
|
|
45
49
|
addContainerQuery(query: ContainerQuery): void;
|
|
46
50
|
newAnimationFrames(name: string): void;
|
|
47
51
|
newAnimationFrame(progress: string): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EAEf,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEnE,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;AASjE,qBAAa,iBAAiB;IAa1B,OAAO,CAAC,OAAO;IACR,IAAI,EAAE,WAAW;IACxB,OAAO,CAAC,YAAY;IAGpB,OAAO,CAAC,OAAO;IACR,kBAAkB,CAAC,EAAE,MAAM;IAClC,OAAO,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,11 +2,10 @@ import { type CompilerOptions } from "../compiler";
|
|
|
2
2
|
declare global {
|
|
3
3
|
namespace jest {
|
|
4
4
|
interface Matchers<R> {
|
|
5
|
-
toHaveAnimatedStyle(style?:
|
|
5
|
+
toHaveAnimatedStyle(style?: unknown): R;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
export * from "@testing-library/react-native";
|
|
10
9
|
export declare const testID = "react-native-css";
|
|
11
10
|
export declare function registerCSS(css: string, { debugCompiled, ...options }?: CompilerOptions & {
|
|
12
11
|
debugCompiled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/jest/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/jest/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAI5D,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,mBAAmB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC;SACzC;KACF;CACF;AAED,eAAO,MAAM,MAAM,qBAAqB,CAAC;AAUzC,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,EACE,aAA+D,EAC/D,GAAG,OAAO,EACX,GAAE,eAAe,GAAG;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAO,qDAUtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/metro/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAMnD,MAAM,WAAW,yBAA0B,SAAQ,eAAe;IAEhE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mEAAmE;IACnE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,WAAW,GAAG,CAAC,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC,EACpD,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/metro/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAMnD,MAAM,WAAW,yBAA0B,SAAQ,eAAe;IAEhE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mEAAmE;IACnE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,WAAW,GAAG,CAAC,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC,EACpD,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,CAAC,CA6MnD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app.config.d.ts","sourceRoot":"","sources":["../../../../example/app.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;yBAE7C,YAAY,aAAa,KAAG,UAAU;AAAtD,wBAqBE"}
|
|
@@ -8,6 +8,7 @@ export declare class StylesheetBuilder {
|
|
|
8
8
|
private mapping;
|
|
9
9
|
descriptorProperty?: string | undefined;
|
|
10
10
|
private shared;
|
|
11
|
+
private selectors?;
|
|
11
12
|
animationFrames?: AnimationKeyframes_V2[];
|
|
12
13
|
animationDeclarations: StyleDeclaration[];
|
|
13
14
|
stylesheet: ReactNativeCssStyleSheet;
|
|
@@ -20,8 +21,8 @@ export declare class StylesheetBuilder {
|
|
|
20
21
|
animations?: AnimationRecord;
|
|
21
22
|
rem: number;
|
|
22
23
|
ruleOrder: number;
|
|
23
|
-
});
|
|
24
|
-
fork(mode?: BuilderMode,
|
|
24
|
+
}, selectors?: NormalizeSelector[] | undefined);
|
|
25
|
+
fork(mode?: BuilderMode, selectors?: NormalizeSelector[] | undefined): StylesheetBuilder;
|
|
25
26
|
cloneRule({ ...rule }?: StyleRule): StyleRule;
|
|
26
27
|
private createRuleFromPartial;
|
|
27
28
|
extendRule(rule: Partial<StyleRule>): StyleRule;
|
|
@@ -33,6 +34,9 @@ export declare class StylesheetBuilder {
|
|
|
33
34
|
newRule(mapping?: StyleRuleMapping, { important }?: {
|
|
34
35
|
important?: boolean | undefined;
|
|
35
36
|
}): void;
|
|
37
|
+
newRuleFork({ important }?: {
|
|
38
|
+
important?: boolean | undefined;
|
|
39
|
+
}): void;
|
|
36
40
|
addExtraRule(rule: Partial<StyleRule>): void;
|
|
37
41
|
private addRuleToRuleSet;
|
|
38
42
|
addMediaQuery(condition: MediaCondition): void;
|
|
@@ -41,7 +45,7 @@ export declare class StylesheetBuilder {
|
|
|
41
45
|
addDescriptor(property: string, value: StyleDescriptor, forceTuple?: boolean, rule?: StyleRule): void;
|
|
42
46
|
addShorthand(property: string, options: Record<string, StyleDescriptor>): void;
|
|
43
47
|
private pushDescriptor;
|
|
44
|
-
applyRuleToSelectors(selectorList
|
|
48
|
+
applyRuleToSelectors(selectorList?: NormalizeSelector[] | undefined): void;
|
|
45
49
|
addContainerQuery(query: ContainerQuery): void;
|
|
46
50
|
newAnimationFrames(name: string): void;
|
|
47
51
|
newAnimationFrame(progress: string): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EAEf,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEnE,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;AASjE,qBAAa,iBAAiB;IAa1B,OAAO,CAAC,OAAO;IACR,IAAI,EAAE,WAAW;IACxB,OAAO,CAAC,YAAY;IAGpB,OAAO,CAAC,OAAO;IACR,kBAAkB,CAAC,EAAE,MAAM;IAClC,OAAO,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,11 +2,10 @@ import { type CompilerOptions } from "../compiler";
|
|
|
2
2
|
declare global {
|
|
3
3
|
namespace jest {
|
|
4
4
|
interface Matchers<R> {
|
|
5
|
-
toHaveAnimatedStyle(style?:
|
|
5
|
+
toHaveAnimatedStyle(style?: unknown): R;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
export * from "@testing-library/react-native";
|
|
10
9
|
export declare const testID = "react-native-css";
|
|
11
10
|
export declare function registerCSS(css: string, { debugCompiled, ...options }?: CompilerOptions & {
|
|
12
11
|
debugCompiled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/jest/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/jest/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAI5D,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,mBAAmB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC;SACzC;KACF;CACF;AAED,eAAO,MAAM,MAAM,qBAAqB,CAAC;AAUzC,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,EACE,aAA+D,EAC/D,GAAG,OAAO,EACX,GAAE,eAAe,GAAG;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAO,qDAUtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/metro/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAMnD,MAAM,WAAW,yBAA0B,SAAQ,eAAe;IAEhE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mEAAmE;IACnE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,WAAW,GAAG,CAAC,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC,EACpD,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/metro/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAMnD,MAAM,WAAW,yBAA0B,SAAQ,eAAe;IAEhE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,mEAAmE;IACnE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,wBAAgB,kBAAkB,CAChC,CAAC,SAAS,WAAW,GAAG,CAAC,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC,EACpD,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,yBAAyB,GAAG,CAAC,CA6MnD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-css",
|
|
3
|
-
"version": "3.0.0-nightly.
|
|
3
|
+
"version": "3.0.0-nightly.61014be",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": {
|
|
6
6
|
"source": "./src/index.ts",
|
|
@@ -27,6 +27,28 @@
|
|
|
27
27
|
"default": "./dist/commonjs/metro/index.js"
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
|
+
"./compiler": {
|
|
31
|
+
"source": "./src/compiler/index.ts",
|
|
32
|
+
"import": {
|
|
33
|
+
"types": "./dist/typescript/module/src/compiler/index.d.ts",
|
|
34
|
+
"default": "./dist/module/compiler/index.js"
|
|
35
|
+
},
|
|
36
|
+
"require": {
|
|
37
|
+
"types": "./dist/typescript/commonjs/src/compiler/index.d.ts",
|
|
38
|
+
"default": "./dist/commonjs/compiler/index.js"
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
"./jest": {
|
|
42
|
+
"source": "./src/jest/index.ts",
|
|
43
|
+
"import": {
|
|
44
|
+
"types": "./dist/typescript/module/src/jest/index.d.ts",
|
|
45
|
+
"default": "./dist/module/jest/index.js"
|
|
46
|
+
},
|
|
47
|
+
"require": {
|
|
48
|
+
"types": "./dist/typescript/commonjs/src/jest/index.d.ts",
|
|
49
|
+
"default": "./dist/commonjs/jest/index.js"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
30
52
|
"./babel": {
|
|
31
53
|
"source": "./src/babel/index.ts",
|
|
32
54
|
"import": {
|
|
@@ -112,6 +134,7 @@
|
|
|
112
134
|
"files": [
|
|
113
135
|
"src",
|
|
114
136
|
"dist",
|
|
137
|
+
"types.d.ts",
|
|
115
138
|
"!**/__tests__",
|
|
116
139
|
"!**/__fixtures__",
|
|
117
140
|
"!**/__mocks__"
|
|
@@ -133,7 +156,6 @@
|
|
|
133
156
|
"@commitlint/config-conventional": "^19.8.1",
|
|
134
157
|
"@eslint/js": "^9.30.1",
|
|
135
158
|
"@ianvs/prettier-plugin-sort-imports": "^4.4.2",
|
|
136
|
-
"@tailwindcss/postcss": "^4.1.11",
|
|
137
159
|
"@testing-library/react-native": "^13.2.0",
|
|
138
160
|
"@tsconfig/react-native": "^3.0.6",
|
|
139
161
|
"@types/babel__core": "^7",
|
|
@@ -146,6 +168,7 @@
|
|
|
146
168
|
"babel-plugin-tester": "^12.0.0",
|
|
147
169
|
"babel-preset-expo": "13.3.0-canary-20250713-8f814f8",
|
|
148
170
|
"commitlint": "^19.8.1",
|
|
171
|
+
"eas-build-cache-provider": "^16.4.2",
|
|
149
172
|
"eslint": "^9.30.1",
|
|
150
173
|
"eslint-config-prettier": "^10.1.5",
|
|
151
174
|
"eslint-plugin-prettier": "^5.5.1",
|
package/src/compiler/compiler.ts
CHANGED
|
@@ -132,25 +132,50 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
|
|
|
132
132
|
extractMedia(rule.value, builder);
|
|
133
133
|
break;
|
|
134
134
|
}
|
|
135
|
+
case "nested-declarations": {
|
|
136
|
+
const value = rule.value;
|
|
137
|
+
|
|
138
|
+
const declarationBlock = value.declarations;
|
|
139
|
+
if (declarationBlock) {
|
|
140
|
+
if (declarationBlock.declarations) {
|
|
141
|
+
builder.newRuleFork();
|
|
142
|
+
for (const declaration of declarationBlock.declarations) {
|
|
143
|
+
parseDeclaration(declaration, builder);
|
|
144
|
+
}
|
|
145
|
+
builder.applyRuleToSelectors();
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
if (declarationBlock.importantDeclarations) {
|
|
149
|
+
builder.newRuleFork({ important: true });
|
|
150
|
+
for (const declaration of declarationBlock.importantDeclarations) {
|
|
151
|
+
parseDeclaration(declaration, builder);
|
|
152
|
+
}
|
|
153
|
+
builder.applyRuleToSelectors();
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
break;
|
|
157
|
+
}
|
|
135
158
|
case "style": {
|
|
136
|
-
|
|
137
|
-
builder = builder.fork("style");
|
|
159
|
+
const value = rule.value;
|
|
138
160
|
|
|
139
|
-
const declarationBlock =
|
|
140
|
-
const mapping = parsePropAtRule(
|
|
161
|
+
const declarationBlock = value.declarations;
|
|
162
|
+
const mapping = parsePropAtRule(value.rules);
|
|
141
163
|
const selectors = getSelectors(
|
|
142
|
-
|
|
164
|
+
value.selectors,
|
|
143
165
|
false,
|
|
144
166
|
builder.getOptions(),
|
|
145
167
|
);
|
|
146
168
|
|
|
169
|
+
// If the rule is a style declaration, extract it with the `getExtractedStyle` function and store it in the `declarations` map
|
|
170
|
+
builder = builder.fork("style", selectors);
|
|
171
|
+
|
|
147
172
|
if (declarationBlock) {
|
|
148
173
|
if (declarationBlock.declarations) {
|
|
149
174
|
builder.newRule(mapping);
|
|
150
175
|
for (const declaration of declarationBlock.declarations) {
|
|
151
176
|
parseDeclaration(declaration, builder);
|
|
152
177
|
}
|
|
153
|
-
builder.applyRuleToSelectors(
|
|
178
|
+
builder.applyRuleToSelectors();
|
|
154
179
|
}
|
|
155
180
|
|
|
156
181
|
if (declarationBlock.importantDeclarations) {
|
|
@@ -158,9 +183,16 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
|
|
|
158
183
|
for (const declaration of declarationBlock.importantDeclarations) {
|
|
159
184
|
parseDeclaration(declaration, builder);
|
|
160
185
|
}
|
|
161
|
-
builder.applyRuleToSelectors(
|
|
186
|
+
builder.applyRuleToSelectors();
|
|
162
187
|
}
|
|
163
188
|
}
|
|
189
|
+
|
|
190
|
+
if (value.rules) {
|
|
191
|
+
for (const nestedRule of value.rules) {
|
|
192
|
+
extractRule(nestedRule, builder);
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
|
|
164
196
|
break;
|
|
165
197
|
}
|
|
166
198
|
case "layer-block":
|
|
@@ -184,7 +216,6 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
|
|
|
184
216
|
case "counter-style":
|
|
185
217
|
case "moz-document":
|
|
186
218
|
case "nesting":
|
|
187
|
-
case "nested-declarations":
|
|
188
219
|
case "viewport":
|
|
189
220
|
case "custom-media":
|
|
190
221
|
case "scope":
|
|
@@ -57,17 +57,22 @@ export class StylesheetBuilder {
|
|
|
57
57
|
rem: number;
|
|
58
58
|
ruleOrder: number;
|
|
59
59
|
} = { ruleSets: {}, rem: 14, ruleOrder: 0 },
|
|
60
|
+
private selectors?: NormalizeSelector[],
|
|
60
61
|
) {}
|
|
61
62
|
|
|
62
|
-
fork(
|
|
63
|
+
fork(
|
|
64
|
+
mode = this.mode,
|
|
65
|
+
selectors: NormalizeSelector[] | undefined = this.selectors,
|
|
66
|
+
): StylesheetBuilder {
|
|
63
67
|
this.shared.ruleOrder++;
|
|
64
68
|
return new StylesheetBuilder(
|
|
65
69
|
this.options,
|
|
66
70
|
mode,
|
|
67
|
-
this.cloneRule(
|
|
71
|
+
this.cloneRule(),
|
|
68
72
|
{ ...this.mapping },
|
|
69
73
|
this.descriptorProperty,
|
|
70
74
|
this.shared,
|
|
75
|
+
selectors,
|
|
71
76
|
);
|
|
72
77
|
}
|
|
73
78
|
|
|
@@ -166,6 +171,14 @@ export class StylesheetBuilder {
|
|
|
166
171
|
}
|
|
167
172
|
}
|
|
168
173
|
|
|
174
|
+
newRuleFork({ important = false } = {}) {
|
|
175
|
+
this.rule = this.cloneRule(this.rule);
|
|
176
|
+
this.rule.s[Specificity.Order] = this.shared.ruleOrder;
|
|
177
|
+
if (important) {
|
|
178
|
+
this.rule.s[Specificity.Important] = 1;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
169
182
|
addExtraRule(rule: Partial<StyleRule>) {
|
|
170
183
|
let extraRuleArray = extraRules.get(this.rule);
|
|
171
184
|
if (!extraRuleArray) {
|
|
@@ -331,7 +344,12 @@ export class StylesheetBuilder {
|
|
|
331
344
|
}
|
|
332
345
|
}
|
|
333
346
|
|
|
334
|
-
applyRuleToSelectors(selectorList
|
|
347
|
+
applyRuleToSelectors(selectorList = this.selectors): void {
|
|
348
|
+
if (!selectorList?.length) {
|
|
349
|
+
// If there are no selectors, we cannot apply the rule
|
|
350
|
+
return;
|
|
351
|
+
}
|
|
352
|
+
|
|
335
353
|
if (!this.rule.d && !this.rule.v) {
|
|
336
354
|
return;
|
|
337
355
|
}
|
package/src/jest/index.ts
CHANGED
|
@@ -1,26 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
import { Dimensions } from "react-native";
|
|
1
|
+
import { Appearance, Dimensions } from "react-native";
|
|
3
2
|
|
|
4
3
|
import { compile, type CompilerOptions } from "../compiler";
|
|
5
4
|
import { StyleCollection } from "../runtime/native/injection";
|
|
6
5
|
import { colorScheme, dimensions, rem } from "../runtime/native/reactivity";
|
|
7
6
|
|
|
8
7
|
declare global {
|
|
8
|
+
/* eslint-disable @typescript-eslint/no-namespace */
|
|
9
9
|
namespace jest {
|
|
10
10
|
interface Matchers<R> {
|
|
11
|
-
|
|
12
|
-
toHaveAnimatedStyle(style?: any): R;
|
|
11
|
+
toHaveAnimatedStyle(style?: unknown): R;
|
|
13
12
|
}
|
|
14
13
|
}
|
|
15
14
|
}
|
|
16
15
|
|
|
17
|
-
export * from "@testing-library/react-native";
|
|
18
16
|
export const testID = "react-native-css";
|
|
19
17
|
|
|
20
18
|
beforeEach(() => {
|
|
21
19
|
StyleCollection.styles.clear();
|
|
22
20
|
dimensions.set(Dimensions.get("window"));
|
|
23
21
|
rem.set(14);
|
|
22
|
+
Appearance.setColorScheme(null);
|
|
24
23
|
colorScheme.set(null);
|
|
25
24
|
});
|
|
26
25
|
|
package/src/metro/index.ts
CHANGED
|
@@ -41,8 +41,11 @@ export function withReactNativeCSS<
|
|
|
41
41
|
disableTypeScriptGeneration,
|
|
42
42
|
typescriptEnvPath,
|
|
43
43
|
globalClassNamePolyfill = false,
|
|
44
|
+
logger = defaultLogger,
|
|
44
45
|
} = options || {};
|
|
45
46
|
|
|
47
|
+
const loggerEnabled = "enabled" in logger ? logger.enabled : true;
|
|
48
|
+
|
|
46
49
|
if (disableTypeScriptGeneration !== true) {
|
|
47
50
|
setupTypeScript(typescriptEnvPath);
|
|
48
51
|
}
|
|
@@ -211,9 +214,9 @@ export function withReactNativeCSS<
|
|
|
211
214
|
Array.from(nativeCSSFiles.values()).map(([, value]) => value),
|
|
212
215
|
);
|
|
213
216
|
|
|
214
|
-
if (
|
|
215
|
-
|
|
216
|
-
|
|
217
|
+
if (loggerEnabled && fileBuffer) {
|
|
218
|
+
logger(`Transformed ${filePath}`);
|
|
219
|
+
logger(fileBuffer?.toString());
|
|
217
220
|
}
|
|
218
221
|
}
|
|
219
222
|
|
package/types.d.ts
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
+
import type {
|
|
3
|
+
ScrollViewProps,
|
|
4
|
+
ScrollViewPropsAndroid,
|
|
5
|
+
ScrollViewPropsIOS,
|
|
6
|
+
Touchable,
|
|
7
|
+
VirtualizedListProps,
|
|
8
|
+
} from "react-native";
|
|
9
|
+
|
|
10
|
+
declare module "@react-native/virtualized-lists" {
|
|
11
|
+
export interface VirtualizedListWithoutRenderItemProps<ItemT>
|
|
12
|
+
extends ScrollViewProps {
|
|
13
|
+
ListFooterComponentClassName?: string;
|
|
14
|
+
ListHeaderComponentClassName?: string;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
declare module "react-native" {
|
|
19
|
+
interface ScrollViewProps
|
|
20
|
+
extends ViewProps,
|
|
21
|
+
ScrollViewPropsIOS,
|
|
22
|
+
ScrollViewPropsAndroid,
|
|
23
|
+
Touchable {
|
|
24
|
+
contentContainerClassName?: string;
|
|
25
|
+
indicatorClassName?: string;
|
|
26
|
+
}
|
|
27
|
+
interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
|
|
28
|
+
columnWrapperClassName?: string;
|
|
29
|
+
}
|
|
30
|
+
interface ImageBackgroundProps extends ImagePropsBase {
|
|
31
|
+
imageClassName?: string;
|
|
32
|
+
}
|
|
33
|
+
interface ImagePropsBase {
|
|
34
|
+
className?: string;
|
|
35
|
+
cssInterop?: boolean;
|
|
36
|
+
}
|
|
37
|
+
interface ViewProps {
|
|
38
|
+
className?: string;
|
|
39
|
+
cssInterop?: boolean;
|
|
40
|
+
}
|
|
41
|
+
interface TextInputProps {
|
|
42
|
+
placeholderClassName?: string;
|
|
43
|
+
}
|
|
44
|
+
interface TextProps {
|
|
45
|
+
className?: string;
|
|
46
|
+
cssInterop?: boolean;
|
|
47
|
+
}
|
|
48
|
+
interface SwitchProps {
|
|
49
|
+
className?: string;
|
|
50
|
+
cssInterop?: boolean;
|
|
51
|
+
}
|
|
52
|
+
interface InputAccessoryViewProps {
|
|
53
|
+
className?: string;
|
|
54
|
+
cssInterop?: boolean;
|
|
55
|
+
}
|
|
56
|
+
interface TouchableWithoutFeedbackProps {
|
|
57
|
+
className?: string;
|
|
58
|
+
cssInterop?: boolean;
|
|
59
|
+
}
|
|
60
|
+
interface StatusBarProps {
|
|
61
|
+
className?: string;
|
|
62
|
+
cssInterop?: boolean;
|
|
63
|
+
}
|
|
64
|
+
interface KeyboardAvoidingViewProps extends ViewProps {
|
|
65
|
+
contentContainerClassName?: string;
|
|
66
|
+
}
|
|
67
|
+
interface ModalBaseProps {
|
|
68
|
+
presentationClassName?: string;
|
|
69
|
+
}
|
|
70
|
+
}
|