@praxisjs/css 0.1.0
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/CHANGELOG.md +26 -0
- package/LICENSE +21 -0
- package/dist/__tests__/css-builder.test.d.ts +2 -0
- package/dist/__tests__/css-builder.test.d.ts.map +1 -0
- package/dist/__tests__/css-builder.test.js +198 -0
- package/dist/__tests__/css-builder.test.js.map +1 -0
- package/dist/__tests__/cx.test.d.ts +2 -0
- package/dist/__tests__/cx.test.d.ts.map +1 -0
- package/dist/__tests__/cx.test.js +47 -0
- package/dist/__tests__/cx.test.js.map +1 -0
- package/dist/__tests__/decorators.test.d.ts +2 -0
- package/dist/__tests__/decorators.test.d.ts.map +1 -0
- package/dist/__tests__/decorators.test.js +268 -0
- package/dist/__tests__/decorators.test.js.map +1 -0
- package/dist/__tests__/extract.test.d.ts +2 -0
- package/dist/__tests__/extract.test.d.ts.map +1 -0
- package/dist/__tests__/extract.test.js +420 -0
- package/dist/__tests__/extract.test.js.map +1 -0
- package/dist/__tests__/global.test.d.ts +2 -0
- package/dist/__tests__/global.test.d.ts.map +1 -0
- package/dist/__tests__/global.test.js +117 -0
- package/dist/__tests__/global.test.js.map +1 -0
- package/dist/__tests__/keyframes.test.d.ts +2 -0
- package/dist/__tests__/keyframes.test.d.ts.map +1 -0
- package/dist/__tests__/keyframes.test.js +90 -0
- package/dist/__tests__/keyframes.test.js.map +1 -0
- package/dist/__tests__/preflight.test.d.ts +2 -0
- package/dist/__tests__/preflight.test.d.ts.map +1 -0
- package/dist/__tests__/preflight.test.js +55 -0
- package/dist/__tests__/preflight.test.js.map +1 -0
- package/dist/__tests__/registry.test.d.ts +2 -0
- package/dist/__tests__/registry.test.d.ts.map +1 -0
- package/dist/__tests__/registry.test.js +132 -0
- package/dist/__tests__/registry.test.js.map +1 -0
- package/dist/__tests__/style.test.d.ts +2 -0
- package/dist/__tests__/style.test.d.ts.map +1 -0
- package/dist/__tests__/style.test.js +257 -0
- package/dist/__tests__/style.test.js.map +1 -0
- package/dist/__tests__/styled.test.d.ts +2 -0
- package/dist/__tests__/styled.test.d.ts.map +1 -0
- package/dist/__tests__/styled.test.js +951 -0
- package/dist/__tests__/styled.test.js.map +1 -0
- package/dist/__tests__/theme-instance.test.d.ts +2 -0
- package/dist/__tests__/theme-instance.test.d.ts.map +1 -0
- package/dist/__tests__/theme-instance.test.js +317 -0
- package/dist/__tests__/theme-instance.test.js.map +1 -0
- package/dist/__tests__/theme-uninit.test.d.ts +2 -0
- package/dist/__tests__/theme-uninit.test.d.ts.map +1 -0
- package/dist/__tests__/theme-uninit.test.js +10 -0
- package/dist/__tests__/theme-uninit.test.js.map +1 -0
- package/dist/__tests__/token-sheet.test.d.ts +2 -0
- package/dist/__tests__/token-sheet.test.d.ts.map +1 -0
- package/dist/__tests__/token-sheet.test.js +74 -0
- package/dist/__tests__/token-sheet.test.js.map +1 -0
- package/dist/base/stylesheet.d.ts +30 -0
- package/dist/base/stylesheet.d.ts.map +1 -0
- package/dist/base/stylesheet.js +29 -0
- package/dist/base/stylesheet.js.map +1 -0
- package/dist/builder/css-builder.d.ts +98 -0
- package/dist/builder/css-builder.d.ts.map +1 -0
- package/dist/builder/css-builder.js +79 -0
- package/dist/builder/css-builder.js.map +1 -0
- package/dist/builder/keyframes.d.ts +23 -0
- package/dist/builder/keyframes.d.ts.map +1 -0
- package/dist/builder/keyframes.js +54 -0
- package/dist/builder/keyframes.js.map +1 -0
- package/dist/cx.d.ts +3 -0
- package/dist/cx.d.ts.map +1 -0
- package/dist/cx.js +23 -0
- package/dist/cx.js.map +1 -0
- package/dist/decorators/param.d.ts +23 -0
- package/dist/decorators/param.d.ts.map +1 -0
- package/dist/decorators/param.js +39 -0
- package/dist/decorators/param.js.map +1 -0
- package/dist/decorators/style.d.ts +15 -0
- package/dist/decorators/style.d.ts.map +1 -0
- package/dist/decorators/style.js +53 -0
- package/dist/decorators/style.js.map +1 -0
- package/dist/decorators/styled.d.ts +37 -0
- package/dist/decorators/styled.d.ts.map +1 -0
- package/dist/decorators/styled.js +138 -0
- package/dist/decorators/styled.js.map +1 -0
- package/dist/extract.d.ts +14 -0
- package/dist/extract.d.ts.map +1 -0
- package/dist/extract.js +124 -0
- package/dist/extract.js.map +1 -0
- package/dist/global.d.ts +27 -0
- package/dist/global.d.ts.map +1 -0
- package/dist/global.js +49 -0
- package/dist/global.js.map +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/collector.d.ts +15 -0
- package/dist/internal/collector.d.ts.map +1 -0
- package/dist/internal/collector.js +33 -0
- package/dist/internal/collector.js.map +1 -0
- package/dist/internal/hash.d.ts +5 -0
- package/dist/internal/hash.d.ts.map +1 -0
- package/dist/internal/hash.js +11 -0
- package/dist/internal/hash.js.map +1 -0
- package/dist/internal/registry.d.ts +3 -0
- package/dist/internal/registry.d.ts.map +1 -0
- package/dist/internal/registry.js +41 -0
- package/dist/internal/registry.js.map +1 -0
- package/dist/preflight.d.ts +18 -0
- package/dist/preflight.d.ts.map +1 -0
- package/dist/preflight.js +191 -0
- package/dist/preflight.js.map +1 -0
- package/dist/server.d.ts +8 -0
- package/dist/server.d.ts.map +1 -0
- package/dist/server.js +8 -0
- package/dist/server.js.map +1 -0
- package/dist/tokens/decorators.d.ts +41 -0
- package/dist/tokens/decorators.d.ts.map +1 -0
- package/dist/tokens/decorators.js +73 -0
- package/dist/tokens/decorators.js.map +1 -0
- package/dist/tokens/index.d.ts +4 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +4 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/theme-instance.d.ts +33 -0
- package/dist/tokens/theme-instance.d.ts.map +1 -0
- package/dist/tokens/theme-instance.js +130 -0
- package/dist/tokens/theme-instance.js.map +1 -0
- package/dist/tokens/token-sheet.d.ts +46 -0
- package/dist/tokens/token-sheet.d.ts.map +1 -0
- package/dist/tokens/token-sheet.js +55 -0
- package/dist/tokens/token-sheet.js.map +1 -0
- package/package.json +33 -0
- package/src/__tests__/css-builder.test.ts +230 -0
- package/src/__tests__/cx.test.ts +63 -0
- package/src/__tests__/decorators.test.ts +127 -0
- package/src/__tests__/extract.test.ts +418 -0
- package/src/__tests__/global.test.ts +140 -0
- package/src/__tests__/keyframes.test.ts +103 -0
- package/src/__tests__/preflight.test.ts +63 -0
- package/src/__tests__/registry.test.ts +151 -0
- package/src/__tests__/style.test.ts +153 -0
- package/src/__tests__/styled.test.ts +427 -0
- package/src/__tests__/theme-instance.test.ts +374 -0
- package/src/__tests__/theme-uninit.test.ts +12 -0
- package/src/__tests__/token-sheet.test.ts +87 -0
- package/src/base/stylesheet.ts +35 -0
- package/src/builder/css-builder.ts +204 -0
- package/src/builder/keyframes.ts +66 -0
- package/src/cx.ts +26 -0
- package/src/decorators/param.ts +40 -0
- package/src/decorators/style.ts +55 -0
- package/src/decorators/styled.ts +167 -0
- package/src/extract.ts +133 -0
- package/src/global.ts +60 -0
- package/src/index.ts +10 -0
- package/src/internal/collector.ts +38 -0
- package/src/internal/hash.ts +10 -0
- package/src/internal/registry.ts +51 -0
- package/src/preflight.ts +192 -0
- package/src/server.ts +12 -0
- package/src/tokens/decorators.ts +108 -0
- package/src/tokens/index.ts +3 -0
- package/src/tokens/theme-instance.ts +149 -0
- package/src/tokens/token-sheet.ts +86 -0
- package/tsconfig.json +8 -0
|
@@ -0,0 +1,420 @@
|
|
|
1
|
+
import { describe, it, expect } from "vitest";
|
|
2
|
+
import { extractionModule } from "../extract";
|
|
3
|
+
import { Stylesheet, ReactiveStylesheet } from "../base/stylesheet";
|
|
4
|
+
import { createCSSBuilder } from "../builder/css-builder";
|
|
5
|
+
function makeCollector() {
|
|
6
|
+
const emitted = [];
|
|
7
|
+
const mod = extractionModule((css, prepend) => emitted.push({ css, prepend }));
|
|
8
|
+
return { mod, emitted };
|
|
9
|
+
}
|
|
10
|
+
// ─── API shape ────────────────────────────────────────────────────────────────
|
|
11
|
+
describe("extractionModule() — API shape", () => {
|
|
12
|
+
it("returns an object with __esModule: true", () => {
|
|
13
|
+
const mod = extractionModule(() => { });
|
|
14
|
+
expect(mod.__esModule).toBe(true);
|
|
15
|
+
});
|
|
16
|
+
it("Stylesheet is the real base class — subclasses can use this.css()", () => {
|
|
17
|
+
const { mod } = makeCollector();
|
|
18
|
+
const S = mod.Stylesheet;
|
|
19
|
+
expect(S).toBe(Stylesheet);
|
|
20
|
+
class BtnStyles extends S {
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments);
|
|
23
|
+
this.$base = this.css({ display: "flex" });
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
expect(new BtnStyles()).toBeInstanceOf(S);
|
|
27
|
+
});
|
|
28
|
+
it("ReactiveStylesheet is the real base class", () => {
|
|
29
|
+
const { mod } = makeCollector();
|
|
30
|
+
const RS = mod.ReactiveStylesheet;
|
|
31
|
+
expect(RS).toBe(ReactiveStylesheet);
|
|
32
|
+
});
|
|
33
|
+
it("createCSSBuilder is the real function", () => {
|
|
34
|
+
const { mod } = makeCollector();
|
|
35
|
+
expect(mod.createCSSBuilder).toBe(createCSSBuilder);
|
|
36
|
+
});
|
|
37
|
+
it("cx() returns an empty string", () => {
|
|
38
|
+
const { mod } = makeCollector();
|
|
39
|
+
expect(mod.cx()).toBe("");
|
|
40
|
+
});
|
|
41
|
+
it("Param() returns a decorator function", () => {
|
|
42
|
+
const { mod } = makeCollector();
|
|
43
|
+
const result = mod.Param();
|
|
44
|
+
expect(typeof result).toBe("function");
|
|
45
|
+
});
|
|
46
|
+
it("Style() returns a decorator function", () => {
|
|
47
|
+
const { mod } = makeCollector();
|
|
48
|
+
const result = mod.Style();
|
|
49
|
+
expect(typeof result).toBe("function");
|
|
50
|
+
});
|
|
51
|
+
it("Theme() returns a decorator function", () => {
|
|
52
|
+
const { mod } = makeCollector();
|
|
53
|
+
const result = mod.Theme();
|
|
54
|
+
expect(typeof result).toBe("function");
|
|
55
|
+
});
|
|
56
|
+
it("tokenVars() returns its argument unchanged", () => {
|
|
57
|
+
const { mod } = makeCollector();
|
|
58
|
+
const cls = class {
|
|
59
|
+
};
|
|
60
|
+
expect(mod.tokenVars(cls)).toBe(cls);
|
|
61
|
+
});
|
|
62
|
+
it("TokenSheet is a class (can be instantiated)", () => {
|
|
63
|
+
const { mod } = makeCollector();
|
|
64
|
+
const TS = mod.TokenSheet;
|
|
65
|
+
expect(new TS()).toBeDefined();
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
// ─── Styled() ─────────────────────────────────────────────────────────────────
|
|
69
|
+
describe("extractionModule() — Styled()", () => {
|
|
70
|
+
it("collects scoped CSS for each $-prefixed field", () => {
|
|
71
|
+
const { mod, emitted } = makeCollector();
|
|
72
|
+
const S = mod.Stylesheet;
|
|
73
|
+
const Styled = mod.Styled;
|
|
74
|
+
class CardStyles extends S {
|
|
75
|
+
constructor() {
|
|
76
|
+
super(...arguments);
|
|
77
|
+
this.$root = this.css({ display: "flex", gap: "8px" });
|
|
78
|
+
this.$title = this.css({ fontSize: "1rem", fontWeight: 600 });
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
Styled(CardStyles);
|
|
82
|
+
expect(emitted).toHaveLength(1);
|
|
83
|
+
expect(emitted[0].css).toContain(".prx-root-");
|
|
84
|
+
expect(emitted[0].css).toContain(".prx-title-");
|
|
85
|
+
expect(emitted[0].css).toContain("display: flex");
|
|
86
|
+
expect(emitted[0].css).toContain("font-size: 1rem");
|
|
87
|
+
});
|
|
88
|
+
it("returns a decorator function", () => {
|
|
89
|
+
const { mod } = makeCollector();
|
|
90
|
+
const result = mod.Styled(class {
|
|
91
|
+
});
|
|
92
|
+
expect(typeof result).toBe("function");
|
|
93
|
+
});
|
|
94
|
+
it("deduplicates identical sheets — emits only once", () => {
|
|
95
|
+
const { mod, emitted } = makeCollector();
|
|
96
|
+
const S = mod.Stylesheet;
|
|
97
|
+
const Styled = mod.Styled;
|
|
98
|
+
class BtnStyles extends S {
|
|
99
|
+
constructor() {
|
|
100
|
+
super(...arguments);
|
|
101
|
+
this.$base = this.css({ display: "flex" });
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
Styled(BtnStyles);
|
|
105
|
+
Styled(BtnStyles);
|
|
106
|
+
expect(emitted).toHaveLength(1);
|
|
107
|
+
});
|
|
108
|
+
it("ignores fields that don't start with '$'", () => {
|
|
109
|
+
const { mod, emitted } = makeCollector();
|
|
110
|
+
const S = mod.Stylesheet;
|
|
111
|
+
const Styled = mod.Styled;
|
|
112
|
+
class MixedStyles extends S {
|
|
113
|
+
constructor() {
|
|
114
|
+
super(...arguments);
|
|
115
|
+
this.hidden = "ignored";
|
|
116
|
+
this.$visible = this.css({ color: "red" });
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
Styled(MixedStyles);
|
|
120
|
+
expect(emitted[0].css).not.toContain("ignored");
|
|
121
|
+
expect(emitted[0].css).toContain("color: red");
|
|
122
|
+
});
|
|
123
|
+
it("ignores $-prefixed fields that are neither strings nor builders", () => {
|
|
124
|
+
const { mod, emitted } = makeCollector();
|
|
125
|
+
const S = mod.Stylesheet;
|
|
126
|
+
const Styled = mod.Styled;
|
|
127
|
+
class WeirdStyles extends S {
|
|
128
|
+
constructor() {
|
|
129
|
+
super(...arguments);
|
|
130
|
+
this.$valid = this.css({ display: "flex" });
|
|
131
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
132
|
+
this.$invalid = 42;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
Styled(WeirdStyles);
|
|
136
|
+
expect(emitted[0].css).not.toContain("42");
|
|
137
|
+
expect(emitted[0].css).toContain("display: flex");
|
|
138
|
+
});
|
|
139
|
+
it("handles $-prefixed string fields (raw CSS string)", () => {
|
|
140
|
+
const { mod, emitted } = makeCollector();
|
|
141
|
+
const S = mod.Stylesheet;
|
|
142
|
+
const Styled = mod.Styled;
|
|
143
|
+
class RawStyles extends S {
|
|
144
|
+
constructor() {
|
|
145
|
+
super(...arguments);
|
|
146
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
147
|
+
this.$custom = "color: red; font-size: 14px;";
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
Styled(RawStyles);
|
|
151
|
+
expect(emitted[0].css).toContain("color: red");
|
|
152
|
+
});
|
|
153
|
+
it("emits nothing if the sheet has no $-prefixed fields", () => {
|
|
154
|
+
const { mod, emitted } = makeCollector();
|
|
155
|
+
const S = mod.Stylesheet;
|
|
156
|
+
const Styled = mod.Styled;
|
|
157
|
+
class EmptyStyles extends S {
|
|
158
|
+
}
|
|
159
|
+
Styled(EmptyStyles);
|
|
160
|
+
expect(emitted).toHaveLength(0);
|
|
161
|
+
});
|
|
162
|
+
it("silently skips sheets whose constructor throws", () => {
|
|
163
|
+
const { mod, emitted } = makeCollector();
|
|
164
|
+
const Styled = mod.Styled;
|
|
165
|
+
class BadStyles {
|
|
166
|
+
constructor() { throw new Error("oops"); }
|
|
167
|
+
}
|
|
168
|
+
expect(() => Styled(BadStyles)).not.toThrow();
|
|
169
|
+
expect(emitted).toHaveLength(0);
|
|
170
|
+
});
|
|
171
|
+
});
|
|
172
|
+
// ─── keyframes() ─────────────────────────────────────────────────────────────
|
|
173
|
+
describe("extractionModule() — keyframes()", () => {
|
|
174
|
+
it("calls emit with an @keyframes block", () => {
|
|
175
|
+
const { mod, emitted } = makeCollector();
|
|
176
|
+
const kf = mod.keyframes;
|
|
177
|
+
kf("pulse", { from: { opacity: 1 }, to: { opacity: 0.4 } });
|
|
178
|
+
expect(emitted).toHaveLength(1);
|
|
179
|
+
expect(emitted[0].css).toContain("@keyframes prx-pulse-");
|
|
180
|
+
expect(emitted[0].css).toContain("opacity: 1;");
|
|
181
|
+
expect(emitted[0].css).toContain("opacity: 0.4;");
|
|
182
|
+
});
|
|
183
|
+
it("returns the scoped animation name", () => {
|
|
184
|
+
const { mod } = makeCollector();
|
|
185
|
+
const kf = mod.keyframes;
|
|
186
|
+
const name = kf("spin", { from: { transform: "rotate(0deg)" }, to: { transform: "rotate(360deg)" } });
|
|
187
|
+
expect(name).toMatch(/^prx-spin-/);
|
|
188
|
+
});
|
|
189
|
+
it("deduplicates identical keyframes", () => {
|
|
190
|
+
const { mod, emitted } = makeCollector();
|
|
191
|
+
const kf = mod.keyframes;
|
|
192
|
+
const stops = { from: { opacity: 0 }, to: { opacity: 1 } };
|
|
193
|
+
kf("fade", stops);
|
|
194
|
+
kf("fade", stops);
|
|
195
|
+
expect(emitted).toHaveLength(1);
|
|
196
|
+
});
|
|
197
|
+
it("converts camelCase properties to kebab-case", () => {
|
|
198
|
+
const { mod, emitted } = makeCollector();
|
|
199
|
+
const kf = mod.keyframes;
|
|
200
|
+
kf("move", { from: { marginTop: "0px" }, to: { marginTop: "20px" } });
|
|
201
|
+
expect(emitted[0].css).toContain("margin-top:");
|
|
202
|
+
});
|
|
203
|
+
});
|
|
204
|
+
// ─── globalStyle() ───────────────────────────────────────────────────────────
|
|
205
|
+
describe("extractionModule() — globalStyle()", () => {
|
|
206
|
+
it("calls emit with the CSS returned by the factory", () => {
|
|
207
|
+
const { mod, emitted } = makeCollector();
|
|
208
|
+
mod.globalStyle(_css => "body { margin: 0; }");
|
|
209
|
+
expect(emitted).toHaveLength(1);
|
|
210
|
+
expect(emitted[0].css).toBe("body { margin: 0; }");
|
|
211
|
+
});
|
|
212
|
+
it("deduplicates when factory produces the same CSS twice", () => {
|
|
213
|
+
const { mod, emitted } = makeCollector();
|
|
214
|
+
const gs = mod.globalStyle;
|
|
215
|
+
gs(_css => "body { margin: 0; }");
|
|
216
|
+
gs(_css => "body { margin: 0; }");
|
|
217
|
+
expect(emitted).toHaveLength(1);
|
|
218
|
+
});
|
|
219
|
+
it("does not set prepend for globalStyle", () => {
|
|
220
|
+
const { mod, emitted } = makeCollector();
|
|
221
|
+
mod.globalStyle(_css => "html { box-sizing: border-box; }");
|
|
222
|
+
expect(emitted[0].prepend).toBeFalsy();
|
|
223
|
+
});
|
|
224
|
+
it("factory can use the builder to produce CSS via .on()", () => {
|
|
225
|
+
const { mod, emitted } = makeCollector();
|
|
226
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
227
|
+
mod.globalStyle(css => css({}).on("body", { margin: 0 }));
|
|
228
|
+
expect(emitted[0].css).toContain("body");
|
|
229
|
+
expect(emitted[0].css).toContain("margin: 0");
|
|
230
|
+
});
|
|
231
|
+
});
|
|
232
|
+
// ─── Themed() ────────────────────────────────────────────────────────────────
|
|
233
|
+
describe("extractionModule() — Themed()", () => {
|
|
234
|
+
it("emits :root vars for the default theme", () => {
|
|
235
|
+
const { mod, emitted } = makeCollector();
|
|
236
|
+
const Themed = mod.Themed;
|
|
237
|
+
class MyTheme {
|
|
238
|
+
constructor() {
|
|
239
|
+
this.colorBrand = "#3b82f6";
|
|
240
|
+
this.spaceMd = "16px";
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
Themed(null, MyTheme);
|
|
244
|
+
expect(emitted).toHaveLength(1);
|
|
245
|
+
expect(emitted[0].css).toContain(":root");
|
|
246
|
+
expect(emitted[0].css).toContain("--color-brand: #3b82f6");
|
|
247
|
+
expect(emitted[0].css).toContain("--space-md: 16px");
|
|
248
|
+
});
|
|
249
|
+
it("passes prepend=true so :root vars appear before class rules", () => {
|
|
250
|
+
const { mod, emitted } = makeCollector();
|
|
251
|
+
const Themed = mod.Themed;
|
|
252
|
+
Themed(null, class {
|
|
253
|
+
constructor() {
|
|
254
|
+
this.colorBrand = "#fff";
|
|
255
|
+
}
|
|
256
|
+
});
|
|
257
|
+
expect(emitted[0].prepend).toBe(true);
|
|
258
|
+
});
|
|
259
|
+
it("returns a function that passes through the decorated class", () => {
|
|
260
|
+
const { mod } = makeCollector();
|
|
261
|
+
const Themed = mod.Themed;
|
|
262
|
+
const result = Themed(null, class {
|
|
263
|
+
});
|
|
264
|
+
expect(typeof result).toBe("function");
|
|
265
|
+
const cls = class {
|
|
266
|
+
};
|
|
267
|
+
expect(result(cls)).toBe(cls);
|
|
268
|
+
});
|
|
269
|
+
it("skips non-string and non-number theme properties", () => {
|
|
270
|
+
const { mod, emitted } = makeCollector();
|
|
271
|
+
const Themed = mod.Themed;
|
|
272
|
+
class MyTheme {
|
|
273
|
+
constructor() {
|
|
274
|
+
this.colorText = "#111";
|
|
275
|
+
this.nested = { x: 1 };
|
|
276
|
+
this.fn = () => { };
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
Themed(null, MyTheme);
|
|
280
|
+
expect(emitted[0].css).toContain("--color-text: #111");
|
|
281
|
+
expect(emitted[0].css).not.toContain("--nested");
|
|
282
|
+
expect(emitted[0].css).not.toContain("--fn");
|
|
283
|
+
});
|
|
284
|
+
it("emits nothing when theme constructor throws", () => {
|
|
285
|
+
const { mod, emitted } = makeCollector();
|
|
286
|
+
const Themed = mod.Themed;
|
|
287
|
+
class BadTheme {
|
|
288
|
+
constructor() { throw new Error("oops"); }
|
|
289
|
+
}
|
|
290
|
+
expect(() => Themed(null, BadTheme)).not.toThrow();
|
|
291
|
+
expect(emitted).toHaveLength(0);
|
|
292
|
+
});
|
|
293
|
+
it("deduplicates identical themes", () => {
|
|
294
|
+
const { mod, emitted } = makeCollector();
|
|
295
|
+
const Themed = mod.Themed;
|
|
296
|
+
class MyTheme {
|
|
297
|
+
constructor() {
|
|
298
|
+
this.colorBrand = "#3b82f6";
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
Themed(null, MyTheme);
|
|
302
|
+
Themed(null, MyTheme);
|
|
303
|
+
expect(emitted).toHaveLength(1);
|
|
304
|
+
});
|
|
305
|
+
});
|
|
306
|
+
// ─── ThemeInstance ────────────────────────────────────────────────────────────
|
|
307
|
+
describe("extractionModule() — ThemeInstance", () => {
|
|
308
|
+
it("constructor emits :root vars for the default theme", () => {
|
|
309
|
+
const { mod, emitted } = makeCollector();
|
|
310
|
+
const TI = mod.ThemeInstance;
|
|
311
|
+
class LightTheme {
|
|
312
|
+
constructor() {
|
|
313
|
+
this.colorBrand = "#3b82f6";
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
new TI(LightTheme);
|
|
317
|
+
expect(emitted[0].css).toContain(":root");
|
|
318
|
+
expect(emitted[0].css).toContain("--color-brand: #3b82f6");
|
|
319
|
+
expect(emitted[0].prepend).toBe(true);
|
|
320
|
+
});
|
|
321
|
+
it("deduplicates with Themed() — same theme only emitted once", () => {
|
|
322
|
+
const { mod, emitted } = makeCollector();
|
|
323
|
+
const TI = mod.ThemeInstance;
|
|
324
|
+
const Themed = mod.Themed;
|
|
325
|
+
class MyTheme {
|
|
326
|
+
constructor() {
|
|
327
|
+
this.colorBrand = "#3b82f6";
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
Themed(null, MyTheme);
|
|
331
|
+
new TI(MyTheme);
|
|
332
|
+
expect(emitted).toHaveLength(1);
|
|
333
|
+
});
|
|
334
|
+
it("current getter returns an empty object", () => {
|
|
335
|
+
const { mod } = makeCollector();
|
|
336
|
+
const TI = mod.ThemeInstance;
|
|
337
|
+
const inst = new TI(class {
|
|
338
|
+
});
|
|
339
|
+
expect(inst.current).toEqual({});
|
|
340
|
+
});
|
|
341
|
+
it("createThemeInstance returns a ThemeInstance-like object", () => {
|
|
342
|
+
const { mod, emitted } = makeCollector();
|
|
343
|
+
const cti = mod.createThemeInstance;
|
|
344
|
+
class MyTheme {
|
|
345
|
+
constructor() {
|
|
346
|
+
this.colorBrand = "#111";
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
cti(MyTheme);
|
|
350
|
+
expect(emitted[0].css).toContain("--color-brand: #111");
|
|
351
|
+
});
|
|
352
|
+
});
|
|
353
|
+
// ─── Dedup across APIs ────────────────────────────────────────────────────────
|
|
354
|
+
describe("extractionModule() — cross-API deduplication", () => {
|
|
355
|
+
it("Themed() and ThemeInstance share the same seen set", () => {
|
|
356
|
+
const { mod, emitted } = makeCollector();
|
|
357
|
+
const Themed = mod.Themed;
|
|
358
|
+
const TI = mod.ThemeInstance;
|
|
359
|
+
class SharedTheme {
|
|
360
|
+
constructor() {
|
|
361
|
+
this.colorBrand = "#f00";
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
Themed(null, SharedTheme);
|
|
365
|
+
new TI(SharedTheme);
|
|
366
|
+
// Same CSS hash — should only appear once
|
|
367
|
+
expect(emitted.filter(e => e.css.includes("--color-brand")).length).toBe(1);
|
|
368
|
+
});
|
|
369
|
+
});
|
|
370
|
+
// ─── Additional coverage ──────────────────────────────────────────────────────
|
|
371
|
+
describe("extractionModule() — additional coverage", () => {
|
|
372
|
+
it("the decorator returned by Styled() is callable", () => {
|
|
373
|
+
const { mod } = makeCollector();
|
|
374
|
+
const S = mod.Stylesheet;
|
|
375
|
+
class TestStyles extends S {
|
|
376
|
+
constructor() {
|
|
377
|
+
super(...arguments);
|
|
378
|
+
this.$x = this.css({ color: "red" });
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
const Styled = mod.Styled;
|
|
382
|
+
const dec = Styled(TestStyles);
|
|
383
|
+
expect(() => dec(class {
|
|
384
|
+
})).not.toThrow();
|
|
385
|
+
});
|
|
386
|
+
it("theme() returns an ExtractionThemeInstance", () => {
|
|
387
|
+
const { mod } = makeCollector();
|
|
388
|
+
const t = mod.theme();
|
|
389
|
+
expect(t).toBeDefined();
|
|
390
|
+
expect(t.current).toEqual({});
|
|
391
|
+
});
|
|
392
|
+
it("ExtractionThemeInstance.switch() and destroy() are no-ops", () => {
|
|
393
|
+
const { mod } = makeCollector();
|
|
394
|
+
const TI = mod.ThemeInstance;
|
|
395
|
+
const inst = new TI(class {
|
|
396
|
+
});
|
|
397
|
+
expect(() => inst.switch(class {
|
|
398
|
+
})).not.toThrow();
|
|
399
|
+
expect(() => inst.destroy()).not.toThrow();
|
|
400
|
+
});
|
|
401
|
+
it("themeToRootCSS returns null for a theme with no valid properties", () => {
|
|
402
|
+
const { mod, emitted } = makeCollector();
|
|
403
|
+
const Themed = mod.Themed;
|
|
404
|
+
class EmptyTheme {
|
|
405
|
+
constructor() {
|
|
406
|
+
this.nested = { x: 1 };
|
|
407
|
+
}
|
|
408
|
+
}
|
|
409
|
+
Themed(null, EmptyTheme);
|
|
410
|
+
expect(emitted).toHaveLength(0);
|
|
411
|
+
});
|
|
412
|
+
it("the inner decorator functions returned by Param/Style/Theme are callable no-ops", () => {
|
|
413
|
+
const { mod } = makeCollector();
|
|
414
|
+
const callInner = (fn) => { const dec = fn(); expect(() => dec()).not.toThrow(); };
|
|
415
|
+
callInner(mod.Param);
|
|
416
|
+
callInner(mod.Style);
|
|
417
|
+
callInner(mod.Theme);
|
|
418
|
+
});
|
|
419
|
+
});
|
|
420
|
+
//# sourceMappingURL=extract.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extract.test.js","sourceRoot":"","sources":["../../src/__tests__/extract.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/global.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
// @vitest-environment jsdom
|
|
2
|
+
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
3
|
+
import { globalStyle } from "../global";
|
|
4
|
+
import { createCollector, setCollector } from "../internal/collector";
|
|
5
|
+
let seed = 0;
|
|
6
|
+
// Injects a unique comment so the content hash differs per test call.
|
|
7
|
+
function unique(css) {
|
|
8
|
+
return css.replace("{", `/* t${++seed} */ {`);
|
|
9
|
+
}
|
|
10
|
+
beforeEach(() => {
|
|
11
|
+
document.head.querySelectorAll("style[data-praxis-global]").forEach((el) => el.remove());
|
|
12
|
+
setCollector(null);
|
|
13
|
+
});
|
|
14
|
+
afterEach(() => {
|
|
15
|
+
document.head.querySelectorAll("style[data-praxis-global]").forEach((el) => el.remove());
|
|
16
|
+
setCollector(null);
|
|
17
|
+
});
|
|
18
|
+
describe("globalStyle()", () => {
|
|
19
|
+
it("injects an unscoped style element into document.head", () => {
|
|
20
|
+
globalStyle(_css => unique("body { margin: 0; }"));
|
|
21
|
+
const el = document.head.querySelector("style[data-praxis-global]");
|
|
22
|
+
expect(el).not.toBeNull();
|
|
23
|
+
expect(el?.textContent).toContain("margin: 0;");
|
|
24
|
+
});
|
|
25
|
+
it("is idempotent — injects the same CSS only once", () => {
|
|
26
|
+
const css = unique("*, *::before, *::after { box-sizing: border-box; }");
|
|
27
|
+
globalStyle(_css => css);
|
|
28
|
+
globalStyle(_css => css);
|
|
29
|
+
expect(document.head.querySelectorAll("style[data-praxis-global]").length).toBe(1);
|
|
30
|
+
});
|
|
31
|
+
it("injects separate elements for distinct CSS strings", () => {
|
|
32
|
+
globalStyle(_css => unique("body { margin: 0; }"));
|
|
33
|
+
globalStyle(_css => unique("html { font-size: 16px; }"));
|
|
34
|
+
expect(document.head.querySelectorAll("style[data-praxis-global]").length).toBe(2);
|
|
35
|
+
});
|
|
36
|
+
it("routes to the collector when one is active", () => {
|
|
37
|
+
const col = createCollector();
|
|
38
|
+
setCollector(col);
|
|
39
|
+
globalStyle(_css => unique("body { margin: 0; }"));
|
|
40
|
+
expect(document.head.querySelector("style[data-praxis-global]")).toBeNull();
|
|
41
|
+
expect(col.getCSS()).toContain("margin: 0;");
|
|
42
|
+
});
|
|
43
|
+
it("deduplicates in the collector", () => {
|
|
44
|
+
const col = createCollector();
|
|
45
|
+
setCollector(col);
|
|
46
|
+
const css = unique("*, *::before, *::after { box-sizing: border-box; }");
|
|
47
|
+
globalStyle(_css => css);
|
|
48
|
+
globalStyle(_css => css);
|
|
49
|
+
expect(col.getCSS().split("box-sizing").length - 1).toBe(1);
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
// ─── Factory — builder form ───────────────────────────────────────────────────
|
|
53
|
+
describe("globalStyle() — factory with builder", () => {
|
|
54
|
+
it("factory receives css (= createCSSBuilder) and uses the fluent builder", () => {
|
|
55
|
+
globalStyle(css => css({})
|
|
56
|
+
.on(unique("body { }").replace(" { }", ""), { margin: 0, fontFamily: "system-ui" }));
|
|
57
|
+
const content = document.head.querySelector("style[data-praxis-global]")?.textContent ?? "";
|
|
58
|
+
expect(content).toContain("font-family: system-ui");
|
|
59
|
+
expect(content).toContain("margin: 0");
|
|
60
|
+
});
|
|
61
|
+
it("chains multiple .on() calls to produce multiple selectors in one injection", () => {
|
|
62
|
+
// Use unique values inside properties so the overall CSS hash is unique per test
|
|
63
|
+
const lh = `1.${seed + 1}`;
|
|
64
|
+
globalStyle(css => css({})
|
|
65
|
+
.on(unique("* { }").replace(" { }", ""), { boxSizing: "border-box" })
|
|
66
|
+
.on("html", { lineHeight: lh }));
|
|
67
|
+
const content = document.head.querySelector("style[data-praxis-global]")?.textContent ?? "";
|
|
68
|
+
expect(content).toContain("box-sizing: border-box");
|
|
69
|
+
expect(content).toContain("line-height:");
|
|
70
|
+
});
|
|
71
|
+
it("factory returning a raw string is accepted", () => {
|
|
72
|
+
const css = unique("button { cursor: pointer; }");
|
|
73
|
+
globalStyle(_css => css);
|
|
74
|
+
expect(document.head.querySelector("style[data-praxis-global]")?.textContent).toContain("cursor: pointer");
|
|
75
|
+
});
|
|
76
|
+
it("deduplicates when factory produces the same CSS twice", () => {
|
|
77
|
+
const css = unique("a { color: inherit; }");
|
|
78
|
+
globalStyle(_css => css);
|
|
79
|
+
globalStyle(_css => css);
|
|
80
|
+
expect(document.head.querySelectorAll("style[data-praxis-global]").length).toBe(1);
|
|
81
|
+
});
|
|
82
|
+
it("routes through the collector when one is active", () => {
|
|
83
|
+
const col = createCollector();
|
|
84
|
+
setCollector(col);
|
|
85
|
+
globalStyle(_css => unique("a { text-decoration: none; }"));
|
|
86
|
+
expect(document.head.querySelector("style[data-praxis-global]")).toBeNull();
|
|
87
|
+
expect(col.getCSS()).toContain("text-decoration: none");
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
// ─── STATIC_MODE ──────────────────────────────────────────────────────────────
|
|
91
|
+
describe("globalStyle() — static mode (__PRAXIS_CSS_STATIC__)", () => {
|
|
92
|
+
afterEach(() => {
|
|
93
|
+
vi.unstubAllGlobals();
|
|
94
|
+
vi.resetModules();
|
|
95
|
+
});
|
|
96
|
+
it("skips DOM injection when __PRAXIS_CSS_STATIC__ is true", async () => {
|
|
97
|
+
vi.stubGlobal("__PRAXIS_CSS_STATIC__", true);
|
|
98
|
+
vi.resetModules();
|
|
99
|
+
const { globalStyle: staticGS } = await import("../global");
|
|
100
|
+
staticGS(_css => unique("body { margin: 0; }"));
|
|
101
|
+
expect(document.head.querySelector("style[data-praxis-global]")).toBeNull();
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
// ─── SSR (document === undefined) ────────────────────────────────────────────
|
|
105
|
+
describe("globalStyle() — SSR (document undefined)", () => {
|
|
106
|
+
afterEach(() => {
|
|
107
|
+
vi.unstubAllGlobals();
|
|
108
|
+
vi.resetModules();
|
|
109
|
+
});
|
|
110
|
+
it("does not throw when document is undefined", async () => {
|
|
111
|
+
vi.stubGlobal("document", undefined);
|
|
112
|
+
vi.resetModules();
|
|
113
|
+
const { globalStyle: ssrGS } = await import("../global");
|
|
114
|
+
expect(() => ssrGS(_css => unique("p { color: red; }"))).not.toThrow();
|
|
115
|
+
});
|
|
116
|
+
});
|
|
117
|
+
//# sourceMappingURL=global.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global.test.js","sourceRoot":"","sources":["../../src/__tests__/global.test.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEtE,IAAI,IAAI,GAAG,CAAC,CAAC;AACb,sEAAsE;AACtE,SAAS,MAAM,CAAC,GAAW;IACzB,OAAO,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,OAAO,CAAC,CAAC;AAChD,CAAC;AAED,UAAU,CAAC,GAAG,EAAE;IACd,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;IACzF,YAAY,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,GAAG,EAAE;IACb,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;IACzF,YAAY,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACnD,MAAM,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;QACpE,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC1B,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,GAAG,GAAG,MAAM,CAAC,oDAAoD,CAAC,CAAC;QACzE,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACnD,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,CAAC;QACzD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;QAC9B,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACnD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC5E,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;QAC9B,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,MAAM,GAAG,GAAG,MAAM,CAAC,oDAAoD,CAAC,CAAC;QACzE,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,iFAAiF;AAEjF,QAAQ,CAAC,sCAAsC,EAAE,GAAG,EAAE;IACpD,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC/E,WAAW,CAAC,GAAG,CAAC,EAAE,CAChB,GAAG,CAAC,EAAE,CAAC;aACJ,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CACtF,CAAC;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,EAAE,WAAW,IAAI,EAAE,CAAC;QAC5F,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4EAA4E,EAAE,GAAG,EAAE;QACpF,iFAAiF;QACjF,MAAM,EAAE,GAAG,KAAK,IAAI,GAAG,CAAC,EAAE,CAAC;QAC3B,WAAW,CAAC,GAAG,CAAC,EAAE,CAChB,GAAG,CAAC,EAAE,CAAC;aACJ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;aACpE,EAAE,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAClC,CAAC;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,EAAE,WAAW,IAAI,EAAE,CAAC;QAC5F,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,GAAG,GAAG,MAAM,CAAC,6BAA6B,CAAC,CAAC;QAClD,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC7G,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,GAAG,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;QAC5C,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;QAC9B,YAAY,CAAC,GAAG,CAAC,CAAC;QAClB,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,CAAC;QAC5D,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC5E,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,iFAAiF;AAEjF,QAAQ,CAAC,qDAAqD,EAAE,GAAG,EAAE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,gBAAgB,EAAE,CAAC;QACtB,EAAE,CAAC,YAAY,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,EAAE,CAAC,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;QAC7C,EAAE,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAC;QAC5D,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAChD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC9E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,gFAAgF;AAEhF,QAAQ,CAAC,0CAA0C,EAAE,GAAG,EAAE;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,gBAAgB,EAAE,CAAC;QACtB,EAAE,CAAC,YAAY,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,EAAE,CAAC,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QACrC,EAAE,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,WAAW,CAAC,CAAC;QACzD,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyframes.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/keyframes.test.ts"],"names":[],"mappings":""}
|