react-native-unistyles 3.0.0-nightly-20250505 → 3.0.0-nightly-20250512
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/README.md +2 -2
- package/cxx/core/UnistylesCommitHook.cpp +8 -1
- package/cxx/core/UnistylesMountHook.cpp +1 -3
- package/lib/commonjs/mocks.js +95 -68
- package/lib/commonjs/mocks.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +7 -1
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/commonjs/web/types.js +2 -0
- package/lib/commonjs/web/types.js.map +1 -1
- package/lib/commonjs/web/utils/unistyle.js +6 -1
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/module/mocks.js +95 -68
- package/lib/module/mocks.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +8 -2
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/module/web/types.js +1 -1
- package/lib/module/web/types.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +4 -0
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts +2 -2
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -1
- package/lib/typescript/src/web/types.d.ts +3 -0
- package/lib/typescript/src/web/types.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts +2 -0
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -1
- package/package.json +1 -1
- package/plugin/index.js +16 -18
- package/src/mocks.ts +96 -70
- package/src/web/shadowRegistry.ts +10 -3
- package/src/web/types.ts +9 -4
- package/src/web/utils/unistyle.ts +5 -0
package/README.md
CHANGED
|
@@ -28,8 +28,8 @@ yarn add react-native-edge-to-edge react-native-nitro-modules@0.25.2
|
|
|
28
28
|
|
|
29
29
|
| react-native-unistyles | react-native-nitro-modules |
|
|
30
30
|
|------------------------|----------------------------|
|
|
31
|
-
| 3.0.0-nightly-
|
|
32
|
-
| 3.0.0-rc.
|
|
31
|
+
| 3.0.0-nightly-20250508 | 0.25.2 |
|
|
32
|
+
| 3.0.0-rc.3 | 0.25.2 |
|
|
33
33
|
|
|
34
34
|
Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
|
|
35
35
|
|
|
@@ -26,9 +26,16 @@ RootShadowNode::Unshared core::UnistylesCommitHook::shadowTreeWillCommit(
|
|
|
26
26
|
return newRootShadowNode;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
auto& registry = core::UnistylesRegistry::get();
|
|
30
|
+
|
|
31
|
+
if (registry.trafficController.shouldStop()) {
|
|
32
|
+
registry.trafficController.resumeUnistylesTraffic();
|
|
33
|
+
|
|
34
|
+
return newRootShadowNode;
|
|
35
|
+
}
|
|
36
|
+
|
|
29
37
|
// this is React Native / Reanimated commit
|
|
30
38
|
// merge Unistyles updates before it completes
|
|
31
|
-
auto& registry = core::UnistylesRegistry::get();
|
|
32
39
|
|
|
33
40
|
return registry.trafficController.withLock([&](){
|
|
34
41
|
auto& shadowLeafUpdates = registry.trafficController.getUpdates();
|
|
@@ -22,7 +22,5 @@ void core::UnistylesMountHook::shadowTreeDidMount(RootShadowNode::Shared const &
|
|
|
22
22
|
// one more time merge Unistyles changes
|
|
23
23
|
auto& registry = core::UnistylesRegistry::get();
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
registry.trafficController.resumeUnistylesTraffic();
|
|
27
|
-
}
|
|
25
|
+
registry.trafficController.stopUnistylesTraffic();
|
|
28
26
|
}
|
package/lib/commonjs/mocks.js
CHANGED
|
@@ -3,15 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
jest.mock('react-native', () => ({
|
|
7
|
-
TurboModuleRegistry: {
|
|
8
|
-
get: () => ({})
|
|
9
|
-
},
|
|
10
|
-
StyleSheet: {},
|
|
11
|
-
Platform: {
|
|
12
|
-
OS: 'headless'
|
|
13
|
-
}
|
|
14
|
-
}));
|
|
15
6
|
jest.mock('react-native-nitro-modules', () => ({
|
|
16
7
|
NitroModules: {
|
|
17
8
|
createHybridObject: () => ({
|
|
@@ -25,6 +16,7 @@ jest.mock('react-native-nitro-modules', () => ({
|
|
|
25
16
|
}
|
|
26
17
|
}));
|
|
27
18
|
jest.mock('react-native-unistyles', () => {
|
|
19
|
+
const React = require('react');
|
|
28
20
|
const _REGISTRY = {
|
|
29
21
|
themes: {},
|
|
30
22
|
breakpoints: {}
|
|
@@ -60,7 +52,99 @@ jest.mock('react-native-unistyles', () => {
|
|
|
60
52
|
height: 0
|
|
61
53
|
}
|
|
62
54
|
};
|
|
55
|
+
const unistylesRuntime = {
|
|
56
|
+
colorScheme: 'unspecified',
|
|
57
|
+
contentSizeCategory: 'Medium',
|
|
58
|
+
orientation: 'portrait',
|
|
59
|
+
breakpoints: {},
|
|
60
|
+
dispose: () => {},
|
|
61
|
+
equals: () => false,
|
|
62
|
+
name: 'UnistylesRuntimeMock',
|
|
63
|
+
miniRuntime: miniRuntime,
|
|
64
|
+
statusBar: {
|
|
65
|
+
height: 0,
|
|
66
|
+
width: 0,
|
|
67
|
+
name: 'StatusBarMock',
|
|
68
|
+
equals: () => false,
|
|
69
|
+
setHidden: () => {},
|
|
70
|
+
setStyle: () => {}
|
|
71
|
+
},
|
|
72
|
+
navigationBar: {
|
|
73
|
+
height: 0,
|
|
74
|
+
width: 0,
|
|
75
|
+
name: 'NavigationBarMock',
|
|
76
|
+
equals: () => false,
|
|
77
|
+
setHidden: () => {},
|
|
78
|
+
dispose: () => {}
|
|
79
|
+
},
|
|
80
|
+
fontScale: 1,
|
|
81
|
+
hasAdaptiveThemes: false,
|
|
82
|
+
pixelRatio: 0,
|
|
83
|
+
rtl: false,
|
|
84
|
+
getTheme: () => {
|
|
85
|
+
return {};
|
|
86
|
+
},
|
|
87
|
+
setTheme: () => {},
|
|
88
|
+
updateTheme: () => {},
|
|
89
|
+
setRootViewBackgroundColor: () => {},
|
|
90
|
+
_setRootViewBackgroundColor: () => {},
|
|
91
|
+
createHybridStatusBar: () => {
|
|
92
|
+
return {};
|
|
93
|
+
},
|
|
94
|
+
createHybridNavigationBar: () => {
|
|
95
|
+
return {};
|
|
96
|
+
},
|
|
97
|
+
setAdaptiveThemes: () => {},
|
|
98
|
+
setImmersiveMode: () => {},
|
|
99
|
+
insets: {
|
|
100
|
+
top: 0,
|
|
101
|
+
left: 0,
|
|
102
|
+
right: 0,
|
|
103
|
+
bottom: 0,
|
|
104
|
+
ime: 0
|
|
105
|
+
},
|
|
106
|
+
screen: {
|
|
107
|
+
width: 0,
|
|
108
|
+
height: 0
|
|
109
|
+
},
|
|
110
|
+
breakpoint: undefined
|
|
111
|
+
};
|
|
63
112
|
return {
|
|
113
|
+
Hide: () => null,
|
|
114
|
+
Display: () => null,
|
|
115
|
+
ScopedTheme: () => null,
|
|
116
|
+
withUnistyles: (Component, mapper) => props => React.createElement(Component, {
|
|
117
|
+
...mapper?.(Object.values(_REGISTRY.themes).at(0) ?? {}, miniRuntime),
|
|
118
|
+
...props
|
|
119
|
+
}),
|
|
120
|
+
mq: {
|
|
121
|
+
only: {
|
|
122
|
+
width: () => ({
|
|
123
|
+
and: {
|
|
124
|
+
height: () => ({})
|
|
125
|
+
}
|
|
126
|
+
}),
|
|
127
|
+
height: () => ({
|
|
128
|
+
and: {
|
|
129
|
+
width: () => ({})
|
|
130
|
+
}
|
|
131
|
+
})
|
|
132
|
+
},
|
|
133
|
+
width: () => ({
|
|
134
|
+
and: {
|
|
135
|
+
height: () => ({})
|
|
136
|
+
}
|
|
137
|
+
}),
|
|
138
|
+
height: () => ({
|
|
139
|
+
and: {
|
|
140
|
+
width: () => ({})
|
|
141
|
+
}
|
|
142
|
+
})
|
|
143
|
+
},
|
|
144
|
+
useUnistyles: () => ({
|
|
145
|
+
theme: Object.values(_REGISTRY.themes).at(0) ?? {},
|
|
146
|
+
rt: unistylesRuntime
|
|
147
|
+
}),
|
|
64
148
|
StyleSheet: {
|
|
65
149
|
absoluteFillObject: {
|
|
66
150
|
position: 'absolute',
|
|
@@ -84,9 +168,8 @@ jest.mock('react-native-unistyles', () => {
|
|
|
84
168
|
},
|
|
85
169
|
create: styles => {
|
|
86
170
|
if (typeof styles === 'function') {
|
|
87
|
-
const firstTheme = Object.values(_REGISTRY.themes).at(0) ?? {};
|
|
88
171
|
return {
|
|
89
|
-
...styles(
|
|
172
|
+
...styles(Object.values(_REGISTRY.themes).at(0) ?? {}, miniRuntime),
|
|
90
173
|
useVariants: () => {}
|
|
91
174
|
};
|
|
92
175
|
}
|
|
@@ -114,63 +197,7 @@ jest.mock('react-native-unistyles', () => {
|
|
|
114
197
|
dispose: () => {},
|
|
115
198
|
equals: () => false
|
|
116
199
|
},
|
|
117
|
-
UnistylesRuntime:
|
|
118
|
-
colorScheme: 'unspecified',
|
|
119
|
-
contentSizeCategory: 'Medium',
|
|
120
|
-
orientation: 'portrait',
|
|
121
|
-
breakpoints: {},
|
|
122
|
-
dispose: () => {},
|
|
123
|
-
equals: () => false,
|
|
124
|
-
name: 'UnistylesRuntimeMock',
|
|
125
|
-
miniRuntime: miniRuntime,
|
|
126
|
-
statusBar: {
|
|
127
|
-
height: 0,
|
|
128
|
-
width: 0,
|
|
129
|
-
name: 'StatusBarMock',
|
|
130
|
-
equals: () => false,
|
|
131
|
-
setHidden: () => {},
|
|
132
|
-
setStyle: () => {}
|
|
133
|
-
},
|
|
134
|
-
navigationBar: {
|
|
135
|
-
height: 0,
|
|
136
|
-
width: 0,
|
|
137
|
-
name: 'NavigationBarMock',
|
|
138
|
-
equals: () => false,
|
|
139
|
-
setHidden: () => {},
|
|
140
|
-
dispose: () => {}
|
|
141
|
-
},
|
|
142
|
-
fontScale: 1,
|
|
143
|
-
hasAdaptiveThemes: false,
|
|
144
|
-
pixelRatio: 0,
|
|
145
|
-
rtl: false,
|
|
146
|
-
getTheme: () => {
|
|
147
|
-
return {};
|
|
148
|
-
},
|
|
149
|
-
setTheme: () => {},
|
|
150
|
-
updateTheme: () => {},
|
|
151
|
-
setRootViewBackgroundColor: () => {},
|
|
152
|
-
_setRootViewBackgroundColor: () => {},
|
|
153
|
-
createHybridStatusBar: () => {
|
|
154
|
-
return {};
|
|
155
|
-
},
|
|
156
|
-
createHybridNavigationBar: () => {
|
|
157
|
-
return {};
|
|
158
|
-
},
|
|
159
|
-
setAdaptiveThemes: () => {},
|
|
160
|
-
setImmersiveMode: () => {},
|
|
161
|
-
insets: {
|
|
162
|
-
top: 0,
|
|
163
|
-
left: 0,
|
|
164
|
-
right: 0,
|
|
165
|
-
bottom: 0,
|
|
166
|
-
ime: 0
|
|
167
|
-
},
|
|
168
|
-
screen: {
|
|
169
|
-
width: 0,
|
|
170
|
-
height: 0
|
|
171
|
-
},
|
|
172
|
-
breakpoint: undefined
|
|
173
|
-
}
|
|
200
|
+
UnistylesRuntime: unistylesRuntime
|
|
174
201
|
};
|
|
175
202
|
});
|
|
176
203
|
//# sourceMappingURL=mocks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jest","mock","
|
|
1
|
+
{"version":3,"names":["jest","mock","NitroModules","createHybridObject","add","init","createHybridStatusBar","setStyle","createHybridNavigationBar","React","require","_REGISTRY","themes","breakpoints","miniRuntime","themeName","undefined","breakpoint","hasAdaptiveThemes","colorScheme","contentSizeCategory","insets","top","left","right","bottom","ime","pixelRatio","fontScale","rtl","isLandscape","isPortrait","navigationBar","width","height","screen","statusBar","unistylesRuntime","orientation","dispose","equals","name","setHidden","getTheme","setTheme","updateTheme","setRootViewBackgroundColor","_setRootViewBackgroundColor","setAdaptiveThemes","setImmersiveMode","Hide","Display","ScopedTheme","withUnistyles","Component","mapper","props","createElement","Object","values","at","mq","only","and","useUnistyles","theme","rt","StyleSheet","absoluteFillObject","position","absoluteFill","compose","styles","flatten","create","useVariants","configure","config","jsMethods","processColor","hairlineWidth","unid","addChangeListener","UnistylesRuntime"],"sourceRoot":"../../src","sources":["mocks.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -29,6 +29,12 @@ class UnistylesShadowRegistry {
|
|
|
29
29
|
this.services.registry.connect(ref, hash);
|
|
30
30
|
};
|
|
31
31
|
addStyles = (unistyles, forChild) => {
|
|
32
|
+
const [firstStyle] = unistyles;
|
|
33
|
+
|
|
34
|
+
// If it is already a generated style, return it
|
|
35
|
+
if (firstStyle && (0, _utils2.isGeneratedUnistyle)(firstStyle)) {
|
|
36
|
+
return firstStyle;
|
|
37
|
+
}
|
|
32
38
|
const getParsedStyles = () => {
|
|
33
39
|
const allStyles = unistyles.map(unistyle => {
|
|
34
40
|
const secrets = (0, _utils2.extractSecrets)(unistyle);
|
|
@@ -93,7 +99,7 @@ class UnistylesShadowRegistry {
|
|
|
93
99
|
};
|
|
94
100
|
getScopedTheme = () => this.scopedTheme;
|
|
95
101
|
remove = (ref, hash) => {
|
|
96
|
-
if (!(ref instanceof HTMLElement) || !hash) {
|
|
102
|
+
if ((0, _utils2.isServer)() || !(ref instanceof HTMLElement) || !hash) {
|
|
97
103
|
return;
|
|
98
104
|
}
|
|
99
105
|
this.services.registry.remove(ref, hash).then(removed => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_NativePlatform","require","_utils","_utils2","_variants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","getParsedStyles","allStyles","map","unistyle","secrets","extractSecrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__uni_variants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","getVariants","resultWithVariants","deepMergeObjects","dependencies","extractUnistyleDependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","UnistyleDependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","then","removed","get","delete","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEO,MAAMI,uBAAuB,CAAC;EACjC;EACAC,IAAI,GAAG,yBAAyB;EAChCC,MAAM,GAAG,KAAK;EACdC,MAAM,GAAGA,CAAA,KAAM,IAAI;EACnBC,QAAQ,GAAGA,CAAA,KAAM,yBAAyB;EAC1CC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClB;;EAEQC,WAAW,GAA+BC,SAAS;EACnDC,UAAU,GAAG,IAAIC,GAAG,CAAuB,CAAC;EAEpDC,WAAWA,CAASC,QAA2B,EAAE;IAAA,KAA7BA,QAA2B,GAA3BA,QAA2B;EAAG;EAElDC,GAAG,GAAGA,CAACC,GAAQ,EAAEC,IAAa,KAAK;IAC/B,IAAI,EAAED,GAAG,YAAYE,WAAW,CAAC,IAAI,CAACD,IAAI,EAAE;MACxC;IACJ;IAEA,IAAI,CAACH,QAAQ,CAACK,QAAQ,CAACC,OAAO,CAACJ,GAAG,EAAEC,IAAI,CAAC;EAC7C,CAAC;EAEDI,SAAS,GAAGA,CAACC,SAAiC,EAAEC,QAAkB,KAAK;IACnE,
|
|
1
|
+
{"version":3,"names":["_NativePlatform","require","_utils","_utils2","_variants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","isGeneratedUnistyle","getParsedStyles","allStyles","map","unistyle","secrets","extractSecrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__uni_variants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","getVariants","resultWithVariants","deepMergeObjects","dependencies","extractUnistyleDependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","UnistyleDependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","isServer","then","removed","get","delete","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["UNI_GENERATED_KEYS","exports"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;;;;;AAcO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,mBAAmB,CAAU","ignoreList":[]}
|
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.schemeToTheme = exports.removeInlineStyles = exports.getMediaQuery = exports.extractUnistyleDependencies = exports.extractSecrets = exports.checkForProp = exports.checkForAnimated = exports.assignSecrets = void 0;
|
|
6
|
+
exports.schemeToTheme = exports.removeInlineStyles = exports.isGeneratedUnistyle = exports.getMediaQuery = exports.extractUnistyleDependencies = exports.extractSecrets = exports.checkForProp = exports.checkForAnimated = exports.assignSecrets = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _types = require("../../specs/types");
|
|
9
9
|
var _utils = require("../../utils");
|
|
10
10
|
var unistyles = _interopRequireWildcard(require("../services"));
|
|
11
|
+
var _types2 = require("../types");
|
|
11
12
|
var _common = require("./common");
|
|
12
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -108,4 +109,8 @@ const checkForAnimated = value => {
|
|
|
108
109
|
return false;
|
|
109
110
|
};
|
|
110
111
|
exports.checkForAnimated = checkForAnimated;
|
|
112
|
+
const isGeneratedUnistyle = value => {
|
|
113
|
+
return Object.keys(value).every(key => _types2.UNI_GENERATED_KEYS.includes(key));
|
|
114
|
+
};
|
|
115
|
+
exports.isGeneratedUnistyle = isGeneratedUnistyle;
|
|
111
116
|
//# sourceMappingURL=unistyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_types","_utils","unistyles","_interopRequireWildcard","_common","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","assignSecrets","object","secrets","secretsId","Math","random","toString","slice","defineProperties","reduceObject","secret","value","enumerable","configurable","extractSecrets","undefined","entries","find","key","startsWith","getOwnPropertyDescriptors","removeInlineStyles","values","returnValue","getMediaQuery","query","allBreakpoints","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","queries","filter","Boolean","join","breakpointValue","services","runtime","breakpoints","nextBreakpoint","b","map","sort","extractUnistyleDependencies","dependencies","keyInObject","uni__dependencies","Array","isArray","checkForProp","prop","some","nestedValue","_web","checkForAnimated","objectValues","Animated","Node","length","keys"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAoD,
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_types","_utils","unistyles","_interopRequireWildcard","_types2","_common","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","assignSecrets","object","secrets","secretsId","Math","random","toString","slice","defineProperties","reduceObject","secret","value","enumerable","configurable","extractSecrets","undefined","entries","find","key","startsWith","getOwnPropertyDescriptors","removeInlineStyles","values","returnValue","getMediaQuery","query","allBreakpoints","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","queries","filter","Boolean","join","breakpointValue","services","runtime","breakpoints","nextBreakpoint","b","map","sort","extractUnistyleDependencies","dependencies","keyInObject","uni__dependencies","Array","isArray","checkForProp","prop","some","nestedValue","_web","checkForAnimated","objectValues","Animated","Node","length","keys","isGeneratedUnistyle","every","UNI_GENERATED_KEYS"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/module/mocks.js
CHANGED
|
@@ -1,14 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
jest.mock('react-native', () => ({
|
|
4
|
-
TurboModuleRegistry: {
|
|
5
|
-
get: () => ({})
|
|
6
|
-
},
|
|
7
|
-
StyleSheet: {},
|
|
8
|
-
Platform: {
|
|
9
|
-
OS: 'headless'
|
|
10
|
-
}
|
|
11
|
-
}));
|
|
12
3
|
jest.mock('react-native-nitro-modules', () => ({
|
|
13
4
|
NitroModules: {
|
|
14
5
|
createHybridObject: () => ({
|
|
@@ -22,6 +13,7 @@ jest.mock('react-native-nitro-modules', () => ({
|
|
|
22
13
|
}
|
|
23
14
|
}));
|
|
24
15
|
jest.mock('react-native-unistyles', () => {
|
|
16
|
+
const React = require('react');
|
|
25
17
|
const _REGISTRY = {
|
|
26
18
|
themes: {},
|
|
27
19
|
breakpoints: {}
|
|
@@ -57,7 +49,99 @@ jest.mock('react-native-unistyles', () => {
|
|
|
57
49
|
height: 0
|
|
58
50
|
}
|
|
59
51
|
};
|
|
52
|
+
const unistylesRuntime = {
|
|
53
|
+
colorScheme: 'unspecified',
|
|
54
|
+
contentSizeCategory: 'Medium',
|
|
55
|
+
orientation: 'portrait',
|
|
56
|
+
breakpoints: {},
|
|
57
|
+
dispose: () => {},
|
|
58
|
+
equals: () => false,
|
|
59
|
+
name: 'UnistylesRuntimeMock',
|
|
60
|
+
miniRuntime: miniRuntime,
|
|
61
|
+
statusBar: {
|
|
62
|
+
height: 0,
|
|
63
|
+
width: 0,
|
|
64
|
+
name: 'StatusBarMock',
|
|
65
|
+
equals: () => false,
|
|
66
|
+
setHidden: () => {},
|
|
67
|
+
setStyle: () => {}
|
|
68
|
+
},
|
|
69
|
+
navigationBar: {
|
|
70
|
+
height: 0,
|
|
71
|
+
width: 0,
|
|
72
|
+
name: 'NavigationBarMock',
|
|
73
|
+
equals: () => false,
|
|
74
|
+
setHidden: () => {},
|
|
75
|
+
dispose: () => {}
|
|
76
|
+
},
|
|
77
|
+
fontScale: 1,
|
|
78
|
+
hasAdaptiveThemes: false,
|
|
79
|
+
pixelRatio: 0,
|
|
80
|
+
rtl: false,
|
|
81
|
+
getTheme: () => {
|
|
82
|
+
return {};
|
|
83
|
+
},
|
|
84
|
+
setTheme: () => {},
|
|
85
|
+
updateTheme: () => {},
|
|
86
|
+
setRootViewBackgroundColor: () => {},
|
|
87
|
+
_setRootViewBackgroundColor: () => {},
|
|
88
|
+
createHybridStatusBar: () => {
|
|
89
|
+
return {};
|
|
90
|
+
},
|
|
91
|
+
createHybridNavigationBar: () => {
|
|
92
|
+
return {};
|
|
93
|
+
},
|
|
94
|
+
setAdaptiveThemes: () => {},
|
|
95
|
+
setImmersiveMode: () => {},
|
|
96
|
+
insets: {
|
|
97
|
+
top: 0,
|
|
98
|
+
left: 0,
|
|
99
|
+
right: 0,
|
|
100
|
+
bottom: 0,
|
|
101
|
+
ime: 0
|
|
102
|
+
},
|
|
103
|
+
screen: {
|
|
104
|
+
width: 0,
|
|
105
|
+
height: 0
|
|
106
|
+
},
|
|
107
|
+
breakpoint: undefined
|
|
108
|
+
};
|
|
60
109
|
return {
|
|
110
|
+
Hide: () => null,
|
|
111
|
+
Display: () => null,
|
|
112
|
+
ScopedTheme: () => null,
|
|
113
|
+
withUnistyles: (Component, mapper) => props => React.createElement(Component, {
|
|
114
|
+
...mapper?.(Object.values(_REGISTRY.themes).at(0) ?? {}, miniRuntime),
|
|
115
|
+
...props
|
|
116
|
+
}),
|
|
117
|
+
mq: {
|
|
118
|
+
only: {
|
|
119
|
+
width: () => ({
|
|
120
|
+
and: {
|
|
121
|
+
height: () => ({})
|
|
122
|
+
}
|
|
123
|
+
}),
|
|
124
|
+
height: () => ({
|
|
125
|
+
and: {
|
|
126
|
+
width: () => ({})
|
|
127
|
+
}
|
|
128
|
+
})
|
|
129
|
+
},
|
|
130
|
+
width: () => ({
|
|
131
|
+
and: {
|
|
132
|
+
height: () => ({})
|
|
133
|
+
}
|
|
134
|
+
}),
|
|
135
|
+
height: () => ({
|
|
136
|
+
and: {
|
|
137
|
+
width: () => ({})
|
|
138
|
+
}
|
|
139
|
+
})
|
|
140
|
+
},
|
|
141
|
+
useUnistyles: () => ({
|
|
142
|
+
theme: Object.values(_REGISTRY.themes).at(0) ?? {},
|
|
143
|
+
rt: unistylesRuntime
|
|
144
|
+
}),
|
|
61
145
|
StyleSheet: {
|
|
62
146
|
absoluteFillObject: {
|
|
63
147
|
position: 'absolute',
|
|
@@ -81,9 +165,8 @@ jest.mock('react-native-unistyles', () => {
|
|
|
81
165
|
},
|
|
82
166
|
create: styles => {
|
|
83
167
|
if (typeof styles === 'function') {
|
|
84
|
-
const firstTheme = Object.values(_REGISTRY.themes).at(0) ?? {};
|
|
85
168
|
return {
|
|
86
|
-
...styles(
|
|
169
|
+
...styles(Object.values(_REGISTRY.themes).at(0) ?? {}, miniRuntime),
|
|
87
170
|
useVariants: () => {}
|
|
88
171
|
};
|
|
89
172
|
}
|
|
@@ -111,63 +194,7 @@ jest.mock('react-native-unistyles', () => {
|
|
|
111
194
|
dispose: () => {},
|
|
112
195
|
equals: () => false
|
|
113
196
|
},
|
|
114
|
-
UnistylesRuntime:
|
|
115
|
-
colorScheme: 'unspecified',
|
|
116
|
-
contentSizeCategory: 'Medium',
|
|
117
|
-
orientation: 'portrait',
|
|
118
|
-
breakpoints: {},
|
|
119
|
-
dispose: () => {},
|
|
120
|
-
equals: () => false,
|
|
121
|
-
name: 'UnistylesRuntimeMock',
|
|
122
|
-
miniRuntime: miniRuntime,
|
|
123
|
-
statusBar: {
|
|
124
|
-
height: 0,
|
|
125
|
-
width: 0,
|
|
126
|
-
name: 'StatusBarMock',
|
|
127
|
-
equals: () => false,
|
|
128
|
-
setHidden: () => {},
|
|
129
|
-
setStyle: () => {}
|
|
130
|
-
},
|
|
131
|
-
navigationBar: {
|
|
132
|
-
height: 0,
|
|
133
|
-
width: 0,
|
|
134
|
-
name: 'NavigationBarMock',
|
|
135
|
-
equals: () => false,
|
|
136
|
-
setHidden: () => {},
|
|
137
|
-
dispose: () => {}
|
|
138
|
-
},
|
|
139
|
-
fontScale: 1,
|
|
140
|
-
hasAdaptiveThemes: false,
|
|
141
|
-
pixelRatio: 0,
|
|
142
|
-
rtl: false,
|
|
143
|
-
getTheme: () => {
|
|
144
|
-
return {};
|
|
145
|
-
},
|
|
146
|
-
setTheme: () => {},
|
|
147
|
-
updateTheme: () => {},
|
|
148
|
-
setRootViewBackgroundColor: () => {},
|
|
149
|
-
_setRootViewBackgroundColor: () => {},
|
|
150
|
-
createHybridStatusBar: () => {
|
|
151
|
-
return {};
|
|
152
|
-
},
|
|
153
|
-
createHybridNavigationBar: () => {
|
|
154
|
-
return {};
|
|
155
|
-
},
|
|
156
|
-
setAdaptiveThemes: () => {},
|
|
157
|
-
setImmersiveMode: () => {},
|
|
158
|
-
insets: {
|
|
159
|
-
top: 0,
|
|
160
|
-
left: 0,
|
|
161
|
-
right: 0,
|
|
162
|
-
bottom: 0,
|
|
163
|
-
ime: 0
|
|
164
|
-
},
|
|
165
|
-
screen: {
|
|
166
|
-
width: 0,
|
|
167
|
-
height: 0
|
|
168
|
-
},
|
|
169
|
-
breakpoint: undefined
|
|
170
|
-
}
|
|
197
|
+
UnistylesRuntime: unistylesRuntime
|
|
171
198
|
};
|
|
172
199
|
});
|
|
173
200
|
export {};
|
package/lib/module/mocks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jest","mock","
|
|
1
|
+
{"version":3,"names":["jest","mock","NitroModules","createHybridObject","add","init","createHybridStatusBar","setStyle","createHybridNavigationBar","React","require","_REGISTRY","themes","breakpoints","miniRuntime","themeName","undefined","breakpoint","hasAdaptiveThemes","colorScheme","contentSizeCategory","insets","top","left","right","bottom","ime","pixelRatio","fontScale","rtl","isLandscape","isPortrait","navigationBar","width","height","screen","statusBar","unistylesRuntime","orientation","dispose","equals","name","setHidden","getTheme","setTheme","updateTheme","setRootViewBackgroundColor","_setRootViewBackgroundColor","setAdaptiveThemes","setImmersiveMode","Hide","Display","ScopedTheme","withUnistyles","Component","mapper","props","createElement","Object","values","at","mq","only","and","useUnistyles","theme","rt","StyleSheet","absoluteFillObject","position","absoluteFill","compose","styles","flatten","create","useVariants","configure","config","jsMethods","processColor","hairlineWidth","unid","addChangeListener","UnistylesRuntime"],"sourceRoot":"../../src","sources":["mocks.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { UnistyleDependency } from '../specs/NativePlatform/NativePlatform.nitro';
|
|
4
4
|
import { deepMergeObjects } from '../utils';
|
|
5
|
-
import { extractSecrets, extractUnistyleDependencies } from './utils';
|
|
5
|
+
import { extractSecrets, extractUnistyleDependencies, isGeneratedUnistyle, isServer } from './utils';
|
|
6
6
|
import { getVariants } from './variants';
|
|
7
7
|
export class UnistylesShadowRegistry {
|
|
8
8
|
// MOCKS
|
|
@@ -25,6 +25,12 @@ export class UnistylesShadowRegistry {
|
|
|
25
25
|
this.services.registry.connect(ref, hash);
|
|
26
26
|
};
|
|
27
27
|
addStyles = (unistyles, forChild) => {
|
|
28
|
+
const [firstStyle] = unistyles;
|
|
29
|
+
|
|
30
|
+
// If it is already a generated style, return it
|
|
31
|
+
if (firstStyle && isGeneratedUnistyle(firstStyle)) {
|
|
32
|
+
return firstStyle;
|
|
33
|
+
}
|
|
28
34
|
const getParsedStyles = () => {
|
|
29
35
|
const allStyles = unistyles.map(unistyle => {
|
|
30
36
|
const secrets = extractSecrets(unistyle);
|
|
@@ -89,7 +95,7 @@ export class UnistylesShadowRegistry {
|
|
|
89
95
|
};
|
|
90
96
|
getScopedTheme = () => this.scopedTheme;
|
|
91
97
|
remove = (ref, hash) => {
|
|
92
|
-
if (!(ref instanceof HTMLElement) || !hash) {
|
|
98
|
+
if (isServer() || !(ref instanceof HTMLElement) || !hash) {
|
|
93
99
|
return;
|
|
94
100
|
}
|
|
95
101
|
this.services.registry.remove(ref, hash).then(removed => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["UnistyleDependency","deepMergeObjects","extractSecrets","extractUnistyleDependencies","getVariants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","getParsedStyles","allStyles","map","unistyle","secrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__uni_variants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","resultWithVariants","dependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","then","removed","get","delete"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8CAA8C;AAEjF,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,SAASC,cAAc,EAAEC,2BAA2B,QAAQ,SAAS;
|
|
1
|
+
{"version":3,"names":["UnistyleDependency","deepMergeObjects","extractSecrets","extractUnistyleDependencies","isGeneratedUnistyle","isServer","getVariants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","getParsedStyles","allStyles","map","unistyle","secrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__uni_variants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","resultWithVariants","dependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","then","removed","get","delete"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/module/web/types.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["UNI_GENERATED_KEYS"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;AAcA,OAAO,MAAMA,kBAAkB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,mBAAmB,CAAU","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ import { Animated } from 'react-native';
|
|
|
4
4
|
import { ColorScheme, Orientation } from '../../specs/types';
|
|
5
5
|
import { isUnistylesMq, parseMq } from '../../utils';
|
|
6
6
|
import * as unistyles from '../services';
|
|
7
|
+
import { UNI_GENERATED_KEYS } from '../types';
|
|
7
8
|
import { keyInObject, reduceObject } from './common';
|
|
8
9
|
export const schemeToTheme = scheme => {
|
|
9
10
|
switch (scheme) {
|
|
@@ -94,4 +95,7 @@ export const checkForAnimated = value => {
|
|
|
94
95
|
}
|
|
95
96
|
return false;
|
|
96
97
|
};
|
|
98
|
+
export const isGeneratedUnistyle = value => {
|
|
99
|
+
return Object.keys(value).every(key => UNI_GENERATED_KEYS.includes(key));
|
|
100
|
+
};
|
|
97
101
|
//# sourceMappingURL=unistyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","ColorScheme","Orientation","isUnistylesMq","parseMq","unistyles","keyInObject","reduceObject","schemeToTheme","scheme","Dark","Light","assignSecrets","object","secrets","secretsId","Math","random","toString","slice","Object","defineProperties","secret","value","enumerable","configurable","extractSecrets","undefined","entries","find","key","startsWith","getOwnPropertyDescriptors","removeInlineStyles","values","returnValue","getMediaQuery","query","allBreakpoints","includes","minWidth","maxWidth","minHeight","maxHeight","queries","filter","Boolean","join","breakpointValue","services","runtime","breakpoints","nextBreakpoint","b","map","sort","a","extractUnistyleDependencies","dependencies","uni__dependencies","Array","isArray","checkForProp","prop","some","nestedValue","_web","checkForAnimated","objectValues","Node","length","keys"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAGvC,SAASC,WAAW,EAAEC,WAAW,QAAQ,mBAAmB;AAE5D,SAASC,aAAa,EAAEC,OAAO,QAAQ,aAAa;AACpD,OAAO,KAAKC,SAAS,MAAM,aAAa;AACxC,SAASC,WAAW,EAAEC,YAAY,QAAQ,UAAU;AAEpD,OAAO,MAAMC,aAAa,GAAIC,MAAmB,IAAK;EAClD,QAAQA,MAAM;IACV,
|
|
1
|
+
{"version":3,"names":["Animated","ColorScheme","Orientation","isUnistylesMq","parseMq","unistyles","UNI_GENERATED_KEYS","keyInObject","reduceObject","schemeToTheme","scheme","Dark","Light","assignSecrets","object","secrets","secretsId","Math","random","toString","slice","Object","defineProperties","secret","value","enumerable","configurable","extractSecrets","undefined","entries","find","key","startsWith","getOwnPropertyDescriptors","removeInlineStyles","values","returnValue","getMediaQuery","query","allBreakpoints","includes","minWidth","maxWidth","minHeight","maxHeight","queries","filter","Boolean","join","breakpointValue","services","runtime","breakpoints","nextBreakpoint","b","map","sort","a","extractUnistyleDependencies","dependencies","uni__dependencies","Array","isArray","checkForProp","prop","some","nestedValue","_web","checkForAnimated","objectValues","Node","length","keys","isGeneratedUnistyle","every"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { UnistylesTheme, UnistylesValues } from '../types';
|
|
2
|
-
import type { UnistylesServices } from './types';
|
|
2
|
+
import type { UniGeneratedStyle, UnistylesServices } from './types';
|
|
3
3
|
export declare class UnistylesShadowRegistry {
|
|
4
4
|
private services;
|
|
5
5
|
name: string;
|
|
@@ -11,7 +11,7 @@ export declare class UnistylesShadowRegistry {
|
|
|
11
11
|
private disposeMap;
|
|
12
12
|
constructor(services: UnistylesServices);
|
|
13
13
|
add: (ref: any, hash?: string) => void;
|
|
14
|
-
addStyles: (unistyles: Array<UnistylesValues>, forChild?: boolean) => {
|
|
14
|
+
addStyles: (unistyles: Array<UnistylesValues>, forChild?: boolean) => UniGeneratedStyle | {
|
|
15
15
|
injectedClassName: string;
|
|
16
16
|
hash: string;
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadowRegistry.d.ts","sourceRoot":"","sources":["../../../../src/web/shadowRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"shadowRegistry.d.ts","sourceRoot":"","sources":["../../../../src/web/shadowRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAInE,qBAAa,uBAAuB;IAYpB,OAAO,CAAC,QAAQ;IAV5B,IAAI,SAA4B;IAChC,MAAM,SAAQ;IACd,MAAM,gBAAa;IACnB,QAAQ,eAAkC;IAC1C,OAAO,aAAW;IAGlB,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,UAAU,CAAkC;gBAEhC,QAAQ,EAAE,iBAAiB;IAE/C,GAAG,QAAS,GAAG,SAAS,MAAM,UAM7B;IAED,SAAS,cAAe,KAAK,CAAC,eAAe,CAAC,aAAa,OAAO;;;MAoEjE;IAED,cAAc,WAAY,cAAc,UAEvC;IAED,cAAc,kBAAyB;IAEvC,MAAM,QAAS,GAAG,SAAS,MAAM,UAchC;CACJ"}
|
|
@@ -10,4 +10,7 @@ export type UnistylesServices = {
|
|
|
10
10
|
state: UnistylesState;
|
|
11
11
|
listener: UnistylesListener;
|
|
12
12
|
};
|
|
13
|
+
export declare const UNI_GENERATED_KEYS: readonly ["$$css", "hash", "injectedClassName"];
|
|
14
|
+
export type UniGeneratedKey = typeof UNI_GENERATED_KEYS[number];
|
|
15
|
+
export type UniGeneratedStyle = Record<UniGeneratedKey, string>;
|
|
13
16
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,cAAc,EAAE,uBAAuB,CAAC;IACxC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,kBAAkB,iDAAkD,CAAA;AACjF,MAAM,MAAM,eAAe,GAAG,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAA;AAE/D,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { UnistyleDependency } from '../../specs/NativePlatform/NativePlatform.nitro';
|
|
2
2
|
import { ColorScheme } from '../../specs/types';
|
|
3
3
|
import type { StyleSheet, StyleSheetWithSuperPowers, UnistylesValues } from '../../types/stylesheet';
|
|
4
|
+
import { type UniGeneratedStyle } from '../types';
|
|
4
5
|
export declare const schemeToTheme: (scheme: ColorScheme) => "light" | "dark";
|
|
5
6
|
export type UnistyleSecrets = {
|
|
6
7
|
__uni__stylesheet: StyleSheetWithSuperPowers<StyleSheet>;
|
|
@@ -17,4 +18,5 @@ export declare const getMediaQuery: (query: string, allBreakpoints: Array<string
|
|
|
17
18
|
export declare const extractUnistyleDependencies: (value: any) => UnistyleDependency[];
|
|
18
19
|
export declare const checkForProp: (value: any, prop: string) => boolean;
|
|
19
20
|
export declare const checkForAnimated: (value: any) => boolean;
|
|
21
|
+
export declare const isGeneratedUnistyle: (value: Record<string, any>) => value is UniGeneratedStyle;
|
|
20
22
|
//# sourceMappingURL=unistyle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unistyle.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/unistyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAA;AACzF,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"unistyle.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/unistyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAA;AACzF,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAGpG,OAAO,EAA4C,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAG3F,eAAO,MAAM,aAAa,WAAY,WAAW,qBAQhD,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,iBAAiB,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;CAC/D,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,UAAU,CAAC,WAAW,eAAe,MAanE,CAAA;AAED,eAAO,MAAM,cAAc,WAAY,GAAG;;aAYzC,CAAA;AAED,eAAO,MAAM,kBAAkB,WAAY,eAAe,OAUzD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,kBAAkB,KAAK,CAAC,MAAM,CAAC,WA6BzE,CAAA;AAED,eAAO,MAAM,2BAA2B,UAAW,GAAG,yBAQrD,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,GAAG,QAAQ,MAAM,KAAG,OAcvD,CAAA;AAED,eAAO,MAAM,gBAAgB,UAAW,GAAG,KAAG,OAgB7C,CAAA;AAED,eAAO,MAAM,mBAAmB,UAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,KAAK,IAAI,iBAEzE,CAAA"}
|
package/package.json
CHANGED
package/plugin/index.js
CHANGED
|
@@ -83,18 +83,6 @@ var NATIVE_COMPONENTS_PATHS = {
|
|
|
83
83
|
|
|
84
84
|
// plugin/src/exotic.ts
|
|
85
85
|
var t = __toESM(require("@babel/types"));
|
|
86
|
-
|
|
87
|
-
// plugin/src/paths.ts
|
|
88
|
-
var path = __toESM(require("node:path"));
|
|
89
|
-
var isWindows = process.platform === "win32";
|
|
90
|
-
var toWinPath = (pathString) => {
|
|
91
|
-
return path.normalize(pathString).replace(/\//g, "\\");
|
|
92
|
-
};
|
|
93
|
-
var toPlatformPath = (pathString) => {
|
|
94
|
-
return isWindows ? toWinPath(pathString) : pathString;
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
// plugin/src/exotic.ts
|
|
98
86
|
function handleExoticImport(path2, state, exoticImport) {
|
|
99
87
|
const specifiers = path2.node.specifiers;
|
|
100
88
|
const source = path2.node.source;
|
|
@@ -113,7 +101,7 @@ function handleExoticImport(path2, state, exoticImport) {
|
|
|
113
101
|
const newImport = t.importDeclaration(
|
|
114
102
|
[t.importDefaultSpecifier(t.identifier(specifier.local.name))],
|
|
115
103
|
t.stringLiteral(
|
|
116
|
-
state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(
|
|
104
|
+
state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/components/native/${rule.mapTo}`) ?? "" : `react-native-unistyles/components/native/${rule.mapTo}`
|
|
117
105
|
)
|
|
118
106
|
);
|
|
119
107
|
path2.replaceWith(newImport);
|
|
@@ -121,7 +109,7 @@ function handleExoticImport(path2, state, exoticImport) {
|
|
|
121
109
|
const newImport = t.importDeclaration(
|
|
122
110
|
[t.importSpecifier(t.identifier(rule.mapTo), t.identifier(rule.mapTo))],
|
|
123
111
|
t.stringLiteral(
|
|
124
|
-
state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(
|
|
112
|
+
state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/components/native/${rule.mapTo}`) ?? "" : `react-native-unistyles/components/native/${rule.mapTo}`
|
|
125
113
|
)
|
|
126
114
|
);
|
|
127
115
|
path2.node.specifiers = specifiers.filter((s) => s !== specifier);
|
|
@@ -152,7 +140,7 @@ function addUnistylesImport(path2, state) {
|
|
|
152
140
|
}
|
|
153
141
|
});
|
|
154
142
|
names.forEach((name) => {
|
|
155
|
-
const rnWebImport = path2.node.body.find((node) => t2.isImportDeclaration(node) && node.source.value ===
|
|
143
|
+
const rnWebImport = path2.node.body.find((node) => t2.isImportDeclaration(node) && node.source.value === `react-native-web/dist/exports/${name}`);
|
|
156
144
|
if (rnWebImport) {
|
|
157
145
|
rnWebImport.specifiers = [];
|
|
158
146
|
}
|
|
@@ -161,7 +149,7 @@ function addUnistylesImport(path2, state) {
|
|
|
161
149
|
const newImport = t2.importDeclaration(
|
|
162
150
|
[t2.importSpecifier(t2.identifier(localName), t2.identifier(name))],
|
|
163
151
|
t2.stringLiteral(
|
|
164
|
-
state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(
|
|
152
|
+
state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/src/components/native/${name}`) ?? "" : `react-native-unistyles/components/native/${name}`
|
|
165
153
|
)
|
|
166
154
|
);
|
|
167
155
|
path2.node.body.unshift(newImport);
|
|
@@ -177,7 +165,7 @@ function addUnistylesRequire(path2, state) {
|
|
|
177
165
|
t2.variableDeclarator(
|
|
178
166
|
t2.identifier(uniqueName),
|
|
179
167
|
t2.callExpression(t2.identifier("require"), [
|
|
180
|
-
t2.stringLiteral(
|
|
168
|
+
t2.stringLiteral(`react-native-unistyles/src/components/native/${componentName}`)
|
|
181
169
|
])
|
|
182
170
|
)
|
|
183
171
|
]);
|
|
@@ -185,6 +173,16 @@ function addUnistylesRequire(path2, state) {
|
|
|
185
173
|
});
|
|
186
174
|
}
|
|
187
175
|
|
|
176
|
+
// plugin/src/paths.ts
|
|
177
|
+
var import_node_path = __toESM(require("node:path"));
|
|
178
|
+
var isWindows = process.platform === "win32";
|
|
179
|
+
var toWinPath = (pathString) => {
|
|
180
|
+
return import_node_path.default.normalize(pathString).replace(/\//g, "\\");
|
|
181
|
+
};
|
|
182
|
+
var toPlatformPath = (pathString) => {
|
|
183
|
+
return isWindows ? toWinPath(pathString) : pathString;
|
|
184
|
+
};
|
|
185
|
+
|
|
188
186
|
// plugin/src/ref.ts
|
|
189
187
|
var t3 = __toESM(require("@babel/types"));
|
|
190
188
|
function hasStringRef(path2) {
|
|
@@ -812,7 +810,7 @@ function index_default() {
|
|
|
812
810
|
}
|
|
813
811
|
});
|
|
814
812
|
}
|
|
815
|
-
if (importSource.includes(
|
|
813
|
+
if (importSource.includes("react-native/Libraries")) {
|
|
816
814
|
handleExoticImport(path2, state, NATIVE_COMPONENTS_PATHS);
|
|
817
815
|
}
|
|
818
816
|
if (!state.file.forceProcessing && Array.isArray(state.opts.autoProcessImports)) {
|
package/src/mocks.ts
CHANGED
|
@@ -11,16 +11,6 @@ type Registry = {
|
|
|
11
11
|
breakpoints: UnistylesBreakpoints
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
jest.mock('react-native', () => ({
|
|
15
|
-
TurboModuleRegistry: {
|
|
16
|
-
get: () => ({})
|
|
17
|
-
},
|
|
18
|
-
StyleSheet: {},
|
|
19
|
-
Platform: {
|
|
20
|
-
OS: 'headless'
|
|
21
|
-
}
|
|
22
|
-
}))
|
|
23
|
-
|
|
24
14
|
jest.mock('react-native-nitro-modules', () => ({
|
|
25
15
|
NitroModules: {
|
|
26
16
|
createHybridObject: () => ({
|
|
@@ -35,6 +25,7 @@ jest.mock('react-native-nitro-modules', () => ({
|
|
|
35
25
|
}))
|
|
36
26
|
|
|
37
27
|
jest.mock('react-native-unistyles', () => {
|
|
28
|
+
const React = require('react')
|
|
38
29
|
const _REGISTRY: Registry = {
|
|
39
30
|
themes: {},
|
|
40
31
|
breakpoints: {}
|
|
@@ -70,8 +61,101 @@ jest.mock('react-native-unistyles', () => {
|
|
|
70
61
|
height: 0
|
|
71
62
|
}
|
|
72
63
|
}
|
|
64
|
+
const unistylesRuntime = {
|
|
65
|
+
colorScheme: 'unspecified' as ColorScheme,
|
|
66
|
+
contentSizeCategory: 'Medium' as IOSContentSizeCategory,
|
|
67
|
+
orientation: 'portrait' as Orientation,
|
|
68
|
+
breakpoints: {},
|
|
69
|
+
dispose: () => { },
|
|
70
|
+
equals: () => false,
|
|
71
|
+
name: 'UnistylesRuntimeMock',
|
|
72
|
+
miniRuntime: miniRuntime,
|
|
73
|
+
statusBar: {
|
|
74
|
+
height: 0,
|
|
75
|
+
width: 0,
|
|
76
|
+
name: 'StatusBarMock',
|
|
77
|
+
equals: () => false,
|
|
78
|
+
setHidden: () => { },
|
|
79
|
+
setStyle: () => { }
|
|
80
|
+
},
|
|
81
|
+
navigationBar: {
|
|
82
|
+
height: 0,
|
|
83
|
+
width: 0,
|
|
84
|
+
name: 'NavigationBarMock',
|
|
85
|
+
equals: () => false,
|
|
86
|
+
setHidden: () => { },
|
|
87
|
+
dispose: () => { }
|
|
88
|
+
},
|
|
89
|
+
fontScale: 1,
|
|
90
|
+
hasAdaptiveThemes: false,
|
|
91
|
+
pixelRatio: 0,
|
|
92
|
+
rtl: false,
|
|
93
|
+
getTheme: () => {
|
|
94
|
+
return {} as UnistylesTheme
|
|
95
|
+
},
|
|
96
|
+
setTheme: () => {},
|
|
97
|
+
updateTheme: () => {},
|
|
98
|
+
setRootViewBackgroundColor: () => {},
|
|
99
|
+
_setRootViewBackgroundColor: () => {},
|
|
100
|
+
createHybridStatusBar: () => {
|
|
101
|
+
return {} as UnistylesStatusBar
|
|
102
|
+
},
|
|
103
|
+
createHybridNavigationBar: () => {
|
|
104
|
+
return {} as UnistylesNavigationBar
|
|
105
|
+
},
|
|
106
|
+
setAdaptiveThemes: () => {},
|
|
107
|
+
setImmersiveMode: () => {},
|
|
108
|
+
insets: {
|
|
109
|
+
top: 0,
|
|
110
|
+
left: 0,
|
|
111
|
+
right: 0,
|
|
112
|
+
bottom: 0,
|
|
113
|
+
ime: 0
|
|
114
|
+
},
|
|
115
|
+
screen: {
|
|
116
|
+
width: 0,
|
|
117
|
+
height: 0
|
|
118
|
+
},
|
|
119
|
+
breakpoint: undefined
|
|
120
|
+
} satisfies UnistylesRuntimePrivate
|
|
73
121
|
|
|
74
122
|
return {
|
|
123
|
+
Hide: () => null,
|
|
124
|
+
Display: () => null,
|
|
125
|
+
ScopedTheme: () => null,
|
|
126
|
+
withUnistyles: <TComponent,>(Component: TComponent, mapper?: (theme: UnistylesTheme, runtime: typeof miniRuntime) => TComponent) => (props: any) =>
|
|
127
|
+
React.createElement(Component, {
|
|
128
|
+
...mapper?.((Object.values(_REGISTRY.themes).at(0) ?? {}) as UnistylesTheme, miniRuntime),
|
|
129
|
+
...props
|
|
130
|
+
}),
|
|
131
|
+
mq: {
|
|
132
|
+
only: {
|
|
133
|
+
width: () => ({
|
|
134
|
+
and: {
|
|
135
|
+
height: () => ({})
|
|
136
|
+
}
|
|
137
|
+
}),
|
|
138
|
+
height: () => ({
|
|
139
|
+
and: {
|
|
140
|
+
width: () => ({})
|
|
141
|
+
}
|
|
142
|
+
})
|
|
143
|
+
},
|
|
144
|
+
width: () => ({
|
|
145
|
+
and: {
|
|
146
|
+
height: () => ({})
|
|
147
|
+
}
|
|
148
|
+
}),
|
|
149
|
+
height: () => ({
|
|
150
|
+
and: {
|
|
151
|
+
width: () => ({})
|
|
152
|
+
}
|
|
153
|
+
})
|
|
154
|
+
},
|
|
155
|
+
useUnistyles: () => ({
|
|
156
|
+
theme: Object.values(_REGISTRY.themes).at(0) ?? {},
|
|
157
|
+
rt: unistylesRuntime
|
|
158
|
+
}),
|
|
75
159
|
StyleSheet: {
|
|
76
160
|
absoluteFillObject: {
|
|
77
161
|
position: 'absolute',
|
|
@@ -95,10 +179,8 @@ jest.mock('react-native-unistyles', () => {
|
|
|
95
179
|
},
|
|
96
180
|
create: (styles: any) => {
|
|
97
181
|
if (typeof styles === 'function') {
|
|
98
|
-
const firstTheme = Object.values(_REGISTRY.themes).at(0) ?? {}
|
|
99
|
-
|
|
100
182
|
return {
|
|
101
|
-
...styles(
|
|
183
|
+
...styles(Object.values(_REGISTRY.themes).at(0) ?? {}, miniRuntime),
|
|
102
184
|
useVariants: () => {}
|
|
103
185
|
}
|
|
104
186
|
}
|
|
@@ -128,63 +210,7 @@ jest.mock('react-native-unistyles', () => {
|
|
|
128
210
|
dispose: () => {},
|
|
129
211
|
equals: () => false
|
|
130
212
|
} satisfies UnistylesStyleSheet,
|
|
131
|
-
UnistylesRuntime:
|
|
132
|
-
colorScheme: 'unspecified' as ColorScheme,
|
|
133
|
-
contentSizeCategory: 'Medium' as IOSContentSizeCategory,
|
|
134
|
-
orientation: 'portrait' as Orientation,
|
|
135
|
-
breakpoints: {},
|
|
136
|
-
dispose: () => { },
|
|
137
|
-
equals: () => false,
|
|
138
|
-
name: 'UnistylesRuntimeMock',
|
|
139
|
-
miniRuntime: miniRuntime,
|
|
140
|
-
statusBar: {
|
|
141
|
-
height: 0,
|
|
142
|
-
width: 0,
|
|
143
|
-
name: 'StatusBarMock',
|
|
144
|
-
equals: () => false,
|
|
145
|
-
setHidden: () => { },
|
|
146
|
-
setStyle: () => { }
|
|
147
|
-
},
|
|
148
|
-
navigationBar: {
|
|
149
|
-
height: 0,
|
|
150
|
-
width: 0,
|
|
151
|
-
name: 'NavigationBarMock',
|
|
152
|
-
equals: () => false,
|
|
153
|
-
setHidden: () => { },
|
|
154
|
-
dispose: () => { }
|
|
155
|
-
},
|
|
156
|
-
fontScale: 1,
|
|
157
|
-
hasAdaptiveThemes: false,
|
|
158
|
-
pixelRatio: 0,
|
|
159
|
-
rtl: false,
|
|
160
|
-
getTheme: () => {
|
|
161
|
-
return {} as UnistylesTheme
|
|
162
|
-
},
|
|
163
|
-
setTheme: () => {},
|
|
164
|
-
updateTheme: () => {},
|
|
165
|
-
setRootViewBackgroundColor: () => {},
|
|
166
|
-
_setRootViewBackgroundColor: () => {},
|
|
167
|
-
createHybridStatusBar: () => {
|
|
168
|
-
return {} as UnistylesStatusBar
|
|
169
|
-
},
|
|
170
|
-
createHybridNavigationBar: () => {
|
|
171
|
-
return {} as UnistylesNavigationBar
|
|
172
|
-
},
|
|
173
|
-
setAdaptiveThemes: () => {},
|
|
174
|
-
setImmersiveMode: () => {},
|
|
175
|
-
insets: {
|
|
176
|
-
top: 0,
|
|
177
|
-
left: 0,
|
|
178
|
-
right: 0,
|
|
179
|
-
bottom: 0,
|
|
180
|
-
ime: 0
|
|
181
|
-
},
|
|
182
|
-
screen: {
|
|
183
|
-
width: 0,
|
|
184
|
-
height: 0
|
|
185
|
-
},
|
|
186
|
-
breakpoint: undefined
|
|
187
|
-
} satisfies UnistylesRuntimePrivate
|
|
213
|
+
UnistylesRuntime: unistylesRuntime
|
|
188
214
|
}
|
|
189
215
|
})
|
|
190
216
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { UnistyleDependency } from '../specs/NativePlatform/NativePlatform.nitro'
|
|
2
2
|
import type { UnistylesTheme, UnistylesValues } from '../types'
|
|
3
3
|
import { deepMergeObjects } from '../utils'
|
|
4
|
-
import type { UnistylesServices } from './types'
|
|
5
|
-
import { extractSecrets, extractUnistyleDependencies } from './utils'
|
|
4
|
+
import type { UniGeneratedStyle, UnistylesServices } from './types'
|
|
5
|
+
import { extractSecrets, extractUnistyleDependencies, isGeneratedUnistyle, isServer } from './utils'
|
|
6
6
|
import { getVariants } from './variants'
|
|
7
7
|
|
|
8
8
|
export class UnistylesShadowRegistry {
|
|
@@ -28,6 +28,13 @@ export class UnistylesShadowRegistry {
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
addStyles = (unistyles: Array<UnistylesValues>, forChild?: boolean) => {
|
|
31
|
+
const [firstStyle] = unistyles
|
|
32
|
+
|
|
33
|
+
// If it is already a generated style, return it
|
|
34
|
+
if (firstStyle && isGeneratedUnistyle(firstStyle)) {
|
|
35
|
+
return firstStyle as UniGeneratedStyle
|
|
36
|
+
}
|
|
37
|
+
|
|
31
38
|
const getParsedStyles = () => {
|
|
32
39
|
const allStyles = unistyles.map(unistyle => {
|
|
33
40
|
const secrets = extractSecrets(unistyle)
|
|
@@ -97,7 +104,7 @@ export class UnistylesShadowRegistry {
|
|
|
97
104
|
getScopedTheme = () => this.scopedTheme
|
|
98
105
|
|
|
99
106
|
remove = (ref: any, hash?: string) => {
|
|
100
|
-
if (!(ref instanceof HTMLElement) || !hash) {
|
|
107
|
+
if (isServer() || !(ref instanceof HTMLElement) || !hash) {
|
|
101
108
|
return
|
|
102
109
|
}
|
|
103
110
|
|
package/src/web/types.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { UnistylesListener } from './listener'
|
|
2
|
-
import type{ UnistylesRegistry } from './registry'
|
|
3
|
-
import type{ UnistylesRuntime } from './runtime'
|
|
4
|
-
import type{ UnistylesShadowRegistry } from './shadowRegistry'
|
|
5
|
-
import type{ UnistylesState } from './state'
|
|
2
|
+
import type { UnistylesRegistry } from './registry'
|
|
3
|
+
import type { UnistylesRuntime } from './runtime'
|
|
4
|
+
import type { UnistylesShadowRegistry } from './shadowRegistry'
|
|
5
|
+
import type { UnistylesState } from './state'
|
|
6
6
|
|
|
7
7
|
export type UnistylesServices = {
|
|
8
8
|
runtime: UnistylesRuntime,
|
|
@@ -11,3 +11,8 @@ export type UnistylesServices = {
|
|
|
11
11
|
state: UnistylesState,
|
|
12
12
|
listener: UnistylesListener
|
|
13
13
|
}
|
|
14
|
+
|
|
15
|
+
export const UNI_GENERATED_KEYS = ['$$css', 'hash', 'injectedClassName'] as const
|
|
16
|
+
export type UniGeneratedKey = typeof UNI_GENERATED_KEYS[number]
|
|
17
|
+
|
|
18
|
+
export type UniGeneratedStyle = Record<UniGeneratedKey, string>
|
|
@@ -5,6 +5,7 @@ import { ColorScheme, Orientation } from '../../specs/types'
|
|
|
5
5
|
import type { StyleSheet, StyleSheetWithSuperPowers, UnistylesValues } from '../../types/stylesheet'
|
|
6
6
|
import { isUnistylesMq, parseMq } from '../../utils'
|
|
7
7
|
import * as unistyles from '../services'
|
|
8
|
+
import { UNI_GENERATED_KEYS, type UniGeneratedKey, type UniGeneratedStyle } from '../types'
|
|
8
9
|
import { keyInObject, reduceObject } from './common'
|
|
9
10
|
|
|
10
11
|
export const schemeToTheme = (scheme: ColorScheme) => {
|
|
@@ -139,3 +140,7 @@ export const checkForAnimated = (value: any): boolean => {
|
|
|
139
140
|
|
|
140
141
|
return false
|
|
141
142
|
}
|
|
143
|
+
|
|
144
|
+
export const isGeneratedUnistyle = (value: Record<string, any>): value is UniGeneratedStyle => {
|
|
145
|
+
return Object.keys(value).every(key => UNI_GENERATED_KEYS.includes(key as UniGeneratedKey))
|
|
146
|
+
}
|