@replohq/sandbox-runtime 1.20.0 → 1.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/_vendor/schemas/comments.d.ts +898 -0
  2. package/_vendor/schemas/commentsOverlayRpc.d.ts +348 -0
  3. package/_vendor/schemas/commentsOverlayRpc.mjs +92 -0
  4. package/_vendor/schemas/generated/comments.d.ts +237 -0
  5. package/_vendor/schemas/generated/commentsOverlayRpc.d.ts +18 -0
  6. package/_vendor/schemas/generated/selectMode.d.ts +3 -1
  7. package/_vendor/schemas/selectMode.d.ts +113 -0
  8. package/_vendor/schemas/selectMode.mjs +1 -1
  9. package/_vendor/schemas/selectModeIframeRpc.d.ts +226 -0
  10. package/_vendor/schemas/selectModeIframeRpc.mjs +1 -1
  11. package/buildMetadata.js +3 -3
  12. package/chunk-NVOBD46N.mjs +541 -0
  13. package/comments-overlay/CommentsOverlayMount.d.ts +1 -0
  14. package/comments-overlay/CommentsOverlayMount.js +44 -0
  15. package/comments-overlay/LICENSE-THIRD-PARTY.md +45 -0
  16. package/comments-overlay/bridge.d.ts +11 -0
  17. package/comments-overlay/bridge.js +136 -0
  18. package/comments-overlay/capture.d.ts +55 -0
  19. package/comments-overlay/capture.js +250 -0
  20. package/comments-overlay/originGate.d.ts +1 -0
  21. package/comments-overlay/originGate.js +11 -0
  22. package/comments-overlay/overlay.d.ts +52 -0
  23. package/comments-overlay/overlay.js +781 -0
  24. package/comments-overlay/resolve.d.ts +27 -0
  25. package/comments-overlay/resolve.js +201 -0
  26. package/comments-overlay/sourceLookup.d.ts +11 -0
  27. package/comments-overlay/sourceLookup.js +63 -0
  28. package/comments-overlay/textQuote.d.ts +17 -0
  29. package/comments-overlay/textQuote.js +87 -0
  30. package/comments-overlay/vendor/bippy.d.ts +53 -0
  31. package/comments-overlay/vendor/bippy.js +402 -0
  32. package/comments-overlay/vendor/elementAnchors.d.ts +9 -0
  33. package/comments-overlay/vendor/elementAnchors.js +144 -0
  34. package/comments-overlay/vendor/fiberElement.d.ts +21 -0
  35. package/comments-overlay/vendor/fiberElement.js +251 -0
  36. package/comments-overlay/vendor/htmlPreview.d.ts +13 -0
  37. package/comments-overlay/vendor/htmlPreview.js +179 -0
  38. package/comments-overlay/vendor/selector.d.ts +38 -0
  39. package/comments-overlay/vendor/selector.js +372 -0
  40. package/package.json +4 -4
  41. package/sandbox-runtime.js +2 -0
  42. package/select-mode/descriptor/elementDescriptor.d.ts +4 -3
  43. package/select-mode/descriptor/elementDescriptor.js +20 -30
  44. package/select-mode/iframeRpcChannel.d.ts +84 -0
  45. package/select-mode/symbolicate.js +25 -7
  46. package/chunk-QTGDSYSU.mjs +0 -249
@@ -1,249 +0,0 @@
1
- import { exhaustiveSwitch } from './chunk-THOBCJJA.mjs';
2
- import * as z from 'zod';
3
-
4
- function parseJsonOrNull(json) {
5
- try {
6
- return JSON.parse(json);
7
- } catch {
8
- return null;
9
- }
10
- }
11
-
12
- function parseSchemaOrNull(value, schema) {
13
- const parseResult = schema.safeParse(value);
14
- return parseResult.success ? parseResult.data : null;
15
- }
16
- var SELECT_MODE_SELECTABLE_ATTRIBUTE = "data-replo-selectable";
17
- var SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE = "data-replo-selectable-payload";
18
- var displayModeSchema = z.enum(["browse", "selection"]).describe("DisplayMode");
19
- var selectModeInlineTextStatusSchema = z.enum(["editable", "dynamic", "translated"]).nullable().describe("SelectModeInlineTextStatus");
20
- var selectModeTextMetricsSchema = z.object({
21
- tightWidth: z.number(),
22
- lineCount: z.number(),
23
- lineHeight: z.number()
24
- }).describe("SelectModeTextMetrics");
25
- var selectModeClickPositionSchema = z.object({
26
- x: z.number(),
27
- y: z.number()
28
- }).describe("SelectModeClickPosition");
29
- var selectModeSourceLocationSchema = z.object({
30
- filePath: z.string(),
31
- lineNumber: z.number(),
32
- columnNumber: z.number().optional(),
33
- componentName: z.string().optional()
34
- }).describe("SelectModeSourceLocation");
35
- var selectModeFiberChainEntrySchema = z.object({
36
- sourceLocation: selectModeSourceLocationSchema,
37
- tagName: z.string().optional(),
38
- componentName: z.string().optional(),
39
- props: z.record(z.string(), z.unknown()).optional()
40
- }).describe("SelectModeFiberChainEntry");
41
- var selectModeBoundingRectSchema = z.object({
42
- x: z.number(),
43
- y: z.number(),
44
- left: z.number(),
45
- top: z.number(),
46
- right: z.number(),
47
- bottom: z.number(),
48
- width: z.number(),
49
- height: z.number()
50
- }).describe("SelectModeBoundingRect");
51
- var selectModeHoverRectSchema = selectModeBoundingRectSchema.extend({ isSection: z.boolean().optional() }).describe("SelectModeHoverRect");
52
- var selectModeSelectionRectSchema = z.object({
53
- id: z.string(),
54
- rect: selectModeBoundingRectSchema
55
- }).describe("SelectModeSelectionRect");
56
- var selectModeStyleAtRuleSchema = z.object({
57
- type: z.string(),
58
- text: z.string()
59
- }).describe("SelectModeStyleAtRule");
60
- var selectModeStyleVariantSchema = z.object({
61
- atRules: z.array(selectModeStyleAtRuleSchema),
62
- pseudo: z.string().nullable()
63
- }).describe("SelectModeStyleVariant");
64
- var selectModeDefinedStyleSchema = z.object({
65
- property: z.string(),
66
- variant: selectModeStyleVariantSchema.nullable(),
67
- className: z.string().nullable(),
68
- raw: z.string(),
69
- resolved: z.string()
70
- }).describe("SelectModeDefinedStyle");
71
- function transformRect({
72
- rect,
73
- offset,
74
- scale = 1
75
- }) {
76
- return {
77
- x: rect.x * scale + offset.left,
78
- y: rect.y * scale + offset.top,
79
- left: rect.left * scale + offset.left,
80
- right: rect.right * scale + offset.left,
81
- top: rect.top * scale + offset.top,
82
- bottom: rect.bottom * scale + offset.top,
83
- width: rect.width * scale,
84
- height: rect.height * scale
85
- };
86
- }
87
- function transformPoint({
88
- point,
89
- offset,
90
- scale = 1
91
- }) {
92
- return {
93
- x: point.x * scale + offset.left,
94
- y: point.y * scale + offset.top
95
- };
96
- }
97
- function getIframeOffset(iframe) {
98
- if (!iframe) {
99
- return { left: 0, top: 0 };
100
- }
101
- const iframeRect = iframe.getBoundingClientRect();
102
- return { left: iframeRect.left, top: iframeRect.top };
103
- }
104
- var selectModeImageScopeSchema = z.discriminatedUnion("kind", [
105
- z.object({ kind: z.literal("all") }),
106
- z.object({ kind: z.literal("media"), media: z.string() })
107
- ]).describe("SelectModeImageScope");
108
- var selectModeImageSourceSchema = z.object({
109
- srcSet: z.string(),
110
- sizes: z.string(),
111
- media: z.string(),
112
- type: z.string(),
113
- previewUrl: z.string().nullable()
114
- }).describe("SelectModeImageSource");
115
- var selectModeImageSchema = z.object({
116
- src: z.string(),
117
- currentSrc: z.string(),
118
- srcSet: z.string(),
119
- sizes: z.string(),
120
- previewUrl: z.string().nullable(),
121
- sources: z.array(selectModeImageSourceSchema)
122
- }).describe("SelectModeImage");
123
- var selectModeVideoSchema = z.object({
124
- src: z.string(),
125
- currentSrc: z.string()
126
- }).describe("SelectModeVideo");
127
- var selectedElementSchema = z.object({
128
- kind: z.literal("react-element"),
129
- selector: z.string(),
130
- section: z.object({ selector: z.string() }).optional(),
131
- tagName: z.string(),
132
- elementType: z.string(),
133
- textContent: z.string().nullable(),
134
- sectionLabel: z.string().optional(),
135
- rect: selectModeBoundingRectSchema,
136
- textMetrics: selectModeTextMetricsSchema.nullable(),
137
- outerHTML: z.string(),
138
- image: selectModeImageSchema.optional(),
139
- video: selectModeVideoSchema.optional(),
140
- definedStyles: z.array(selectModeDefinedStyleSchema).default([]),
141
- authoredStyles: z.record(z.string(), z.string()).default({}).describe(
142
- "Authored CSS value of the winning declaration per control property, custom properties expanded (e.g. 1.5rem for text-2xl at a wide viewport)."
143
- ),
144
- inheritedStyles: z.record(z.string(), z.string()).default({}),
145
- clickPosition: selectModeClickPositionSchema,
146
- sourceLocation: selectModeSourceLocationSchema.optional(),
147
- fiberChain: z.array(selectModeFiberChainEntrySchema).default([]),
148
- siblingSelectors: z.array(z.string()).default([])
149
- }).describe("SelectedElement");
150
- var selectablePlanDataSchema = z.object({
151
- kind: z.literal("plan"),
152
- planId: z.string(),
153
- label: z.string(),
154
- rect: selectModeBoundingRectSchema
155
- }).describe("SelectablePlanData");
156
- var selectablePlanPayloadSchema = selectablePlanDataSchema.omit({ rect: true }).describe("SelectablePlanPayload");
157
- var selectableDataPayloadSchema = z.discriminatedUnion("kind", [selectablePlanPayloadSchema]).describe("SelectableDataPayload");
158
- var selectableDataSchema = z.discriminatedUnion("kind", [selectedElementSchema, selectablePlanDataSchema]).describe("SelectableData");
159
- function isSelectedSection(data) {
160
- return data.kind === "react-element" && data.selector === data.section?.selector;
161
- }
162
- function transformSelectedElement({
163
- element,
164
- offset,
165
- scale = 1
166
- }) {
167
- return {
168
- ...element,
169
- rect: transformRect({ rect: element.rect, offset, scale }),
170
- clickPosition: transformPoint({
171
- point: element.clickPosition,
172
- offset,
173
- scale
174
- })
175
- };
176
- }
177
- function transformSelectableData({
178
- data,
179
- offset
180
- }) {
181
- return exhaustiveSwitch(
182
- data,
183
- "kind"
184
- )({
185
- "react-element": (element) => transformSelectedElement({ element, offset }),
186
- plan: (plan) => ({
187
- ...plan,
188
- rect: transformRect({ rect: plan.rect, offset })
189
- })
190
- });
191
- }
192
- function readSelectablePayload(rawPayload) {
193
- if (!rawPayload) {
194
- return null;
195
- }
196
- const parsedPayload = parseJsonOrNull(rawPayload);
197
- if (!parsedPayload) {
198
- return null;
199
- }
200
- return parseSchemaOrNull(parsedPayload, selectableDataPayloadSchema);
201
- }
202
- var selectModeOptimisticUpdatePayloadSchema = z.discriminatedUnion("kind", [
203
- z.object({
204
- kind: z.literal("image"),
205
- image: selectModeImageSchema
206
- }),
207
- z.object({
208
- kind: z.literal("css"),
209
- fontSource: z.enum(["google", "site"]).optional(),
210
- property: z.string(),
211
- value: z.string().nullable()
212
- }),
213
- z.object({
214
- kind: z.literal("content"),
215
- innerHTML: z.string()
216
- }),
217
- z.object({
218
- kind: z.literal("attribute"),
219
- name: z.string(),
220
- value: z.string()
221
- })
222
- ]).describe("SelectModeOptimisticUpdatePayload");
223
- var selectModeTiptapActiveMarksSchema = z.object({
224
- bold: z.boolean(),
225
- italic: z.boolean(),
226
- underline: z.boolean(),
227
- strike: z.boolean()
228
- }).describe("SelectModeTiptapActiveMarks");
229
- var selectModeFormatCommandSchema = z.enum(["toggleBold", "toggleItalic", "toggleUnderline", "toggleStrike"]).describe("SelectModeFormatCommand");
230
- var selectModeSelectionTypeSchema = z.enum(["none", "element", "area", "drag"]).describe("SelectModeSelectionType");
231
- var selectModeSelectionSchema = z.discriminatedUnion("type", [
232
- z.object({ type: z.literal("none") }),
233
- z.object({
234
- type: z.literal("element"),
235
- data: selectableDataSchema
236
- }),
237
- z.object({
238
- type: z.literal("area"),
239
- rect: selectModeBoundingRectSchema,
240
- items: z.array(selectableDataSchema)
241
- }),
242
- z.object({
243
- type: z.literal("drag"),
244
- dragRect: selectModeBoundingRectSchema,
245
- selectionRects: z.array(selectModeSelectionRectSchema)
246
- })
247
- ]).describe("SelectModeSelection");
248
-
249
- export { SELECT_MODE_SELECTABLE_ATTRIBUTE, SELECT_MODE_SELECTABLE_PAYLOAD_ATTRIBUTE, displayModeSchema, getIframeOffset, isSelectedSection, readSelectablePayload, selectModeBoundingRectSchema, selectModeClickPositionSchema, selectModeDefinedStyleSchema, selectModeFiberChainEntrySchema, selectModeFormatCommandSchema, selectModeHoverRectSchema, selectModeImageSchema, selectModeImageScopeSchema, selectModeImageSourceSchema, selectModeInlineTextStatusSchema, selectModeOptimisticUpdatePayloadSchema, selectModeSelectionRectSchema, selectModeSelectionSchema, selectModeSelectionTypeSchema, selectModeSourceLocationSchema, selectModeStyleAtRuleSchema, selectModeStyleVariantSchema, selectModeTextMetricsSchema, selectModeTiptapActiveMarksSchema, selectModeVideoSchema, selectableDataPayloadSchema, selectableDataSchema, selectablePlanDataSchema, selectablePlanPayloadSchema, selectedElementSchema, transformPoint, transformRect, transformSelectableData, transformSelectedElement };