@absolutejs/absolute 0.19.0-beta.705 → 0.19.0-beta.706

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 (84) hide show
  1. package/dist/angular/browser.js +6 -4
  2. package/dist/angular/browser.js.map +3 -3
  3. package/dist/angular/index.js +19 -10
  4. package/dist/angular/index.js.map +3 -3
  5. package/dist/angular/server.js +19 -10
  6. package/dist/angular/server.js.map +3 -3
  7. package/dist/build.js +145 -78
  8. package/dist/build.js.map +10 -10
  9. package/dist/cli/index.js +18 -11
  10. package/dist/client/index.js +4 -2
  11. package/dist/client/index.js.map +2 -2
  12. package/dist/index.js +166 -90
  13. package/dist/index.js.map +12 -12
  14. package/dist/islands/index.js +5 -3
  15. package/dist/islands/index.js.map +2 -2
  16. package/dist/react/browser.js +7 -7
  17. package/dist/react/browser.js.map +2 -2
  18. package/dist/react/components/browser/index.js +101 -101
  19. package/dist/react/components/index.js +104 -104
  20. package/dist/react/components/index.js.map +2 -2
  21. package/dist/react/index.js +29 -20
  22. package/dist/react/index.js.map +3 -3
  23. package/dist/react/server.js +15 -8
  24. package/dist/react/server.js.map +3 -3
  25. package/dist/src/angular/components/defer-slot-templates.directive.d.ts +0 -7
  26. package/dist/src/angular/components/defer-slot.component.d.ts +2 -5
  27. package/dist/src/angular/components/image.component.d.ts +2 -5
  28. package/dist/src/angular/components/index.d.ts +4 -4
  29. package/dist/src/angular/components/stream-slot.component.d.ts +0 -3
  30. package/dist/src/build/buildAngularVendor.d.ts +3 -4
  31. package/dist/src/utils/imageProcessing.d.ts +1 -1
  32. package/dist/src/vue/components/Image.d.ts +1 -1
  33. package/dist/svelte/index.js +19 -10
  34. package/dist/svelte/index.js.map +3 -3
  35. package/dist/svelte/server.js +16 -9
  36. package/dist/svelte/server.js.map +3 -3
  37. package/dist/vue/index.js +19 -10
  38. package/dist/vue/index.js.map +3 -3
  39. package/dist/vue/server.js +15 -8
  40. package/dist/vue/server.js.map +3 -3
  41. package/package.json +1 -1
  42. package/dist/angular/components/constants.js +0 -77
  43. package/dist/angular/components/core/streamingSlotRegistrar.js +0 -58
  44. package/dist/angular/components/core/streamingSlotRegistry.js +0 -114
  45. package/dist/angular/components/defer-slot-payload.js +0 -6
  46. package/dist/angular/components/defer-slot-templates.directive.js +0 -44
  47. package/dist/angular/components/defer-slot.component.js +0 -149
  48. package/dist/angular/components/image.component.js +0 -202
  49. package/dist/angular/components/index.js +0 -4
  50. package/dist/angular/components/stream-slot.component.js +0 -103
  51. package/dist/dev/client/constants.ts +0 -26
  52. package/dist/dev/client/cssUtils.ts +0 -307
  53. package/dist/dev/client/domDiff.ts +0 -226
  54. package/dist/dev/client/domState.ts +0 -421
  55. package/dist/dev/client/domTracker.ts +0 -61
  56. package/dist/dev/client/errorOverlay.ts +0 -184
  57. package/dist/dev/client/frameworkDetect.ts +0 -63
  58. package/dist/dev/client/handlers/angular.ts +0 -551
  59. package/dist/dev/client/handlers/angularRuntime.ts +0 -206
  60. package/dist/dev/client/handlers/html.ts +0 -363
  61. package/dist/dev/client/handlers/htmx.ts +0 -272
  62. package/dist/dev/client/handlers/react.ts +0 -108
  63. package/dist/dev/client/handlers/rebuild.ts +0 -153
  64. package/dist/dev/client/handlers/svelte.ts +0 -332
  65. package/dist/dev/client/handlers/vue.ts +0 -292
  66. package/dist/dev/client/headPatch.ts +0 -233
  67. package/dist/dev/client/hmrClient.ts +0 -251
  68. package/dist/dev/client/hmrState.ts +0 -14
  69. package/dist/dev/client/moduleVersions.ts +0 -62
  70. package/dist/dev/client/reactRefreshSetup.ts +0 -33
  71. package/dist/src/angular/components/constants.d.ts +0 -74
  72. package/dist/svelte/components/AwaitSlot.svelte +0 -39
  73. package/dist/svelte/components/AwaitSlot.svelte.d.ts +0 -2
  74. package/dist/svelte/components/Head.svelte +0 -144
  75. package/dist/svelte/components/Head.svelte.d.ts +0 -2
  76. package/dist/svelte/components/Image.svelte +0 -164
  77. package/dist/svelte/components/Image.svelte.d.ts +0 -5
  78. package/dist/svelte/components/Island.svelte +0 -71
  79. package/dist/svelte/components/Island.svelte.d.ts +0 -5
  80. package/dist/svelte/components/JsonLd.svelte +0 -21
  81. package/dist/svelte/components/JsonLd.svelte.d.ts +0 -2
  82. package/dist/svelte/components/StreamSlot.svelte +0 -41
  83. package/dist/svelte/components/StreamSlot.svelte.d.ts +0 -2
  84. package/dist/types/globals.d.ts +0 -121
@@ -1,5 +1,5 @@
1
1
  // src/react/components/Head.tsx
2
- import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
2
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  var RobotsContent = ({ robots }) => {
4
4
  const directives = [];
5
5
  if (robots.index === false)
@@ -23,110 +23,110 @@ var RobotsContent = ({ robots }) => {
23
23
  if (robots.maxVideoPreview !== undefined)
24
24
  directives.push(`max-video-preview:${robots.maxVideoPreview}`);
25
25
  const content = directives.join(", ");
26
- return content ? /* @__PURE__ */ jsxDEV("meta", {
26
+ return content ? /* @__PURE__ */ jsx("meta", {
27
27
  content,
28
28
  name: "robots"
29
- }, undefined, false, undefined, this) : null;
29
+ }) : null;
30
30
  };
31
31
  var OpenGraphTags = ({
32
32
  openGraph,
33
33
  title,
34
34
  description
35
- }) => /* @__PURE__ */ jsxDEV(Fragment, {
35
+ }) => /* @__PURE__ */ jsxs(Fragment, {
36
36
  children: [
37
- /* @__PURE__ */ jsxDEV("meta", {
37
+ /* @__PURE__ */ jsx("meta", {
38
38
  content: openGraph.title ?? title,
39
39
  property: "og:title"
40
- }, undefined, false, undefined, this),
41
- /* @__PURE__ */ jsxDEV("meta", {
40
+ }),
41
+ /* @__PURE__ */ jsx("meta", {
42
42
  content: openGraph.description ?? description,
43
43
  property: "og:description"
44
- }, undefined, false, undefined, this),
45
- openGraph.url && /* @__PURE__ */ jsxDEV("meta", {
44
+ }),
45
+ openGraph.url && /* @__PURE__ */ jsx("meta", {
46
46
  content: openGraph.url,
47
47
  property: "og:url"
48
- }, undefined, false, undefined, this),
49
- openGraph.image && /* @__PURE__ */ jsxDEV("meta", {
48
+ }),
49
+ openGraph.image && /* @__PURE__ */ jsx("meta", {
50
50
  content: openGraph.image,
51
51
  property: "og:image"
52
- }, undefined, false, undefined, this),
53
- openGraph.imageAlt && /* @__PURE__ */ jsxDEV("meta", {
52
+ }),
53
+ openGraph.imageAlt && /* @__PURE__ */ jsx("meta", {
54
54
  content: openGraph.imageAlt,
55
55
  property: "og:image:alt"
56
- }, undefined, false, undefined, this),
57
- openGraph.imageWidth && /* @__PURE__ */ jsxDEV("meta", {
56
+ }),
57
+ openGraph.imageWidth && /* @__PURE__ */ jsx("meta", {
58
58
  content: String(openGraph.imageWidth),
59
59
  property: "og:image:width"
60
- }, undefined, false, undefined, this),
61
- openGraph.imageHeight && /* @__PURE__ */ jsxDEV("meta", {
60
+ }),
61
+ openGraph.imageHeight && /* @__PURE__ */ jsx("meta", {
62
62
  content: String(openGraph.imageHeight),
63
63
  property: "og:image:height"
64
- }, undefined, false, undefined, this),
65
- openGraph.type && /* @__PURE__ */ jsxDEV("meta", {
64
+ }),
65
+ openGraph.type && /* @__PURE__ */ jsx("meta", {
66
66
  content: openGraph.type,
67
67
  property: "og:type"
68
- }, undefined, false, undefined, this),
69
- openGraph.siteName && /* @__PURE__ */ jsxDEV("meta", {
68
+ }),
69
+ openGraph.siteName && /* @__PURE__ */ jsx("meta", {
70
70
  content: openGraph.siteName,
71
71
  property: "og:site_name"
72
- }, undefined, false, undefined, this),
73
- openGraph.locale && /* @__PURE__ */ jsxDEV("meta", {
72
+ }),
73
+ openGraph.locale && /* @__PURE__ */ jsx("meta", {
74
74
  content: openGraph.locale,
75
75
  property: "og:locale"
76
- }, undefined, false, undefined, this)
76
+ })
77
77
  ]
78
- }, undefined, true, undefined, this);
78
+ });
79
79
  var TwitterTags = ({
80
80
  twitter,
81
81
  title,
82
82
  description
83
- }) => /* @__PURE__ */ jsxDEV(Fragment, {
83
+ }) => /* @__PURE__ */ jsxs(Fragment, {
84
84
  children: [
85
- twitter.card && /* @__PURE__ */ jsxDEV("meta", {
85
+ twitter.card && /* @__PURE__ */ jsx("meta", {
86
86
  content: twitter.card,
87
87
  name: "twitter:card"
88
- }, undefined, false, undefined, this),
89
- /* @__PURE__ */ jsxDEV("meta", {
88
+ }),
89
+ /* @__PURE__ */ jsx("meta", {
90
90
  content: twitter.title ?? title,
91
91
  name: "twitter:title"
92
- }, undefined, false, undefined, this),
93
- /* @__PURE__ */ jsxDEV("meta", {
92
+ }),
93
+ /* @__PURE__ */ jsx("meta", {
94
94
  content: twitter.description ?? description,
95
95
  name: "twitter:description"
96
- }, undefined, false, undefined, this),
97
- twitter.image && /* @__PURE__ */ jsxDEV("meta", {
96
+ }),
97
+ twitter.image && /* @__PURE__ */ jsx("meta", {
98
98
  content: twitter.image,
99
99
  name: "twitter:image"
100
- }, undefined, false, undefined, this),
101
- twitter.imageAlt && /* @__PURE__ */ jsxDEV("meta", {
100
+ }),
101
+ twitter.imageAlt && /* @__PURE__ */ jsx("meta", {
102
102
  content: twitter.imageAlt,
103
103
  name: "twitter:image:alt"
104
- }, undefined, false, undefined, this),
105
- twitter.site && /* @__PURE__ */ jsxDEV("meta", {
104
+ }),
105
+ twitter.site && /* @__PURE__ */ jsx("meta", {
106
106
  content: twitter.site,
107
107
  name: "twitter:site"
108
- }, undefined, false, undefined, this),
109
- twitter.creator && /* @__PURE__ */ jsxDEV("meta", {
108
+ }),
109
+ twitter.creator && /* @__PURE__ */ jsx("meta", {
110
110
  content: twitter.creator,
111
111
  name: "twitter:creator"
112
- }, undefined, false, undefined, this)
112
+ })
113
113
  ]
114
- }, undefined, true, undefined, this);
114
+ });
115
115
  var CustomMetaTag = ({ tag }) => {
116
116
  if (tag.property)
117
- return /* @__PURE__ */ jsxDEV("meta", {
117
+ return /* @__PURE__ */ jsx("meta", {
118
118
  content: tag.content,
119
119
  property: tag.property
120
- }, undefined, false, undefined, this);
120
+ });
121
121
  if (tag.httpEquiv)
122
- return /* @__PURE__ */ jsxDEV("meta", {
122
+ return /* @__PURE__ */ jsx("meta", {
123
123
  content: tag.content,
124
124
  httpEquiv: tag.httpEquiv
125
- }, undefined, false, undefined, this);
126
- return /* @__PURE__ */ jsxDEV("meta", {
125
+ });
126
+ return /* @__PURE__ */ jsx("meta", {
127
127
  content: tag.content,
128
128
  name: tag.name
129
- }, undefined, false, undefined, this);
129
+ });
130
130
  };
131
131
  var Head = ({
132
132
  title = "AbsoluteJS",
@@ -139,74 +139,74 @@ var Head = ({
139
139
  twitter,
140
140
  robots,
141
141
  meta
142
- } = {}) => /* @__PURE__ */ jsxDEV("head", {
142
+ } = {}) => /* @__PURE__ */ jsxs("head", {
143
143
  suppressHydrationWarning: true,
144
144
  children: [
145
- /* @__PURE__ */ jsxDEV("meta", {
145
+ /* @__PURE__ */ jsx("meta", {
146
146
  charSet: "utf-8"
147
- }, undefined, false, undefined, this),
148
- /* @__PURE__ */ jsxDEV("title", {
147
+ }),
148
+ /* @__PURE__ */ jsx("title", {
149
149
  children: title
150
- }, undefined, false, undefined, this),
151
- /* @__PURE__ */ jsxDEV("meta", {
150
+ }),
151
+ /* @__PURE__ */ jsx("meta", {
152
152
  content: description,
153
153
  name: "description"
154
- }, undefined, false, undefined, this),
155
- /* @__PURE__ */ jsxDEV("meta", {
154
+ }),
155
+ /* @__PURE__ */ jsx("meta", {
156
156
  content: "width=device-width, initial-scale=1",
157
157
  name: "viewport"
158
- }, undefined, false, undefined, this),
159
- /* @__PURE__ */ jsxDEV("link", {
158
+ }),
159
+ /* @__PURE__ */ jsx("link", {
160
160
  href: icon,
161
161
  rel: "icon"
162
- }, undefined, false, undefined, this),
163
- canonical && /* @__PURE__ */ jsxDEV("link", {
162
+ }),
163
+ canonical && /* @__PURE__ */ jsx("link", {
164
164
  href: canonical,
165
165
  rel: "canonical"
166
- }, undefined, false, undefined, this),
167
- openGraph && /* @__PURE__ */ jsxDEV(OpenGraphTags, {
166
+ }),
167
+ openGraph && /* @__PURE__ */ jsx(OpenGraphTags, {
168
168
  description,
169
169
  openGraph,
170
170
  title
171
- }, undefined, false, undefined, this),
172
- twitter && /* @__PURE__ */ jsxDEV(TwitterTags, {
171
+ }),
172
+ twitter && /* @__PURE__ */ jsx(TwitterTags, {
173
173
  description,
174
174
  title,
175
175
  twitter
176
- }, undefined, false, undefined, this),
177
- robots && /* @__PURE__ */ jsxDEV(RobotsContent, {
176
+ }),
177
+ robots && /* @__PURE__ */ jsx(RobotsContent, {
178
178
  robots
179
- }, undefined, false, undefined, this),
180
- meta?.map((tag, i) => /* @__PURE__ */ jsxDEV(CustomMetaTag, {
179
+ }),
180
+ meta?.map((tag, i) => /* @__PURE__ */ jsx(CustomMetaTag, {
181
181
  tag
182
- }, i, false, undefined, this)),
183
- font && /* @__PURE__ */ jsxDEV(Fragment, {
182
+ }, i)),
183
+ font && /* @__PURE__ */ jsxs(Fragment, {
184
184
  children: [
185
- /* @__PURE__ */ jsxDEV("link", {
185
+ /* @__PURE__ */ jsx("link", {
186
186
  href: "https://fonts.googleapis.com",
187
187
  rel: "preconnect"
188
- }, undefined, false, undefined, this),
189
- /* @__PURE__ */ jsxDEV("link", {
188
+ }),
189
+ /* @__PURE__ */ jsx("link", {
190
190
  crossOrigin: "anonymous",
191
191
  href: "https://fonts.gstatic.com",
192
192
  rel: "preconnect",
193
193
  suppressHydrationWarning: true
194
- }, undefined, false, undefined, this),
195
- /* @__PURE__ */ jsxDEV("link", {
194
+ }),
195
+ /* @__PURE__ */ jsx("link", {
196
196
  href: `https://fonts.googleapis.com/css2?family=${font}:wght@100..900&display=swap`,
197
197
  rel: "stylesheet",
198
198
  suppressHydrationWarning: true
199
- }, undefined, false, undefined, this)
199
+ })
200
200
  ]
201
- }, undefined, true, undefined, this),
202
- cssPath && [cssPath].flat().map((path) => /* @__PURE__ */ jsxDEV("link", {
201
+ }),
202
+ cssPath && [cssPath].flat().map((path) => /* @__PURE__ */ jsx("link", {
203
203
  href: path,
204
204
  rel: "stylesheet",
205
205
  suppressHydrationWarning: true,
206
206
  type: "text/css"
207
- }, path, false, undefined, this))
207
+ }, path))
208
208
  ]
209
- }, undefined, true, undefined, this);
209
+ });
210
210
  // src/utils/imageClient.ts
211
211
  var DEFAULT_DEVICE_SIZES = [
212
212
  640,
@@ -256,7 +256,7 @@ var generateSrcSet = (src, width, sizes, deviceSizes, imageSizes) => {
256
256
  };
257
257
 
258
258
  // src/react/components/Image.tsx
259
- import { jsxDEV as jsxDEV2, Fragment as Fragment2 } from "react/jsx-dev-runtime";
259
+ import { jsx as jsx2, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
260
260
  var resolveSource = (src, overrideSrc, unoptimized, loader, width, quality) => {
261
261
  if (overrideSrc)
262
262
  return overrideSrc;
@@ -325,15 +325,15 @@ var Image = ({
325
325
  width: "100%"
326
326
  } : { color: "transparent" }
327
327
  };
328
- const preloadLink = priority ? /* @__PURE__ */ jsxDEV2("link", {
328
+ const preloadLink = priority ? /* @__PURE__ */ jsx2("link", {
329
329
  as: "image",
330
330
  crossOrigin,
331
331
  href: resolvedSrc,
332
332
  imageSizes: resolvedSizes,
333
333
  imageSrcSet: srcSet,
334
334
  rel: "preload"
335
- }, undefined, false, undefined, this) : null;
336
- const imgElement = /* @__PURE__ */ jsxDEV2("img", {
335
+ }) : null;
336
+ const imgElement = /* @__PURE__ */ jsx2("img", {
337
337
  alt,
338
338
  className,
339
339
  crossOrigin,
@@ -356,12 +356,12 @@ var Image = ({
356
356
  srcSet,
357
357
  style: imgStyle,
358
358
  width: fill ? undefined : width
359
- }, undefined, false, undefined, this);
359
+ });
360
360
  if (fill) {
361
- return /* @__PURE__ */ jsxDEV2(Fragment2, {
361
+ return /* @__PURE__ */ jsxs2(Fragment2, {
362
362
  children: [
363
363
  preloadLink,
364
- /* @__PURE__ */ jsxDEV2("span", {
364
+ /* @__PURE__ */ jsx2("span", {
365
365
  style: {
366
366
  display: "block",
367
367
  height: "100%",
@@ -370,19 +370,19 @@ var Image = ({
370
370
  width: "100%"
371
371
  },
372
372
  children: imgElement
373
- }, undefined, false, undefined, this)
373
+ })
374
374
  ]
375
- }, undefined, true, undefined, this);
375
+ });
376
376
  }
377
- return /* @__PURE__ */ jsxDEV2(Fragment2, {
377
+ return /* @__PURE__ */ jsxs2(Fragment2, {
378
378
  children: [
379
379
  preloadLink,
380
380
  imgElement
381
381
  ]
382
- }, undefined, true, undefined, this);
382
+ });
383
383
  };
384
384
  // src/react/components/JsonLd.tsx
385
- import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
385
+ import { jsx as jsx3 } from "react/jsx-runtime";
386
386
  var JsonLd = ({
387
387
  schema
388
388
  }) => {
@@ -391,45 +391,45 @@ var JsonLd = ({
391
391
  "@context": schemaOrgContext,
392
392
  ...s
393
393
  })) : { "@context": schemaOrgContext, ...schema };
394
- return /* @__PURE__ */ jsxDEV3("script", {
394
+ return /* @__PURE__ */ jsx3("script", {
395
395
  dangerouslySetInnerHTML: { __html: JSON.stringify(data) },
396
396
  type: "application/ld+json"
397
- }, undefined, false, undefined, this);
397
+ });
398
398
  };
399
399
  // src/react/components/SuspenseSlot.browser.tsx
400
- import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
400
+ import { jsx as jsx4 } from "react/jsx-runtime";
401
401
  var isLegacyProps = (props) => ("fallbackHtml" in props) || ("errorHtml" in props);
402
402
  var SuspenseSlot = (props) => {
403
403
  if (isLegacyProps(props)) {
404
- return /* @__PURE__ */ jsxDEV4("div", {
404
+ return /* @__PURE__ */ jsx4("div", {
405
405
  className: props.className,
406
406
  dangerouslySetInnerHTML: { __html: props.fallbackHtml ?? "" },
407
407
  "data-absolute-slot": "true",
408
408
  id: props.id,
409
409
  suppressHydrationWarning: true
410
- }, undefined, false, undefined, this);
410
+ });
411
411
  }
412
- return /* @__PURE__ */ jsxDEV4("div", {
412
+ return /* @__PURE__ */ jsx4("div", {
413
413
  className: props.className,
414
414
  "data-absolute-slot": "true",
415
415
  id: props.id,
416
416
  suppressHydrationWarning: true,
417
417
  children: props.fallback ?? null
418
- }, undefined, false, undefined, this);
418
+ });
419
419
  };
420
420
  // src/react/components/StreamSlot.browser.tsx
421
- import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
421
+ import { jsx as jsx5 } from "react/jsx-runtime";
422
422
  var StreamSlot = ({
423
423
  className,
424
424
  fallbackHtml = "",
425
425
  id
426
- }) => /* @__PURE__ */ jsxDEV5("div", {
426
+ }) => /* @__PURE__ */ jsx5("div", {
427
427
  className,
428
428
  dangerouslySetInnerHTML: { __html: fallbackHtml },
429
429
  "data-absolute-slot": "true",
430
430
  id,
431
431
  suppressHydrationWarning: true
432
- }, undefined, false, undefined, this);
432
+ });
433
433
  export {
434
434
  SuspenseSlot,
435
435
  StreamSlot,