acrylblends 0.6.3 → 0.6.4

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 (269) hide show
  1. package/README.md +3 -2
  2. package/docs/framework/README.md +2 -2
  3. package/docs/framework/UPSTREAM.md +1 -1
  4. package/docs/framework/guides/jsx.md +24 -0
  5. package/docs/framework/helpers/ssg.md +3 -6
  6. package/docs/framework/middleware/builtin/jsx-renderer.md +0 -3
  7. package/docs/framework/upstream.json +2 -2
  8. package/lib/accepts.d.ts +1 -1
  9. package/lib/acryl-base.d.ts +1 -1
  10. package/lib/adapter.d.ts +1 -1
  11. package/lib/{app-wFwpg-bt.d.ts → app-D8riatvv.d.ts} +1 -1
  12. package/lib/basic-auth.d.ts +1 -1
  13. package/lib/bearer-auth.d.ts +1 -1
  14. package/lib/body-limit.d.ts +1 -1
  15. package/lib/cache.d.ts +1 -1
  16. package/lib/cache.js +4 -4
  17. package/lib/{client-BHTr318g.js → client-DDLXwhBo.js} +2 -125
  18. package/lib/client.d.ts +2 -2
  19. package/lib/client.js +2 -1
  20. package/lib/combine.d.ts +1 -1
  21. package/lib/{components-Ce5FRyHU.js → components-0o0CBYNv.js} +2 -2
  22. package/lib/{components-DYZdxJIJ.js → components-DdI7-ns7.js} +1 -1
  23. package/lib/compress.d.ts +1 -1
  24. package/lib/conninfo.d.ts +2 -2
  25. package/lib/{context-DVQBjuns.d.ts → context-DS3fYyG-.d.ts} +1 -1
  26. package/lib/context-storage.d.ts +1 -1
  27. package/lib/cookie.d.ts +1 -1
  28. package/lib/cors.d.ts +1 -1
  29. package/lib/csrf.d.ts +1 -1
  30. package/lib/dev.d.ts +2 -2
  31. package/lib/etag.d.ts +1 -1
  32. package/lib/factory.d.ts +2 -2
  33. package/lib/{hooks-Bq5q9IMl.js → hooks-BMw6BAyP.js} +5 -5
  34. package/lib/{index-CUTfU69R.d.ts → index-Bb7YJKCq.d.ts} +2 -2
  35. package/lib/{index-CsvB-F9j.d.ts → index-BvFh1Gfx.d.ts} +1 -1
  36. package/lib/{index-Cqcdluyn.d.ts → index-CTy4N7ng.d.ts} +2 -2
  37. package/lib/index.d.ts +4 -4
  38. package/lib/ip-restriction.d.ts +2 -2
  39. package/lib/jsx/dom/client.js +1 -1
  40. package/lib/jsx/dom/jsx-dev-runtime.js +1 -1
  41. package/lib/jsx/dom/jsx-runtime.js +1 -1
  42. package/lib/jsx/dom/server.js +1 -1
  43. package/lib/jsx/dom.js +3 -3
  44. package/lib/jsx/streaming.js +1 -1
  45. package/lib/{jsx-dev-runtime-kAhR_4C7.js → jsx-dev-runtime-D18Y35TI.js} +1 -1
  46. package/lib/jsx-renderer.d.ts +75 -0
  47. package/lib/jsx-renderer.js +99 -0
  48. package/lib/jsx.js +3 -3
  49. package/lib/jwk.d.ts +1 -1
  50. package/lib/jwt.d.ts +1 -1
  51. package/lib/language.d.ts +1 -1
  52. package/lib/logger.d.ts +1 -1
  53. package/lib/loopback-only.d.ts +1 -1
  54. package/lib/method-not-allowed.d.ts +2 -2
  55. package/lib/method-override.d.ts +2 -2
  56. package/lib/mount.d.ts +1 -1
  57. package/lib/node-server/conninfo.d.ts +1 -1
  58. package/lib/node-server/serve-static.d.ts +1 -1
  59. package/lib/node-server/serve-static.js +1 -1
  60. package/lib/node-server.d.ts +1 -1
  61. package/lib/node-server.js +1 -1
  62. package/lib/powered-by.d.ts +1 -1
  63. package/lib/pretty-json.d.ts +1 -1
  64. package/lib/quick.d.ts +1 -1
  65. package/lib/request-id.d.ts +1 -1
  66. package/lib/request.d.ts +1 -1
  67. package/lib/route.d.ts +1 -1
  68. package/lib/schema-validator.d.ts +1 -1
  69. package/lib/secure-headers.d.ts +1 -1
  70. package/lib/{serve-static-Cw23shXv.js → serve-static-B14MF1Va.js} +1 -0
  71. package/lib/serve-static.d.ts +1 -1
  72. package/lib/ssg-BwjcA-Ge.js +389 -0
  73. package/lib/ssg.d.ts +156 -0
  74. package/lib/ssg.js +2 -0
  75. package/lib/streaming.d.ts +1 -1
  76. package/lib/testing.d.ts +3 -3
  77. package/lib/testing.js +1 -1
  78. package/lib/timeout.d.ts +1 -1
  79. package/lib/timing.d.ts +1 -1
  80. package/lib/tiny.d.ts +1 -1
  81. package/lib/trailing-slash.d.ts +1 -1
  82. package/lib/{types-nEL8VPDC.d.ts → types-Dv_nV2cv.d.ts} +1 -1
  83. package/lib/{types-CQiGmsWW.d.ts → types-zNxyEpG2.d.ts} +2 -2
  84. package/lib/types.d.ts +1 -1
  85. package/lib/utils/body.d.ts +1 -1
  86. package/lib/utils/ipaddr.d.ts +1 -1
  87. package/lib/utils-Cx61GFMC.js +125 -0
  88. package/lib/validator.d.ts +1 -1
  89. package/lib/ws.d.ts +1 -1
  90. package/package.json +9 -1
  91. package/plugins/acryl-inspect/upstream.json +1 -1
  92. package/plugins/acryl-node-server/upstream.json +1 -1
  93. package/plugins/acryl-router/src/core/helper/ssg/index.ts +14 -0
  94. package/plugins/acryl-router/src/core/helper/ssg/middleware.ts +83 -0
  95. package/plugins/acryl-router/src/core/helper/ssg/plugins.ts +72 -0
  96. package/plugins/acryl-router/src/core/helper/ssg/ssg.ts +471 -0
  97. package/plugins/acryl-router/src/core/helper/ssg/utils.ts +118 -0
  98. package/plugins/acryl-router/src/core/jsx/dom/render.ts +6 -6
  99. package/plugins/acryl-router/src/core/middleware/cache/index.ts +4 -4
  100. package/plugins/acryl-router/src/core/middleware/jsx-renderer/index.ts +162 -0
  101. package/plugins/acryl-router/src/helpers/index.ts +1 -0
  102. package/plugins/acryl-router/src/middleware/index.ts +1 -0
  103. package/plugins/acryl-router/upstream.json +2 -2
  104. package/plugins/acryl-router-http/upstream.json +1 -1
  105. package/plugins/acryl-state/upstream.json +1 -1
  106. package/plugins/desktop/upstream.json +1 -1
  107. package/plugins/desktop-web/upstream.json +1 -1
  108. package/plugins/extensions/resolve.ts +4 -0
  109. package/shared/AGENTS.core.md +4 -0
  110. package/templates/agent/tsconfig.json +7 -1
  111. package/templates/todo/upstream.json +1 -1
  112. package/plugins/acryl-inspect/tests/report.spec.ts +0 -69
  113. package/plugins/acryl-inspect/tests/service.spec.ts +0 -121
  114. package/plugins/acryl-node-server/tests/adapter/app.ts +0 -76
  115. package/plugins/acryl-node-server/tests/adapter/assets/.static/plain.txt +0 -1
  116. package/plugins/acryl-node-server/tests/adapter/assets/favicon.ico +0 -0
  117. package/plugins/acryl-node-server/tests/adapter/assets/secret.txt +0 -1
  118. package/plugins/acryl-node-server/tests/adapter/assets/static/acryl.html +0 -1
  119. package/plugins/acryl-node-server/tests/adapter/assets/static/admin/secret.txt +0 -1
  120. package/plugins/acryl-node-server/tests/adapter/assets/static/data.json +0 -5
  121. package/plugins/acryl-node-server/tests/adapter/assets/static/extensionless +0 -1
  122. package/plugins/acryl-node-server/tests/adapter/assets/static/foo..bar.txt +0 -0
  123. package/plugins/acryl-node-server/tests/adapter/assets/static/index.html +0 -1
  124. package/plugins/acryl-node-server/tests/adapter/assets/static/plain.txt +0 -1
  125. package/plugins/acryl-node-server/tests/adapter/assets/static-with-context-path/plain.txt +0 -1
  126. package/plugins/acryl-node-server/tests/adapter/assets/static-with-precompressed/hello.bin +0 -1
  127. package/plugins/acryl-node-server/tests/adapter/assets/static-with-precompressed/hello.bin.br +0 -1
  128. package/plugins/acryl-node-server/tests/adapter/assets/static-with-precompressed/hello.txt +0 -1
  129. package/plugins/acryl-node-server/tests/adapter/assets/static-with-precompressed/hello.txt.br +0 -1
  130. package/plugins/acryl-node-server/tests/adapter/assets/static-with-precompressed/hello.txt.zst +0 -1
  131. package/plugins/acryl-node-server/tests/adapter/conninfo.test.ts +0 -34
  132. package/plugins/acryl-node-server/tests/adapter/content-length.test.ts +0 -248
  133. package/plugins/acryl-node-server/tests/adapter/early-hints.test.ts +0 -457
  134. package/plugins/acryl-node-server/tests/adapter/fixtures/keys/agent1-cert.pem +0 -23
  135. package/plugins/acryl-node-server/tests/adapter/fixtures/keys/agent1-key.pem +0 -27
  136. package/plugins/acryl-node-server/tests/adapter/headers.test.ts +0 -252
  137. package/plugins/acryl-node-server/tests/adapter/helpers/request.ts +0 -190
  138. package/plugins/acryl-node-server/tests/adapter/listener.test.ts +0 -727
  139. package/plugins/acryl-node-server/tests/adapter/request-client-disconnect.test.ts +0 -189
  140. package/plugins/acryl-node-server/tests/adapter/request.test.ts +0 -1230
  141. package/plugins/acryl-node-server/tests/adapter/response.test.ts +0 -285
  142. package/plugins/acryl-node-server/tests/adapter/serve-static.test.ts +0 -849
  143. package/plugins/acryl-node-server/tests/adapter/server-socket.test.ts +0 -790
  144. package/plugins/acryl-node-server/tests/adapter/server.test.ts +0 -1312
  145. package/plugins/acryl-node-server/tests/adapter/setup.ts +0 -16
  146. package/plugins/acryl-node-server/tests/adapter/url.test.ts +0 -76
  147. package/plugins/acryl-node-server/tests/adapter/utils/response.test.ts +0 -23
  148. package/plugins/acryl-node-server/tests/adapter/utils/stream.test.ts +0 -75
  149. package/plugins/acryl-node-server/tests/adapter/utils.test.ts +0 -235
  150. package/plugins/acryl-node-server/tests/adapter/websocket.test.ts +0 -260
  151. package/plugins/acryl-node-server/tests/server.spec.ts +0 -141
  152. package/plugins/acryl-router/src/core/app.test.ts +0 -3833
  153. package/plugins/acryl-router/src/core/client/client.test.ts +0 -2313
  154. package/plugins/acryl-router/src/core/client/types.test.ts +0 -149
  155. package/plugins/acryl-router/src/core/client/utils.test.ts +0 -405
  156. package/plugins/acryl-router/src/core/compose.test.ts +0 -751
  157. package/plugins/acryl-router/src/core/context.test.ts +0 -629
  158. package/plugins/acryl-router/src/core/helper/accepts/accepts.test.ts +0 -344
  159. package/plugins/acryl-router/src/core/helper/adapter/index.test.ts +0 -55
  160. package/plugins/acryl-router/src/core/helper/cookie/index.test.ts +0 -510
  161. package/plugins/acryl-router/src/core/helper/css/common.case.test.tsx +0 -506
  162. package/plugins/acryl-router/src/core/helper/css/index.test.tsx +0 -678
  163. package/plugins/acryl-router/src/core/helper/dev/index.test.ts +0 -181
  164. package/plugins/acryl-router/src/core/helper/factory/index.test.ts +0 -434
  165. package/plugins/acryl-router/src/core/helper/html/index.test.ts +0 -78
  166. package/plugins/acryl-router/src/core/helper/proxy/index.test.ts +0 -356
  167. package/plugins/acryl-router/src/core/helper/route/index.test.ts +0 -259
  168. package/plugins/acryl-router/src/core/helper/streaming/sse.test.tsx +0 -557
  169. package/plugins/acryl-router/src/core/helper/streaming/stream.test.ts +0 -128
  170. package/plugins/acryl-router/src/core/helper/streaming/text.test.ts +0 -34
  171. package/plugins/acryl-router/src/core/helper/testing/index.test.ts +0 -42
  172. package/plugins/acryl-router/src/core/helper/websocket/index.test.ts +0 -124
  173. package/plugins/acryl-router/src/core/http-exception.test.ts +0 -45
  174. package/plugins/acryl-router/src/core/jsx/base.test.tsx +0 -97
  175. package/plugins/acryl-router/src/core/jsx/children.test.ts +0 -52
  176. package/plugins/acryl-router/src/core/jsx/components.test.tsx +0 -936
  177. package/plugins/acryl-router/src/core/jsx/context-isolation.test.ts +0 -655
  178. package/plugins/acryl-router/src/core/jsx/dom/client.test.tsx +0 -128
  179. package/plugins/acryl-router/src/core/jsx/dom/components.test.tsx +0 -330
  180. package/plugins/acryl-router/src/core/jsx/dom/context.test.tsx +0 -184
  181. package/plugins/acryl-router/src/core/jsx/dom/css.test.tsx +0 -149
  182. package/plugins/acryl-router/src/core/jsx/dom/hooks/index.test.tsx +0 -172
  183. package/plugins/acryl-router/src/core/jsx/dom/index.test.tsx +0 -3681
  184. package/plugins/acryl-router/src/core/jsx/dom/intrinsic-element/components.test.tsx +0 -1344
  185. package/plugins/acryl-router/src/core/jsx/dom/server.test.tsx +0 -199
  186. package/plugins/acryl-router/src/core/jsx/hooks/dom.test.tsx +0 -859
  187. package/plugins/acryl-router/src/core/jsx/hooks/string.test.tsx +0 -40
  188. package/plugins/acryl-router/src/core/jsx/index.test.tsx +0 -1744
  189. package/plugins/acryl-router/src/core/jsx/intrinsic-element/components.test.tsx +0 -666
  190. package/plugins/acryl-router/src/core/jsx/jsx-runtime.test.tsx +0 -85
  191. package/plugins/acryl-router/src/core/jsx/streaming.test.tsx +0 -1281
  192. package/plugins/acryl-router/src/core/jsx/utils.test.ts +0 -366
  193. package/plugins/acryl-router/src/core/middleware/basic-auth/index.test.ts +0 -434
  194. package/plugins/acryl-router/src/core/middleware/bearer-auth/index.test.ts +0 -1018
  195. package/plugins/acryl-router/src/core/middleware/body-limit/index.test.ts +0 -273
  196. package/plugins/acryl-router/src/core/middleware/cache/index.test.ts +0 -1211
  197. package/plugins/acryl-router/src/core/middleware/combine/index.test.ts +0 -355
  198. package/plugins/acryl-router/src/core/middleware/compress/index.test.ts +0 -535
  199. package/plugins/acryl-router/src/core/middleware/context-storage/index.test.ts +0 -43
  200. package/plugins/acryl-router/src/core/middleware/cors/index.test.ts +0 -532
  201. package/plugins/acryl-router/src/core/middleware/csrf/index.test.ts +0 -534
  202. package/plugins/acryl-router/src/core/middleware/etag/digest.test.ts +0 -21
  203. package/plugins/acryl-router/src/core/middleware/etag/index.test.ts +0 -503
  204. package/plugins/acryl-router/src/core/middleware/ip-restriction/index.test.ts +0 -217
  205. package/plugins/acryl-router/src/core/middleware/jwk/index.test.ts +0 -1135
  206. package/plugins/acryl-router/src/core/middleware/jwk/keys.test.json +0 -48
  207. package/plugins/acryl-router/src/core/middleware/jwt/index.test.ts +0 -802
  208. package/plugins/acryl-router/src/core/middleware/language/index.test.ts +0 -552
  209. package/plugins/acryl-router/src/core/middleware/logger/index.test.ts +0 -204
  210. package/plugins/acryl-router/src/core/middleware/method-not-allowed/index.test.ts +0 -292
  211. package/plugins/acryl-router/src/core/middleware/method-override/index.test.ts +0 -221
  212. package/plugins/acryl-router/src/core/middleware/mount/index.test.ts +0 -334
  213. package/plugins/acryl-router/src/core/middleware/powered-by/index.test.ts +0 -37
  214. package/plugins/acryl-router/src/core/middleware/pretty-json/index.test.ts +0 -218
  215. package/plugins/acryl-router/src/core/middleware/request-id/index.test.ts +0 -168
  216. package/plugins/acryl-router/src/core/middleware/secure-headers/index.test.ts +0 -671
  217. package/plugins/acryl-router/src/core/middleware/serve-static/index.test.ts +0 -450
  218. package/plugins/acryl-router/src/core/middleware/serve-static/path.test.ts +0 -50
  219. package/plugins/acryl-router/src/core/middleware/timeout/index.test.ts +0 -70
  220. package/plugins/acryl-router/src/core/middleware/timing/index.test.ts +0 -310
  221. package/plugins/acryl-router/src/core/middleware/trailing-slash/index.test.ts +0 -381
  222. package/plugins/acryl-router/src/core/preset/quick.test.ts +0 -42
  223. package/plugins/acryl-router/src/core/preset/tiny.test.ts +0 -42
  224. package/plugins/acryl-router/src/core/request.test.ts +0 -751
  225. package/plugins/acryl-router/src/core/router/common.case.test.ts +0 -1132
  226. package/plugins/acryl-router/src/core/router/linear-router/router.test.ts +0 -80
  227. package/plugins/acryl-router/src/core/router/pattern-router/router.test.ts +0 -46
  228. package/plugins/acryl-router/src/core/router/reg-exp-router/prepared-router.test.ts +0 -154
  229. package/plugins/acryl-router/src/core/router/reg-exp-router/router.test.ts +0 -265
  230. package/plugins/acryl-router/src/core/router/smart-router/router.test.ts +0 -13
  231. package/plugins/acryl-router/src/core/router/trie-router/node.test.ts +0 -896
  232. package/plugins/acryl-router/src/core/router/trie-router/router.test.ts +0 -8
  233. package/plugins/acryl-router/src/core/types.test.ts +0 -4134
  234. package/plugins/acryl-router/src/core/utils/accept.test.ts +0 -299
  235. package/plugins/acryl-router/src/core/utils/basic-auth.test.ts +0 -56
  236. package/plugins/acryl-router/src/core/utils/body.test.ts +0 -496
  237. package/plugins/acryl-router/src/core/utils/buffer.test.ts +0 -147
  238. package/plugins/acryl-router/src/core/utils/color.test.ts +0 -23
  239. package/plugins/acryl-router/src/core/utils/concurrent.test.ts +0 -69
  240. package/plugins/acryl-router/src/core/utils/cookie.test.ts +0 -460
  241. package/plugins/acryl-router/src/core/utils/crypto.test.ts +0 -43
  242. package/plugins/acryl-router/src/core/utils/encode.test.ts +0 -61
  243. package/plugins/acryl-router/src/core/utils/filepath.test.ts +0 -78
  244. package/plugins/acryl-router/src/core/utils/html.test.ts +0 -16
  245. package/plugins/acryl-router/src/core/utils/ipaddr.test.ts +0 -149
  246. package/plugins/acryl-router/src/core/utils/jwt/jwa.test.ts +0 -86
  247. package/plugins/acryl-router/src/core/utils/jwt/jwt.test.ts +0 -1788
  248. package/plugins/acryl-router/src/core/utils/mime.test.ts +0 -64
  249. package/plugins/acryl-router/src/core/utils/stream.test.ts +0 -212
  250. package/plugins/acryl-router/src/core/utils/types.test.ts +0 -295
  251. package/plugins/acryl-router/src/core/utils/url.test.ts +0 -384
  252. package/plugins/acryl-router/src/core/validator/utils.test.ts +0 -82
  253. package/plugins/acryl-router/src/core/validator/validator.test.ts +0 -1488
  254. package/plugins/acryl-router/tests/docs-examples.spec.ts +0 -152
  255. package/plugins/acryl-router/tests/jsx.spec.tsx +0 -63
  256. package/plugins/acryl-router/tests/live-install.spec.ts +0 -64
  257. package/plugins/acryl-router/tests/loader.spec.ts +0 -72
  258. package/plugins/acryl-router/tests/loopback-only.spec.ts +0 -80
  259. package/plugins/acryl-router/tests/no-dom/consumer.ts +0 -11
  260. package/plugins/acryl-router/tests/no-dom/tsconfig.json +0 -13
  261. package/plugins/acryl-router/tests/service.spec.ts +0 -426
  262. package/plugins/acryl-router/tests/shadow-state.spec.ts +0 -79
  263. package/plugins/acryl-router-http/tests/adapter.spec.ts +0 -174
  264. package/plugins/acryl-router-http/tests/stream.spec.ts +0 -133
  265. package/plugins/acryl-router-http/tests/surfaces.spec.ts +0 -101
  266. package/plugins/acryl-state/src/react.ts +0 -11
  267. package/plugins/acryl-state/tests/cell.spec.ts +0 -71
  268. package/plugins/acryl-state/tests/react.spec.ts +0 -39
  269. package/plugins/acryl-state/tests/service.spec.ts +0 -132
package/plugins/acryl-router/src/core/jsx/intrinsic-element/components.test.tsx DELETED
@@ -1,666 +0,0 @@
1
- /** @jsxImportSource ../ */
2
- import { useActionState } from '../index.ts'
3
- import { HtmlEscapedCallbackPhase, resolveCallback } from '../../utils/html.ts'
4
-
5
- describe('intrinsic element', () => {
6
- describe('document metadata', () => {
7
- describe('title element', () => {
8
- it('should be hoisted title tag', async () => {
9
- const template = (
10
- <html>
11
- <head></head>
12
- <body>
13
- <title>Hello</title>
14
- <h1>World</h1>
15
- </body>
16
- </html>
17
- )
18
- expect(template.toString()).toBe(
19
- '<html><head><title>Hello</title></head><body><h1>World</h1></body></html>'
20
- )
21
- })
22
-
23
- it('should hoist a title from an async component array', async () => {
24
- const Metadata = async () => [<title>Hello</title>]
25
- const template = (
26
- <html>
27
- <head></head>
28
- <body>
29
- <Metadata />
30
- <h1>World</h1>
31
- </body>
32
- </html>
33
- )
34
- const rendered = await template.toString()
35
- expect(await resolveCallback(rendered, HtmlEscapedCallbackPhase.Stringify, false, {})).toBe(
36
- '<html><head><title>Hello</title></head><body><h1>World</h1></body></html>'
37
- )
38
- })
39
-
40
- it('should hoist a title with async children', async () => {
41
- const AsyncChild = async () => <>{'Hello'}</>
42
- const template = (
43
- <html>
44
- <head></head>
45
- <body>
46
- <title>
47
- <AsyncChild />
48
- </title>
49
- <h1>World</h1>
50
- </body>
51
- </html>
52
- )
53
- const rendered = await template.toString()
54
- expect(await resolveCallback(rendered, HtmlEscapedCallbackPhase.Stringify, false, {})).toBe(
55
- '<html><head><title>Hello</title></head><body><h1>World</h1></body></html>'
56
- )
57
- })
58
-
59
- it('should render a title with async children without a head element', async () => {
60
- const AsyncChild = async () => <>{'Hello'}</>
61
- const template = (
62
- <html>
63
- <body>
64
- <title>
65
- <AsyncChild />
66
- </title>
67
- <h1>World</h1>
68
- </body>
69
- </html>
70
- )
71
- const rendered = await template.toString()
72
- const html = await resolveCallback(rendered, HtmlEscapedCallbackPhase.Stringify, false, {})
73
- expect(html.toString()).toBe('<html><body><title>Hello</title><h1>World</h1></body></html>')
74
- expect(html.toString()).not.toContain('[object Promise]')
75
- })
76
-
77
- it('should render a title with itemProp and async children', async () => {
78
- const AsyncChild = async () => <>{'price < 100'}</>
79
- const template = <title itemProp='name'>{<AsyncChild />}</title>
80
-
81
- expect(String(await template.toString())).toBe(
82
- '<title itemprop="name">price &lt; 100</title>'
83
- )
84
- })
85
-
86
- it('should not interpret replacement patterns in a hoisted title', async () => {
87
- const template = (
88
- <html>
89
- <head></head>
90
- <body>
91
- <title>{'price $< 100'}</title>
92
- </body>
93
- </html>
94
- )
95
- const rendered = await template.toString()
96
-
97
- expect(await resolveCallback(rendered, HtmlEscapedCallbackPhase.Stringify, false, {})).toBe(
98
- '<html><head><title>price $&lt; 100</title></head><body></body></html>'
99
- )
100
- })
101
- })
102
-
103
- describe('link element', () => {
104
- it('should be hoisted link tag', async () => {
105
- const template = (
106
- <html>
107
- <head></head>
108
- <body>
109
- <link rel='stylesheet' href='style.css' precedence='default' />
110
- <h1>World</h1>
111
- </body>
112
- </html>
113
- )
114
- expect(template.toString()).toBe(
115
- '<html><head><link rel="stylesheet" href="style.css" data-precedence="default"/></head><body><h1>World</h1></body></html>'
116
- )
117
- })
118
-
119
- it('should be ordered by precedence attribute', () => {
120
- const template = (
121
- <html>
122
- <head></head>
123
- <body>
124
- <link rel='stylesheet' href='style1.css' precedence='default' />
125
- <link rel='stylesheet' href='style2.css' precedence='high' />
126
- <link rel='stylesheet' href='style3.css' precedence='default' />
127
- <h1>World</h1>
128
- </body>
129
- </html>
130
- )
131
- expect(template.toString()).toBe(
132
- '<html><head><link rel="stylesheet" href="style1.css" data-precedence="default"/><link rel="stylesheet" href="style3.css" data-precedence="default"/><link rel="stylesheet" href="style2.css" data-precedence="high"/></head><body><h1>World</h1></body></html>'
133
- )
134
- })
135
-
136
- it('should be de-duped by href', () => {
137
- const template = (
138
- <html>
139
- <head></head>
140
- <body>
141
- <link rel='stylesheet' href='style1.css' precedence='default' />
142
- <link rel='stylesheet' href='style2.css' precedence='high' />
143
- <link rel='stylesheet' href='style1.css' precedence='default' />
144
- <h1>World</h1>
145
- </body>
146
- </html>
147
- )
148
- expect(template.toString()).toBe(
149
- '<html><head><link rel="stylesheet" href="style1.css" data-precedence="default"/><link rel="stylesheet" href="style2.css" data-precedence="high"/></head><body><h1>World</h1></body></html>'
150
- )
151
- })
152
-
153
- it('should be inserted as is if <head> is not present', () => {
154
- const template = (
155
- <html>
156
- <body>
157
- <link rel='stylesheet' href='style1.css' precedence='default' />
158
- <link rel='stylesheet' href='style2.css' precedence='high' />
159
- <h1>World</h1>
160
- </body>
161
- </html>
162
- )
163
- expect(template.toString()).toBe(
164
- '<html><body><link rel="stylesheet" href="style1.css" data-precedence="default"/><link rel="stylesheet" href="style2.css" data-precedence="high"/><h1>World</h1></body></html>'
165
- )
166
- })
167
-
168
- it('should not do special behavior if disabled is present', () => {
169
- const template = (
170
- <html>
171
- <head></head>
172
- <body>
173
- <link rel='stylesheet' href='style1.css' precedence='default' />
174
- <link rel='stylesheet' href='style2.css' precedence='default' disabled />
175
- <h1>World</h1>
176
- </body>
177
- </html>
178
- )
179
- expect(template.toString()).toBe(
180
- '<html><head><link rel="stylesheet" href="style1.css" data-precedence="default"/></head><body><link rel="stylesheet" href="style2.css" precedence="default" disabled=""/><h1>World</h1></body></html>'
181
- )
182
- })
183
-
184
- it('should not be hoisted if has no precedence attribute', () => {
185
- const template = (
186
- <html>
187
- <head></head>
188
- <body>
189
- <link rel='stylesheet' href='style1.css' />
190
- <h1>World</h1>
191
- </body>
192
- </html>
193
- )
194
- expect(template.toString()).toBe(
195
- '<html><head></head><body><link rel="stylesheet" href="style1.css"/><h1>World</h1></body></html>'
196
- )
197
- })
198
-
199
- describe('React 19 compatibility', () => {
200
- const headContent = (html: string) => html.match(/<head>(.*)<\/head>/)?.[1] ?? ''
201
- const bodyContent = (html: string) => html.match(/<body>(.*)<\/body>/)?.[1] ?? ''
202
- const renderDocument = (children: unknown) =>
203
- (
204
- <html>
205
- <head></head>
206
- <body>{children}</body>
207
- </html>
208
- ).toString()
209
- const assertHeadAndBody = (children: unknown, expectedHead: string, expectedBody = '') => {
210
- const output = renderDocument(children)
211
- expect(headContent(output)).toBe(expectedHead)
212
- expect(bodyContent(output)).toBe(expectedBody)
213
- }
214
-
215
- const canonical = () => <link rel='canonical' href='https://example.com/en/about' />
216
- const alternateEn = () => (
217
- <link rel='alternate' hrefLang='en' href='https://example.com/en/about' />
218
- )
219
- const alternateJa = () => (
220
- <link rel='alternate' hrefLang='ja' href='https://example.com/ja/about' />
221
- )
222
-
223
- it('should keep canonical and alternates in source order', () => {
224
- assertHeadAndBody(
225
- <>
226
- {canonical()}
227
- {alternateEn()}
228
- {alternateJa()}
229
- </>,
230
- '<link rel="canonical" href="https://example.com/en/about"/><link rel="alternate" hrefLang="en" href="https://example.com/en/about"/><link rel="alternate" hrefLang="ja" href="https://example.com/ja/about"/>'
231
- )
232
- })
233
-
234
- it('should keep alternate-canonical-alternate order', () => {
235
- assertHeadAndBody(
236
- <>
237
- {alternateEn()}
238
- {canonical()}
239
- {alternateJa()}
240
- </>,
241
- '<link rel="alternate" hrefLang="en" href="https://example.com/en/about"/><link rel="canonical" href="https://example.com/en/about"/><link rel="alternate" hrefLang="ja" href="https://example.com/ja/about"/>'
242
- )
243
- })
244
-
245
- it('should not de-dupe canonical links', () => {
246
- assertHeadAndBody(
247
- <>
248
- {canonical()}
249
- {canonical()}
250
- </>,
251
- '<link rel="canonical" href="https://example.com/en/about"/><link rel="canonical" href="https://example.com/en/about"/>'
252
- )
253
- })
254
-
255
- it('should not de-dupe alternate links', () => {
256
- assertHeadAndBody(
257
- <>
258
- {alternateEn()}
259
- {alternateEn()}
260
- </>,
261
- '<link rel="alternate" hrefLang="en" href="https://example.com/en/about"/><link rel="alternate" hrefLang="en" href="https://example.com/en/about"/>'
262
- )
263
- })
264
-
265
- it('should de-dupe stylesheet with precedence', () => {
266
- assertHeadAndBody(
267
- <>
268
- <link rel='stylesheet' href='/style.css' precedence='default' />
269
- <link rel='stylesheet' href='/style.css' precedence='default' />
270
- </>,
271
- '<link rel="stylesheet" href="/style.css" data-precedence="default"/>'
272
- )
273
- })
274
-
275
- it('should not de-dupe stylesheet against preload with same href', () => {
276
- assertHeadAndBody(
277
- <>
278
- <link rel='preload' href='/style.css' as='style' />
279
- <link rel='stylesheet' href='/style.css' precedence='default' />
280
- <link rel='stylesheet' href='/style.css' precedence='default' />
281
- </>,
282
- '<link rel="stylesheet" href="/style.css" data-precedence="default"/><link rel="preload" href="/style.css" as="style"/>'
283
- )
284
- })
285
-
286
- it('should not hoist stylesheet without precedence', () => {
287
- assertHeadAndBody(
288
- <>
289
- <link rel='stylesheet' href='/style.css' />
290
- <link rel='stylesheet' href='/style.css' />
291
- </>,
292
- '',
293
- '<link rel="stylesheet" href="/style.css"/><link rel="stylesheet" href="/style.css"/>'
294
- )
295
- })
296
-
297
- it('should keep different stylesheets with same precedence', () => {
298
- assertHeadAndBody(
299
- <>
300
- <link rel='stylesheet' href='/a.css' precedence='default' />
301
- <link rel='stylesheet' href='/b.css' precedence='default' />
302
- </>,
303
- '<link rel="stylesheet" href="/a.css" data-precedence="default"/><link rel="stylesheet" href="/b.css" data-precedence="default"/>'
304
- )
305
- })
306
-
307
- it('should not de-dupe preload links', () => {
308
- assertHeadAndBody(
309
- <>
310
- <link rel='preload' href='/font.woff2' as='font' crossOrigin='' />
311
- <link rel='preload' href='/font.woff2' as='font' crossOrigin='' />
312
- </>,
313
- '<link rel="preload" href="/font.woff2" as="font" crossorigin=""/><link rel="preload" href="/font.woff2" as="font" crossorigin=""/>'
314
- )
315
- })
316
-
317
- it('should not de-dupe modulepreload links', () => {
318
- assertHeadAndBody(
319
- <>
320
- <link rel='modulepreload' href='/module.js' />
321
- <link rel='modulepreload' href='/module.js' />
322
- </>,
323
- '<link rel="modulepreload" href="/module.js"/><link rel="modulepreload" href="/module.js"/>'
324
- )
325
- })
326
-
327
- it('should keep links from two components', () => {
328
- const Head = () => (
329
- <>
330
- <link rel='canonical' href='https://example.com/en/about' />
331
- <link rel='alternate' hrefLang='en' href='https://example.com/en/about' />
332
- <link rel='alternate' hrefLang='ja' href='https://example.com/ja/about' />
333
- </>
334
- )
335
- const Body = () => (
336
- <>
337
- <link rel='canonical' href='https://example.com/en/about' />
338
- <link rel='alternate' hrefLang='en' href='https://example.com/en/about' />
339
- <link rel='alternate' hrefLang='ja' href='https://example.com/ja/about' />
340
- </>
341
- )
342
- assertHeadAndBody(
343
- <>
344
- <Head />
345
- <Body />
346
- </>,
347
- '<link rel="canonical" href="https://example.com/en/about"/><link rel="alternate" hrefLang="en" href="https://example.com/en/about"/><link rel="alternate" hrefLang="ja" href="https://example.com/ja/about"/><link rel="canonical" href="https://example.com/en/about"/><link rel="alternate" hrefLang="en" href="https://example.com/en/about"/><link rel="alternate" hrefLang="ja" href="https://example.com/ja/about"/>'
348
- )
349
- })
350
-
351
- it('should hoist from deep nested component and keep duplicates', () => {
352
- const Nested = () => (
353
- <div>
354
- <div>
355
- <link rel='canonical' href='https://example.com/en/about' />
356
- </div>
357
- </div>
358
- )
359
- assertHeadAndBody(
360
- <>
361
- <link rel='canonical' href='https://example.com/en/about' />
362
- <Nested />
363
- </>,
364
- '<link rel="canonical" href="https://example.com/en/about"/><link rel="canonical" href="https://example.com/en/about"/>',
365
- '<div><div></div></div>'
366
- )
367
- })
368
-
369
- it('should keep mixed links and de-dupe only stylesheet', () => {
370
- assertHeadAndBody(
371
- <>
372
- <link rel='canonical' href='https://example.com/en/about' />
373
- <link rel='alternate' hrefLang='en' href='https://example.com/en/about' />
374
- <link rel='stylesheet' href='/style.css' precedence='default' />
375
- <link rel='preload' href='/font.woff2' as='font' crossOrigin='' />
376
- <link rel='canonical' href='https://example.com/en/about' />
377
- <link rel='alternate' hrefLang='en' href='https://example.com/en/about' />
378
- <link rel='stylesheet' href='/style.css' precedence='default' />
379
- <link rel='preload' href='/font.woff2' as='font' crossOrigin='' />
380
- </>,
381
- '<link rel="stylesheet" href="/style.css" data-precedence="default"/><link rel="canonical" href="https://example.com/en/about"/><link rel="alternate" hrefLang="en" href="https://example.com/en/about"/><link rel="preload" href="/font.woff2" as="font" crossorigin=""/><link rel="canonical" href="https://example.com/en/about"/><link rel="alternate" hrefLang="en" href="https://example.com/en/about"/><link rel="preload" href="/font.woff2" as="font" crossorigin=""/>'
382
- )
383
- })
384
- })
385
- })
386
-
387
- describe('meta element', () => {
388
- it('should be hoisted meta tag', async () => {
389
- const template = (
390
- <html>
391
- <head></head>
392
- <body>
393
- <meta name='description' content='Hello' />
394
- <h1>World</h1>
395
- </body>
396
- </html>
397
- )
398
- expect(template.toString()).toBe(
399
- '<html><head><meta name="description" content="Hello"/></head><body><h1>World</h1></body></html>'
400
- )
401
- })
402
-
403
- it('should be de-duped by name', () => {
404
- const template = (
405
- <html>
406
- <head></head>
407
- <body>
408
- <meta name='description' content='Hello' />
409
- <meta name='description' content='World' />
410
- <h1>World</h1>
411
- </body>
412
- </html>
413
- )
414
- expect(template.toString()).toBe(
415
- '<html><head><meta name="description" content="Hello"/></head><body><h1>World</h1></body></html>'
416
- )
417
- })
418
-
419
- it('should not do special behavior if itemProp is present', () => {
420
- const template = (
421
- <html>
422
- <head></head>
423
- <body>
424
- <meta name='description' content='Hello' itemProp='test' />
425
- <h1>World</h1>
426
- </body>
427
- </html>
428
- )
429
- expect(template.toString()).toBe(
430
- '<html><head></head><body><meta name="description" content="Hello" itemprop="test"/><h1>World</h1></body></html>'
431
- )
432
- })
433
- })
434
-
435
- describe('script element', () => {
436
- it('should be hoisted script tag', async () => {
437
- const template = (
438
- <html>
439
- <head></head>
440
- <body>
441
- <script src='script.js' async={true} />
442
- <h1>World</h1>
443
- </body>
444
- </html>
445
- )
446
- expect(template.toString()).toBe(
447
- '<html><head><script src="script.js" async=""></script></head><body><h1>World</h1></body></html>'
448
- )
449
- })
450
-
451
- it('should be de-duped by href with async={true}', () => {
452
- const template = (
453
- <html>
454
- <head></head>
455
- <body>
456
- <script src='script.js' async />
457
- <script src='script.js' async />
458
- <h1>World</h1>
459
- </body>
460
- </html>
461
- )
462
- expect(template.toString()).toBe(
463
- '<html><head><script src="script.js" async=""></script></head><body><h1>World</h1></body></html>'
464
- )
465
- })
466
-
467
- it('should be omitted "blocking", "onLoad" and "onError" props', () => {
468
- const template = (
469
- <html>
470
- <head></head>
471
- <body>
472
- <script
473
- src='script.js'
474
- async={true}
475
- onLoad={() => {}}
476
- onError={() => {}}
477
- blocking='render'
478
- />
479
- <h1>World</h1>
480
- </body>
481
- </html>
482
- )
483
- expect(template.toString()).toBe(
484
- '<html><head><script src="script.js" async=""></script></head><body><h1>World</h1></body></html>'
485
- )
486
- })
487
-
488
- it('should not do special behavior if async is not present', () => {
489
- const template = (
490
- <html>
491
- <head></head>
492
- <body>
493
- <script src='script.js' />
494
- <h1>World</h1>
495
- </body>
496
- </html>
497
- )
498
- expect(template.toString()).toBe(
499
- '<html><head></head><body><script src="script.js"></script><h1>World</h1></body></html>'
500
- )
501
- })
502
- })
503
-
504
- describe('style element', () => {
505
- it('should be hoisted style tag', async () => {
506
- const template = (
507
- <html>
508
- <head></head>
509
- <body>
510
- <style href='red' precedence='default'>
511
- {'body { color: red; }'}
512
- </style>
513
- <h1>World</h1>
514
- </body>
515
- </html>
516
- )
517
- expect(template.toString()).toBe(
518
- '<html><head><style data-href="red" data-precedence="default">body { color: red; }</style></head><body><h1>World</h1></body></html>'
519
- )
520
- })
521
-
522
- it('should be sorted by precedence attribute', async () => {
523
- const template = (
524
- <html>
525
- <head></head>
526
- <body>
527
- <style href='red' precedence='default'>
528
- {'body { color: red; }'}
529
- </style>
530
- <style href='green' precedence='high'>
531
- {'body { color: green; }'}
532
- </style>
533
- <style href='blue' precedence='default'>
534
- {'body { color: blue; }'}
535
- </style>
536
- <h1>World</h1>
537
- </body>
538
- </html>
539
- )
540
- expect(template.toString()).toBe(
541
- '<html><head><style data-href="red" data-precedence="default">body { color: red; }</style><style data-href="blue" data-precedence="default">body { color: blue; }</style><style data-href="green" data-precedence="high">body { color: green; }</style></head><body><h1>World</h1></body></html>'
542
- )
543
- })
544
-
545
- it('should not be hoisted if href is not present', () => {
546
- const template = (
547
- <html>
548
- <head></head>
549
- <body>
550
- <style>{'body { color: red; }'}</style>
551
- <h1>World</h1>
552
- </body>
553
- </html>
554
- )
555
- expect(template.toString()).toBe(
556
- '<html><head></head><body><style>body { color: red; }</style><h1>World</h1></body></html>'
557
- )
558
- })
559
- })
560
- })
561
-
562
- describe('form element', () => {
563
- it('should be omitted "action" prop if it is a function', () => {
564
- const template = (
565
- <html>
566
- <head></head>
567
- <body>
568
- <form action={() => {}} method='get'>
569
- <input type='text' />
570
- </form>
571
- </body>
572
- </html>
573
- )
574
- expect(template.toString()).toBe(
575
- '<html><head></head><body><form method="get"><input type="text"/></form></body></html>'
576
- )
577
- })
578
-
579
- it('should be rendered permalink', () => {
580
- const [, action] = useActionState(() => {}, {}, 'permalink')
581
- const template = (
582
- <html>
583
- <head></head>
584
- <body>
585
- <form action={action} method='get'>
586
- <input type='text' />
587
- </form>
588
- </body>
589
- </html>
590
- )
591
- expect(template.toString()).toBe(
592
- '<html><head></head><body><form action="permalink" method="get"><input type="text"/></form></body></html>'
593
- )
594
- })
595
-
596
- it('should not do special behavior if action is a string', () => {
597
- const template = (
598
- <html>
599
- <head></head>
600
- <body>
601
- <form action='/entries' method='get'>
602
- <input type='text' />
603
- </form>
604
- </body>
605
- </html>
606
- )
607
- expect(template.toString()).toBe(
608
- '<html><head></head><body><form action="/entries" method="get"><input type="text"/></form></body></html>'
609
- )
610
- })
611
-
612
- it('should not do special behavior if no action prop', () => {
613
- const template = (
614
- <html>
615
- <head></head>
616
- <body>
617
- <form>
618
- <input type='text' />
619
- </form>
620
- </body>
621
- </html>
622
- )
623
- expect(template.toString()).toBe(
624
- '<html><head></head><body><form><input type="text"/></form></body></html>'
625
- )
626
- })
627
-
628
- describe('input element', () => {
629
- it('should be rendered as is', () => {
630
- const template = <input type='text' />
631
- expect(template.toString()).toBe('<input type="text"/>')
632
- })
633
-
634
- it('should be omitted "formAction" prop if it is a function', () => {
635
- const template = (
636
- <html>
637
- <head></head>
638
- <body>
639
- <input type='text' formAction={() => {}} />
640
- </body>
641
- </html>
642
- )
643
- expect(template.toString()).toBe(
644
- '<html><head></head><body><input type="text"/></body></html>'
645
- )
646
- })
647
-
648
- it('should be rendered permalink', () => {
649
- const [, formAction] = useActionState(() => {}, {}, 'permalink')
650
- const template = (
651
- <html>
652
- <head></head>
653
- <body>
654
- <input type='text' formAction={formAction} />
655
- </body>
656
- </html>
657
- )
658
- expect(template.toString()).toBe(
659
- '<html><head></head><body><input type="text" formaction="permalink"/></body></html>'
660
- )
661
- })
662
- })
663
- })
664
- })
665
-
666
- export {}