@omegagrid/markdown 0.10.1 → 0.10.2

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 (137) hide show
  1. package/package.json +6 -6
  2. package/dist/components/features/blockEdit.d.ts +0 -23
  3. package/dist/components/features/blockEdit.d.ts.map +0 -1
  4. package/dist/components/features/blockEdit.js +0 -38
  5. package/dist/components/features/blockEdit.js.map +0 -1
  6. package/dist/components/features/blockEditMenu.d.ts +0 -16
  7. package/dist/components/features/blockEditMenu.d.ts.map +0 -1
  8. package/dist/components/features/blockEditMenu.js +0 -25
  9. package/dist/components/features/blockEditMenu.js.map +0 -1
  10. package/dist/components/features/codeBlock.d.ts +0 -31
  11. package/dist/components/features/codeBlock.d.ts.map +0 -1
  12. package/dist/components/features/codeBlock.js +0 -1
  13. package/dist/components/features/codeBlock.js.map +0 -1
  14. package/dist/components/features/htmlBlock.d.ts +0 -39
  15. package/dist/components/features/htmlBlock.d.ts.map +0 -1
  16. package/dist/components/features/htmlBlock.js +0 -52
  17. package/dist/components/features/htmlBlock.js.map +0 -1
  18. package/dist/components/features/index.d.ts +0 -28
  19. package/dist/components/features/index.d.ts.map +0 -1
  20. package/dist/components/features/index.js +0 -1
  21. package/dist/components/features/index.js.map +0 -1
  22. package/dist/components/features/linkEdit/component.d.ts +0 -12
  23. package/dist/components/features/linkEdit/component.d.ts.map +0 -1
  24. package/dist/components/features/linkEdit/component.js +0 -46
  25. package/dist/components/features/linkEdit/component.js.map +0 -1
  26. package/dist/components/features/linkEdit/config.d.ts +0 -4
  27. package/dist/components/features/linkEdit/config.d.ts.map +0 -1
  28. package/dist/components/features/linkEdit/config.js +0 -1
  29. package/dist/components/features/linkEdit/config.js.map +0 -1
  30. package/dist/components/features/linkEdit/index.d.ts +0 -10
  31. package/dist/components/features/linkEdit/index.d.ts.map +0 -1
  32. package/dist/components/features/linkEdit/index.js +0 -1
  33. package/dist/components/features/linkEdit/index.js.map +0 -1
  34. package/dist/components/features/linkEdit/slices.d.ts +0 -20
  35. package/dist/components/features/linkEdit/slices.d.ts.map +0 -1
  36. package/dist/components/features/linkEdit/slices.js +0 -1
  37. package/dist/components/features/linkEdit/slices.js.map +0 -1
  38. package/dist/components/features/linkEdit/utils.d.ts +0 -14
  39. package/dist/components/features/linkEdit/utils.d.ts.map +0 -1
  40. package/dist/components/features/linkEdit/utils.js +0 -1
  41. package/dist/components/features/linkEdit/utils.js.map +0 -1
  42. package/dist/components/features/linkEdit/view.d.ts +0 -19
  43. package/dist/components/features/linkEdit/view.d.ts.map +0 -1
  44. package/dist/components/features/linkEdit/view.js +0 -1
  45. package/dist/components/features/linkEdit/view.js.map +0 -1
  46. package/dist/components/features/placeholder.d.ts +0 -13
  47. package/dist/components/features/placeholder.d.ts.map +0 -1
  48. package/dist/components/features/placeholder.js +0 -1
  49. package/dist/components/features/placeholder.js.map +0 -1
  50. package/dist/components/features/tocBlock.d.ts +0 -21
  51. package/dist/components/features/tocBlock.d.ts.map +0 -1
  52. package/dist/components/features/tocBlock.js +0 -46
  53. package/dist/components/features/tocBlock.js.map +0 -1
  54. package/dist/components/features/toolbar.d.ts +0 -24
  55. package/dist/components/features/toolbar.d.ts.map +0 -1
  56. package/dist/components/features/toolbar.js +0 -67
  57. package/dist/components/features/toolbar.js.map +0 -1
  58. package/dist/components/features/utils.d.ts +0 -12
  59. package/dist/components/features/utils.d.ts.map +0 -1
  60. package/dist/components/features/utils.js +0 -1
  61. package/dist/components/features/utils.js.map +0 -1
  62. package/dist/components/index.d.ts +0 -4
  63. package/dist/components/index.d.ts.map +0 -1
  64. package/dist/components/index.js +0 -1
  65. package/dist/components/index.js.map +0 -1
  66. package/dist/components/markdownEditor.d.ts +0 -36
  67. package/dist/components/markdownEditor.d.ts.map +0 -1
  68. package/dist/components/markdownEditor.js +0 -7
  69. package/dist/components/markdownEditor.js.map +0 -1
  70. package/dist/components/markdownEditor.style.d.ts +0 -2
  71. package/dist/components/markdownEditor.style.d.ts.map +0 -1
  72. package/dist/components/markdownEditor.style.js +0 -230
  73. package/dist/components/markdownEditor.style.js.map +0 -1
  74. package/dist/components/markdownView.d.ts +0 -5
  75. package/dist/components/markdownView.d.ts.map +0 -1
  76. package/dist/components/markdownView.js +0 -1
  77. package/dist/components/markdownView.js.map +0 -1
  78. package/dist/components/markdownView.style.d.ts +0 -2
  79. package/dist/components/markdownView.style.d.ts.map +0 -1
  80. package/dist/components/markdownView.style.js +0 -44
  81. package/dist/components/markdownView.style.js.map +0 -1
  82. package/dist/components/styles/block-edit.d.ts +0 -2
  83. package/dist/components/styles/block-edit.d.ts.map +0 -1
  84. package/dist/components/styles/block-edit.js +0 -132
  85. package/dist/components/styles/block-edit.js.map +0 -1
  86. package/dist/components/styles/cursor.d.ts +0 -2
  87. package/dist/components/styles/cursor.d.ts.map +0 -1
  88. package/dist/components/styles/cursor.js +0 -12
  89. package/dist/components/styles/cursor.js.map +0 -1
  90. package/dist/components/styles/emoji.d.ts +0 -2
  91. package/dist/components/styles/emoji.d.ts.map +0 -1
  92. package/dist/components/styles/emoji.js +0 -14
  93. package/dist/components/styles/emoji.js.map +0 -1
  94. package/dist/components/styles/image-block.d.ts +0 -2
  95. package/dist/components/styles/image-block.d.ts.map +0 -1
  96. package/dist/components/styles/image-block.js +0 -395
  97. package/dist/components/styles/image-block.js.map +0 -1
  98. package/dist/components/styles/index.d.ts +0 -3
  99. package/dist/components/styles/index.d.ts.map +0 -1
  100. package/dist/components/styles/index.js +0 -1
  101. package/dist/components/styles/index.js.map +0 -1
  102. package/dist/components/styles/link-tooltip.d.ts +0 -2
  103. package/dist/components/styles/link-tooltip.d.ts.map +0 -1
  104. package/dist/components/styles/link-tooltip.js +0 -110
  105. package/dist/components/styles/link-tooltip.js.map +0 -1
  106. package/dist/components/styles/list-item.d.ts +0 -2
  107. package/dist/components/styles/list-item.d.ts.map +0 -1
  108. package/dist/components/styles/list-item.js +0 -40
  109. package/dist/components/styles/list-item.js.map +0 -1
  110. package/dist/components/styles/placeholder.d.ts +0 -2
  111. package/dist/components/styles/placeholder.d.ts.map +0 -1
  112. package/dist/components/styles/placeholder.js +0 -9
  113. package/dist/components/styles/placeholder.js.map +0 -1
  114. package/dist/components/styles/prosemirror.d.ts +0 -2
  115. package/dist/components/styles/prosemirror.d.ts.map +0 -1
  116. package/dist/components/styles/prosemirror.js +0 -56
  117. package/dist/components/styles/prosemirror.js.map +0 -1
  118. package/dist/components/styles/table.d.ts +0 -2
  119. package/dist/components/styles/table.d.ts.map +0 -1
  120. package/dist/components/styles/table.js +0 -283
  121. package/dist/components/styles/table.js.map +0 -1
  122. package/dist/constants.d.ts +0 -47
  123. package/dist/constants.d.ts.map +0 -1
  124. package/dist/constants.js +0 -1
  125. package/dist/constants.js.map +0 -1
  126. package/dist/index.d.ts +0 -4
  127. package/dist/index.d.ts.map +0 -1
  128. package/dist/index.js +0 -1
  129. package/dist/index.js.map +0 -1
  130. package/dist/loader.d.ts +0 -16
  131. package/dist/loader.d.ts.map +0 -1
  132. package/dist/loader.js +0 -1
  133. package/dist/loader.js.map +0 -1
  134. package/dist/utils.d.ts +0 -11
  135. package/dist/utils.d.ts.map +0 -1
  136. package/dist/utils.js +0 -1
  137. package/dist/utils.js.map +0 -1
@@ -1,56 +0,0 @@
1
- import{css}from"lit";export const style=css`
2
- .ProseMirror {
3
- position: relative;
4
- }
5
-
6
- .ProseMirror {
7
- word-wrap: break-word;
8
- white-space: pre-wrap;
9
- white-space: break-spaces;
10
- -webkit-font-variant-ligatures: none;
11
- font-variant-ligatures: none;
12
- font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
13
- }
14
-
15
- .ProseMirror pre {
16
- white-space: pre-wrap;
17
- }
18
-
19
- .ProseMirror li {
20
- position: relative;
21
- }
22
-
23
- .ProseMirror-hideselection *::selection { background: transparent; }
24
- .ProseMirror-hideselection *::-moz-selection { background: transparent; }
25
- .ProseMirror-hideselection { caret-color: transparent; }
26
-
27
- /* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
28
- .ProseMirror [draggable][contenteditable=false] { user-select: text }
29
-
30
- .ProseMirror-selectednode {
31
- outline: 2px solid #8cf;
32
- }
33
-
34
- /* Make sure li selections wrap around markers */
35
-
36
- li.ProseMirror-selectednode {
37
- outline: none;
38
- }
39
-
40
- li.ProseMirror-selectednode:after {
41
- content: "";
42
- position: absolute;
43
- left: -32px;
44
- right: -2px; top: -2px; bottom: -2px;
45
- border: 2px solid #8cf;
46
- pointer-events: none;
47
- }
48
-
49
- /* Protect against generic img rules */
50
-
51
- img.ProseMirror-separator {
52
- display: inline !important;
53
- border: none !important;
54
- margin: 0 !important;
55
- }
56
- `;
@@ -1 +0,0 @@
1
- {"version":3,"file":"prosemirror.js","sourceRoot":"","sources":["../../../src/components/styles/prosemirror.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t.ProseMirror {\n\t\tposition: relative;\n\t}\n\n\t.ProseMirror {\n\t\tword-wrap: break-word;\n\t\twhite-space: pre-wrap;\n\t\twhite-space: break-spaces;\n\t\t-webkit-font-variant-ligatures: none;\n\t\tfont-variant-ligatures: none;\n\t\tfont-feature-settings: \"liga\" 0; /* the above doesn't seem to work in Edge */\n\t}\n\n\t.ProseMirror pre {\n\t\twhite-space: pre-wrap;\n\t}\n\n\t.ProseMirror li {\n\t\tposition: relative;\n\t}\n\n\t.ProseMirror-hideselection *::selection { background: transparent; }\n\t.ProseMirror-hideselection *::-moz-selection { background: transparent; }\n\t.ProseMirror-hideselection { caret-color: transparent; }\n\n\t/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */\n\t.ProseMirror [draggable][contenteditable=false] { user-select: text }\n\n\t.ProseMirror-selectednode {\n\t\toutline: 2px solid #8cf;\n\t}\n\n\t/* Make sure li selections wrap around markers */\n\n\tli.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\tli.ProseMirror-selectednode:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tleft: -32px;\n\t\tright: -2px; top: -2px; bottom: -2px;\n\t\tborder: 2px solid #8cf;\n\t\tpointer-events: none;\n\t}\n\n\t/* Protect against generic img rules */\n\n\timg.ProseMirror-separator {\n\t\tdisplay: inline !important;\n\t\tborder: none !important;\n\t\tmargin: 0 !important;\n\t}\n`;\n"]}
@@ -1,2 +0,0 @@
1
- export declare const style: import("lit").CSSResult;
2
- //# sourceMappingURL=table.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/styles/table.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA0RjB,CAAC"}
@@ -1,283 +0,0 @@
1
- import{css}from"lit";export const style=css`
2
- .ProseMirror .tableWrapper {
3
- overflow-x: auto;
4
- }
5
- .ProseMirror table {
6
- border-collapse: collapse;
7
- table-layout: fixed;
8
- width: 100%;
9
- overflow: hidden;
10
- }
11
- .ProseMirror td, .ProseMirror th {
12
- vertical-align: top;
13
- box-sizing: border-box;
14
- position: relative;
15
- }
16
-
17
- .ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
18
- .ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
19
- /* if there's no explicit width set and the column is not being resized, set a default width */
20
- min-width: var(--default-cell-min-width);
21
- }
22
-
23
- .ProseMirror .column-resize-handle {
24
- position: absolute;
25
- right: -2px;
26
- top: 0;
27
- bottom: 0;
28
- width: 4px;
29
- z-index: 20;
30
- background-color: #adf;
31
- pointer-events: none;
32
- }
33
-
34
- .ProseMirror.resize-cursor {
35
- cursor: ew-resize;
36
- cursor: col-resize;
37
- }
38
-
39
- /* Give selected cells a blue overlay */
40
- .ProseMirror .selectedCell:after {
41
- z-index: 2;
42
- position: absolute;
43
- content: '';
44
- left: 0;
45
- right: 0;
46
- top: 0;
47
- bottom: 0;
48
- background: rgba(200, 200, 255, 0.4);
49
- pointer-events: none;
50
- }
51
-
52
- .milkdown-table-block {
53
- display: block;
54
- margin: 4px 0;
55
- }
56
-
57
- .milkdown .milkdown-table-block table {
58
- margin: 0 !important;
59
- }
60
-
61
- .milkdown .milkdown-table-block th,
62
- .milkdown .milkdown-table-block td {
63
- border: 1px solid color-mix(in srgb, var(--og-border-color-3), transparent 80%);
64
- padding: 2px 10px;
65
- }
66
-
67
- .milkdown .milkdown-table-block th .ProseMirror-selectednode,
68
- .milkdown .milkdown-table-block td .ProseMirror-selectednode {
69
- background-color: transparent !important;
70
- }
71
-
72
- .milkdown .milkdown-table-block th:has(.ProseMirror-selectednode),
73
- .milkdown .milkdown-table-block td:has(.ProseMirror-selectednode) {
74
- outline: 1px solid var(--markdown-color-primary);
75
- outline-offset: -1px;
76
- }
77
-
78
- .milkdown .milkdown-table-block .selectedCell::after {
79
- background-color: var(--markdown-color-selected);
80
- opacity: 0.4;
81
- }
82
-
83
- .milkdown .milkdown-table-block .selectedCell ::selection {
84
- background: transparent;
85
- }
86
-
87
- /* drag preview */
88
-
89
- .milkdown .milkdown-table-block .drag-preview {
90
- background-color: var(--markdown-color-surface);
91
- opacity: 0.4;
92
- position: absolute;
93
- z-index: 100;
94
- display: flex;
95
- flex-direction: column;
96
- outline: 1px solid var(--markdown-color-primary);
97
- outline-offset: -1px;
98
- }
99
-
100
- .milkdown .milkdown-table-block .drag-preview[data-show='false'] {
101
- display: none;
102
- }
103
-
104
- .milkdown .milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode),
105
- .milkdown .milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode) {
106
- outline: none;
107
- }
108
-
109
- /* handle */
110
-
111
- .milkdown .milkdown-table-block .handle {
112
- position: absolute;
113
- font-size: 14px;
114
- transition: opacity ease-in-out 0.2s;
115
- }
116
-
117
- .milkdown .milkdown-table-block .handle[data-show='false'] {
118
- opacity: 0;
119
- }
120
-
121
- .milkdown .milkdown-table-block svg {
122
- fill: var(--markdown-color-outline);
123
- }
124
-
125
- /* cell handle */
126
-
127
- .milkdown .milkdown-table-block .cell-handle {
128
- z-index: 50;
129
- left: -999px;
130
- top: -999px;
131
- cursor: grab;
132
- background-color: var(--og-accent-color);
133
- color: var(--og-text-color-2);
134
- border-radius: 100px;
135
- box-shadow: var(--markdown-shadow-1);
136
- transition: background-color 0.2s ease-in-out;
137
- }
138
-
139
- .milkdown .milkdown-table-block .cell-handle:hover {
140
- background-color: var(--og-accent-color-highlight);
141
- opacity: 1;
142
- }
143
-
144
- .milkdown .milkdown-table-block .cell-handle:has(.button-group:hover) {
145
- background-color: var(--og-accent-color-highlight);
146
- }
147
-
148
- .milkdown .milkdown-table-block .cell-handle[data-role='col-drag-handle'] {
149
- transform: translateY(50%);
150
- padding: 0 6px;
151
- width: 28px;
152
- height: 16px;
153
- }
154
-
155
- .milkdown .milkdown-table-block .cell-handle[data-role='row-drag-handle'] {
156
- transform: translateX(50%);
157
- padding: 6px 0;
158
- width: 16px;
159
- height: 28px;
160
- }
161
-
162
- /* button group */
163
-
164
- .milkdown .milkdown-table-block .cell-handle .button-group {
165
- position: absolute;
166
- transform: translateX(-50%);
167
- left: 50%;
168
- top: -10px;
169
- display: flex;
170
- background-color: var(--og-background-color);
171
- border: 1px solid var(--og-accent-color);
172
- border-radius: var(--og-base-radius);
173
- box-shadow: var(--markdown-shadow-1);
174
- }
175
-
176
- .milkdown .milkdown-table-block .cell-handle .button-group::after {
177
- content: '';
178
- position: absolute;
179
- bottom: -8px;
180
- height: 8px;
181
- background-color: transparent;
182
- width: 100%;
183
- }
184
-
185
- .milkdown .milkdown-table-block .cell-handle .button-group[data-show='false'] {
186
- display: none;
187
- }
188
-
189
- .milkdown .milkdown-table-block .cell-handle .button-group button {
190
- background-color: var(--og-accent-color);
191
- color: var(--og-text-color-2);
192
- cursor: pointer;
193
- margin: 6px;
194
- padding: 4px;
195
- display: flex;
196
- justify-content: center;
197
- align-items: center;
198
- border-radius: 4px;
199
- }
200
-
201
- .milkdown .milkdown-table-block .cell-handle .button-group button svg {
202
- width: 24px;
203
- height: 24px;
204
- }
205
-
206
- .milkdown .milkdown-table-block .cell-handle .button-group button:hover {
207
- border-radius: var(--og-base-radius);
208
- background-color: var(--og-accent-color-highlight);
209
- }
210
-
211
- .milkdown .milkdown-table-block .cell-handle .button-group button:active {
212
- background: var(--markdown-color-selected);
213
- }
214
-
215
- /* line handle */
216
-
217
- .milkdown .milkdown-table-block .line-handle {
218
- z-index: 20;
219
- background-color: var(--markdown-color-primary);
220
- }
221
-
222
- .milkdown .milkdown-table-block .line-handle:hover {
223
- opacity: 1;
224
- }
225
-
226
- .milkdown .milkdown-table-block .line-handle .add-button {
227
- cursor: pointer;
228
- background-color: var(--og-accent-color);
229
- color: var(--og-text-color-2);
230
- border-radius: 100px;
231
- box-shadow: var(--markdown-shadow-1);
232
- transition: background-color 0.2s ease-in-out;
233
- }
234
-
235
- .milkdown .milkdown-table-block .line-handle .add-button svg {
236
- width: 16px;
237
- height: 16px;
238
- }
239
-
240
- .milkdown .milkdown-table-block .line-handle .add-button:hover {
241
- background-color: var(--og-accent-color-highlight);
242
- }
243
-
244
- .milkdown .milkdown-table-block .line-handle .add-button:active {
245
- background: var(--markdown-color-selected);
246
- }
247
-
248
- .milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] {
249
- height: 1px;
250
- z-index: 2;
251
- }
252
-
253
- .milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] .add-button {
254
- position: absolute;
255
- transform: translateX(-50%) translateY(-50%);
256
- padding: 6px 0;
257
- width: 16px;
258
- height: 28px;
259
- }
260
-
261
- .milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] {
262
- width: 1px;
263
- z-index: 1;
264
- }
265
-
266
- .milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] .add-button {
267
- position: absolute;
268
- transform: translateY(-50%) translateX(-50%);
269
- padding: 0 6px;
270
- width: 28px;
271
- height: 16px;
272
- }
273
-
274
- .milkdown .milkdown-table-block .line-handle[data-display-type='indicator'] .add-button {
275
- display: none;
276
- }
277
-
278
- /* readonly */
279
-
280
- .milkdown .milkdown-table-block.readonly .handle {
281
- display: none;
282
- }
283
- `;
@@ -1 +0,0 @@
1
- {"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/styles/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0RvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\t.ProseMirror .tableWrapper {\n\t\toverflow-x: auto;\n\t}\n\t.ProseMirror table {\n\t\tborder-collapse: collapse;\n\t\ttable-layout: fixed;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t}\n\t.ProseMirror td, .ProseMirror th {\n\t\tvertical-align: top;\n\t\tbox-sizing: border-box;\n\t\tposition: relative;\n\t}\n\t\t\n\t.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),\n\t.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {\n\t\t/* if there's no explicit width set and the column is not being resized, set a default width */\n\t\tmin-width: var(--default-cell-min-width);\n\t}\n\t\t\n\t.ProseMirror .column-resize-handle {\n\t\tposition: absolute;\n\t\tright: -2px;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\twidth: 4px;\n\t\tz-index: 20;\n\t\tbackground-color: #adf;\n\t\tpointer-events: none;\n\t}\n\n\t.ProseMirror.resize-cursor {\n\t\tcursor: ew-resize;\n\t\tcursor: col-resize;\n\t}\n\n\t/* Give selected cells a blue overlay */\n\t.ProseMirror .selectedCell:after {\n\t\tz-index: 2;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tbackground: rgba(200, 200, 255, 0.4);\n\t\tpointer-events: none;\n\t}\n\n\t.milkdown-table-block {\n\t\tdisplay: block;\n\t\tmargin: 4px 0;\n\t}\n\n\t.milkdown .milkdown-table-block table {\n\t\tmargin: 0 !important;\n\t}\n\n\t.milkdown .milkdown-table-block th,\n\t.milkdown .milkdown-table-block td {\n\t\tborder: 1px solid color-mix(in srgb, var(--og-border-color-3), transparent 80%);\n\t\tpadding: 2px 10px;\n\t}\n\n\t.milkdown .milkdown-table-block th .ProseMirror-selectednode,\n\t.milkdown .milkdown-table-block td .ProseMirror-selectednode {\n\t\tbackground-color: transparent !important;\n\t}\n\n\t.milkdown .milkdown-table-block th:has(.ProseMirror-selectednode),\n\t.milkdown .milkdown-table-block td:has(.ProseMirror-selectednode) {\n\t\toutline: 1px solid var(--markdown-color-primary);\n\t\toutline-offset: -1px;\n\t}\n\n\t.milkdown .milkdown-table-block .selectedCell::after {\n\t\tbackground-color: var(--markdown-color-selected);\n\t\topacity: 0.4;\n\t}\n\n\t.milkdown .milkdown-table-block .selectedCell ::selection {\n\t\tbackground: transparent;\n\t}\n\n\t/* drag preview */\n\n\t.milkdown .milkdown-table-block .drag-preview {\n\t\tbackground-color: var(--markdown-color-surface);\n\t\topacity: 0.4;\n\t\tposition: absolute;\n\t\tz-index: 100;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toutline: 1px solid var(--markdown-color-primary);\n\t\toutline-offset: -1px;\n\t}\n\n\t.milkdown .milkdown-table-block .drag-preview[data-show='false'] {\n\t\tdisplay: none;\n\t}\n\n\t.milkdown .milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode),\n\t.milkdown .milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode) {\n\t\toutline: none;\n\t}\n\n\t/* handle */\n\n\t.milkdown .milkdown-table-block .handle {\n\t\tposition: absolute;\n\t\tfont-size: 14px;\n\t\ttransition: opacity ease-in-out 0.2s;\n\t}\n\n\t.milkdown .milkdown-table-block .handle[data-show='false'] {\n\t\topacity: 0;\n\t}\n\n\t.milkdown .milkdown-table-block svg {\n\t\tfill: var(--markdown-color-outline);\n\t}\n\n\t/* cell handle */\n\n\t.milkdown .milkdown-table-block .cell-handle {\n\t\tz-index: 50;\n\t\tleft: -999px;\n\t\ttop: -999px;\n\t\tcursor: grab;\n\t\tbackground-color: var(--og-accent-color);\n\t\tcolor: var(--og-text-color-2);\n\t\tborder-radius: 100px;\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t\ttransition: background-color 0.2s ease-in-out;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle:hover {\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t\topacity: 1;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle:has(.button-group:hover) {\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle[data-role='col-drag-handle'] {\n\t\ttransform: translateY(50%);\n\t\tpadding: 0 6px;\n\t\twidth: 28px;\n\t\theight: 16px;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle[data-role='row-drag-handle'] {\n\t\ttransform: translateX(50%);\n\t\tpadding: 6px 0;\n\t\twidth: 16px;\n\t\theight: 28px;\n\t}\n\n\t/* button group */\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group {\n\t\tposition: absolute;\n\t\ttransform: translateX(-50%);\n\t\tleft: 50%;\n\t\ttop: -10px;\n\t\tdisplay: flex;\n\t\tbackground-color: var(--og-background-color);\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tborder-radius: var(--og-base-radius);\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbottom: -8px;\n\t\theight: 8px;\n\t\tbackground-color: transparent;\n\t\twidth: 100%;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group[data-show='false'] {\n\t\tdisplay: none;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button {\n\t\tbackground-color: var(--og-accent-color);\n\t\tcolor: var(--og-text-color-2);\n\t\tcursor: pointer;\n\t\tmargin: 6px;\n\t\tpadding: 4px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder-radius: 4px;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button:hover {\n\t\tborder-radius: var(--og-base-radius);\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t}\n\n\t.milkdown .milkdown-table-block .cell-handle .button-group button:active {\n\t\tbackground: var(--markdown-color-selected);\n\t}\n\n\t/* line handle */\n\n\t.milkdown .milkdown-table-block .line-handle {\n\t\tz-index: 20;\n\t\tbackground-color: var(--markdown-color-primary);\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle:hover {\n\t\topacity: 1;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button {\n\t\tcursor: pointer;\n\t\tbackground-color: var(--og-accent-color);\n\t\tcolor: var(--og-text-color-2);\n\t\tborder-radius: 100px;\n\t\tbox-shadow: var(--markdown-shadow-1);\n\t\ttransition: background-color 0.2s ease-in-out;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button svg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button:hover {\n\t\tbackground-color: var(--og-accent-color-highlight);\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle .add-button:active {\n\t\tbackground: var(--markdown-color-selected);\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] {\n\t\theight: 1px;\n\t\tz-index: 2;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='x-line-drag-handle'] .add-button {\n\t\tposition: absolute;\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t\tpadding: 6px 0;\n\t\twidth: 16px;\n\t\theight: 28px;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] {\n\t\twidth: 1px;\n\t\tz-index: 1;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-role='y-line-drag-handle'] .add-button {\n\t\tposition: absolute;\n\t\ttransform: translateY(-50%) translateX(-50%);\n\t\tpadding: 0 6px;\n\t\twidth: 28px;\n\t\theight: 16px;\n\t}\n\n\t.milkdown .milkdown-table-block .line-handle[data-display-type='indicator'] .add-button {\n\t\tdisplay: none;\n\t}\n\n\t/* readonly */\n\n\t.milkdown .milkdown-table-block.readonly .handle {\n\t\tdisplay: none;\n\t}\n`;\n"]}
@@ -1,47 +0,0 @@
1
- declare const _default: {
2
- PREFIX: string;
3
- DEFAULT_ACCENT_COLOR: string;
4
- DEFAULT_ACCENT_COLOR_2: import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | any | ArrayLike<number> | {
5
- [key: string]: any;
6
- }> | ArrayLike<number> | {
7
- [key: string]: any;
8
- }> | ArrayLike<number> | {
9
- [key: string]: any;
10
- }> | ArrayLike<number> | {
11
- [key: string]: any;
12
- }> | ArrayLike<number> | {
13
- [key: string]: any;
14
- }> | ArrayLike<number> | {
15
- [key: string]: any;
16
- }> | ArrayLike<number> | {
17
- [key: string]: any;
18
- }> | ArrayLike<number> | {
19
- [key: string]: any;
20
- }> | ArrayLike<number> | {
21
- [key: string]: any;
22
- }> | ArrayLike<number> | {
23
- [key: string]: any;
24
- }> | ArrayLike<number> | {
25
- [key: string]: any;
26
- }> | ArrayLike<number> | {
27
- [key: string]: any;
28
- }>;
29
- SIZER_SIZE: number;
30
- SLIDER_SIZE: number;
31
- SLIDER_MIN_LENGTH: number;
32
- EXPANDER_SIZE: number;
33
- LIST_ITEM_HEIGHT: number;
34
- LIST_RENDERING_TRESHOLD: number;
35
- LIST_AUTOSCROLL_TRESHOLD: number;
36
- LIST_AUTOSCROLL_DELAY: number;
37
- DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
38
- TOOLTIP_MARGIN: number;
39
- MENU_ITEM_HEIGHT: number;
40
- COLORPICKER_COLOR_SIZE: number;
41
- DEFAULT_NUMBER_FORMAT: string;
42
- BUTTON_HEIGHT: number;
43
- FONT_SIZE: number;
44
- FLOATING_WINDOW_MAX_WIDTH: number;
45
- };
46
- export default _default;
47
- //# sourceMappingURL=constants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEE"}
package/dist/constants.js DELETED
@@ -1 +0,0 @@
1
- import{constants as coreConstants}from"@omegagrid/core";export default{...coreConstants};
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7D,eAAe;IACd,GAAG,aAAa;CAChB,CAAC","sourcesContent":["import { constants as coreConstants } from '@omegagrid/core';\n\nexport default {\n\t...coreConstants\n};"]}
package/dist/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export * from './components';
2
- export * from './utils';
3
- export { MilkdownLoader as loader } from './loader';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
package/dist/index.js DELETED
@@ -1 +0,0 @@
1
- export*from"./components";export*from"./utils";export{MilkdownLoader as loader}from"./loader";
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export * from './components';\nexport * from './utils';\nexport { MilkdownLoader as loader } from './loader';\n"]}
package/dist/loader.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import type * as milkdown from "@omegagrid/milkdown-kit";
2
- declare global {
3
- interface Window {
4
- Milkdown: typeof milkdown;
5
- }
6
- }
7
- export declare const md: Partial<typeof milkdown>;
8
- export declare class MilkdownLoader {
9
- #private;
10
- static milkdownPath: string;
11
- static init(path: string): void;
12
- static get(): Promise<typeof milkdown>;
13
- static getSync(): typeof milkdown;
14
- static load(): Promise<typeof milkdown>;
15
- }
16
- //# sourceMappingURL=loader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGzD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QAClB,QAAQ,EAAE,OAAO,QAAQ,CAAC;KACvB;CACJ;AAED,eAAO,MAAM,EAAE,EAAE,OAAO,CAAC,OAAO,QAAQ,CAAM,CAAC;AAE/C,qBAAa,cAAc;;IAE1B,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;IAG5B,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM;WAIX,GAAG;IAMhB,MAAM,CAAC,OAAO;WAID,IAAI,IAAI,OAAO,CAAC,OAAO,QAAQ,CAAC;CAe7C"}
package/dist/loader.js DELETED
@@ -1 +0,0 @@
1
- var _a,_MilkdownLoader_milkdown,__classPrivateFieldGet=this&&this.__classPrivateFieldGet||function(e,i,t,a){if("a"===t&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?e!==i||!a:!i.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?a:"a"===t?a.call(e):a?a.value:i.get(e)},__classPrivateFieldSet=this&&this.__classPrivateFieldSet||function(e,i,t,a,o){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?e!==i||!o:!i.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?o.call(e,t):o?o.value=t:i.set(e,t),t};import{ScriptLoader}from"@omegagrid/core";export const md={};export class MilkdownLoader{static init(e){_a.milkdownPath=e}static async get(){return __classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)||__classPrivateFieldSet(this,_a,await this.load(),"f",_MilkdownLoader_milkdown),Object.assign(md,__classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)),__classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)}static getSync(){return __classPrivateFieldGet(this,_a,"f",_MilkdownLoader_milkdown)}static async load(){return window.Milkdown?window.Milkdown:new Promise(((e,i)=>ScriptLoader.load(this.milkdownPath).then((()=>{window.Milkdown?e(window.Milkdown):i("Failed to load Milkdown")})).catch((e=>{console.error("Failed to load Milkdown",e),i(e)}))))}}_a=MilkdownLoader,_MilkdownLoader_milkdown={value:void 0};
@@ -1 +0,0 @@
1
- {"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,MAAM,EAAE,GAA6B,EAAE,CAAC;AAE/C,MAAM,OAAO,cAAc;IAK1B,MAAM,CAAC,IAAI,CAAC,IAAY;QACvB,EAAc,CAAC,YAAY,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,GAAG;QACf,IAAI,CAAC,uBAAA,IAAI,oCAAU;YAAE,uBAAA,IAAI,MAAa,MAAM,IAAI,CAAC,IAAI,EAAE,gCAAA,CAAC;QACxD,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,uBAAA,IAAI,oCAAU,CAAC,CAAC;QAClC,OAAO,uBAAA,IAAI,oCAAU,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,OAAO;QACb,OAAO,uBAAA,IAAI,oCAAU,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI;QAChB,IAAI,MAAM,CAAC,QAAQ;YAAE,OAAO,MAAM,CAAC,QAAQ,CAAC;QAE5C,OAAO,IAAI,OAAO,CAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACvG,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACrB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACP,MAAM,CAAC,yBAAyB,CAAC,CAAC;YACnC,CAAC;QACF,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;YAChD,MAAM,CAAC,KAAK,CAAC,CAAC;QACf,CAAC,CAAC,CAAC,CAAC;IACL,CAAC;CAED;;AA/BO,4CAAS,CAAkB","sourcesContent":["import type * as milkdown from \"@omegagrid/milkdown-kit\";\nimport { ScriptLoader } from \"@omegagrid/core\";\n\ndeclare global {\n interface Window { \n\t\tMilkdown: typeof milkdown,\n }\n}\n\nexport const md: Partial<typeof milkdown> = {};\n\nexport class MilkdownLoader {\n\n\tstatic milkdownPath: string;\n\tstatic #milkdown: typeof milkdown;\n\t\n\tstatic init(path: string) {\n\t\tMilkdownLoader.milkdownPath = path;\n\t}\n\n\tstatic async get() {\n\t\tif (!this.#milkdown) this.#milkdown = await this.load();\n\t\tObject.assign(md, this.#milkdown);\n\t\treturn this.#milkdown;\n\t}\n\n\tstatic getSync() {\n\t\treturn this.#milkdown;\n\t}\n\n\tstatic async load(): Promise<typeof milkdown> {\n\t\tif (window.Milkdown) return window.Milkdown;\n\n\t\treturn new Promise<typeof milkdown>((resolve, reject) => ScriptLoader.load(this.milkdownPath).then(() => {\n\t\t\tif (window.Milkdown) {\n\t\t\t\tresolve(window.Milkdown);\n\t\t\t} else {\n\t\t\t\treject('Failed to load Milkdown');\n\t\t\t}\n\t\t}).catch((error) => {\n\t\t\tconsole.error('Failed to load Milkdown', error);\n\t\t\treject(error);\n\t\t}));\n\t}\n\t\n}\n"]}
package/dist/utils.d.ts DELETED
@@ -1,11 +0,0 @@
1
- export type CreateEditorOptions = {
2
- container?: HTMLElement;
3
- content?: string;
4
- readOnly?: boolean;
5
- onUpload?: (file: File) => Promise<string>;
6
- onChange?: (markdown: string, prevMarkdown: string) => void;
7
- modifyImageUrl?: (file: string) => Promise<string> | string;
8
- };
9
- export declare function createEditor(options?: CreateEditorOptions): Promise<import("@milkdown/core").Editor>;
10
- export declare function markdownToHtml(markdown: string, options?: Omit<CreateEditorOptions, 'content' | 'readOnly'>): Promise<string>;
11
- //# sourceMappingURL=utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG;IACjC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAC,MAAM,CAAC;CAC1D,CAAA;AAED,wBAAsB,YAAY,CAAC,OAAO,CAAC,EAAE,mBAAmB,4CAyC/D;AAED,wBAAsB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAC,UAAU,CAAC,mBAuB/G"}
package/dist/utils.js DELETED
@@ -1 +0,0 @@
1
- import{MilkdownLoader}from"./loader";import{configureFeatures,getFeatures}from".";export async function createEditor(e){const t=await MilkdownLoader.get(),r=t.core.Editor.make(),n=Array.from(getFeatures(r,t,e).entries()).filter((([e,t])=>t.default));return r.config(configureFeatures(n.map((e=>e[0])),t)).config((r=>{e?.container&&r.set(t.core.rootCtx,e.container),e?.content&&r.set(t.core.defaultValueCtx,e.content),e?.readOnly&&r.update(t.core.editorViewOptionsCtx,(e=>({...e,editable:()=>!1}))),r.update(t.plugins.indent.indentConfig.key,(e=>({...e,size:4}))),r.get(t.plugins.listener.listenerCtx).markdownUpdated(((t,r,n)=>{e?.onChange&&r!==n&&e.onChange(r,n)}))})).use(t.presets.commonmark.commonmark).use(t.plugins.listener.listener).use(t.plugins.history.history).use(t.plugins.indent.indent).use(t.plugins.trailing.trailing).use(t.plugins.clipboard.clipboard).use(t.presets.gfm.gfm),n.forEach((e=>e[1].init())),await r.create(),r}export async function markdownToHtml(e,t){const r=await createEditor(Object.assign({},t,{content:e,readOnly:!0})),n=MilkdownLoader.getSync(),i=document.createElement("div"),o=r.ctx.get(n.core.schemaCtx),a=r.ctx.get(n.core.editorViewCtx),s=n.prose.model.DOMSerializer.fromSchema(o).serializeFragment(a.state.doc.content);for(const e of s.querySelectorAll("img")){const r=e.getAttribute("src");if(r&&t?.modifyImageUrl){const n=t.modifyImageUrl(r);e.setAttribute("src","string"==typeof n?n:await n)}e.hasAttribute("ratio")&&(e.style.width=100*parseFloat(e.getAttribute("ratio"))+"%")}return i.appendChild(s),r.destroy(),i.innerHTML}
package/dist/utils.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { MilkdownLoader } from \"./loader\";\nimport { configureFeatures, getFeatures } from '.';\n\nexport type CreateEditorOptions = {\n\tcontainer?: HTMLElement;\n\tcontent?: string;\n\treadOnly?: boolean;\n\tonUpload?: (file: File) => Promise<string>;\n\tonChange?: (markdown: string, prevMarkdown: string) => void;\n\tmodifyImageUrl?: (file: string) => Promise<string>|string;\n}\n\nexport async function createEditor(options?: CreateEditorOptions) {\n\tconst milkdown = await MilkdownLoader.get();\n\tconst editor = milkdown.core.Editor.make();\n\tconst enabledFeatures = Array.from(getFeatures(editor, milkdown, options).entries()).filter(([_k, v]) => v.default);\n\n\teditor.config(configureFeatures(enabledFeatures.map(f => f[0]), milkdown))\n\t\t.config((ctx) => {\n\t\t\tif (options?.container) ctx.set(milkdown.core.rootCtx, options.container);\n\t\t\tif (options?.content) ctx.set(milkdown.core.defaultValueCtx, options.content);\n\t\t\tif (options?.readOnly) {\n\t\t\t\tctx.update(milkdown.core.editorViewOptionsCtx, (prev) => ({...prev, editable: () => false}));\n\t\t\t}\n\n\t\t\tctx.update(milkdown.plugins.indent.indentConfig.key, (value) => ({\n\t\t\t\t...value,\n\t\t\t\tsize: 4,\n\t\t\t}))\n\n\t\t\tconst listener = ctx.get(milkdown.plugins.listener.listenerCtx);\n\t\t\tlistener.markdownUpdated((_ctx, markdown, prevMarkdown) => {\n\t\t\t\tif (options?.onChange && markdown !== prevMarkdown) {\n\t\t\t\t\toptions.onChange(markdown, prevMarkdown);\n\t\t\t\t}\n\t\t\t})\n\t\t\t// listener.mounted((ctx) => {\n\t\t\t// \tconsole.log(options.container);\n\t\t\t// });\n\t\t\t\n\t\t})\n\t\t.use(milkdown.presets.commonmark.commonmark)\n\t\t.use(milkdown.plugins.listener.listener)\n\t\t.use(milkdown.plugins.history.history)\n\t\t.use(milkdown.plugins.indent.indent)\n\t\t.use(milkdown.plugins.trailing.trailing)\n\t\t.use(milkdown.plugins.clipboard.clipboard)\n\t\t.use(milkdown.presets.gfm.gfm);\n\n\tenabledFeatures.forEach(f => f[1].init());\n\n\tawait editor.create();\n\treturn editor;\n}\n\nexport async function markdownToHtml(markdown: string, options?: Omit<CreateEditorOptions, 'content'|'readOnly'>) {\n\tconst editor = await createEditor(Object.assign({}, options, {content: markdown, readOnly: true}));\n\tconst md = MilkdownLoader.getSync();\n\tconst div = document.createElement('div');\n const schema = editor.ctx.get(md.core.schemaCtx);\n const view = editor.ctx.get(md.core.editorViewCtx);\n\tconst fragment = md.prose.model.DOMSerializer.fromSchema(schema).serializeFragment(view.state.doc.content);\n\t\n\tfor (const img of fragment.querySelectorAll('img')) {\n\t\tconst src = img.getAttribute('src');\n\t\tif (src && options?.modifyImageUrl) {\n\t\t\tconst url = options.modifyImageUrl(src);\n\t\t\timg.setAttribute('src', typeof url === 'string' ? url : await url);\n\t\t}\n\n\t\tif (img.hasAttribute('ratio')) {\n\t\t\timg.style.width = (100 * parseFloat(img.getAttribute('ratio'))) + '%';\n\t\t}\n\t}\n\n div.appendChild(fragment);\n\teditor.destroy();\n return div.innerHTML;\n}\n"]}