@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.
- package/_vendor/schemas/comments.d.ts +898 -0
- package/_vendor/schemas/commentsOverlayRpc.d.ts +348 -0
- package/_vendor/schemas/commentsOverlayRpc.mjs +92 -0
- package/_vendor/schemas/generated/comments.d.ts +237 -0
- package/_vendor/schemas/generated/commentsOverlayRpc.d.ts +18 -0
- package/_vendor/schemas/generated/selectMode.d.ts +3 -1
- package/_vendor/schemas/selectMode.d.ts +113 -0
- package/_vendor/schemas/selectMode.mjs +1 -1
- package/_vendor/schemas/selectModeIframeRpc.d.ts +226 -0
- package/_vendor/schemas/selectModeIframeRpc.mjs +1 -1
- package/buildMetadata.js +3 -3
- package/chunk-NVOBD46N.mjs +541 -0
- package/comments-overlay/CommentsOverlayMount.d.ts +1 -0
- package/comments-overlay/CommentsOverlayMount.js +44 -0
- package/comments-overlay/LICENSE-THIRD-PARTY.md +45 -0
- package/comments-overlay/bridge.d.ts +11 -0
- package/comments-overlay/bridge.js +136 -0
- package/comments-overlay/capture.d.ts +55 -0
- package/comments-overlay/capture.js +250 -0
- package/comments-overlay/originGate.d.ts +1 -0
- package/comments-overlay/originGate.js +11 -0
- package/comments-overlay/overlay.d.ts +52 -0
- package/comments-overlay/overlay.js +781 -0
- package/comments-overlay/resolve.d.ts +27 -0
- package/comments-overlay/resolve.js +201 -0
- package/comments-overlay/sourceLookup.d.ts +11 -0
- package/comments-overlay/sourceLookup.js +63 -0
- package/comments-overlay/textQuote.d.ts +17 -0
- package/comments-overlay/textQuote.js +87 -0
- package/comments-overlay/vendor/bippy.d.ts +53 -0
- package/comments-overlay/vendor/bippy.js +402 -0
- package/comments-overlay/vendor/elementAnchors.d.ts +9 -0
- package/comments-overlay/vendor/elementAnchors.js +144 -0
- package/comments-overlay/vendor/fiberElement.d.ts +21 -0
- package/comments-overlay/vendor/fiberElement.js +251 -0
- package/comments-overlay/vendor/htmlPreview.d.ts +13 -0
- package/comments-overlay/vendor/htmlPreview.js +179 -0
- package/comments-overlay/vendor/selector.d.ts +38 -0
- package/comments-overlay/vendor/selector.js +372 -0
- package/package.json +4 -4
- package/sandbox-runtime.js +2 -0
- package/select-mode/descriptor/elementDescriptor.d.ts +4 -3
- package/select-mode/descriptor/elementDescriptor.js +20 -30
- package/select-mode/iframeRpcChannel.d.ts +84 -0
- package/select-mode/symbolicate.js +25 -7
- package/chunk-QTGDSYSU.mjs +0 -249
package/chunk-QTGDSYSU.mjs
DELETED
|
@@ -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 };
|