react-pebble-editor 0.0.1-dev3 → 0.0.1
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Oe, { forwardRef as fr, useRef as we, useImperativeHandle as cr, useEffect as dr } from "react";
|
|
2
2
|
var X = { exports: {} }, I = {};
|
|
3
3
|
/**
|
|
4
4
|
* @license React
|
|
@@ -13,15 +13,15 @@ var Te;
|
|
|
13
13
|
function vr() {
|
|
14
14
|
if (Te) return I;
|
|
15
15
|
Te = 1;
|
|
16
|
-
var
|
|
17
|
-
function y(_, s,
|
|
16
|
+
var O = Oe, m = Symbol.for("react.element"), h = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, S = O.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, T = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
17
|
+
function y(_, s, b) {
|
|
18
18
|
var c, d = {}, w = null, W = null;
|
|
19
|
-
|
|
20
|
-
for (c in s)
|
|
19
|
+
b !== void 0 && (w = "" + b), s.key !== void 0 && (w = "" + s.key), s.ref !== void 0 && (W = s.ref);
|
|
20
|
+
for (c in s) R.call(s, c) && !T.hasOwnProperty(c) && (d[c] = s[c]);
|
|
21
21
|
if (_ && _.defaultProps) for (c in s = _.defaultProps, s) d[c] === void 0 && (d[c] = s[c]);
|
|
22
|
-
return { $$typeof:
|
|
22
|
+
return { $$typeof: m, type: _, key: w, ref: W, props: d, _owner: S.current };
|
|
23
23
|
}
|
|
24
|
-
return I.Fragment =
|
|
24
|
+
return I.Fragment = h, I.jsx = y, I.jsxs = y, I;
|
|
25
25
|
}
|
|
26
26
|
var $ = {};
|
|
27
27
|
/**
|
|
@@ -33,27 +33,27 @@ var $ = {};
|
|
|
33
33
|
* This source code is licensed under the MIT license found in the
|
|
34
34
|
* LICENSE file in the root directory of this source tree.
|
|
35
35
|
*/
|
|
36
|
-
var
|
|
36
|
+
var Ce;
|
|
37
37
|
function pr() {
|
|
38
|
-
return
|
|
39
|
-
var
|
|
40
|
-
function
|
|
38
|
+
return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
|
|
39
|
+
var O = Oe, m = Symbol.for("react.element"), h = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), _ = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), H = Symbol.iterator, ke = "@@iterator";
|
|
40
|
+
function Pe(e) {
|
|
41
41
|
if (e === null || typeof e != "object")
|
|
42
42
|
return null;
|
|
43
|
-
var r = H && e[H] || e[
|
|
43
|
+
var r = H && e[H] || e[ke];
|
|
44
44
|
return typeof r == "function" ? r : null;
|
|
45
45
|
}
|
|
46
|
-
var
|
|
46
|
+
var j = O.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
47
47
|
function v(e) {
|
|
48
48
|
{
|
|
49
49
|
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
|
|
50
50
|
t[n - 1] = arguments[n];
|
|
51
|
-
|
|
51
|
+
Se("error", e, t);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function Se(e, r, t) {
|
|
55
55
|
{
|
|
56
|
-
var n =
|
|
56
|
+
var n = j.ReactDebugCurrentFrame, i = n.getStackAddendum();
|
|
57
57
|
i !== "" && (r += "%s", t = t.concat([i]));
|
|
58
58
|
var u = t.map(function(o) {
|
|
59
59
|
return String(o);
|
|
@@ -61,10 +61,10 @@ function pr() {
|
|
|
61
61
|
u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
|
-
var
|
|
64
|
+
var je = !1, xe = !1, De = !1, Ae = !1, Fe = !1, Z;
|
|
65
65
|
Z = Symbol.for("react.module.reference");
|
|
66
66
|
function Ie(e) {
|
|
67
|
-
return !!(typeof e == "string" || typeof e == "function" || e ===
|
|
67
|
+
return !!(typeof e == "string" || typeof e == "function" || e === R || e === T || Fe || e === S || e === b || e === c || Ae || e === W || je || xe || De || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === d || e.$$typeof === y || e.$$typeof === _ || e.$$typeof === s || // This needs to include all possible module reference object
|
|
68
68
|
// types supported by any Flight configuration anywhere since
|
|
69
69
|
// we don't know which Flight build this will end up being used
|
|
70
70
|
// with.
|
|
@@ -80,7 +80,7 @@ function pr() {
|
|
|
80
80
|
function Q(e) {
|
|
81
81
|
return e.displayName || "Context";
|
|
82
82
|
}
|
|
83
|
-
function
|
|
83
|
+
function C(e) {
|
|
84
84
|
if (e == null)
|
|
85
85
|
return null;
|
|
86
86
|
if (typeof e.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
@@ -88,15 +88,15 @@ function pr() {
|
|
|
88
88
|
if (typeof e == "string")
|
|
89
89
|
return e;
|
|
90
90
|
switch (e) {
|
|
91
|
-
case m:
|
|
92
|
-
return "Fragment";
|
|
93
91
|
case R:
|
|
92
|
+
return "Fragment";
|
|
93
|
+
case h:
|
|
94
94
|
return "Portal";
|
|
95
95
|
case T:
|
|
96
96
|
return "Profiler";
|
|
97
|
-
case
|
|
97
|
+
case S:
|
|
98
98
|
return "StrictMode";
|
|
99
|
-
case
|
|
99
|
+
case b:
|
|
100
100
|
return "Suspense";
|
|
101
101
|
case c:
|
|
102
102
|
return "SuspenseList";
|
|
@@ -113,11 +113,11 @@ function pr() {
|
|
|
113
113
|
return $e(e, e.render, "ForwardRef");
|
|
114
114
|
case d:
|
|
115
115
|
var n = e.displayName || null;
|
|
116
|
-
return n !== null ? n :
|
|
116
|
+
return n !== null ? n : C(e.type) || "Memo";
|
|
117
117
|
case w: {
|
|
118
118
|
var i = e, u = i._payload, o = i._init;
|
|
119
119
|
try {
|
|
120
|
-
return
|
|
120
|
+
return C(o(u));
|
|
121
121
|
} catch {
|
|
122
122
|
return null;
|
|
123
123
|
}
|
|
@@ -125,13 +125,13 @@ function pr() {
|
|
|
125
125
|
}
|
|
126
126
|
return null;
|
|
127
127
|
}
|
|
128
|
-
var
|
|
128
|
+
var k = Object.assign, A = 0, ee, re, te, ne, ae, oe, ie;
|
|
129
129
|
function ue() {
|
|
130
130
|
}
|
|
131
131
|
ue.__reactDisabledLog = !0;
|
|
132
132
|
function We() {
|
|
133
133
|
{
|
|
134
|
-
if (
|
|
134
|
+
if (A === 0) {
|
|
135
135
|
ee = console.log, re = console.info, te = console.warn, ne = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
|
|
136
136
|
var e = {
|
|
137
137
|
configurable: !0,
|
|
@@ -149,45 +149,45 @@ function pr() {
|
|
|
149
149
|
groupEnd: e
|
|
150
150
|
});
|
|
151
151
|
}
|
|
152
|
-
|
|
152
|
+
A++;
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
function Ye() {
|
|
156
156
|
{
|
|
157
|
-
if (
|
|
157
|
+
if (A--, A === 0) {
|
|
158
158
|
var e = {
|
|
159
159
|
configurable: !0,
|
|
160
160
|
enumerable: !0,
|
|
161
161
|
writable: !0
|
|
162
162
|
};
|
|
163
163
|
Object.defineProperties(console, {
|
|
164
|
-
log:
|
|
164
|
+
log: k({}, e, {
|
|
165
165
|
value: ee
|
|
166
166
|
}),
|
|
167
|
-
info:
|
|
167
|
+
info: k({}, e, {
|
|
168
168
|
value: re
|
|
169
169
|
}),
|
|
170
|
-
warn:
|
|
170
|
+
warn: k({}, e, {
|
|
171
171
|
value: te
|
|
172
172
|
}),
|
|
173
|
-
error:
|
|
173
|
+
error: k({}, e, {
|
|
174
174
|
value: ne
|
|
175
175
|
}),
|
|
176
|
-
group:
|
|
176
|
+
group: k({}, e, {
|
|
177
177
|
value: ae
|
|
178
178
|
}),
|
|
179
|
-
groupCollapsed:
|
|
179
|
+
groupCollapsed: k({}, e, {
|
|
180
180
|
value: oe
|
|
181
181
|
}),
|
|
182
|
-
groupEnd:
|
|
182
|
+
groupEnd: k({}, e, {
|
|
183
183
|
value: ie
|
|
184
184
|
})
|
|
185
185
|
});
|
|
186
186
|
}
|
|
187
|
-
|
|
187
|
+
A < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
|
-
var U =
|
|
190
|
+
var U = j.ReactCurrentDispatcher, q;
|
|
191
191
|
function Y(e, r, t) {
|
|
192
192
|
{
|
|
193
193
|
if (q === void 0)
|
|
@@ -201,13 +201,13 @@ function pr() {
|
|
|
201
201
|
` + q + e;
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
|
-
var
|
|
204
|
+
var B = !1, L;
|
|
205
205
|
{
|
|
206
206
|
var Le = typeof WeakMap == "function" ? WeakMap : Map;
|
|
207
207
|
L = new Le();
|
|
208
208
|
}
|
|
209
209
|
function se(e, r) {
|
|
210
|
-
if (!e ||
|
|
210
|
+
if (!e || B)
|
|
211
211
|
return "";
|
|
212
212
|
{
|
|
213
213
|
var t = L.get(e);
|
|
@@ -215,7 +215,7 @@ function pr() {
|
|
|
215
215
|
return t;
|
|
216
216
|
}
|
|
217
217
|
var n;
|
|
218
|
-
|
|
218
|
+
B = !0;
|
|
219
219
|
var i = Error.prepareStackTrace;
|
|
220
220
|
Error.prepareStackTrace = void 0;
|
|
221
221
|
var u;
|
|
@@ -232,29 +232,29 @@ function pr() {
|
|
|
232
232
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
233
233
|
try {
|
|
234
234
|
Reflect.construct(o, []);
|
|
235
|
-
} catch (
|
|
236
|
-
n =
|
|
235
|
+
} catch (g) {
|
|
236
|
+
n = g;
|
|
237
237
|
}
|
|
238
238
|
Reflect.construct(e, [], o);
|
|
239
239
|
} else {
|
|
240
240
|
try {
|
|
241
241
|
o.call();
|
|
242
|
-
} catch (
|
|
243
|
-
n =
|
|
242
|
+
} catch (g) {
|
|
243
|
+
n = g;
|
|
244
244
|
}
|
|
245
245
|
e.call(o.prototype);
|
|
246
246
|
}
|
|
247
247
|
} else {
|
|
248
248
|
try {
|
|
249
249
|
throw Error();
|
|
250
|
-
} catch (
|
|
251
|
-
n =
|
|
250
|
+
} catch (g) {
|
|
251
|
+
n = g;
|
|
252
252
|
}
|
|
253
253
|
e();
|
|
254
254
|
}
|
|
255
|
-
} catch (
|
|
256
|
-
if (
|
|
257
|
-
for (var a =
|
|
255
|
+
} catch (g) {
|
|
256
|
+
if (g && n && typeof g.stack == "string") {
|
|
257
|
+
for (var a = g.stack.split(`
|
|
258
258
|
`), p = n.stack.split(`
|
|
259
259
|
`), l = a.length - 1, f = p.length - 1; l >= 1 && f >= 0 && a[l] !== p[f]; )
|
|
260
260
|
f--;
|
|
@@ -263,19 +263,19 @@ function pr() {
|
|
|
263
263
|
if (l !== 1 || f !== 1)
|
|
264
264
|
do
|
|
265
265
|
if (l--, f--, f < 0 || a[l] !== p[f]) {
|
|
266
|
-
var
|
|
266
|
+
var E = `
|
|
267
267
|
` + a[l].replace(" at new ", " at ");
|
|
268
|
-
return e.displayName &&
|
|
268
|
+
return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, E), E;
|
|
269
269
|
}
|
|
270
270
|
while (l >= 1 && f >= 0);
|
|
271
271
|
break;
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
274
|
} finally {
|
|
275
|
-
|
|
275
|
+
B = !1, U.current = u, Ye(), Error.prepareStackTrace = i;
|
|
276
276
|
}
|
|
277
|
-
var D = e ? e.displayName || e.name : "",
|
|
278
|
-
return typeof e == "function" && L.set(e,
|
|
277
|
+
var D = e ? e.displayName || e.name : "", P = D ? Y(D) : "";
|
|
278
|
+
return typeof e == "function" && L.set(e, P), P;
|
|
279
279
|
}
|
|
280
280
|
function Ve(e, r, t) {
|
|
281
281
|
return se(e, !1);
|
|
@@ -292,7 +292,7 @@ function pr() {
|
|
|
292
292
|
if (typeof e == "string")
|
|
293
293
|
return Y(e);
|
|
294
294
|
switch (e) {
|
|
295
|
-
case
|
|
295
|
+
case b:
|
|
296
296
|
return Y("Suspense");
|
|
297
297
|
case c:
|
|
298
298
|
return Y("SuspenseList");
|
|
@@ -313,7 +313,7 @@ function pr() {
|
|
|
313
313
|
}
|
|
314
314
|
return "";
|
|
315
315
|
}
|
|
316
|
-
var
|
|
316
|
+
var F = Object.prototype.hasOwnProperty, le = {}, fe = j.ReactDebugCurrentFrame;
|
|
317
317
|
function M(e) {
|
|
318
318
|
if (e) {
|
|
319
319
|
var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
|
|
@@ -323,7 +323,7 @@ function pr() {
|
|
|
323
323
|
}
|
|
324
324
|
function Ue(e, r, t, n, i) {
|
|
325
325
|
{
|
|
326
|
-
var u = Function.call.bind(
|
|
326
|
+
var u = Function.call.bind(F);
|
|
327
327
|
for (var o in e)
|
|
328
328
|
if (u(e, o)) {
|
|
329
329
|
var a = void 0;
|
|
@@ -341,16 +341,16 @@ function pr() {
|
|
|
341
341
|
}
|
|
342
342
|
}
|
|
343
343
|
var qe = Array.isArray;
|
|
344
|
-
function
|
|
344
|
+
function N(e) {
|
|
345
345
|
return qe(e);
|
|
346
346
|
}
|
|
347
|
-
function
|
|
347
|
+
function Be(e) {
|
|
348
348
|
{
|
|
349
349
|
var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
350
350
|
return t;
|
|
351
351
|
}
|
|
352
352
|
}
|
|
353
|
-
function
|
|
353
|
+
function Ne(e) {
|
|
354
354
|
try {
|
|
355
355
|
return ce(e), !1;
|
|
356
356
|
} catch {
|
|
@@ -361,17 +361,17 @@ function pr() {
|
|
|
361
361
|
return "" + e;
|
|
362
362
|
}
|
|
363
363
|
function de(e) {
|
|
364
|
-
if (
|
|
365
|
-
return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",
|
|
364
|
+
if (Ne(e))
|
|
365
|
+
return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Be(e)), ce(e);
|
|
366
366
|
}
|
|
367
|
-
var ve =
|
|
367
|
+
var ve = j.ReactCurrentOwner, Je = {
|
|
368
368
|
key: !0,
|
|
369
369
|
ref: !0,
|
|
370
370
|
__self: !0,
|
|
371
371
|
__source: !0
|
|
372
|
-
}, pe,
|
|
372
|
+
}, pe, be;
|
|
373
373
|
function ze(e) {
|
|
374
|
-
if (
|
|
374
|
+
if (F.call(e, "ref")) {
|
|
375
375
|
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
376
376
|
if (r && r.isReactWarning)
|
|
377
377
|
return !1;
|
|
@@ -379,7 +379,7 @@ function pr() {
|
|
|
379
379
|
return e.ref !== void 0;
|
|
380
380
|
}
|
|
381
381
|
function Ke(e) {
|
|
382
|
-
if (
|
|
382
|
+
if (F.call(e, "key")) {
|
|
383
383
|
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
384
384
|
if (r && r.isReactWarning)
|
|
385
385
|
return !1;
|
|
@@ -403,7 +403,7 @@ function pr() {
|
|
|
403
403
|
function He(e, r) {
|
|
404
404
|
{
|
|
405
405
|
var t = function() {
|
|
406
|
-
|
|
406
|
+
be || (be = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
407
407
|
};
|
|
408
408
|
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
409
409
|
get: t,
|
|
@@ -414,7 +414,7 @@ function pr() {
|
|
|
414
414
|
var Ze = function(e, r, t, n, i, u, o) {
|
|
415
415
|
var a = {
|
|
416
416
|
// This tag allows us to uniquely identify this as a React Element
|
|
417
|
-
$$typeof:
|
|
417
|
+
$$typeof: m,
|
|
418
418
|
// Built-in properties that belong on the element
|
|
419
419
|
type: e,
|
|
420
420
|
key: r,
|
|
@@ -445,7 +445,7 @@ function pr() {
|
|
|
445
445
|
var u, o = {}, a = null, p = null;
|
|
446
446
|
t !== void 0 && (de(t), a = "" + t), Ke(r) && (de(r.key), a = "" + r.key), ze(r) && (p = r.ref, Ge(r, i));
|
|
447
447
|
for (u in r)
|
|
448
|
-
|
|
448
|
+
F.call(r, u) && !Je.hasOwnProperty(u) && (o[u] = r[u]);
|
|
449
449
|
if (e && e.defaultProps) {
|
|
450
450
|
var l = e.defaultProps;
|
|
451
451
|
for (u in l)
|
|
@@ -458,23 +458,23 @@ function pr() {
|
|
|
458
458
|
return Ze(e, a, p, i, n, ve.current, o);
|
|
459
459
|
}
|
|
460
460
|
}
|
|
461
|
-
var J =
|
|
462
|
-
function
|
|
461
|
+
var J = j.ReactCurrentOwner, ge = j.ReactDebugCurrentFrame;
|
|
462
|
+
function x(e) {
|
|
463
463
|
if (e) {
|
|
464
464
|
var r = e._owner, t = V(e.type, e._source, r ? r.type : null);
|
|
465
|
-
|
|
465
|
+
ge.setExtraStackFrame(t);
|
|
466
466
|
} else
|
|
467
|
-
|
|
467
|
+
ge.setExtraStackFrame(null);
|
|
468
468
|
}
|
|
469
469
|
var z;
|
|
470
470
|
z = !1;
|
|
471
471
|
function K(e) {
|
|
472
|
-
return typeof e == "object" && e !== null && e.$$typeof ===
|
|
472
|
+
return typeof e == "object" && e !== null && e.$$typeof === m;
|
|
473
473
|
}
|
|
474
|
-
function
|
|
474
|
+
function Ee() {
|
|
475
475
|
{
|
|
476
476
|
if (J.current) {
|
|
477
|
-
var e =
|
|
477
|
+
var e = C(J.current.type);
|
|
478
478
|
if (e)
|
|
479
479
|
return `
|
|
480
480
|
|
|
@@ -486,10 +486,10 @@ Check the render method of \`` + e + "`.";
|
|
|
486
486
|
function er(e) {
|
|
487
487
|
return "";
|
|
488
488
|
}
|
|
489
|
-
var
|
|
489
|
+
var me = {};
|
|
490
490
|
function rr(e) {
|
|
491
491
|
{
|
|
492
|
-
var r =
|
|
492
|
+
var r = Ee();
|
|
493
493
|
if (!r) {
|
|
494
494
|
var t = typeof e == "string" ? e : e.displayName || e.name;
|
|
495
495
|
t && (r = `
|
|
@@ -505,18 +505,18 @@ Check the top-level render call using <` + t + ">.");
|
|
|
505
505
|
return;
|
|
506
506
|
e._store.validated = !0;
|
|
507
507
|
var t = rr(r);
|
|
508
|
-
if (
|
|
508
|
+
if (me[t])
|
|
509
509
|
return;
|
|
510
|
-
|
|
510
|
+
me[t] = !0;
|
|
511
511
|
var n = "";
|
|
512
|
-
e && e._owner && e._owner !== J.current && (n = " It was passed a child from " +
|
|
512
|
+
e && e._owner && e._owner !== J.current && (n = " It was passed a child from " + C(e._owner.type) + "."), x(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), x(null);
|
|
513
513
|
}
|
|
514
514
|
}
|
|
515
|
-
function
|
|
515
|
+
function he(e, r) {
|
|
516
516
|
{
|
|
517
517
|
if (typeof e != "object")
|
|
518
518
|
return;
|
|
519
|
-
if (
|
|
519
|
+
if (N(e))
|
|
520
520
|
for (var t = 0; t < e.length; t++) {
|
|
521
521
|
var n = e[t];
|
|
522
522
|
K(n) && ye(n, r);
|
|
@@ -524,7 +524,7 @@ Check the top-level render call using <` + t + ">.");
|
|
|
524
524
|
else if (K(e))
|
|
525
525
|
e._store && (e._store.validated = !0);
|
|
526
526
|
else if (e) {
|
|
527
|
-
var i =
|
|
527
|
+
var i = Pe(e);
|
|
528
528
|
if (typeof i == "function" && i !== e.entries)
|
|
529
529
|
for (var u = i.call(e), o; !(o = u.next()).done; )
|
|
530
530
|
K(o.value) && ye(o.value, r);
|
|
@@ -546,11 +546,11 @@ Check the top-level render call using <` + t + ">.");
|
|
|
546
546
|
else
|
|
547
547
|
return;
|
|
548
548
|
if (t) {
|
|
549
|
-
var n =
|
|
549
|
+
var n = C(r);
|
|
550
550
|
Ue(t, e.props, "prop", n, e);
|
|
551
551
|
} else if (r.PropTypes !== void 0 && !z) {
|
|
552
552
|
z = !0;
|
|
553
|
-
var i =
|
|
553
|
+
var i = C(r);
|
|
554
554
|
v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
|
|
555
555
|
}
|
|
556
556
|
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
@@ -561,14 +561,14 @@ Check the top-level render call using <` + t + ">.");
|
|
|
561
561
|
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
|
562
562
|
var n = r[t];
|
|
563
563
|
if (n !== "children" && n !== "key") {
|
|
564
|
-
|
|
564
|
+
x(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), x(null);
|
|
565
565
|
break;
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
|
-
e.ref !== null && (
|
|
568
|
+
e.ref !== null && (x(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), x(null));
|
|
569
569
|
}
|
|
570
570
|
}
|
|
571
|
-
var
|
|
571
|
+
var Re = {};
|
|
572
572
|
function _e(e, r, t, n, i, u) {
|
|
573
573
|
{
|
|
574
574
|
var o = Ie(e);
|
|
@@ -576,41 +576,41 @@ Check the top-level render call using <` + t + ">.");
|
|
|
576
576
|
var a = "";
|
|
577
577
|
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
578
578
|
var p = er();
|
|
579
|
-
p ? a += p : a +=
|
|
579
|
+
p ? a += p : a += Ee();
|
|
580
580
|
var l;
|
|
581
|
-
e === null ? l = "null" :
|
|
581
|
+
e === null ? l = "null" : N(e) ? l = "array" : e !== void 0 && e.$$typeof === m ? (l = "<" + (C(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : l = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", l, a);
|
|
582
582
|
}
|
|
583
583
|
var f = Qe(e, r, t, i, u);
|
|
584
584
|
if (f == null)
|
|
585
585
|
return f;
|
|
586
586
|
if (o) {
|
|
587
|
-
var
|
|
588
|
-
if (
|
|
587
|
+
var E = r.children;
|
|
588
|
+
if (E !== void 0)
|
|
589
589
|
if (n)
|
|
590
|
-
if (
|
|
591
|
-
for (var D = 0; D <
|
|
592
|
-
|
|
593
|
-
Object.freeze && Object.freeze(
|
|
590
|
+
if (N(E)) {
|
|
591
|
+
for (var D = 0; D < E.length; D++)
|
|
592
|
+
he(E[D], e);
|
|
593
|
+
Object.freeze && Object.freeze(E);
|
|
594
594
|
} else
|
|
595
595
|
v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
596
596
|
else
|
|
597
|
-
|
|
597
|
+
he(E, e);
|
|
598
598
|
}
|
|
599
|
-
if (
|
|
600
|
-
var
|
|
599
|
+
if (F.call(r, "key")) {
|
|
600
|
+
var P = C(e), g = Object.keys(r).filter(function(lr) {
|
|
601
601
|
return lr !== "key";
|
|
602
|
-
}), G =
|
|
603
|
-
if (!
|
|
604
|
-
var sr =
|
|
602
|
+
}), G = g.length > 0 ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
603
|
+
if (!Re[P + G]) {
|
|
604
|
+
var sr = g.length > 0 ? "{" + g.join(": ..., ") + ": ...}" : "{}";
|
|
605
605
|
v(`A props object containing a "key" prop is being spread into JSX:
|
|
606
606
|
let props = %s;
|
|
607
607
|
<%s {...props} />
|
|
608
608
|
React keys must be passed directly to JSX without using spread:
|
|
609
609
|
let props = %s;
|
|
610
|
-
<%s key={someKey} {...props} />`, G,
|
|
610
|
+
<%s key={someKey} {...props} />`, G, P, sr, P), Re[P + G] = !0;
|
|
611
611
|
}
|
|
612
612
|
}
|
|
613
|
-
return e ===
|
|
613
|
+
return e === R ? nr(f) : tr(f), f;
|
|
614
614
|
}
|
|
615
615
|
}
|
|
616
616
|
function ar(e, r, t) {
|
|
@@ -620,24 +620,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
620
620
|
return _e(e, r, t, !1);
|
|
621
621
|
}
|
|
622
622
|
var ir = or, ur = ar;
|
|
623
|
-
$.Fragment =
|
|
623
|
+
$.Fragment = R, $.jsx = ir, $.jsxs = ur;
|
|
624
624
|
}()), $;
|
|
625
625
|
}
|
|
626
626
|
process.env.NODE_ENV === "production" ? X.exports = vr() : X.exports = pr();
|
|
627
|
-
var
|
|
628
|
-
function
|
|
629
|
-
return new Promise((
|
|
630
|
-
if (window.require) return
|
|
631
|
-
const
|
|
632
|
-
|
|
633
|
-
if (!window.require) return
|
|
634
|
-
window.require.config({ paths: { vs: "/vs" } }),
|
|
635
|
-
},
|
|
627
|
+
var br = X.exports;
|
|
628
|
+
function gr() {
|
|
629
|
+
return new Promise((O, m) => {
|
|
630
|
+
if (window.require) return O(window.require);
|
|
631
|
+
const h = document.createElement("script");
|
|
632
|
+
h.src = "/vs/loader.js", h.onload = () => {
|
|
633
|
+
if (!window.require) return m(new Error("RequireJS not available"));
|
|
634
|
+
window.require.config({ paths: { vs: "/vs" } }), O(window.require);
|
|
635
|
+
}, h.onerror = m, document.body.appendChild(h);
|
|
636
636
|
});
|
|
637
637
|
}
|
|
638
|
-
const
|
|
638
|
+
const mr = fr(function({ value: m, theme: h, onChange: R }, S) {
|
|
639
639
|
const T = we(null), y = we(null);
|
|
640
|
-
cr(
|
|
640
|
+
cr(S, () => ({
|
|
641
641
|
getValue() {
|
|
642
642
|
var s;
|
|
643
643
|
return ((s = y.current) == null ? void 0 : s.getValue()) ?? "";
|
|
@@ -647,35 +647,54 @@ const hr = fr(function({ value: h, theme: R, onChange: m }, j) {
|
|
|
647
647
|
}
|
|
648
648
|
}));
|
|
649
649
|
function _() {
|
|
650
|
-
const s = T.current,
|
|
651
|
-
if (!s || !
|
|
650
|
+
const s = T.current, b = y.current;
|
|
651
|
+
if (!s || !b) return;
|
|
652
652
|
const { width: c, height: d } = s.getBoundingClientRect();
|
|
653
|
-
|
|
653
|
+
b.layout({ width: c, height: d });
|
|
654
654
|
}
|
|
655
655
|
return dr(() => {
|
|
656
656
|
const s = T.current;
|
|
657
657
|
if (!s) return;
|
|
658
|
-
let
|
|
658
|
+
let b = null;
|
|
659
659
|
const c = () => {
|
|
660
660
|
requestAnimationFrame(() => _());
|
|
661
661
|
};
|
|
662
|
-
return
|
|
662
|
+
return gr().then((d) => {
|
|
663
663
|
d(["vs/editor/editor.main"], () => {
|
|
664
664
|
const w = window.monaco;
|
|
665
|
-
s && (
|
|
666
|
-
|
|
665
|
+
s && (w.editor.defineTheme("pebble-dark", {
|
|
666
|
+
base: "vs-dark",
|
|
667
|
+
inherit: !0,
|
|
668
|
+
rules: [
|
|
669
|
+
{ token: "keyword.pebble", foreground: "569CD6" },
|
|
670
|
+
{ token: "keyword.control.pebble", foreground: "C586C0" },
|
|
671
|
+
{ token: "identifier.pebble", foreground: "9CDCFE" },
|
|
672
|
+
{ token: "identifier.constant.pebble", foreground: "4FC1FF" },
|
|
673
|
+
{ token: "type.identifier.pebble", foreground: "4EC9B0" },
|
|
674
|
+
{ token: "entity.name.function.pebble", foreground: "DCDCAA" },
|
|
675
|
+
{ token: "number.pebble", foreground: "B5CEA8" },
|
|
676
|
+
{ token: "number.float.pebble", foreground: "B5CEA8" },
|
|
677
|
+
{ token: "string.pebble", foreground: "CE9178" },
|
|
678
|
+
{ token: "comment.pebble", foreground: "6A9955" },
|
|
679
|
+
{ token: "comment.doc.pebble", foreground: "6A9955" },
|
|
680
|
+
{ token: "delimiter.pebble", foreground: "D4D4D4" },
|
|
681
|
+
{ token: "delimiter.bracket.pebble", foreground: "D4D4D4" }
|
|
682
|
+
],
|
|
683
|
+
colors: {}
|
|
684
|
+
}), b = w.editor.create(s, {
|
|
685
|
+
value: m,
|
|
667
686
|
language: "pebble",
|
|
668
|
-
theme:
|
|
669
|
-
}), y.current =
|
|
670
|
-
|
|
687
|
+
theme: h || "pebble-dark"
|
|
688
|
+
}), y.current = b, b.onDidChangeModelContent(() => {
|
|
689
|
+
R == null || R(b.getValue());
|
|
671
690
|
}), window.addEventListener("resize", c));
|
|
672
691
|
});
|
|
673
692
|
}), () => {
|
|
674
693
|
var d;
|
|
675
694
|
window.removeEventListener("resize", c), (d = y.current) == null || d.dispose(), y.current = null;
|
|
676
695
|
};
|
|
677
|
-
}, [
|
|
696
|
+
}, [m]), /* @__PURE__ */ br.jsx("div", { ref: T, style: { height: "100%", width: "100%" } });
|
|
678
697
|
});
|
|
679
698
|
export {
|
|
680
|
-
|
|
699
|
+
mr as PebbleEditor
|
|
681
700
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(P,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],y):(P=typeof globalThis<"u"?globalThis:P||self,y(P.ReactPebbleEditor={},P.React))})(this,function(P,y){"use strict";var $={exports:{}},I={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var Q;function
|
|
9
|
+
*/var Q;function Pe(){if(Q)return I;Q=1;var k=y,m=Symbol.for("react.element"),R=Symbol.for("react.fragment"),_=Object.prototype.hasOwnProperty,x=k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,C={key:!0,ref:!0,__self:!0,__source:!0};function h(w,s,b){var c,d={},T=null,V=null;b!==void 0&&(T=""+b),s.key!==void 0&&(T=""+s.key),s.ref!==void 0&&(V=s.ref);for(c in s)_.call(s,c)&&!C.hasOwnProperty(c)&&(d[c]=s[c]);if(w&&w.defaultProps)for(c in s=w.defaultProps,s)d[c]===void 0&&(d[c]=s[c]);return{$$typeof:m,type:w,key:T,ref:V,props:d,_owner:x.current}}return I.Fragment=R,I.jsx=h,I.jsxs=h,I}var W={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var ee;function
|
|
18
|
-
`+q+e}}var z=!1,U;{var
|
|
17
|
+
*/var ee;function ke(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&function(){var k=y,m=Symbol.for("react.element"),R=Symbol.for("react.portal"),_=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),h=Symbol.for("react.provider"),w=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),re=Symbol.iterator,De="@@iterator";function Ae(e){if(e===null||typeof e!="object")return null;var r=re&&e[re]||e[De];return typeof r=="function"?r:null}var D=k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function v(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Fe("error",e,t)}}function Fe(e,r,t){{var n=D.ReactDebugCurrentFrame,i=n.getStackAddendum();i!==""&&(r+="%s",t=t.concat([i]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var Ie=!1,We=!1,Ye=!1,Le=!1,Ve=!1,te;te=Symbol.for("react.module.reference");function Me(e){return!!(typeof e=="string"||typeof e=="function"||e===_||e===C||Ve||e===x||e===b||e===c||Le||e===V||Ie||We||Ye||typeof e=="object"&&e!==null&&(e.$$typeof===T||e.$$typeof===d||e.$$typeof===h||e.$$typeof===w||e.$$typeof===s||e.$$typeof===te||e.getModuleId!==void 0))}function Ue(e,r,t){var n=e.displayName;if(n)return n;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function ne(e){return e.displayName||"Context"}function O(e){if(e==null)return null;if(typeof e.tag=="number"&&v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case _:return"Fragment";case R:return"Portal";case C:return"Profiler";case x:return"StrictMode";case b:return"Suspense";case c:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case w:var r=e;return ne(r)+".Consumer";case h:var t=e;return ne(t._context)+".Provider";case s:return Ue(e,e.render,"ForwardRef");case d:var n=e.displayName||null;return n!==null?n:O(e.type)||"Memo";case T:{var i=e,u=i._payload,o=i._init;try{return O(o(u))}catch{return null}}}return null}var S=Object.assign,Y=0,ae,oe,ie,ue,se,le,fe;function ce(){}ce.__reactDisabledLog=!0;function Be(){{if(Y===0){ae=console.log,oe=console.info,ie=console.warn,ue=console.error,se=console.group,le=console.groupCollapsed,fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ce,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Y++}}function Ne(){{if(Y--,Y===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:S({},e,{value:ae}),info:S({},e,{value:oe}),warn:S({},e,{value:ie}),error:S({},e,{value:ue}),group:S({},e,{value:se}),groupCollapsed:S({},e,{value:le}),groupEnd:S({},e,{value:fe})})}Y<0&&v("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var J=D.ReactCurrentDispatcher,q;function M(e,r,t){{if(q===void 0)try{throw Error()}catch(i){var n=i.stack.trim().match(/\n( *(at )?)/);q=n&&n[1]||""}return`
|
|
18
|
+
`+q+e}}var z=!1,U;{var $e=typeof WeakMap=="function"?WeakMap:Map;U=new $e}function de(e,r){if(!e||z)return"";{var t=U.get(e);if(t!==void 0)return t}var n;z=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=J.current,J.current=null,Be();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(g){n=g}Reflect.construct(e,[],o)}else{try{o.call()}catch(g){n=g}e.call(o.prototype)}}else{try{throw Error()}catch(g){n=g}e()}}catch(g){if(g&&n&&typeof g.stack=="string"){for(var a=g.stack.split(`
|
|
19
19
|
`),p=n.stack.split(`
|
|
20
20
|
`),l=a.length-1,f=p.length-1;l>=1&&f>=0&&a[l]!==p[f];)f--;for(;l>=1&&f>=0;l--,f--)if(a[l]!==p[f]){if(l!==1||f!==1)do if(l--,f--,f<0||a[l]!==p[f]){var E=`
|
|
21
|
-
`+a[l].replace(" at new "," at ");return e.displayName&&E.includes("<anonymous>")&&(E=E.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,E),E}while(l>=1&&f>=0);break}}}finally{z=!1,J.current=u
|
|
21
|
+
`+a[l].replace(" at new "," at ");return e.displayName&&E.includes("<anonymous>")&&(E=E.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,E),E}while(l>=1&&f>=0);break}}}finally{z=!1,J.current=u,Ne(),Error.prepareStackTrace=i}var F=e?e.displayName||e.name:"",j=F?M(F):"";return typeof e=="function"&&U.set(e,j),j}function Je(e,r,t){return de(e,!1)}function qe(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function B(e,r,t){if(e==null)return"";if(typeof e=="function")return de(e,qe(e));if(typeof e=="string")return M(e);switch(e){case b:return M("Suspense");case c:return M("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case s:return Je(e.render);case d:return B(e.type,r,t);case T:{var n=e,i=n._payload,u=n._init;try{return B(u(i),r,t)}catch{}}}return""}var L=Object.prototype.hasOwnProperty,ve={},pe=D.ReactDebugCurrentFrame;function N(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);pe.setExtraStackFrame(t)}else pe.setExtraStackFrame(null)}function ze(e,r,t,n,i){{var u=Function.call.bind(L);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var p=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(l){a=l}a&&!(a instanceof Error)&&(N(i),v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),N(null)),a instanceof Error&&!(a.message in ve)&&(ve[a.message]=!0,N(i),v("Failed %s type: %s",t,a.message),N(null))}}}var Ke=Array.isArray;function K(e){return Ke(e)}function Ge(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Xe(e){try{return be(e),!1}catch{return!0}}function be(e){return""+e}function ge(e){if(Xe(e))return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(e)),be(e)}var Ee=D.ReactCurrentOwner,He={key:!0,ref:!0,__self:!0,__source:!0},ye,me;function Ze(e){if(L.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Qe(e){if(L.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function er(e,r){typeof e.ref=="string"&&Ee.current}function rr(e,r){{var t=function(){ye||(ye=!0,v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function tr(e,r){{var t=function(){me||(me=!0,v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var nr=function(e,r,t,n,i,u,o){var a={$$typeof:m,type:e,key:r,ref:t,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function ar(e,r,t,n,i){{var u,o={},a=null,p=null;t!==void 0&&(ge(t),a=""+t),Qe(r)&&(ge(r.key),a=""+r.key),Ze(r)&&(p=r.ref,er(r,i));for(u in r)L.call(r,u)&&!He.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var l=e.defaultProps;for(u in l)o[u]===void 0&&(o[u]=l[u])}if(a||p){var f=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&rr(o,f),p&&tr(o,f)}return nr(e,a,p,i,n,Ee.current,o)}}var G=D.ReactCurrentOwner,he=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,t=B(e.type,e._source,r?r.type:null);he.setExtraStackFrame(t)}else he.setExtraStackFrame(null)}var X;X=!1;function H(e){return typeof e=="object"&&e!==null&&e.$$typeof===m}function Re(){{if(G.current){var e=O(G.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function or(e){return""}var _e={};function ir(e){{var r=
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function or(e){return""}var _e={};function ir(e){{var r=Re();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+t+">.")}return r}}function we(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ir(r);if(_e[t])return;_e[t]=!0;var n="";e&&e._owner&&e._owner!==G.current&&(n=" It was passed a child from "+
|
|
25
|
+
Check the top-level render call using <`+t+">.")}return r}}function we(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=ir(r);if(_e[t])return;_e[t]=!0;var n="";e&&e._owner&&e._owner!==G.current&&(n=" It was passed a child from "+O(e._owner.type)+"."),A(e),v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),A(null)}}function Te(e,r){{if(typeof e!="object")return;if(K(e))for(var t=0;t<e.length;t++){var n=e[t];H(n)&&we(n,r)}else if(H(e))e._store&&(e._store.validated=!0);else if(e){var i=Ae(e);if(typeof i=="function"&&i!==e.entries)for(var u=i.call(e),o;!(o=u.next()).done;)H(o.value)&&we(o.value,r)}}}function ur(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===s||r.$$typeof===d))t=r.propTypes;else return;if(t){var n=O(r);ze(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!X){X=!0;var i=O(r);v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function sr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){A(e),v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),A(null);break}}e.ref!==null&&(A(e),v("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var Ce={};function Oe(e,r,t,n,i,u){{var o=Me(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var p=or();p?a+=p:a+=Re();var l;e===null?l="null":K(e)?l="array":e!==void 0&&e.$$typeof===m?(l="<"+(O(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):l=typeof e,v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",l,a)}var f=ar(e,r,t,i,u);if(f==null)return f;if(o){var E=r.children;if(E!==void 0)if(n)if(K(E)){for(var F=0;F<E.length;F++)Te(E[F],e);Object.freeze&&Object.freeze(E)}else v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Te(E,e)}if(L.call(r,"key")){var j=O(e),g=Object.keys(r).filter(function(pr){return pr!=="key"}),Z=g.length>0?"{key: someKey, "+g.join(": ..., ")+": ...}":"{key: someKey}";if(!Ce[j+Z]){var vr=g.length>0?"{"+g.join(": ..., ")+": ...}":"{}";v(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,Z,
|
|
30
|
+
<%s key={someKey} {...props} />`,Z,j,vr,j),Ce[j+Z]=!0}}return e===_?sr(f):ur(f),f}}function lr(e,r,t){return Oe(e,r,t,!0)}function fr(e,r,t){return Oe(e,r,t,!1)}var cr=fr,dr=lr;W.Fragment=_,W.jsx=cr,W.jsxs=dr}()),W}process.env.NODE_ENV==="production"?$.exports=Pe():$.exports=ke();var Se=$.exports;function je(){return new Promise((k,m)=>{if(window.require)return k(window.require);const R=document.createElement("script");R.src="/vs/loader.js",R.onload=()=>{if(!window.require)return m(new Error("RequireJS not available"));window.require.config({paths:{vs:"/vs"}}),k(window.require)},R.onerror=m,document.body.appendChild(R)})}const xe=y.forwardRef(function({value:m,theme:R,onChange:_},x){const C=y.useRef(null),h=y.useRef(null);y.useImperativeHandle(x,()=>({getValue(){var s;return((s=h.current)==null?void 0:s.getValue())??""},layout(){w()}}));function w(){const s=C.current,b=h.current;if(!s||!b)return;const{width:c,height:d}=s.getBoundingClientRect();b.layout({width:c,height:d})}return y.useEffect(()=>{const s=C.current;if(!s)return;let b=null;const c=()=>{requestAnimationFrame(()=>w())};return je().then(d=>{d(["vs/editor/editor.main"],()=>{const T=window.monaco;s&&(T.editor.defineTheme("pebble-dark",{base:"vs-dark",inherit:!0,rules:[{token:"keyword.pebble",foreground:"569CD6"},{token:"keyword.control.pebble",foreground:"C586C0"},{token:"identifier.pebble",foreground:"9CDCFE"},{token:"identifier.constant.pebble",foreground:"4FC1FF"},{token:"type.identifier.pebble",foreground:"4EC9B0"},{token:"entity.name.function.pebble",foreground:"DCDCAA"},{token:"number.pebble",foreground:"B5CEA8"},{token:"number.float.pebble",foreground:"B5CEA8"},{token:"string.pebble",foreground:"CE9178"},{token:"comment.pebble",foreground:"6A9955"},{token:"comment.doc.pebble",foreground:"6A9955"},{token:"delimiter.pebble",foreground:"D4D4D4"},{token:"delimiter.bracket.pebble",foreground:"D4D4D4"}],colors:{}}),b=T.editor.create(s,{value:m,language:"pebble",theme:R||"pebble-dark"}),h.current=b,b.onDidChangeModelContent(()=>{_==null||_(b.getValue())}),window.addEventListener("resize",c))})}),()=>{var d;window.removeEventListener("resize",c),(d=h.current)==null||d.dispose(),h.current=null}},[m]),Se.jsx("div",{ref:C,style:{height:"100%",width:"100%"}})});P.PebbleEditor=xe,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-pebble-editor",
|
|
3
|
-
"version": "0.0.1
|
|
3
|
+
"version": "0.0.1",
|
|
4
4
|
"description": "React wrap component for monaco pebble editor",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@harmoniclabs/pebble": "0.1.3-
|
|
21
|
+
"@harmoniclabs/pebble": "0.1.3-dev4",
|
|
22
22
|
"@types/node": "18.0.0",
|
|
23
23
|
"@types/react": "^18.0.0",
|
|
24
24
|
"@types/react-dom": "^18.0.0",
|
|
@@ -30,6 +30,6 @@
|
|
|
30
30
|
"vite": "^5.0.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@harmoniclabs/monaco-editor": "^0.1.
|
|
33
|
+
"@harmoniclabs/monaco-editor": "^0.1.2"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -46,10 +46,32 @@ const PebbleEditor = forwardRef<PebbleEditorHandle, {
|
|
|
46
46
|
require(['vs/editor/editor.main'], () => {
|
|
47
47
|
const monaco = window.monaco;
|
|
48
48
|
if (!outer) return;
|
|
49
|
+
|
|
50
|
+
monaco.editor.defineTheme('pebble-dark', {
|
|
51
|
+
base: 'vs-dark',
|
|
52
|
+
inherit: true,
|
|
53
|
+
rules: [
|
|
54
|
+
{ token: 'keyword.pebble', foreground: '569CD6' },
|
|
55
|
+
{ token: 'keyword.control.pebble', foreground: 'C586C0' },
|
|
56
|
+
{ token: 'identifier.pebble', foreground: '9CDCFE' },
|
|
57
|
+
{ token: 'identifier.constant.pebble', foreground: '4FC1FF' },
|
|
58
|
+
{ token: 'type.identifier.pebble', foreground: '4EC9B0' },
|
|
59
|
+
{ token: 'entity.name.function.pebble', foreground: 'DCDCAA' },
|
|
60
|
+
{ token: 'number.pebble', foreground: 'B5CEA8' },
|
|
61
|
+
{ token: 'number.float.pebble', foreground: 'B5CEA8' },
|
|
62
|
+
{ token: 'string.pebble', foreground: 'CE9178' },
|
|
63
|
+
{ token: 'comment.pebble', foreground: '6A9955' },
|
|
64
|
+
{ token: 'comment.doc.pebble', foreground: '6A9955' },
|
|
65
|
+
{ token: 'delimiter.pebble', foreground: 'D4D4D4' },
|
|
66
|
+
{ token: 'delimiter.bracket.pebble', foreground: 'D4D4D4' },
|
|
67
|
+
],
|
|
68
|
+
colors: {}
|
|
69
|
+
});
|
|
70
|
+
|
|
49
71
|
editor = monaco.editor.create(outer, {
|
|
50
72
|
value,
|
|
51
73
|
language: 'pebble',
|
|
52
|
-
theme: theme || '
|
|
74
|
+
theme: theme || 'pebble-dark',
|
|
53
75
|
});
|
|
54
76
|
editorRef.current = editor;
|
|
55
77
|
|