@yorkie-js/sdk 0.6.47 → 0.6.49

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yorkie-js/sdk",
3
- "version": "0.6.47",
3
+ "version": "0.6.49",
4
4
  "description": "Yorkie JS SDK",
5
5
  "main": "./dist/yorkie-js-sdk.js",
6
6
  "publishConfig": {
@@ -55,7 +55,7 @@
55
55
  "@connectrpc/connect": "^2.1.1",
56
56
  "@connectrpc/connect-web": "^2.1.1",
57
57
  "long": "^5.3.2",
58
- "@yorkie-js/schema": "0.6.47"
58
+ "@yorkie-js/schema": "0.6.49"
59
59
  },
60
60
  "scripts": {
61
61
  "build": "tsc && vite build -c vite.build.ts",
@@ -1,543 +0,0 @@
1
- html,
2
- body {
3
- margin: 0;
4
- padding: 0;
5
- height: 100%;
6
- overflow: hidden;
7
- }
8
-
9
- .ProseMirror {
10
- position: relative;
11
- word-wrap: break-word;
12
- white-space: pre-wrap;
13
- white-space: break-spaces;
14
- -webkit-font-variant-ligatures: none;
15
- font-variant-ligatures: none;
16
- font-feature-settings: 'liga' 0; /* the above doesn't seem to work in Edge */
17
- }
18
-
19
- .ProseMirror pre {
20
- white-space: pre-wrap;
21
- }
22
-
23
- .ProseMirror li {
24
- position: relative;
25
- }
26
-
27
- .ProseMirror-hideselection *::selection {
28
- background: transparent;
29
- }
30
- .ProseMirror-hideselection *::-moz-selection {
31
- background: transparent;
32
- }
33
- .ProseMirror-hideselection {
34
- caret-color: transparent;
35
- }
36
-
37
- .ProseMirror-selectednode {
38
- outline: 2px solid #8cf;
39
- }
40
-
41
- /* Make sure li selections wrap around markers */
42
-
43
- li.ProseMirror-selectednode {
44
- outline: none;
45
- }
46
-
47
- li.ProseMirror-selectednode:after {
48
- content: '';
49
- position: absolute;
50
- left: -32px;
51
- right: -2px;
52
- top: -2px;
53
- bottom: -2px;
54
- border: 2px solid #8cf;
55
- pointer-events: none;
56
- }
57
-
58
- /* Protect against generic img rules */
59
-
60
- img.ProseMirror-separator {
61
- display: inline !important;
62
- border: none !important;
63
- margin: 0 !important;
64
- }
65
- .ProseMirror-textblock-dropdown {
66
- min-width: 3em;
67
- }
68
-
69
- .ProseMirror-menu {
70
- margin: 0 -4px;
71
- line-height: 1;
72
- }
73
-
74
- .ProseMirror-tooltip .ProseMirror-menu {
75
- width: -webkit-fit-content;
76
- width: fit-content;
77
- white-space: pre;
78
- }
79
-
80
- .ProseMirror-menuitem {
81
- margin-right: 3px;
82
- display: inline-block;
83
- }
84
-
85
- .ProseMirror-menuseparator {
86
- border-right: 1px solid #ddd;
87
- margin-right: 3px;
88
- }
89
-
90
- .ProseMirror-menu-dropdown,
91
- .ProseMirror-menu-dropdown-menu {
92
- font-size: 90%;
93
- white-space: nowrap;
94
- }
95
-
96
- .ProseMirror-menu-dropdown {
97
- vertical-align: 1px;
98
- cursor: pointer;
99
- position: relative;
100
- padding-right: 15px;
101
- }
102
-
103
- .ProseMirror-menu-dropdown-wrap {
104
- padding: 1px 0 1px 4px;
105
- display: inline-block;
106
- position: relative;
107
- }
108
-
109
- .ProseMirror-menu-dropdown:after {
110
- content: '';
111
- border-left: 4px solid transparent;
112
- border-right: 4px solid transparent;
113
- border-top: 4px solid currentColor;
114
- opacity: 0.6;
115
- position: absolute;
116
- right: 4px;
117
- top: calc(50% - 2px);
118
- }
119
-
120
- .ProseMirror-menu-dropdown-menu,
121
- .ProseMirror-menu-submenu {
122
- position: absolute;
123
- background: white;
124
- color: #666;
125
- border: 1px solid #aaa;
126
- padding: 2px;
127
- }
128
-
129
- .ProseMirror-menu-dropdown-menu {
130
- z-index: 15;
131
- min-width: 6em;
132
- }
133
-
134
- .ProseMirror-menu-dropdown-item {
135
- cursor: pointer;
136
- padding: 2px 8px 2px 4px;
137
- }
138
-
139
- .ProseMirror-menu-dropdown-item:hover {
140
- background: #f2f2f2;
141
- }
142
-
143
- .ProseMirror-menu-submenu-wrap {
144
- position: relative;
145
- margin-right: -4px;
146
- }
147
-
148
- .ProseMirror-menu-submenu-label:after {
149
- content: '';
150
- border-top: 4px solid transparent;
151
- border-bottom: 4px solid transparent;
152
- border-left: 4px solid currentColor;
153
- opacity: 0.6;
154
- position: absolute;
155
- right: 4px;
156
- top: calc(50% - 4px);
157
- }
158
-
159
- .ProseMirror-menu-submenu {
160
- display: none;
161
- min-width: 4em;
162
- left: 100%;
163
- top: -3px;
164
- }
165
-
166
- .ProseMirror-menu-active {
167
- background: #eee;
168
- border-radius: 4px;
169
- }
170
-
171
- .ProseMirror-menu-disabled {
172
- opacity: 0.3;
173
- }
174
-
175
- .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,
176
- .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
177
- display: block;
178
- }
179
-
180
- .ProseMirror-menubar {
181
- border-top-left-radius: inherit;
182
- border-top-right-radius: inherit;
183
- position: relative;
184
- min-height: 1em;
185
- color: #666;
186
- padding: 1px 6px;
187
- top: 0;
188
- left: 0;
189
- right: 0;
190
- border-bottom: 1px solid silver;
191
- background: white;
192
- z-index: 10;
193
- -moz-box-sizing: border-box;
194
- box-sizing: border-box;
195
- overflow: visible;
196
- }
197
-
198
- .ProseMirror-icon {
199
- display: inline-block;
200
- line-height: 0.8;
201
- vertical-align: -2px; /* Compensate for padding */
202
- padding: 2px 8px;
203
- cursor: pointer;
204
- }
205
-
206
- .ProseMirror-menu-disabled.ProseMirror-icon {
207
- cursor: default;
208
- }
209
-
210
- .ProseMirror-icon svg {
211
- fill: currentColor;
212
- height: 1em;
213
- }
214
-
215
- .ProseMirror-icon span {
216
- vertical-align: text-top;
217
- }
218
- .ProseMirror-gapcursor {
219
- display: none;
220
- pointer-events: none;
221
- position: absolute;
222
- }
223
-
224
- .ProseMirror-gapcursor:after {
225
- content: '';
226
- display: block;
227
- position: absolute;
228
- top: -2px;
229
- width: 20px;
230
- border-top: 1px solid black;
231
- animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
232
- }
233
-
234
- .username-layer::before {
235
- content: '';
236
- position: absolute;
237
- width: 2px;
238
- left: -1px;
239
- background-color: currentColor;
240
- bottom: -100%;
241
- height: 100%;
242
- }
243
-
244
- .username-layer.first-top::before {
245
- content: '';
246
- position: absolute;
247
- width: 2px;
248
- left: -1px;
249
- background-color: currentColor;
250
- top: -100%;
251
- height: 100%;
252
- }
253
-
254
- @keyframes ProseMirror-cursor-blink {
255
- to {
256
- visibility: hidden;
257
- }
258
- }
259
-
260
- .ProseMirror-focused .ProseMirror-gapcursor {
261
- display: block;
262
- }
263
- /* Add space around the hr to make clicking it easier */
264
-
265
- .ProseMirror-example-setup-style hr {
266
- padding: 2px 10px;
267
- border: none;
268
- margin: 1em 0;
269
- }
270
-
271
- .ProseMirror-example-setup-style hr:after {
272
- content: '';
273
- display: block;
274
- height: 1px;
275
- background-color: silver;
276
- line-height: 2px;
277
- }
278
-
279
- .ProseMirror ul,
280
- .ProseMirror ol {
281
- padding-left: 30px;
282
- }
283
-
284
- .ProseMirror blockquote {
285
- padding-left: 1em;
286
- border-left: 3px solid #eee;
287
- margin-left: 0;
288
- margin-right: 0;
289
- }
290
-
291
- .ProseMirror-example-setup-style img {
292
- cursor: default;
293
- }
294
-
295
- .ProseMirror-prompt {
296
- background: white;
297
- padding: 5px 10px 5px 15px;
298
- border: 1px solid silver;
299
- position: fixed;
300
- border-radius: 3px;
301
- z-index: 11;
302
- box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
303
- }
304
-
305
- .ProseMirror-prompt h5 {
306
- margin: 0;
307
- font-weight: normal;
308
- font-size: 100%;
309
- color: #444;
310
- }
311
-
312
- .ProseMirror-prompt input[type='text'],
313
- .ProseMirror-prompt textarea {
314
- background: #eee;
315
- border: none;
316
- outline: none;
317
- }
318
-
319
- .ProseMirror-prompt input[type='text'] {
320
- padding: 0 4px;
321
- }
322
-
323
- .ProseMirror-prompt-close {
324
- position: absolute;
325
- left: 2px;
326
- top: 1px;
327
- color: #666;
328
- border: none;
329
- background: transparent;
330
- padding: 0;
331
- }
332
-
333
- .ProseMirror-prompt-close:after {
334
- content: '��';
335
- font-size: 12px;
336
- }
337
-
338
- .ProseMirror-invalid {
339
- background: #ffc;
340
- border: 1px solid #cc7;
341
- border-radius: 4px;
342
- padding: 5px 10px;
343
- position: absolute;
344
- min-width: 10em;
345
- }
346
-
347
- .ProseMirror-prompt-buttons {
348
- margin-top: 5px;
349
- display: none;
350
- }
351
- #editor,
352
- .editor {
353
- background: white;
354
- color: black;
355
- background-clip: padding-box;
356
- border-radius: 4px;
357
- border: 2px solid rgba(0, 0, 0, 0.2);
358
- padding: 5px 0;
359
- margin-bottom: 23px;
360
- }
361
-
362
- .ProseMirror p:first-child,
363
- .ProseMirror h1:first-child,
364
- .ProseMirror h2:first-child,
365
- .ProseMirror h3:first-child,
366
- .ProseMirror h4:first-child,
367
- .ProseMirror h5:first-child,
368
- .ProseMirror h6:first-child {
369
- margin-top: 10px;
370
- }
371
-
372
- .ProseMirror {
373
- padding: 4px 8px 4px 14px;
374
- line-height: 1.2;
375
- outline: none;
376
- }
377
-
378
- .ProseMirror p {
379
- margin-bottom: 1em;
380
- }
381
-
382
- .ProseMirror shouting {
383
- display: inline;
384
- text-transform: uppercase;
385
- font-weight: bold;
386
- }
387
-
388
- .ProseMirror p.boring {
389
- background: #eee;
390
- color: #444;
391
- }
392
-
393
- .ProseMirror note,
394
- .ProseMirror notegroup {
395
- display: block;
396
- border: 1px solid silver;
397
- border-radius: 3px;
398
- padding: 3px 6px;
399
- margin: 5px 0;
400
- }
401
-
402
- .ProseMirror notegroup {
403
- border-color: #66f;
404
- }
405
-
406
- .layout {
407
- display: flex;
408
- height: 100%;
409
- flex-direction: column;
410
- gap: 20px;
411
- }
412
-
413
- .layout .application {
414
- flex: 1 1 auto;
415
- overflow: auto;
416
- padding: 10px;
417
- display: flex;
418
- gap: 20px;
419
- }
420
-
421
- .layout .application > * {
422
- flex: 1 1 auto;
423
- min-width: 0;
424
- border: 1px solid silver;
425
- padding: 10px;
426
- box-sizing: border-box;
427
- }
428
-
429
- .layout .application > .editor-area {
430
- gap: 20px;
431
- position: relative;
432
- }
433
-
434
- .layout .application > .editor-area > * {
435
- min-width: 0;
436
- }
437
-
438
- #app {
439
- border: 1px solid #c0c0c0;
440
- }
441
-
442
- .layout .log {
443
- display: flex;
444
- height: 50%;
445
- overflow: auto;
446
- }
447
-
448
- .layout .log > * {
449
- flex: 1 1 auto;
450
- }
451
-
452
- .layout .log > *:first-child {
453
- border-right: 1px solid silver;
454
- }
455
-
456
- .block {
457
- font-style: italic;
458
- }
459
-
460
- .block.removed {
461
- background-color: rgb(225, 138, 138);
462
- text-decoration: line-through;
463
- }
464
-
465
- .inline {
466
- font-weight: bold;
467
- background-color: rgba(0, 0, 0, 0.2);
468
- display: inline-block;
469
- box-sizing: border-box;
470
- border: 1px solid rgba(0, 0, 0, 0.5);
471
- padding: 0 2px;
472
- }
473
-
474
- .inline.removed {
475
- background-color: rgb(225, 138, 138);
476
- text-decoration: line-through;
477
- }
478
-
479
- .size {
480
- font-size: 0.8em;
481
- font-weight: bold;
482
- background-color: rgba(255, 0, 0, 0.2);
483
- display: inline-block;
484
- box-sizing: border-box;
485
- border: 1px solid rgba(0, 0, 0, 0.5);
486
- padding: 0 2px;
487
- margin-left: 4px;
488
- }
489
-
490
- .block::before {
491
- content: attr(data-id);
492
- margin-right: 4px;
493
- background-color: rgba(255, 0, 0, 0.2);
494
- font-size: 0.8em;
495
- }
496
-
497
- .tr {
498
- flex: none !important;
499
- width: 300px;
500
- }
501
-
502
- .tr-container {
503
- display: flex;
504
- flex-direction: column;
505
- gap: 10px;
506
- height: calc(100% - 90px);
507
- }
508
-
509
- .tr-container > * {
510
- flex: 1 1 auto;
511
- }
512
-
513
- .tr-container > *:first-child {
514
- height: 300px;
515
- background-color: #ddd;
516
- padding: 10px;
517
- overflow: auto;
518
- }
519
-
520
- .tr-item {
521
- line-height: 1;
522
- display: inline-block;
523
- border-radius: 3px;
524
- box-sizing: border-box;
525
- width: 16px;
526
- height: 16px;
527
- text-align: center;
528
- color: #444;
529
- border: 1px solid #444;
530
- vertical-align: middle;
531
- cursor: pointer;
532
- }
533
-
534
- .data-container {
535
- display: flex;
536
- flex-direction: row;
537
- }
538
-
539
- .data-item {
540
- flex-grow: 1;
541
- padding: 10px;
542
- border-left: 1px solid silver;
543
- }