bsmnt 0.2.9 → 0.2.11

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 (197) hide show
  1. package/README.md +84 -146
  2. package/dist/configs/skills.d.ts +27 -0
  3. package/dist/configs/skills.d.ts.map +1 -0
  4. package/dist/configs/skills.js +18 -0
  5. package/dist/configs/skills.js.map +1 -0
  6. package/dist/configs/skills.json +26 -0
  7. package/dist/helpers/add/hooks-config.d.ts.map +1 -1
  8. package/dist/helpers/add/hooks-config.js +0 -6
  9. package/dist/helpers/add/hooks-config.js.map +1 -1
  10. package/dist/helpers/create/setup-agent.d.ts.map +1 -1
  11. package/dist/helpers/create/setup-agent.js +15 -5
  12. package/dist/helpers/create/setup-agent.js.map +1 -1
  13. package/dist/helpers/integrate/merge-config.d.ts.map +1 -1
  14. package/dist/helpers/integrate/merge-config.js +1 -0
  15. package/dist/helpers/integrate/merge-config.js.map +1 -1
  16. package/dist/helpers/integrate/sanity/config.d.ts.map +1 -1
  17. package/dist/helpers/integrate/sanity/config.js +8 -2
  18. package/dist/helpers/integrate/sanity/config.js.map +1 -1
  19. package/dist/helpers/integrate/sanity/mergers/layout-merger.d.ts.map +1 -1
  20. package/dist/helpers/integrate/sanity/mergers/layout-merger.js +13 -12
  21. package/dist/helpers/integrate/sanity/mergers/layout-merger.js.map +1 -1
  22. package/dist/helpers/skills/index.d.ts +10 -0
  23. package/dist/helpers/skills/index.d.ts.map +1 -0
  24. package/dist/helpers/skills/index.js +136 -0
  25. package/dist/helpers/skills/index.js.map +1 -0
  26. package/dist/index.js +18 -0
  27. package/dist/index.js.map +1 -1
  28. package/package.json +4 -3
  29. package/src/helpers/integrate/sanity/files/app/api/blog/[slug]/route.ts +2 -1
  30. package/src/helpers/integrate/sanity/files/lib/integrations/sanity/confirm-publish-action.ts +31 -0
  31. package/src/helpers/integrate/sanity/files/lib/integrations/sanity/sanity.config.ts +17 -0
  32. package/src/helpers/integrate/sanity/files/lib/utils/json-ld.tsx +249 -0
  33. package/src/template-hooks/config.js +0 -6
  34. package/src/templates/next-default/README.md +28 -199
  35. package/src/templates/next-default/app/layout.tsx +20 -3
  36. package/src/templates/next-default/biome.json +1 -14
  37. package/src/templates/next-default/components/layout/theme/index.tsx +2 -5
  38. package/src/templates/next-default/components/layout/wrapper/index.tsx +1 -2
  39. package/src/templates/next-default/components/ui/README.md +2 -3
  40. package/src/templates/next-default/components/ui/image/index.tsx +3 -3
  41. package/src/templates/next-default/lib/README.md +3 -3
  42. package/src/templates/next-default/lib/hooks/use-device-detection.ts +4 -3
  43. package/src/templates/next-default/lib/hooks/use-media-breakpoint.ts +11 -4
  44. package/src/templates/next-default/lib/hooks/use-media.ts +29 -0
  45. package/src/templates/next-default/lib/scripts/dev.ts +9 -29
  46. package/src/templates/next-default/lib/styles/README.md +7 -58
  47. package/src/templates/next-default/lib/styles/fonts.ts +7 -15
  48. package/src/templates/next-default/lib/styles/global.css +198 -0
  49. package/src/templates/next-default/lib/styles/index.css +3 -0
  50. package/src/templates/next-default/lib/styles/tokens.css +179 -0
  51. package/src/templates/next-default/lib/utils/global-css.d.ts +1 -0
  52. package/src/templates/next-default/lib/utils/json-ld.tsx +199 -0
  53. package/src/templates/next-default/lib/utils/viewport.ts +11 -5
  54. package/src/templates/next-default/next.config.ts +0 -1
  55. package/src/templates/next-default/package.json +11 -18
  56. package/src/templates/next-default/postcss.config.mjs +0 -14
  57. package/src/templates/next-default/tsconfig.json +1 -0
  58. package/src/templates/next-default/tsconfig.tsbuildinfo +1 -0
  59. package/src/templates/next-experiments/README.md +29 -200
  60. package/src/templates/next-experiments/app/layout.tsx +20 -3
  61. package/src/templates/next-experiments/app/page.tsx +46 -39
  62. package/src/templates/next-experiments/biome.json +1 -14
  63. package/src/templates/next-experiments/components/layout/theme/index.tsx +2 -5
  64. package/src/templates/next-experiments/components/layout/wrapper/index.tsx +1 -2
  65. package/src/templates/next-experiments/components/ui/README.md +2 -3
  66. package/src/templates/next-experiments/components/ui/image/index.tsx +3 -2
  67. package/src/templates/next-experiments/lib/README.md +3 -3
  68. package/src/templates/next-experiments/lib/hooks/use-device-detection.ts +4 -3
  69. package/src/templates/next-experiments/lib/hooks/use-media-breakpoint.ts +11 -4
  70. package/src/templates/next-experiments/lib/hooks/use-media.ts +29 -0
  71. package/src/templates/next-experiments/lib/scripts/dev.ts +9 -29
  72. package/src/templates/next-experiments/lib/styles/README.md +7 -58
  73. package/src/templates/next-experiments/lib/styles/fonts.ts +7 -15
  74. package/src/templates/next-experiments/lib/styles/global.css +198 -0
  75. package/src/templates/next-experiments/lib/styles/index.css +3 -0
  76. package/src/templates/next-experiments/lib/styles/tokens.css +179 -0
  77. package/src/templates/next-experiments/lib/utils/global-css.d.ts +1 -0
  78. package/src/templates/next-experiments/lib/utils/json-ld.tsx +199 -0
  79. package/src/templates/next-experiments/lib/utils/viewport.ts +11 -5
  80. package/src/templates/next-experiments/next.config.ts +0 -1
  81. package/src/templates/next-experiments/package.json +11 -22
  82. package/src/templates/next-experiments/postcss.config.mjs +0 -14
  83. package/src/templates/next-experiments/tsconfig.json +1 -0
  84. package/src/templates/next-experiments/tsconfig.tsbuildinfo +1 -0
  85. package/src/templates/next-webgl/README.md +30 -200
  86. package/src/templates/next-webgl/app/layout.tsx +20 -3
  87. package/src/templates/next-webgl/biome.json +1 -14
  88. package/src/templates/next-webgl/components/layout/theme/index.tsx +2 -5
  89. package/src/templates/next-webgl/components/layout/wrapper/index.tsx +1 -2
  90. package/src/templates/next-webgl/components/ui/README.md +2 -3
  91. package/src/templates/next-webgl/components/ui/image/index.tsx +3 -3
  92. package/src/templates/next-webgl/lib/README.md +3 -3
  93. package/src/templates/next-webgl/lib/hooks/use-device-detection.ts +4 -3
  94. package/src/templates/next-webgl/lib/hooks/use-media-breakpoint.ts +11 -4
  95. package/src/templates/next-webgl/lib/hooks/use-media.ts +29 -0
  96. package/src/templates/next-webgl/lib/scripts/dev.ts +9 -29
  97. package/src/templates/next-webgl/lib/styles/README.md +7 -58
  98. package/src/templates/next-webgl/lib/styles/fonts.ts +7 -15
  99. package/src/templates/next-webgl/lib/styles/global.css +198 -0
  100. package/src/templates/next-webgl/lib/styles/index.css +3 -0
  101. package/src/templates/next-webgl/lib/styles/tokens.css +179 -0
  102. package/src/templates/next-webgl/lib/utils/global-css.d.ts +1 -0
  103. package/src/templates/next-webgl/lib/utils/json-ld.tsx +199 -0
  104. package/src/templates/next-webgl/lib/utils/viewport.ts +11 -5
  105. package/src/templates/next-webgl/next.config.ts +0 -1
  106. package/src/templates/next-webgl/package.json +11 -20
  107. package/src/templates/next-webgl/postcss.config.mjs +0 -14
  108. package/src/templates/next-webgl/tsconfig.json +1 -0
  109. package/src/templates/next-webgl/tsconfig.tsbuildinfo +1 -0
  110. package/plugins/no-anchor-element.grit +0 -11
  111. package/plugins/no-relative-parent-imports.grit +0 -6
  112. package/plugins/no-unnecessary-forwardref.grit +0 -5
  113. package/src/template-hooks/use-media.ts +0 -33
  114. package/src/templates/next-default/components/ui/image/image.module.css +0 -5
  115. package/src/templates/next-default/lib/scripts/generate-component.ts +0 -322
  116. package/src/templates/next-default/lib/scripts/generate-page.ts +0 -193
  117. package/src/templates/next-default/lib/scripts/generate.ts +0 -79
  118. package/src/templates/next-default/lib/store/app.ts +0 -11
  119. package/src/templates/next-default/lib/store/index.ts +0 -11
  120. package/src/templates/next-default/lib/styles/colors.ts +0 -63
  121. package/src/templates/next-default/lib/styles/config.ts +0 -34
  122. package/src/templates/next-default/lib/styles/css/global.css +0 -85
  123. package/src/templates/next-default/lib/styles/css/index.css +0 -6
  124. package/src/templates/next-default/lib/styles/css/reset.css +0 -166
  125. package/src/templates/next-default/lib/styles/css/root.css +0 -68
  126. package/src/templates/next-default/lib/styles/css/tailwind.css +0 -132
  127. package/src/templates/next-default/lib/styles/easings.ts +0 -21
  128. package/src/templates/next-default/lib/styles/index.ts +0 -12
  129. package/src/templates/next-default/lib/styles/layout.mjs +0 -27
  130. package/src/templates/next-default/lib/styles/scripts/README.md +0 -29
  131. package/src/templates/next-default/lib/styles/scripts/generate-root.ts +0 -57
  132. package/src/templates/next-default/lib/styles/scripts/generate-tailwind.ts +0 -162
  133. package/src/templates/next-default/lib/styles/scripts/postcss-functions.mjs +0 -168
  134. package/src/templates/next-default/lib/styles/scripts/setup-styles.ts +0 -24
  135. package/src/templates/next-default/lib/styles/scripts/utils.ts +0 -20
  136. package/src/templates/next-default/lib/styles/typography.ts +0 -36
  137. package/src/templates/next-default/lib/utils/css.d.ts +0 -21
  138. package/src/templates/next-default/lib/utils/math.test.ts +0 -221
  139. package/src/templates/next-default/lib/utils/strings.test.ts +0 -166
  140. package/src/templates/next-default/lib/utils/viewport.test.ts +0 -256
  141. package/src/templates/next-default/public/fonts/geist/Geist-Mono.woff2 +0 -0
  142. package/src/templates/next-experiments/components/ui/image/image.module.css +0 -5
  143. package/src/templates/next-experiments/lib/scripts/generate-component.ts +0 -322
  144. package/src/templates/next-experiments/lib/scripts/generate-page.ts +0 -193
  145. package/src/templates/next-experiments/lib/scripts/generate.ts +0 -79
  146. package/src/templates/next-experiments/lib/store/app.ts +0 -11
  147. package/src/templates/next-experiments/lib/store/index.ts +0 -11
  148. package/src/templates/next-experiments/lib/styles/colors.ts +0 -63
  149. package/src/templates/next-experiments/lib/styles/config.ts +0 -34
  150. package/src/templates/next-experiments/lib/styles/css/global.css +0 -85
  151. package/src/templates/next-experiments/lib/styles/css/index.css +0 -6
  152. package/src/templates/next-experiments/lib/styles/css/reset.css +0 -166
  153. package/src/templates/next-experiments/lib/styles/css/root.css +0 -68
  154. package/src/templates/next-experiments/lib/styles/css/tailwind.css +0 -132
  155. package/src/templates/next-experiments/lib/styles/easings.ts +0 -21
  156. package/src/templates/next-experiments/lib/styles/index.ts +0 -12
  157. package/src/templates/next-experiments/lib/styles/layout.mjs +0 -27
  158. package/src/templates/next-experiments/lib/styles/scripts/README.md +0 -29
  159. package/src/templates/next-experiments/lib/styles/scripts/generate-root.ts +0 -57
  160. package/src/templates/next-experiments/lib/styles/scripts/generate-tailwind.ts +0 -162
  161. package/src/templates/next-experiments/lib/styles/scripts/postcss-functions.mjs +0 -168
  162. package/src/templates/next-experiments/lib/styles/scripts/setup-styles.ts +0 -24
  163. package/src/templates/next-experiments/lib/styles/scripts/utils.ts +0 -20
  164. package/src/templates/next-experiments/lib/styles/typography.ts +0 -36
  165. package/src/templates/next-experiments/lib/utils/css.d.ts +0 -21
  166. package/src/templates/next-experiments/lib/utils/math.test.ts +0 -221
  167. package/src/templates/next-experiments/lib/utils/strings.test.ts +0 -166
  168. package/src/templates/next-experiments/lib/utils/viewport.test.ts +0 -256
  169. package/src/templates/next-experiments/public/fonts/geist/Geist-Mono.woff2 +0 -0
  170. package/src/templates/next-webgl/components/ui/image/image.module.css +0 -5
  171. package/src/templates/next-webgl/lib/scripts/generate-component.ts +0 -322
  172. package/src/templates/next-webgl/lib/scripts/generate-page.ts +0 -193
  173. package/src/templates/next-webgl/lib/scripts/generate.ts +0 -79
  174. package/src/templates/next-webgl/lib/store/app.ts +0 -11
  175. package/src/templates/next-webgl/lib/store/index.ts +0 -11
  176. package/src/templates/next-webgl/lib/styles/colors.ts +0 -63
  177. package/src/templates/next-webgl/lib/styles/config.ts +0 -34
  178. package/src/templates/next-webgl/lib/styles/css/global.css +0 -85
  179. package/src/templates/next-webgl/lib/styles/css/index.css +0 -6
  180. package/src/templates/next-webgl/lib/styles/css/reset.css +0 -166
  181. package/src/templates/next-webgl/lib/styles/css/root.css +0 -68
  182. package/src/templates/next-webgl/lib/styles/css/tailwind.css +0 -132
  183. package/src/templates/next-webgl/lib/styles/easings.ts +0 -21
  184. package/src/templates/next-webgl/lib/styles/index.ts +0 -12
  185. package/src/templates/next-webgl/lib/styles/layout.mjs +0 -27
  186. package/src/templates/next-webgl/lib/styles/scripts/README.md +0 -29
  187. package/src/templates/next-webgl/lib/styles/scripts/generate-root.ts +0 -57
  188. package/src/templates/next-webgl/lib/styles/scripts/generate-tailwind.ts +0 -162
  189. package/src/templates/next-webgl/lib/styles/scripts/postcss-functions.mjs +0 -168
  190. package/src/templates/next-webgl/lib/styles/scripts/setup-styles.ts +0 -24
  191. package/src/templates/next-webgl/lib/styles/scripts/utils.ts +0 -20
  192. package/src/templates/next-webgl/lib/styles/typography.ts +0 -36
  193. package/src/templates/next-webgl/lib/utils/css.d.ts +0 -21
  194. package/src/templates/next-webgl/lib/utils/math.test.ts +0 -221
  195. package/src/templates/next-webgl/lib/utils/strings.test.ts +0 -166
  196. package/src/templates/next-webgl/lib/utils/viewport.test.ts +0 -256
  197. package/src/templates/next-webgl/public/fonts/geist/Geist-Mono.woff2 +0 -0
@@ -1,166 +0,0 @@
1
- /**
2
- * Unit tests for string utilities
3
- *
4
- * Run with: bun test lib/utils/strings.test.ts
5
- */
6
-
7
- import { describe, expect, it } from "bun:test"
8
- import {
9
- capitalizeFirstLetter,
10
- convertToCamelCase,
11
- isEmptyArray,
12
- isEmptyObject,
13
- numberWithCommas,
14
- slugify,
15
- twoDigits,
16
- } from "./strings"
17
-
18
- describe("slugify", () => {
19
- it("should convert text to URL-friendly format", () => {
20
- expect(slugify("Hello World")).toBe("hello-world")
21
- expect(slugify("Hello World!")).toBe("hello-world")
22
- })
23
-
24
- it("should handle special characters", () => {
25
- expect(slugify("Café & Restaurant")).toBe("cafe-restaurant")
26
- expect(slugify("Rock & Roll")).toBe("rock-roll")
27
- })
28
-
29
- it("should handle multiple spaces and dashes", () => {
30
- expect(slugify("Hello World")).toBe("hello-world")
31
- expect(slugify("Hello--World")).toBe("hello-world")
32
- expect(slugify("Hello - World")).toBe("hello-world")
33
- })
34
-
35
- it("should trim whitespace", () => {
36
- expect(slugify(" Hello World ")).toBe("hello-world")
37
- })
38
-
39
- it("should handle numbers", () => {
40
- expect(slugify("Product 123")).toBe("product-123")
41
- expect(slugify("2024 Review")).toBe("2024-review")
42
- })
43
-
44
- it("should handle objects with toString", () => {
45
- const obj = { toString: () => "Custom Object" }
46
- expect(slugify(obj)).toBe("custom-object")
47
- })
48
- })
49
-
50
- describe("convertToCamelCase", () => {
51
- it("should convert first character to lowercase", () => {
52
- expect(convertToCamelCase("HelloWorld")).toBe("helloWorld")
53
- expect(convertToCamelCase("MyComponent")).toBe("myComponent")
54
- })
55
-
56
- it("should handle already camelCase strings", () => {
57
- expect(convertToCamelCase("helloWorld")).toBe("helloWorld")
58
- })
59
-
60
- it("should handle single characters", () => {
61
- expect(convertToCamelCase("A")).toBe("a")
62
- expect(convertToCamelCase("a")).toBe("a")
63
- })
64
-
65
- it("should handle empty strings", () => {
66
- expect(convertToCamelCase("")).toBe("")
67
- })
68
- })
69
-
70
- describe("capitalizeFirstLetter", () => {
71
- it("should capitalize the first letter", () => {
72
- expect(capitalizeFirstLetter("hello")).toBe("Hello")
73
- expect(capitalizeFirstLetter("world")).toBe("World")
74
- })
75
-
76
- it("should handle already capitalized strings", () => {
77
- expect(capitalizeFirstLetter("Hello")).toBe("Hello")
78
- })
79
-
80
- it("should handle single characters", () => {
81
- expect(capitalizeFirstLetter("a")).toBe("A")
82
- expect(capitalizeFirstLetter("A")).toBe("A")
83
- })
84
-
85
- it("should handle empty strings", () => {
86
- expect(capitalizeFirstLetter("")).toBe("")
87
- })
88
- })
89
-
90
- describe("twoDigits", () => {
91
- it("should pad single digit numbers with zero", () => {
92
- expect(twoDigits(0)).toBe("00")
93
- expect(twoDigits(5)).toBe("05")
94
- expect(twoDigits(9)).toBe("09")
95
- })
96
-
97
- it("should not pad two-digit numbers", () => {
98
- expect(twoDigits(10)).toBe("10")
99
- expect(twoDigits(23)).toBe("23")
100
- expect(twoDigits(99)).toBe("99")
101
- })
102
-
103
- it("should handle numbers greater than 99", () => {
104
- expect(twoDigits(100)).toBe("100")
105
- expect(twoDigits(999)).toBe("999")
106
- })
107
- })
108
-
109
- describe("numberWithCommas", () => {
110
- it("should add commas as thousands separators", () => {
111
- expect(numberWithCommas(1000)).toBe("1,000")
112
- expect(numberWithCommas(1234)).toBe("1,234")
113
- expect(numberWithCommas(1234567)).toBe("1,234,567")
114
- })
115
-
116
- it("should not add commas to numbers less than 1000", () => {
117
- expect(numberWithCommas(999)).toBe("999")
118
- expect(numberWithCommas(1)).toBe("1")
119
- expect(numberWithCommas(0)).toBe("0")
120
- })
121
-
122
- it("should handle objects with toString", () => {
123
- const obj = { toString: () => "1234567" }
124
- expect(numberWithCommas(obj)).toBe("1,234,567")
125
- })
126
- })
127
-
128
- describe("isEmptyObject", () => {
129
- it("should return true for empty objects", () => {
130
- expect(isEmptyObject({})).toBe(true)
131
- })
132
-
133
- it("should return false for non-empty objects", () => {
134
- expect(isEmptyObject({ a: 1 })).toBe(false)
135
- expect(isEmptyObject({ key: "value" })).toBe(false)
136
- })
137
-
138
- it("should return true for null/undefined", () => {
139
- expect(isEmptyObject(null as unknown as Record<string, unknown>)).toBe(true)
140
- expect(isEmptyObject(undefined as unknown as Record<string, unknown>)).toBe(
141
- true
142
- )
143
- })
144
- })
145
-
146
- describe("isEmptyArray", () => {
147
- it("should return true for empty arrays", () => {
148
- expect(isEmptyArray([])).toBe(true)
149
- })
150
-
151
- it("should return false for non-empty arrays", () => {
152
- expect(isEmptyArray([1, 2, 3])).toBe(false)
153
- expect(isEmptyArray(["a"])).toBe(false)
154
- })
155
-
156
- it("should return false for non-arrays (strings)", () => {
157
- // Note: strings are not arrays, so Array.isArray returns false
158
- // The function returns false for non-arrays that have a truthy value
159
- expect(isEmptyArray("test")).toBe(false)
160
- })
161
-
162
- it("should return true for null/undefined", () => {
163
- expect(isEmptyArray(null as unknown as unknown[])).toBe(true)
164
- expect(isEmptyArray(undefined as unknown as unknown[])).toBe(true)
165
- })
166
- })
@@ -1,256 +0,0 @@
1
- /**
2
- * Unit tests for viewport utilities
3
- *
4
- * Run with: bun test lib/utils/viewport.test.ts
5
- */
6
-
7
- import { describe, expect, it } from "bun:test"
8
- import { toem, torem, tovw } from "./viewport"
9
-
10
- // Helper to check vw values with floating point tolerance
11
- function expectVw(actual: string, expectedVw: number) {
12
- const match = actual.match(/^([\d.]+)vw$/)
13
- if (!match?.[1]) {
14
- throw new Error(`Expected vw format, got: ${actual}`)
15
- }
16
- const actualVw = Number.parseFloat(match[1])
17
- expect(actualVw).toBeCloseTo(expectedVw, 4)
18
- }
19
-
20
- // Helper to check max() values with floating point tolerance
21
- function expectMaxVw(actual: string, expectedMin: number, expectedVw: number) {
22
- const match = actual.match(/^max\((\d+)px, ([\d.]+)vw\)$/)
23
- if (!(match?.[1] && match[2])) {
24
- throw new Error(`Expected max() format, got: ${actual}`)
25
- }
26
- const actualMin = Number.parseFloat(match[1])
27
- const actualVw = Number.parseFloat(match[2])
28
- expect(actualMin).toBe(expectedMin)
29
- expect(actualVw).toBeCloseTo(expectedVw, 4)
30
- }
31
-
32
- describe("tovw", () => {
33
- describe("basic conversion (default desktop context)", () => {
34
- it("should convert pixels to vw with default desktop context (1440px)", () => {
35
- expectVw(tovw(100), 6.9444)
36
- expect(tovw(1440)).toBe("100vw")
37
- expect(tovw(720)).toBe("50vw")
38
- })
39
-
40
- it("should handle zero", () => {
41
- expect(tovw(0)).toBe("0")
42
- })
43
- })
44
-
45
- describe("with minimum value", () => {
46
- it("should apply minimum value using max()", () => {
47
- expectMaxVw(tovw(100, 50), 50, 6.9444)
48
- expectMaxVw(tovw(200, 100), 100, 13.8889)
49
- })
50
-
51
- it("should handle zero target with min", () => {
52
- expect(tovw(0, 50)).toBe("0")
53
- })
54
- })
55
-
56
- describe("with context identifier", () => {
57
- it("should use mobile context (375px)", () => {
58
- expectVw(tovw(16, "mobile"), 4.2667)
59
- expect(tovw(375, "mobile")).toBe("100vw")
60
- })
61
-
62
- it("should use desktop-large context (1920px)", () => {
63
- expectVw(tovw(100, "desktop-large"), 5.2083)
64
- expect(tovw(1920, "desktop-large")).toBe("100vw")
65
- })
66
-
67
- it("should use tablet-lg context (1024px)", () => {
68
- expectVw(tovw(100, "tablet-lg"), 9.7656)
69
- expect(tovw(1024, "tablet-lg")).toBe("100vw")
70
- })
71
-
72
- it("should use tablet context (620px)", () => {
73
- expectVw(tovw(100, "tablet"), 16.129)
74
- expect(tovw(620, "tablet")).toBe("100vw")
75
- })
76
-
77
- it("should use desktop context explicitly", () => {
78
- expectVw(tovw(100, "desktop"), 6.9444)
79
- })
80
- })
81
-
82
- describe("with custom numeric context", () => {
83
- it("should use custom pixel context as third parameter", () => {
84
- // Numeric contexts must be passed as third parameter (with undefined min)
85
- // Using type assertion to test the implementation behavior
86
- expectVw(tovw(100, 1920), 5.2083)
87
- expectVw(tovw(100, 800), 12.5)
88
- expectVw(tovw(100, 2000), 5)
89
- })
90
-
91
- it("should treat numeric second parameter as min, not context", () => {
92
- // When second param is a number, it's treated as min, not context
93
- expectMaxVw(tovw(100, 1920), 1920, 6.9444)
94
- })
95
- })
96
-
97
- describe("with both min and context", () => {
98
- it("should apply min and context together", () => {
99
- expectMaxVw(tovw(100, 50, "mobile"), 50, 26.6667)
100
- expectMaxVw(tovw(200, 100, "desktop-large"), 100, 10.4167)
101
- })
102
-
103
- it("should use numeric context with min", () => {
104
- expectMaxVw(tovw(100, 50, 1920), 50, 5.2083)
105
- })
106
- })
107
-
108
- describe("edge cases", () => {
109
- it("should handle very small values", () => {
110
- expectVw(tovw(1), 0.0694)
111
- expectVw(tovw(0.5), 0.0347)
112
- })
113
-
114
- it("should handle very large values", () => {
115
- expectVw(tovw(5000), 347.2222)
116
- })
117
-
118
- it("should handle decimal values", () => {
119
- expectVw(tovw(16.5), 1.1458)
120
- expectVw(tovw(16.5, "mobile"), 4.4)
121
- })
122
- })
123
- })
124
-
125
- describe("torem", () => {
126
- describe("basic conversion (default 16px context)", () => {
127
- it("should convert pixels to rem with default context", () => {
128
- expect(torem(16)).toBe("1rem")
129
- expect(torem(24)).toBe("1.5rem")
130
- expect(torem(32)).toBe("2rem")
131
- expect(torem(8)).toBe("0.5rem")
132
- })
133
-
134
- it("should handle zero", () => {
135
- expect(torem(0)).toBe("0")
136
- })
137
- })
138
-
139
- describe("with custom context", () => {
140
- it("should use custom base font size", () => {
141
- // Using toBeCloseTo for floating point comparison
142
- const result1 = torem(18, 14)
143
- const match1 = result1.match(/^([\d.]+)rem$/)
144
- expect(Number.parseFloat(match1?.[1] || "0")).toBeCloseTo(
145
- 1.2857142857142858,
146
- 4
147
- )
148
-
149
- expect(torem(20, 10)).toBe("2rem")
150
- expect(torem(24, 12)).toBe("2rem")
151
- })
152
-
153
- it("should handle zero with custom context", () => {
154
- expect(torem(0, 14)).toBe("0")
155
- })
156
- })
157
-
158
- describe("edge cases", () => {
159
- it("should handle decimal values", () => {
160
- const result1 = torem(16.5)
161
- const match1 = result1.match(/^([\d.]+)rem$/)
162
- // 16.5 / 16 = 1.03125, rounded to 4 decimals = 1.0313
163
- expect(Number.parseFloat(match1?.[1] || "0")).toBeCloseTo(1.0313, 4)
164
-
165
- const result2 = torem(18.5, 14)
166
- const match2 = result2.match(/^([\d.]+)rem$/)
167
- // 18.5 / 14 = 1.3214285714285714, rounded to 4 decimals = 1.3214
168
- expect(Number.parseFloat(match2?.[1] || "0")).toBeCloseTo(1.3214, 4)
169
- })
170
-
171
- it("should handle very small values", () => {
172
- const result1 = torem(1)
173
- const match1 = result1.match(/^([\d.]+)rem$/)
174
- expect(Number.parseFloat(match1?.[1] || "0")).toBeCloseTo(0.0625, 4)
175
-
176
- const result2 = torem(0.5)
177
- const match2 = result2.match(/^([\d.]+)rem$/)
178
- // 0.5 / 16 = 0.03125, rounded to 4 decimals = 0.0313
179
- expect(Number.parseFloat(match2?.[1] || "0")).toBeCloseTo(0.0313, 4)
180
- })
181
-
182
- it("should handle very large values", () => {
183
- expect(torem(100)).toBe("6.25rem")
184
- expect(torem(200)).toBe("12.5rem")
185
- })
186
- })
187
- })
188
-
189
- describe("toem", () => {
190
- describe("basic conversion", () => {
191
- it("should convert pixels to em", () => {
192
- expect(toem(24, 16)).toBe("1.5em")
193
- expect(toem(16, 16)).toBe("1em")
194
- expect(toem(32, 16)).toBe("2em")
195
- expect(toem(8, 16)).toBe("0.5em")
196
- })
197
-
198
- it("should handle zero", () => {
199
- expect(toem(0, 16)).toBe("0")
200
- })
201
- })
202
-
203
- describe("with different contexts", () => {
204
- it("should use custom context size", () => {
205
- const result1 = toem(18, 14)
206
- const match1 = result1.match(/^([\d.]+)em$/)
207
- expect(Number.parseFloat(match1?.[1] || "0")).toBeCloseTo(
208
- 1.2857142857142858,
209
- 4
210
- )
211
-
212
- expect(toem(20, 10)).toBe("2em")
213
- expect(toem(24, 12)).toBe("2em")
214
- })
215
-
216
- it("should handle zero with different contexts", () => {
217
- expect(toem(0, 14)).toBe("0")
218
- expect(toem(0, 20)).toBe("0")
219
- })
220
- })
221
-
222
- describe("edge cases", () => {
223
- it("should handle decimal values", () => {
224
- const result1 = toem(16.5, 16)
225
- const match1 = result1.match(/^([\d.]+)em$/)
226
- // 16.5 / 16 = 1.03125, rounded to 4 decimals = 1.0313
227
- expect(Number.parseFloat(match1?.[1] || "0")).toBeCloseTo(1.0313, 4)
228
-
229
- const result2 = toem(18.5, 14)
230
- const match2 = result2.match(/^([\d.]+)em$/)
231
- // 18.5 / 14 = 1.3214285714285714, rounded to 4 decimals = 1.3214
232
- expect(Number.parseFloat(match2?.[1] || "0")).toBeCloseTo(1.3214, 4)
233
- })
234
-
235
- it("should handle very small values", () => {
236
- const result1 = toem(1, 16)
237
- const match1 = result1.match(/^([\d.]+)em$/)
238
- expect(Number.parseFloat(match1?.[1] || "0")).toBeCloseTo(0.0625, 4)
239
-
240
- const result2 = toem(0.5, 16)
241
- const match2 = result2.match(/^([\d.]+)em$/)
242
- // 0.5 / 16 = 0.03125, rounded to 4 decimals = 0.0313
243
- expect(Number.parseFloat(match2?.[1] || "0")).toBeCloseTo(0.0313, 4)
244
- })
245
-
246
- it("should handle very large values", () => {
247
- expect(toem(100, 16)).toBe("6.25em")
248
- expect(toem(200, 16)).toBe("12.5em")
249
- })
250
-
251
- it("should handle context larger than target", () => {
252
- expect(toem(8, 16)).toBe("0.5em")
253
- expect(toem(4, 16)).toBe("0.25em")
254
- })
255
- })
256
- })
@@ -1,5 +0,0 @@
1
- .block {
2
- display: block;
3
- width: 100%;
4
- height: auto;
5
- }