@weser/style 2.0.0 → 2.0.1

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.
Files changed (53) hide show
  1. package/dist/plugins/__tests__/customProperty.test.d.ts +2 -0
  2. package/dist/plugins/__tests__/customProperty.test.d.ts.map +1 -0
  3. package/dist/plugins/__tests__/customProperty.test.js +63 -0
  4. package/dist/plugins/__tests__/customProperty.test.js.map +1 -0
  5. package/dist/plugins/__tests__/debug.test.d.ts +2 -0
  6. package/dist/plugins/__tests__/debug.test.d.ts.map +1 -0
  7. package/dist/plugins/__tests__/debug.test.js +52 -0
  8. package/dist/plugins/__tests__/debug.test.js.map +1 -0
  9. package/dist/plugins/__tests__/embedded.test.d.ts +2 -0
  10. package/dist/plugins/__tests__/embedded.test.d.ts.map +1 -0
  11. package/dist/plugins/__tests__/embedded.test.js +76 -0
  12. package/dist/plugins/__tests__/embedded.test.js.map +1 -0
  13. package/dist/plugins/__tests__/enforceLonghand.test.d.ts +2 -0
  14. package/dist/plugins/__tests__/enforceLonghand.test.d.ts.map +1 -0
  15. package/dist/plugins/__tests__/enforceLonghand.test.js +88 -0
  16. package/dist/plugins/__tests__/enforceLonghand.test.js.map +1 -0
  17. package/dist/plugins/__tests__/fallbackValue.test.d.ts +2 -0
  18. package/dist/plugins/__tests__/fallbackValue.test.d.ts.map +1 -0
  19. package/dist/plugins/__tests__/fallbackValue.test.js +94 -0
  20. package/dist/plugins/__tests__/fallbackValue.test.js.map +1 -0
  21. package/dist/plugins/__tests__/logger.test.d.ts +2 -0
  22. package/dist/plugins/__tests__/logger.test.d.ts.map +1 -0
  23. package/dist/plugins/__tests__/logger.test.js +57 -0
  24. package/dist/plugins/__tests__/logger.test.js.map +1 -0
  25. package/dist/plugins/__tests__/prefixer.test.d.ts +2 -0
  26. package/dist/plugins/__tests__/prefixer.test.d.ts.map +1 -0
  27. package/dist/plugins/__tests__/prefixer.test.js +64 -0
  28. package/dist/plugins/__tests__/prefixer.test.js.map +1 -0
  29. package/dist/plugins/__tests__/pseudoElement.test.d.ts +2 -0
  30. package/dist/plugins/__tests__/pseudoElement.test.d.ts.map +1 -0
  31. package/dist/plugins/__tests__/pseudoElement.test.js +92 -0
  32. package/dist/plugins/__tests__/pseudoElement.test.js.map +1 -0
  33. package/dist/plugins/__tests__/responsiveValue.test.d.ts +2 -0
  34. package/dist/plugins/__tests__/responsiveValue.test.d.ts.map +1 -0
  35. package/dist/plugins/__tests__/responsiveValue.test.js +68 -0
  36. package/dist/plugins/__tests__/responsiveValue.test.js.map +1 -0
  37. package/dist/plugins/__tests__/rtl.test.d.ts +2 -0
  38. package/dist/plugins/__tests__/rtl.test.d.ts.map +1 -0
  39. package/dist/plugins/__tests__/rtl.test.js +57 -0
  40. package/dist/plugins/__tests__/rtl.test.js.map +1 -0
  41. package/dist/plugins/__tests__/sortCondition.test.d.ts +2 -0
  42. package/dist/plugins/__tests__/sortCondition.test.d.ts.map +1 -0
  43. package/dist/plugins/__tests__/sortCondition.test.js +65 -0
  44. package/dist/plugins/__tests__/sortCondition.test.js.map +1 -0
  45. package/dist/plugins/__tests__/sortProperty.test.d.ts +2 -0
  46. package/dist/plugins/__tests__/sortProperty.test.d.ts.map +1 -0
  47. package/dist/plugins/__tests__/sortProperty.test.js +68 -0
  48. package/dist/plugins/__tests__/sortProperty.test.js.map +1 -0
  49. package/dist/plugins/__tests__/unit.test.d.ts +2 -0
  50. package/dist/plugins/__tests__/unit.test.d.ts.map +1 -0
  51. package/dist/plugins/__tests__/unit.test.js +66 -0
  52. package/dist/plugins/__tests__/unit.test.js.map +1 -0
  53. package/package.json +6 -6
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=customProperty.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"customProperty.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/customProperty.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,63 @@
1
+ import { describe, test, expect, vi } from 'vitest';
2
+ import customPropertyPlugin from '../customProperty';
3
+ describe('customPropertyPlugin', () => {
4
+ const context = {
5
+ mergeStyle: (target, source) => Object.assign(target, source),
6
+ createNode: vi.fn(),
7
+ props: { style: {} },
8
+ devMode: false,
9
+ };
10
+ test('resolves custom properties to style objects', () => {
11
+ const plugin = customPropertyPlugin({
12
+ size: (value) => ({ width: value, height: value }),
13
+ });
14
+ const result = plugin({ size: 100 }, context);
15
+ expect(result.width).toBe(100);
16
+ expect(result.height).toBe(100);
17
+ });
18
+ test('removes original property if not in resolved style', () => {
19
+ const plugin = customPropertyPlugin({
20
+ spacing: (value) => ({ padding: value, margin: value }),
21
+ });
22
+ const result = plugin({ spacing: 10 }, context);
23
+ expect('spacing' in result).toBeFalsy();
24
+ expect(result.padding).toBe(10);
25
+ expect(result.margin).toBe(10);
26
+ });
27
+ test('preserves original property if in resolved style', () => {
28
+ const plugin = customPropertyPlugin({
29
+ padding: (value) => ({ padding: value * 2 }),
30
+ });
31
+ const result = plugin({ padding: 10 }, context);
32
+ expect(result.padding).toBe(20);
33
+ });
34
+ test('handles nested style objects', () => {
35
+ const plugin = customPropertyPlugin({
36
+ size: (value) => ({ width: value, height: value }),
37
+ });
38
+ const result = plugin({
39
+ ':hover': { size: 50 },
40
+ }, context);
41
+ expect(result[':hover']?.width).toBe(50);
42
+ expect(result[':hover']?.height).toBe(50);
43
+ });
44
+ test('passes through non-custom properties', () => {
45
+ const plugin = customPropertyPlugin({
46
+ size: (value) => ({ width: value }),
47
+ });
48
+ const result = plugin({ size: 100, color: 'red' }, context);
49
+ expect(result.color).toBe('red');
50
+ expect(result.width).toBe(100);
51
+ });
52
+ test('handles multiple custom properties', () => {
53
+ const plugin = customPropertyPlugin({
54
+ size: (value) => ({ width: value, height: value }),
55
+ spacing: (value) => ({ padding: value }),
56
+ });
57
+ const result = plugin({ size: 100, spacing: 10 }, context);
58
+ expect(result.width).toBe(100);
59
+ expect(result.height).toBe(100);
60
+ expect(result.padding).toBe(10);
61
+ });
62
+ });
63
+ //# sourceMappingURL=customProperty.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"customProperty.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/customProperty.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=debug.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"debug.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/debug.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,52 @@
1
+ import { describe, test, expect, vi } from 'vitest';
2
+ import debugPlugin from '../debug';
3
+ // Mock the styles-debugger module
4
+ vi.mock('styles-debugger', () => ({
5
+ CreateStylesDebugger: vi.fn(() => () => ({
6
+ outline: '1px solid red',
7
+ backgroundColor: 'rgba(255,0,0,0.1)',
8
+ })),
9
+ }));
10
+ describe('debugPlugin', () => {
11
+ test('adds debug styles when autoActive is true', () => {
12
+ const plugin = debugPlugin(true);
13
+ const style = { color: 'blue' };
14
+ const result = plugin(style);
15
+ expect(result.outline).toBe('1px solid red');
16
+ expect(result.backgroundColor).toBe('rgba(255,0,0,0.1)');
17
+ expect(result.color).toBe('blue');
18
+ });
19
+ test('does not add debug styles when autoActive is false and no debug flag', () => {
20
+ const plugin = debugPlugin(false);
21
+ const style = { color: 'blue' };
22
+ const result = plugin(style);
23
+ expect(result.outline).toBeUndefined();
24
+ expect(result.color).toBe('blue');
25
+ });
26
+ test('adds debug styles when debug flag is true', () => {
27
+ const plugin = debugPlugin(false);
28
+ const style = { color: 'blue', debug: true };
29
+ const result = plugin(style);
30
+ expect(result.outline).toBe('1px solid red');
31
+ expect(result.debug).toBeUndefined(); // debug flag should be removed
32
+ });
33
+ test('removes debug property from result', () => {
34
+ const plugin = debugPlugin(true);
35
+ const style = { color: 'blue', debug: true };
36
+ const result = plugin(style);
37
+ expect(result.debug).toBeUndefined();
38
+ });
39
+ test('preserves original styles', () => {
40
+ const plugin = debugPlugin(true);
41
+ const style = {
42
+ color: 'red',
43
+ fontSize: 16,
44
+ padding: 10,
45
+ };
46
+ const result = plugin(style);
47
+ expect(result.color).toBe('red');
48
+ expect(result.fontSize).toBe(16);
49
+ expect(result.padding).toBe(10);
50
+ });
51
+ });
52
+ //# sourceMappingURL=debug.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"debug.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/debug.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=embedded.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"embedded.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/embedded.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,76 @@
1
+ import { describe, test, expect, vi } from 'vitest';
2
+ import embeddedPlugin from '../embedded';
3
+ describe('embeddedPlugin', () => {
4
+ const createMockContext = () => ({
5
+ createNode: vi.fn(),
6
+ mergeStyle: vi.fn(),
7
+ props: {},
8
+ });
9
+ test('converts animationName object to keyframe reference', () => {
10
+ const mockContext = createMockContext();
11
+ const plugin = embeddedPlugin();
12
+ const style = {
13
+ animationName: {
14
+ from: { opacity: 0 },
15
+ to: { opacity: 1 },
16
+ },
17
+ };
18
+ const result = plugin(style, mockContext);
19
+ // animationName should be replaced with a string reference
20
+ expect(typeof result.animationName).toBe('string');
21
+ expect(mockContext.createNode).toHaveBeenCalled();
22
+ });
23
+ test('passes through non-animationName object properties', () => {
24
+ const mockContext = createMockContext();
25
+ const plugin = embeddedPlugin();
26
+ const style = {
27
+ color: 'red',
28
+ fontSize: 16,
29
+ };
30
+ const result = plugin(style, mockContext);
31
+ expect(result.color).toBe('red');
32
+ expect(result.fontSize).toBe(16);
33
+ expect(mockContext.createNode).not.toHaveBeenCalled();
34
+ });
35
+ test('handles nested style objects', () => {
36
+ const mockContext = createMockContext();
37
+ const plugin = embeddedPlugin();
38
+ const style = {
39
+ ':hover': {
40
+ animationName: {
41
+ '0%': { transform: 'scale(1)' },
42
+ '100%': { transform: 'scale(1.1)' },
43
+ },
44
+ },
45
+ };
46
+ const result = plugin(style, mockContext);
47
+ expect(typeof result[':hover']?.animationName).toBe('string');
48
+ expect(mockContext.createNode).toHaveBeenCalled();
49
+ });
50
+ test('preserves other properties in style with animationName', () => {
51
+ const mockContext = createMockContext();
52
+ const plugin = embeddedPlugin();
53
+ const style = {
54
+ animationName: {
55
+ from: { opacity: 0 },
56
+ to: { opacity: 1 },
57
+ },
58
+ animationDuration: '1s',
59
+ animationTimingFunction: 'ease-in-out',
60
+ };
61
+ const result = plugin(style, mockContext);
62
+ expect(result.animationDuration).toBe('1s');
63
+ expect(result.animationTimingFunction).toBe('ease-in-out');
64
+ });
65
+ test('handles string animationName (already resolved)', () => {
66
+ const mockContext = createMockContext();
67
+ const plugin = embeddedPlugin();
68
+ const style = {
69
+ animationName: 'existingAnimation',
70
+ };
71
+ const result = plugin(style, mockContext);
72
+ expect(result.animationName).toBe('existingAnimation');
73
+ expect(mockContext.createNode).not.toHaveBeenCalled();
74
+ });
75
+ });
76
+ //# sourceMappingURL=embedded.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"embedded.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/embedded.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=enforceLonghand.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enforceLonghand.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/enforceLonghand.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,88 @@
1
+ import { describe, test, expect } from 'vitest';
2
+ import enforceLonghandPlugin from '../enforceLonghand';
3
+ describe('enforceLonghandPlugin', () => {
4
+ test('returns a sort function', () => {
5
+ const plugin = enforceLonghandPlugin();
6
+ expect(typeof plugin).toBe('function');
7
+ });
8
+ test('sorts shorthand before longhand with default mode', () => {
9
+ const plugin = enforceLonghandPlugin('none');
10
+ const style = {
11
+ marginLeft: 10,
12
+ margin: 5,
13
+ };
14
+ const result = plugin(style);
15
+ const keys = Object.keys(result);
16
+ expect(keys[0]).toBe('margin');
17
+ expect(keys[1]).toBe('marginLeft');
18
+ });
19
+ test('sorts padding shorthand before longhand', () => {
20
+ const plugin = enforceLonghandPlugin();
21
+ const style = {
22
+ paddingTop: 10,
23
+ padding: 5,
24
+ };
25
+ const result = plugin(style);
26
+ const keys = Object.keys(result);
27
+ expect(keys[0]).toBe('padding');
28
+ expect(keys[1]).toBe('paddingTop');
29
+ });
30
+ test('handles border properties with longhand mode', () => {
31
+ const plugin = enforceLonghandPlugin('longhand');
32
+ const style = {
33
+ borderColor: 'red',
34
+ border: '1px solid black',
35
+ };
36
+ const result = plugin(style);
37
+ const keys = Object.keys(result);
38
+ // With longhand mode, borderColor should come after border
39
+ expect(keys.indexOf('border')).toBeLessThan(keys.indexOf('borderColor'));
40
+ });
41
+ test('handles border properties with directional mode', () => {
42
+ const plugin = enforceLonghandPlugin('directional');
43
+ const style = {
44
+ borderTop: '1px solid red',
45
+ border: '1px solid black',
46
+ };
47
+ const result = plugin(style);
48
+ const keys = Object.keys(result);
49
+ // With directional mode, borderTop should come after border
50
+ expect(keys.indexOf('border')).toBeLessThan(keys.indexOf('borderTop'));
51
+ });
52
+ test('handles flex properties', () => {
53
+ const plugin = enforceLonghandPlugin();
54
+ const style = {
55
+ flexBasis: '100%',
56
+ flex: '1 1 auto',
57
+ };
58
+ const result = plugin(style);
59
+ const keys = Object.keys(result);
60
+ expect(keys.indexOf('flex')).toBeLessThan(keys.indexOf('flexBasis'));
61
+ });
62
+ test('handles background properties', () => {
63
+ const plugin = enforceLonghandPlugin();
64
+ const style = {
65
+ backgroundColor: 'red',
66
+ background: 'blue',
67
+ };
68
+ const result = plugin(style);
69
+ const keys = Object.keys(result);
70
+ expect(keys.indexOf('background')).toBeLessThan(keys.indexOf('backgroundColor'));
71
+ });
72
+ test('handles nested styles', () => {
73
+ const plugin = enforceLonghandPlugin();
74
+ const style = {
75
+ margin: 5,
76
+ marginLeft: 10,
77
+ ':hover': {
78
+ padding: 5,
79
+ paddingTop: 10,
80
+ },
81
+ };
82
+ const result = plugin(style);
83
+ const hoverKeys = Object.keys(result[':hover']);
84
+ expect(hoverKeys[0]).toBe('padding');
85
+ expect(hoverKeys[1]).toBe('paddingTop');
86
+ });
87
+ });
88
+ //# sourceMappingURL=enforceLonghand.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enforceLonghand.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/enforceLonghand.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=fallbackValue.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fallbackValue.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/fallbackValue.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,94 @@
1
+ import { describe, test, expect, vi } from 'vitest';
2
+ import fallbackValuePlugin from '../fallbackValue';
3
+ describe('fallbackValuePlugin', () => {
4
+ const createMockContext = () => ({
5
+ createNode: vi.fn(),
6
+ mergeStyle: vi.fn(),
7
+ props: {},
8
+ });
9
+ test('returns style unchanged with no fallbacks', () => {
10
+ const mockContext = createMockContext();
11
+ const plugin = fallbackValuePlugin([]);
12
+ const style = { color: 'red', width: 100 };
13
+ const result = plugin(style, mockContext);
14
+ expect(result.color).toBe('red');
15
+ expect(result.width).toBe(100);
16
+ expect(mockContext.createNode).not.toHaveBeenCalled();
17
+ });
18
+ test('applies fallback when property and value match', () => {
19
+ const mockContext = createMockContext();
20
+ const plugin = fallbackValuePlugin([
21
+ {
22
+ property: ['width'],
23
+ fallback: (value) => value === 'fit-content'
24
+ ? ['-webkit-fit-content', 'fit-content']
25
+ : undefined,
26
+ },
27
+ ]);
28
+ const style = { width: 'fit-content' };
29
+ const result = plugin(style, mockContext);
30
+ expect(result.width).toContain('var(');
31
+ expect(mockContext.createNode).toHaveBeenCalled();
32
+ });
33
+ test('does not apply fallback when value does not match', () => {
34
+ const mockContext = createMockContext();
35
+ const plugin = fallbackValuePlugin([
36
+ {
37
+ property: ['width'],
38
+ fallback: (value) => value === 'fit-content' ? ['fit-content'] : undefined,
39
+ },
40
+ ]);
41
+ const style = { width: '100px' };
42
+ const result = plugin(style, mockContext);
43
+ expect(result.width).toBe('100px');
44
+ expect(mockContext.createNode).not.toHaveBeenCalled();
45
+ });
46
+ test('does not apply fallback when property does not match', () => {
47
+ const mockContext = createMockContext();
48
+ const plugin = fallbackValuePlugin([
49
+ {
50
+ property: ['width'],
51
+ fallback: (value) => value === 'min-content' ? ['-webkit-min-content'] : undefined,
52
+ },
53
+ ]);
54
+ const style = { height: 'min-content' };
55
+ const result = plugin(style, mockContext);
56
+ expect(result.height).toBe('min-content');
57
+ expect(mockContext.createNode).not.toHaveBeenCalled();
58
+ });
59
+ test('handles nested style objects', () => {
60
+ const mockContext = createMockContext();
61
+ const plugin = fallbackValuePlugin([
62
+ {
63
+ property: ['width'],
64
+ fallback: (value) => value === 'max-content'
65
+ ? ['-webkit-max-content', 'max-content']
66
+ : undefined,
67
+ },
68
+ ]);
69
+ const style = {
70
+ ':hover': { width: 'max-content' },
71
+ };
72
+ const result = plugin(style, mockContext);
73
+ expect(result[':hover']?.width).toContain('var(');
74
+ });
75
+ test('handles multiple fallback rules', () => {
76
+ const mockContext = createMockContext();
77
+ const plugin = fallbackValuePlugin([
78
+ {
79
+ property: ['width'],
80
+ fallback: (value) => value === 'min-content' ? ['-webkit-min-content'] : undefined,
81
+ },
82
+ {
83
+ property: ['height'],
84
+ fallback: (value) => value === 'max-content' ? ['-webkit-max-content'] : undefined,
85
+ },
86
+ ]);
87
+ const style = { width: 'min-content', height: 'max-content' };
88
+ const result = plugin(style, mockContext);
89
+ expect(result.width).toContain('var(');
90
+ expect(result.height).toContain('var(');
91
+ expect(mockContext.createNode).toHaveBeenCalledTimes(2);
92
+ });
93
+ });
94
+ //# sourceMappingURL=fallbackValue.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fallbackValue.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/fallbackValue.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=logger.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"logger.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/logger.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,57 @@
1
+ import { describe, test, expect, vi, beforeEach, afterEach } from 'vitest';
2
+ import loggerPlugin from '../logger';
3
+ describe('loggerPlugin', () => {
4
+ const originalConsole = console.log;
5
+ beforeEach(() => {
6
+ console.log = vi.fn();
7
+ });
8
+ afterEach(() => {
9
+ console.log = originalConsole;
10
+ });
11
+ test('logs style object', () => {
12
+ const plugin = loggerPlugin();
13
+ const style = { color: 'red', fontSize: 16 };
14
+ plugin(style);
15
+ expect(console.log).toHaveBeenCalledWith(expect.objectContaining(style));
16
+ });
17
+ test('returns the original style unchanged', () => {
18
+ const plugin = loggerPlugin();
19
+ const style = { color: 'red' };
20
+ const result = plugin(style);
21
+ expect(result).toBe(style);
22
+ });
23
+ test('uses prefix when provided', () => {
24
+ const plugin = loggerPlugin({ prefix: 'STYLE:' });
25
+ const style = { color: 'blue' };
26
+ plugin(style);
27
+ expect(console.log).toHaveBeenCalledWith('STYLE:', expect.any(Object));
28
+ });
29
+ test('stringifies when stringify option is true', () => {
30
+ const plugin = loggerPlugin({ stringify: true });
31
+ const style = { color: 'green' };
32
+ plugin(style);
33
+ expect(console.log).toHaveBeenCalledWith(JSON.stringify(style));
34
+ });
35
+ test('clones style by default', () => {
36
+ const plugin = loggerPlugin();
37
+ const style = { color: 'red' };
38
+ plugin(style);
39
+ const loggedValue = console.log.mock.calls[0][0];
40
+ expect(loggedValue).not.toBe(style);
41
+ expect(loggedValue).toEqual(style);
42
+ });
43
+ test('does not clone when clone is false', () => {
44
+ const plugin = loggerPlugin({ clone: false });
45
+ const style = { color: 'red' };
46
+ plugin(style);
47
+ const loggedValue = console.log.mock.calls[0][0];
48
+ expect(loggedValue).toBe(style);
49
+ });
50
+ test('prefix and stringify work together', () => {
51
+ const plugin = loggerPlugin({ prefix: 'DEBUG:', stringify: true });
52
+ const style = { margin: 10 };
53
+ plugin(style);
54
+ expect(console.log).toHaveBeenCalledWith('DEBUG:', JSON.stringify(style));
55
+ });
56
+ });
57
+ //# sourceMappingURL=logger.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"logger.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/logger.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=prefixer.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"prefixer.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/prefixer.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,64 @@
1
+ import { describe, test, expect } from 'vitest';
2
+ import prefixerPlugin from '../prefixer';
3
+ describe('prefixerPlugin', () => {
4
+ test('adds webkit prefix to appropriate properties', () => {
5
+ const plugin = prefixerPlugin();
6
+ const style = { appearance: 'none' };
7
+ const result = plugin(style);
8
+ expect(result.WebkitAppearance).toBe('none');
9
+ expect(result.appearance).toBe('none');
10
+ });
11
+ test('adds webkit prefix to userSelect', () => {
12
+ const plugin = prefixerPlugin();
13
+ const style = { userSelect: 'none' };
14
+ const result = plugin(style);
15
+ expect(result.WebkitUserSelect).toBe('none');
16
+ expect(result.userSelect).toBe('none');
17
+ });
18
+ test('adds webkit prefix to backdropFilter', () => {
19
+ const plugin = prefixerPlugin();
20
+ const style = { backdropFilter: 'blur(10px)' };
21
+ const result = plugin(style);
22
+ expect(result.WebkitBackdropFilter).toBe('blur(10px)');
23
+ expect(result.backdropFilter).toBe('blur(10px)');
24
+ });
25
+ test('adds moz prefix to tabSize', () => {
26
+ const plugin = prefixerPlugin();
27
+ const style = { tabSize: 4 };
28
+ const result = plugin(style);
29
+ expect(result.MozTabSize).toBe(4);
30
+ expect(result.tabSize).toBe(4);
31
+ });
32
+ test('does not prefix standard properties', () => {
33
+ const plugin = prefixerPlugin();
34
+ const style = { color: 'red', fontSize: 16 };
35
+ const result = plugin(style);
36
+ expect('WebkitColor' in result).toBeFalsy();
37
+ expect(result.color).toBe('red');
38
+ });
39
+ test('handles nested style objects', () => {
40
+ const plugin = prefixerPlugin();
41
+ const style = {
42
+ appearance: 'none',
43
+ ':hover': { userSelect: 'text' },
44
+ };
45
+ const result = plugin(style);
46
+ expect(result.WebkitAppearance).toBe('none');
47
+ expect(result[':hover']?.WebkitUserSelect).toBe('text');
48
+ });
49
+ test('prefixes mask properties', () => {
50
+ const plugin = prefixerPlugin();
51
+ const style = { maskImage: 'url(mask.png)' };
52
+ const result = plugin(style);
53
+ expect(result.WebkitMaskImage).toBe('url(mask.png)');
54
+ expect(result.maskImage).toBe('url(mask.png)');
55
+ });
56
+ test('prefixes clipPath', () => {
57
+ const plugin = prefixerPlugin();
58
+ const style = { clipPath: 'circle(50%)' };
59
+ const result = plugin(style);
60
+ expect(result.WebkitClipPath).toBe('circle(50%)');
61
+ expect(result.clipPath).toBe('circle(50%)');
62
+ });
63
+ });
64
+ //# sourceMappingURL=prefixer.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"prefixer.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/prefixer.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=pseudoElement.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pseudoElement.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/pseudoElement.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,92 @@
1
+ import { describe, test, expect, vi } from 'vitest';
2
+ import pseudoElementPlugin from '../pseudoElement';
3
+ describe('pseudoElementPlugin', () => {
4
+ const createMockContext = () => ({
5
+ createNode: vi.fn(),
6
+ mergeStyle: vi.fn(),
7
+ props: {},
8
+ });
9
+ test('extracts pseudo element styles and creates node', () => {
10
+ const mockContext = createMockContext();
11
+ const plugin = pseudoElementPlugin();
12
+ const style = {
13
+ color: 'red',
14
+ '::before': {
15
+ content: '""',
16
+ display: 'block',
17
+ },
18
+ };
19
+ const result = plugin(style, mockContext);
20
+ // Pseudo element should be removed from style
21
+ expect(result['::before']).toBeUndefined();
22
+ expect(result.color).toBe('red');
23
+ // Node should be created
24
+ expect(mockContext.createNode).toHaveBeenCalled();
25
+ // data-style-id should be set
26
+ expect(mockContext.props['data-style-id']).toBeDefined();
27
+ });
28
+ test('handles ::after pseudo element', () => {
29
+ const mockContext = createMockContext();
30
+ const plugin = pseudoElementPlugin();
31
+ const style = {
32
+ '::after': {
33
+ content: '"→"',
34
+ marginLeft: 8,
35
+ },
36
+ };
37
+ const result = plugin(style, mockContext);
38
+ expect(result['::after']).toBeUndefined();
39
+ expect(mockContext.createNode).toHaveBeenCalled();
40
+ });
41
+ test('preserves non-pseudo-element nested styles', () => {
42
+ const mockContext = createMockContext();
43
+ const plugin = pseudoElementPlugin();
44
+ const style = {
45
+ ':hover': {
46
+ color: 'blue',
47
+ },
48
+ };
49
+ const result = plugin(style, mockContext);
50
+ expect(result[':hover']).toEqual({ color: 'blue' });
51
+ expect(mockContext.createNode).not.toHaveBeenCalled();
52
+ });
53
+ test('handles nested pseudo elements', () => {
54
+ const mockContext = createMockContext();
55
+ const plugin = pseudoElementPlugin();
56
+ const style = {
57
+ ':hover': {
58
+ '::before': {
59
+ opacity: 1,
60
+ },
61
+ },
62
+ };
63
+ const result = plugin(style, mockContext);
64
+ // The ::before inside :hover should be processed
65
+ expect(result[':hover']?.['::before']).toBeUndefined();
66
+ expect(mockContext.createNode).toHaveBeenCalled();
67
+ });
68
+ test('handles multiple pseudo elements', () => {
69
+ const mockContext = createMockContext();
70
+ const plugin = pseudoElementPlugin();
71
+ const style = {
72
+ '::before': { content: '"←"' },
73
+ '::after': { content: '"→"' },
74
+ };
75
+ const result = plugin(style, mockContext);
76
+ expect(result['::before']).toBeUndefined();
77
+ expect(result['::after']).toBeUndefined();
78
+ expect(mockContext.createNode).toHaveBeenCalledTimes(2);
79
+ });
80
+ test('passes through primitive values', () => {
81
+ const mockContext = createMockContext();
82
+ const plugin = pseudoElementPlugin();
83
+ const style = {
84
+ fontSize: 16,
85
+ lineHeight: 1.5,
86
+ };
87
+ const result = plugin(style, mockContext);
88
+ expect(result.fontSize).toBe(16);
89
+ expect(result.lineHeight).toBe(1.5);
90
+ });
91
+ });
92
+ //# sourceMappingURL=pseudoElement.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pseudoElement.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/pseudoElement.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=responsiveValue.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"responsiveValue.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/responsiveValue.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,68 @@
1
+ import { describe, test, expect } from 'vitest';
2
+ import responsiveValuePlugin, { responsiveValue } from '../responsiveValue';
3
+ describe('responsiveValuePlugin', () => {
4
+ const mediaQueries = [
5
+ '@media (min-width: 480px)',
6
+ '@media (min-width: 768px)',
7
+ '@media (min-width: 1024px)',
8
+ ];
9
+ test('expands array values to media queries', () => {
10
+ const plugin = responsiveValuePlugin(mediaQueries);
11
+ const result = plugin({ fontSize: responsiveValue([16, 18, 20, 24]) });
12
+ expect(result.fontSize).toBe(16);
13
+ expect(result['@media (min-width: 480px)']).toEqual({ fontSize: 18 });
14
+ expect(result['@media (min-width: 768px)']).toEqual({ fontSize: 20 });
15
+ expect(result['@media (min-width: 1024px)']).toEqual({ fontSize: 24 });
16
+ });
17
+ test('first value is default', () => {
18
+ const plugin = responsiveValuePlugin(mediaQueries);
19
+ const result = plugin({ padding: responsiveValue([8, 16]) });
20
+ expect(result.padding).toBe(8);
21
+ expect(result['@media (min-width: 480px)']).toEqual({ padding: 16 });
22
+ });
23
+ test('handles null/undefined values in array', () => {
24
+ const plugin = responsiveValuePlugin(mediaQueries);
25
+ const result = plugin({ margin: [8, undefined, 16] });
26
+ expect(result.margin).toBe(8);
27
+ expect(result['@media (min-width: 480px)']).toBeUndefined();
28
+ expect(result['@media (min-width: 768px)']).toEqual({ margin: 16 });
29
+ });
30
+ test('does not modify non-array values', () => {
31
+ const plugin = responsiveValuePlugin(mediaQueries);
32
+ const result = plugin({ color: 'red', padding: 8 });
33
+ expect(result.color).toBe('red');
34
+ expect(result.padding).toBe(8);
35
+ });
36
+ test('handles nested objects', () => {
37
+ const plugin = responsiveValuePlugin(mediaQueries);
38
+ const result = plugin({
39
+ ':hover': { fontSize: [14, 16] },
40
+ });
41
+ expect(result[':hover']?.fontSize).toBe(14);
42
+ expect(result[':hover']?.['@media (min-width: 480px)']).toEqual({
43
+ fontSize: 16,
44
+ });
45
+ });
46
+ test('handles multiple responsive properties', () => {
47
+ const plugin = responsiveValuePlugin(mediaQueries);
48
+ const result = plugin({
49
+ fontSize: responsiveValue([16, 18]),
50
+ padding: responsiveValue([8, 12]),
51
+ });
52
+ expect(result.fontSize).toBe(16);
53
+ expect(result.padding).toBe(8);
54
+ expect(result['@media (min-width: 480px)']).toEqual({
55
+ fontSize: 18,
56
+ padding: 12,
57
+ });
58
+ });
59
+ test('limits to number of media queries', () => {
60
+ const plugin = responsiveValuePlugin(['@media (min-width: 480px)']);
61
+ const result = plugin({ fontSize: responsiveValue([16, 18, 20, 24]) });
62
+ // Only first media query value used
63
+ expect(result.fontSize).toBe(16);
64
+ expect(result['@media (min-width: 480px)']).toEqual({ fontSize: 18 });
65
+ expect(result['@media (min-width: 768px)']).toBeUndefined();
66
+ });
67
+ });
68
+ //# sourceMappingURL=responsiveValue.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"responsiveValue.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/responsiveValue.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=rtl.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rtl.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/rtl.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,57 @@
1
+ import { describe, test, expect } from 'vitest';
2
+ import rtlPlugin from '../rtl';
3
+ describe('rtlPlugin', () => {
4
+ test('transforms left to right for RTL', () => {
5
+ const plugin = rtlPlugin('rtl');
6
+ const style = { marginLeft: 10 };
7
+ const result = plugin(style);
8
+ expect(result.marginRight).toBe(10);
9
+ expect(result.marginLeft).toBeUndefined();
10
+ });
11
+ test('transforms right to left for RTL', () => {
12
+ const plugin = rtlPlugin('rtl');
13
+ const style = { paddingRight: 20 };
14
+ const result = plugin(style);
15
+ expect(result.paddingLeft).toBe(20);
16
+ expect(result.paddingRight).toBeUndefined();
17
+ });
18
+ test('does not transform when direction is ltr', () => {
19
+ const plugin = rtlPlugin('ltr');
20
+ const style = { marginLeft: 10 };
21
+ const result = plugin(style);
22
+ expect(result.marginLeft).toBe(10);
23
+ });
24
+ test('transforms textAlign left to right', () => {
25
+ const plugin = rtlPlugin('rtl');
26
+ const style = { textAlign: 'left' };
27
+ const result = plugin(style);
28
+ expect(result.textAlign).toBe('right');
29
+ });
30
+ test('transforms float left to right', () => {
31
+ const plugin = rtlPlugin('rtl');
32
+ const style = { float: 'left' };
33
+ const result = plugin(style);
34
+ expect(result.float).toBe('right');
35
+ });
36
+ test('handles border properties', () => {
37
+ const plugin = rtlPlugin('rtl');
38
+ const style = { borderLeft: '1px solid red' };
39
+ const result = plugin(style);
40
+ expect(result.borderRight).toBe('1px solid red');
41
+ expect(result.borderLeft).toBeUndefined();
42
+ });
43
+ test('preserves non-directional properties', () => {
44
+ const plugin = rtlPlugin('rtl');
45
+ const style = { color: 'red', fontSize: 16 };
46
+ const result = plugin(style);
47
+ expect(result.color).toBe('red');
48
+ expect(result.fontSize).toBe(16);
49
+ });
50
+ test('defaults to rtl direction', () => {
51
+ const plugin = rtlPlugin();
52
+ const style = { marginLeft: 10 };
53
+ const result = plugin(style);
54
+ expect(result.marginRight).toBe(10);
55
+ });
56
+ });
57
+ //# sourceMappingURL=rtl.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rtl.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/rtl.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=sortCondition.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sortCondition.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortCondition.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,65 @@
1
+ import { describe, test, expect } from 'vitest';
2
+ import sortConditionPlugin, { sortMobileFirst } from '../sortCondition';
3
+ describe('sortConditionPlugin', () => {
4
+ test('sorts conditions using provided sort function', () => {
5
+ const plugin = sortConditionPlugin((a, b) => a.localeCompare(b));
6
+ const style = {
7
+ color: 'red',
8
+ '@media (min-width: 800px)': { color: 'blue' },
9
+ '@media (min-width: 400px)': { color: 'green' },
10
+ };
11
+ const result = plugin(style);
12
+ const keys = Object.keys(result);
13
+ // Primitive properties should come first
14
+ expect(keys[0]).toBe('color');
15
+ });
16
+ test('primitive properties come before nested', () => {
17
+ const plugin = sortConditionPlugin(sortMobileFirst);
18
+ const style = {
19
+ '@media (min-width: 800px)': { color: 'blue' },
20
+ color: 'red',
21
+ fontSize: 16,
22
+ };
23
+ const result = plugin(style);
24
+ const keys = Object.keys(result);
25
+ expect(keys[0]).toBe('color');
26
+ expect(keys[1]).toBe('fontSize');
27
+ });
28
+ test('recursively sorts nested conditions', () => {
29
+ const plugin = sortConditionPlugin(sortMobileFirst);
30
+ const style = {
31
+ '@media (min-width: 800px)': {
32
+ '@media (min-width: 400px)': { color: 'green' },
33
+ color: 'blue',
34
+ },
35
+ };
36
+ const result = plugin(style);
37
+ const nestedKeys = Object.keys(result['@media (min-width: 800px)']);
38
+ expect(nestedKeys[0]).toBe('color');
39
+ });
40
+ });
41
+ describe('sortMobileFirst', () => {
42
+ test('other selectors come before pseudo selectors', () => {
43
+ const result = sortMobileFirst('[data-active]', ':hover');
44
+ expect(result).toBeLessThan(0);
45
+ });
46
+ test('pseudo selectors come before media queries', () => {
47
+ const result = sortMobileFirst(':hover', '@media (min-width: 800px)');
48
+ expect(result).toBeLessThan(0);
49
+ });
50
+ test('media queries come before supports queries', () => {
51
+ const result = sortMobileFirst('@media (min-width: 800px)', '@supports (display: grid)');
52
+ expect(result).toBeLessThan(0);
53
+ });
54
+ test('pseudo selectors follow LVFHA order', () => {
55
+ expect(sortMobileFirst(':link', ':visited')).toBeLessThan(0);
56
+ expect(sortMobileFirst(':visited', ':focus')).toBeLessThan(0);
57
+ expect(sortMobileFirst(':focus', ':hover')).toBeLessThan(0);
58
+ expect(sortMobileFirst(':hover', ':active')).toBeLessThan(0);
59
+ });
60
+ test('media queries are sorted by min-width', () => {
61
+ const result = sortMobileFirst('@media (min-width: 400px)', '@media (min-width: 800px)');
62
+ expect(result).toBeLessThan(0);
63
+ });
64
+ });
65
+ //# sourceMappingURL=sortCondition.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sortCondition.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortCondition.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=sortProperty.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sortProperty.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortProperty.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,68 @@
1
+ import { describe, test, expect } from 'vitest';
2
+ import sortPropertyPlugin from '../sortProperty';
3
+ describe('sortPropertyPlugin', () => {
4
+ test('sorts properties by priority', () => {
5
+ const plugin = sortPropertyPlugin({
6
+ background: 1,
7
+ backgroundColor: 2,
8
+ });
9
+ const style = { backgroundColor: 'red', background: 'blue' };
10
+ const result = plugin(style);
11
+ const keys = Object.keys(result);
12
+ expect(keys[0]).toBe('background');
13
+ expect(keys[1]).toBe('backgroundColor');
14
+ });
15
+ test('properties without priority come first', () => {
16
+ const plugin = sortPropertyPlugin({
17
+ marginLeft: 2,
18
+ });
19
+ const style = { marginLeft: 10, color: 'red' };
20
+ const result = plugin(style);
21
+ const keys = Object.keys(result);
22
+ expect(keys[0]).toBe('color');
23
+ expect(keys[1]).toBe('marginLeft');
24
+ });
25
+ test('handles nested style objects', () => {
26
+ const plugin = sortPropertyPlugin({
27
+ padding: 1,
28
+ paddingLeft: 2,
29
+ });
30
+ const style = {
31
+ paddingLeft: 10,
32
+ padding: 5,
33
+ ':hover': {
34
+ paddingLeft: 15,
35
+ padding: 10,
36
+ },
37
+ };
38
+ const result = plugin(style);
39
+ const hoverKeys = Object.keys(result[':hover']);
40
+ expect(hoverKeys[0]).toBe('padding');
41
+ expect(hoverKeys[1]).toBe('paddingLeft');
42
+ });
43
+ test('preserves property values', () => {
44
+ const plugin = sortPropertyPlugin({
45
+ padding: 1,
46
+ paddingLeft: 2,
47
+ });
48
+ const style = { padding: 10, paddingLeft: 20 };
49
+ const result = plugin(style);
50
+ expect(Object.keys(result)).toEqual(['padding', 'paddingLeft']);
51
+ });
52
+ test('handles equal priorities', () => {
53
+ const plugin = sortPropertyPlugin({
54
+ margin: 1,
55
+ padding: 1,
56
+ });
57
+ // Both have same priority, order may vary but both should exist
58
+ expect(Object.keys(plugin({ padding: 10, margin: 5 }))).toEqual([
59
+ 'padding',
60
+ 'margin',
61
+ ]);
62
+ expect(Object.keys(plugin({ margin: 5, padding: 10 }))).toEqual([
63
+ 'margin',
64
+ 'padding',
65
+ ]);
66
+ });
67
+ });
68
+ //# sourceMappingURL=sortProperty.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sortProperty.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/sortProperty.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/C,OAAO,kBAAkB,MAAM,iBAAiB,CAAA;AAEhD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,UAAU,EAAE,CAAC;YACb,eAAe,EAAE,CAAC;SACZ,CAAC,CAAA;QAET,MAAM,KAAK,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;QAE5D,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QACnC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAEhC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAClC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAClD,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,UAAU,EAAE,CAAC;SACP,CAAC,CAAA;QAET,MAAM,KAAK,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;QAE9C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAY,CAAC,CAAA;QACnC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAEhC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC7B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,CAAC;SACR,CAAC,CAAA;QAET,MAAM,KAAK,GAAG;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE;gBACR,WAAW,EAAE,EAAE;gBACf,OAAO,EAAE,EAAE;aACZ;SACF,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAC5B,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAE,CAAC,CAAA;QAEhD,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACpC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACrC,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,OAAO,EAAE,CAAC;YACV,WAAW,EAAE,CAAC;SACf,CAAC,CAAA;QAEF,MAAM,KAAK,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;QAE9C,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE5B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,CAAC;SACX,CAAC,CAAA;QAEF,gEAAgE;QAChE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9D,SAAS;YACT,QAAQ;SACT,CAAC,CAAA;QACF,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9D,QAAQ;YACR,SAAS;SACV,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=unit.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"unit.test.d.ts","sourceRoot":"","sources":["../../../src/plugins/__tests__/unit.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,66 @@
1
+ import { describe, test, expect } from 'vitest';
2
+ import unitPlugin from '../unit';
3
+ describe('unitPlugin', () => {
4
+ test('adds px units to numeric values', () => {
5
+ const plugin = unitPlugin();
6
+ const result = plugin({ fontSize: 16, padding: 8 });
7
+ expect(result.fontSize).toBe('16px');
8
+ expect(result.padding).toBe('8px');
9
+ });
10
+ test('uses custom default unit', () => {
11
+ const plugin = unitPlugin('rem');
12
+ const result = plugin({ fontSize: 1.5, margin: 2 });
13
+ expect(result.fontSize).toBe('1.5rem');
14
+ expect(result.margin).toBe('2rem');
15
+ });
16
+ test('uses property map for specific properties', () => {
17
+ const plugin = unitPlugin('px', { width: '%' });
18
+ const result = plugin({ fontSize: 16, width: 50 });
19
+ expect(result.fontSize).toBe('16px');
20
+ expect(result.width).toBe('50%');
21
+ });
22
+ test('does not add units to zero values', () => {
23
+ const plugin = unitPlugin();
24
+ const result = plugin({ margin: 0, padding: 0 });
25
+ expect(result.margin).toBe(0);
26
+ expect(result.padding).toBe(0);
27
+ });
28
+ test('does not add units to string values that are not numeric', () => {
29
+ const plugin = unitPlugin();
30
+ const result = plugin({ color: 'red', display: 'flex' });
31
+ expect(result.color).toBe('red');
32
+ expect(result.display).toBe('flex');
33
+ });
34
+ test('adds units to string values that are numeric', () => {
35
+ const plugin = unitPlugin();
36
+ const result = plugin({ fontSize: '16' });
37
+ expect(result.fontSize).toBe('16px');
38
+ });
39
+ test('does not add units to unitless properties', () => {
40
+ const plugin = unitPlugin();
41
+ const result = plugin({ zIndex: 10, opacity: 0.5 });
42
+ expect(result.zIndex).toBe(10);
43
+ expect(result.opacity).toBe(0.5);
44
+ });
45
+ test('handles nested objects', () => {
46
+ const plugin = unitPlugin();
47
+ const result = plugin({
48
+ fontSize: 16,
49
+ ':hover': { padding: 8 },
50
+ });
51
+ expect(result.fontSize).toBe('16px');
52
+ expect(result[':hover']?.padding).toBe('8px');
53
+ });
54
+ test('handles array values', () => {
55
+ const plugin = unitPlugin();
56
+ const result = plugin({ padding: [8, 16, 8, 16] });
57
+ expect(result.padding).toEqual(['8px', '16px', '8px', '16px']);
58
+ });
59
+ test('uses custom isUnitlessProperty function', () => {
60
+ const plugin = unitPlugin('px', {}, (prop) => prop === 'padding');
61
+ const result = plugin({ padding: 10, margin: 20 });
62
+ expect(result.padding).toBe(10);
63
+ expect(result.margin).toBe('20px');
64
+ });
65
+ });
66
+ //# sourceMappingURL=unit.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"unit.test.js","sourceRoot":"","sources":["../../../src/plugins/__tests__/unit.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/C,OAAO,UAAU,MAAM,SAAS,CAAA;AAEhC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,UAAU,EAAE,CAAA;QAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;QAEnD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAChC,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;QAEnD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACtC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;QAC/C,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAS,CAAC,CAAA;QAEzD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,MAAM,GAAG,UAAU,EAAE,CAAA;QAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;QAEhD,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAC7B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAChC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACpE,MAAM,MAAM,GAAG,UAAU,EAAE,CAAA;QAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA;QAExD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAChC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACxD,MAAM,MAAM,GAAG,UAAU,EAAE,CAAA;QAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAW,EAAE,CAAC,CAAA;QAEhD,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,MAAM,GAAG,UAAU,EAAE,CAAA;QAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAA;QAEnD,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAC9B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAClC,MAAM,MAAM,GAAG,UAAU,EAAE,CAAA;QAC3B,MAAM,MAAM,GAAG,MAAM,CAAC;YACpB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;SAClB,CAAC,CAAA;QAET,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAChC,MAAM,MAAM,GAAG,UAAU,EAAE,CAAA;QAC3B,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAS,CAAC,CAAA;QAEzD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACnD,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAA;QACjE,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAS,CAAC,CAAA;QAEzD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAC/B,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@weser/style",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "description": "Utils for using inline styles in React",
5
5
  "author": "Robin Weser <robin@weser.io>",
6
6
  "license": "MIT",
@@ -37,9 +37,9 @@
37
37
  },
38
38
  "keywords": [],
39
39
  "dependencies": {
40
- "@weser/array": "1.0.0",
41
- "@weser/keyframe": "1.0.0",
42
- "@weser/object": "1.0.0",
40
+ "@weser/array": "1.0.1",
41
+ "@weser/keyframe": "1.0.1",
42
+ "@weser/object": "1.0.1",
43
43
  "css-in-js-utils": "^3.1.0",
44
44
  "isobject": "^4.0.0",
45
45
  "rtl-css-js": "^1.16.1",
@@ -52,7 +52,7 @@
52
52
  "rimraf": "^3.0.2",
53
53
  "styles-debugger": "^1.0.0",
54
54
  "typescript": "^5.9.2",
55
- "vitest": "^2.1.8"
55
+ "vitest": "^3.0.0"
56
56
  },
57
- "gitHead": "e29c6fab561e455bf99b3a2c70d4b46eff82ce43"
57
+ "gitHead": "07cd8acd29e916cf20fe509029328862df87b08d"
58
58
  }