@podlite/editor-react 0.0.10 → 0.0.14

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 (17) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/esm/index.css +1 -332
  3. package/esm/index.js +31 -13255
  4. package/esm/index.js.map +7 -0
  5. package/jest.config copy.js +2 -0
  6. package/jest.tsconfig.json +1 -0
  7. package/lib/index.css +1 -332
  8. package/lib/index.js +31 -13258
  9. package/lib/index.js.map +7 -0
  10. package/package.json +18 -19
  11. package/scripts/build.ts +17 -0
  12. package/scripts/build_esm.ts +17 -0
  13. package/src/Editor.css +14 -1
  14. package/src/dict.ts +43 -21
  15. package/src/index.tsx +15 -6
  16. package/tsconfig.json +1 -0
  17. package/tsconfig.tsbuildinfo +1 -1309
package/CHANGELOG.md CHANGED
@@ -2,6 +2,19 @@
2
2
 
3
3
  ## Upcoming
4
4
 
5
+ ## 0.0.14
6
+ - fix Toc suggestion
7
+ ## 0.0.13
8
+ - fix Toc suggestion
9
+ ## 0.0.12
10
+ - add caption, toc styles support
11
+ - change search suggestions sorting
12
+ - add =Toc related suggestions
13
+ - add suggestions: code block with formatting
14
+ - fix snippets
15
+ - update build system
16
+ ## 0.0.11
17
+ - minor fix
5
18
  ## 0.0.10
6
19
  - implement autocomplete for directives
7
20
  - update dep
package/esm/index.css CHANGED
@@ -1,332 +1 @@
1
- /* ../../node_modules/codemirror/addon/hint/show-hint.css */
2
- .CodeMirror-hints {
3
- position: absolute;
4
- z-index: 10;
5
- overflow: hidden;
6
- list-style: none;
7
- margin: 0;
8
- padding: 2px;
9
- -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
10
- -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
11
- box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
12
- border-radius: 3px;
13
- border: 1px solid silver;
14
- background: white;
15
- font-size: 90%;
16
- font-family: monospace;
17
- max-height: 20em;
18
- overflow-y: auto;
19
- }
20
- .CodeMirror-hint {
21
- margin: 0;
22
- padding: 0 4px;
23
- border-radius: 2px;
24
- white-space: pre;
25
- color: black;
26
- cursor: pointer;
27
- }
28
- li.CodeMirror-hint-active {
29
- background: #08f;
30
- color: white;
31
- }
32
-
33
- /* src/Editor.css */
34
- .EditorApp {
35
- font-family:
36
- Menlo,
37
- Monaco,
38
- Consolas,
39
- "Courier New",
40
- monospace;
41
- -webkit-font-smoothing: antialiased;
42
- -moz-osx-font-smoothing: grayscale;
43
- }
44
- .App-logo {
45
- height: 40vmin;
46
- pointer-events: none;
47
- }
48
- @media (prefers-reduced-motion: no-preference) {
49
- .App-logo {
50
- animation: App-logo-spin infinite 20s linear;
51
- }
52
- }
53
- .App-header {
54
- background-color: #282c34;
55
- min-height: 100vh;
56
- display: flex;
57
- flex-direction: column;
58
- align-items: center;
59
- justify-content: center;
60
- font-size: calc(10px + 2vmin);
61
- color: white;
62
- }
63
- .App-link {
64
- color: #61dafb;
65
- }
66
- .layout {
67
- position: absolute;
68
- width: 100%;
69
- }
70
- .Editor {
71
- text-align: left;
72
- white-space: pre-wrap;
73
- word-break: break-word;
74
- word-wrap: break-word;
75
- }
76
- [contenteditable]:focus {
77
- outline: 0px solid transparent;
78
- }
79
- .layout__panel {
80
- position: relative;
81
- width: 100%;
82
- height: 100%;
83
- flex: none;
84
- overflow: hidden;
85
- }
86
- .flex--row {
87
- flex-direction: row;
88
- }
89
- .flex {
90
- display: flex;
91
- }
92
- .CodeMirror {
93
- height: auto;
94
- font-family: inherit;
95
- }
96
- pre {
97
- overflow-x: auto;
98
- white-space: pre-wrap;
99
- white-space: -moz-pre-wrap;
100
- white-space: -pre-wrap;
101
- white-space: -o-pre-wrap;
102
- word-wrap: break-word;
103
- }
104
- .title {
105
- margin: 0em;
106
- }
107
- .Editorleft {
108
- border-right: 1px dotted lightgrey;
109
- white-space: pre-wrap;
110
- word-break: break-word;
111
- word-wrap: break-word;
112
- width: 50%;
113
- font-size: 15px;
114
- text-align: left;
115
- }
116
- body {
117
- margin: 0;
118
- font-family:
119
- Menlo,
120
- Monaco,
121
- Consolas,
122
- "Courier New",
123
- monospace;
124
- -webkit-font-smoothing: antialiased;
125
- -moz-osx-font-smoothing: grayscale;
126
- }
127
- code {
128
- font-family:
129
- source-code-pro,
130
- Menlo,
131
- Monaco,
132
- Consolas,
133
- "Courier New",
134
- monospace;
135
- }
136
- pre {
137
- padding: 9.5px;
138
- display: block;
139
- word-break: break-all;
140
- word-wrap: break-word;
141
- background-color: #f8f8f8;
142
- border-radius: 4px;
143
- }
144
- code {
145
- padding: 0;
146
- font-size: inherit;
147
- color: inherit;
148
- white-space: pre-wrap;
149
- background-color: transparent;
150
- border-radius: 0;
151
- }
152
- img {
153
- max-width: 1024px;
154
- }
155
- table {
156
- word-break: normal;
157
- min-width: 70%;
158
- max-width: 100%;
159
- margin: 0 auto;
160
- border-spacing: 0;
161
- border-collapse: collapse;
162
- text-align: center;
163
- margin-top: 2em;
164
- }
165
- table caption {
166
- margin-bottom: 0.8em;
167
- }
168
- table tbody tr:hover {
169
- background-color: #eee;
170
- -webkit-transition: .5s;
171
- transition: .5s;
172
- }
173
- tr th {
174
- vertical-align: bottom;
175
- border-bottom: 2px solid #eee;
176
- }
177
- td {
178
- padding: 8px;
179
- border: 1px solid #eee;
180
- }
181
- .footnote a {
182
- text-decoration: none;
183
- }
184
- .footnotes {
185
- border-top-style: solid;
186
- border-top-width: 1px;
187
- border-top-color: #eee;
188
- }
189
- img {
190
- display: block;
191
- margin: 0 auto;
192
- max-width: 100%;
193
- }
194
- .shadow {
195
- -webkit-box-shadow: 3px 3px 5px 6px #ccc;
196
- -moz-box-shadow: 3px 3px 5px 6px #ccc;
197
- box-shadow: 3px 3px 5px 6px #ccc;
198
- }
199
- .box {
200
- box-shadow:
201
- 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
202
- 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
203
- 0 12.5px 10px rgba(0, 0, 0, 0.06),
204
- 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
205
- 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
206
- 0 100px 80px rgba(0, 0, 0, 0.12);
207
- margin: 100px auto;
208
- background: white;
209
- border-radius: 5px;
210
- }
211
- .video {
212
- max-width: 90%;
213
- margin-bottom: 1em;
214
- }
215
- div.video video {
216
- width: 100%;
217
- outline: none;
218
- border: none;
219
- }
220
- .mermaid svg {
221
- display: block;
222
- margin: auto;
223
- }
224
- .CodeMirror {
225
- height: auto;
226
- font-family: inherit;
227
- }
228
- .title {
229
- margin: 0em;
230
- }
231
- .Editorleft {
232
- border-right: 1px dotted lightgrey;
233
- white-space: pre-wrap;
234
- word-break: break-word;
235
- word-wrap: break-word;
236
- width: 50%;
237
- font-size: 15px;
238
- text-align: left;
239
- float: left;
240
- height: 100%;
241
- padding-left: 10px;
242
- visibility: visible;
243
- opacity: 1;
244
- transition: all 0.2s ease-out;
245
- }
246
- .editorApp,
247
- .CodeMirror {
248
- height: 100%;
249
- }
250
- .Editorright {
251
- text-align: left;
252
- word-break: break-word;
253
- word-wrap: break-word;
254
- margin-right: 0;
255
- height: 100%;
256
- font-size: 15px;
257
- padding-left: 10px;
258
- overflow-y: scroll;
259
- overflow-x: hidden;
260
- background-color: white;
261
- }
262
- .Editorright .error {
263
- opacity: 0.5;
264
- }
265
- .Editorright * {
266
- }
267
- .Editorright img {
268
- display: block;
269
- margin: 0 auto;
270
- max-width: 100%;
271
- }
272
- .content {
273
- height: 100%;
274
- }
275
- .layoutPreview .Editorright {
276
- position: absolute;
277
- width: 48%;
278
- float: right;
279
- top: 0;
280
- right: 0;
281
- width: 100%;
282
- background-color: white;
283
- }
284
- .layoutPreview .Editorleft {
285
- visibility: hidden;
286
- opacity: 0;
287
- }
288
- .layoutPreview .content {
289
- width: 50%;
290
- margin: 0 auto;
291
- height: 100%;
292
- overflow-y: initial;
293
- }
294
- @keyframes App-logo-spin {
295
- from {
296
- transform: rotate(0deg);
297
- }
298
- to {
299
- transform: rotate(360deg);
300
- }
301
- }
302
- .CodeMirror-vscrollbar {
303
- user-select: none;
304
- outline: none !important;
305
- }
306
- ::-webkit-scrollbar-thumb {
307
- background-color: rgba(0, 0, 0, 0.1);
308
- }
309
- ::-webkit-scrollbar {
310
- background-color: (0, 0, 0, 0.05);
311
- }
312
- ::-webkit-scrollbar-thumb:active {
313
- background-color: rgba(0, 0, 0, 0.1);
314
- }
315
- ::-webkit-scrollbar {
316
- width: 10px;
317
- height: 10px;
318
- -webkit-border-radius: 100px;
319
- }
320
- ::-webkit-scrollbar-thumb {
321
- -webkit-border-radius: 100px;
322
- }
323
- ::-webkit-scrollbar-thumb:active {
324
- -webkit-border-radius: 100px;
325
- }
326
- ::-webkit-scrollbar-corner {
327
- background: transparent;
328
- }
329
- .CodeMirror-hints {
330
- z-index: 1000;
331
- border: none;
332
- }
1
+ .EditorApp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.layout{position:absolute;width:100%}.Editor{text-align:left;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}[contenteditable]:focus{outline:0px solid transparent}.layout__panel{position:relative;width:100%;height:100%;flex:none;overflow:hidden}.flex--row{flex-direction:row}.flex{display:flex}.CodeMirror{height:auto;font-family:inherit}pre{overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.title{margin:0}.Editorleft{border-right:1px dotted lightgrey;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;width:50%;font-size:15px;text-align:left}body{margin:0;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}pre{padding:9.5px;display:block;word-break:break-all;word-wrap:break-word;background-color:#f8f8f8;border-radius:4px}code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}img{max-width:1024px}table{word-break:normal;min-width:70%;max-width:100%;margin:2em auto 1em;border-spacing:0;border-collapse:collapse;text-align:center}table caption{margin-bottom:.8em}table tbody tr:hover{background-color:#eee;-webkit-transition:.5s;transition:.5s}tr th{vertical-align:bottom;border-bottom:2px solid #eee}td{padding:8px;border:1px solid #eee}.footnote a{text-decoration:none}.footnotes{border-top-style:solid;border-top-width:1px;border-top-color:#eee}img{display:block;margin:0 auto;max-width:100%}.shadow{-webkit-box-shadow:3px 3px 5px 6px #ccc;-moz-box-shadow:3px 3px 5px 6px #ccc;box-shadow:3px 3px 5px 6px #ccc}.box{box-shadow:0 2.8px 2.2px #00000009,0 6.7px 5.3px #0000000c,0 12.5px 10px #0000000f,0 22.3px 17.9px #00000012,0 41.8px 33.4px #00000016,0 100px 80px #0000001f;margin:100px auto;background:white;border-radius:5px}.video{max-width:90%;margin-bottom:1em}div.video video{width:100%;outline:none;border:none}.mermaid svg{display:block;margin:auto}.toc{padding:1rem}.toc-list{list-style:none;font-size:.8rem}.caption{text-align:center;font-size:.9rem}.CodeMirror{height:auto;font-family:inherit}.title{margin:0}.Editorleft{border-right:1px dotted lightgrey;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;width:50%;font-size:15px;text-align:left;float:left;height:100%;padding-left:10px;visibility:visible;opacity:1;transition:all .2s ease-out}.editorApp,.CodeMirror{height:100%}.Editorright{text-align:left;word-break:break-word;word-wrap:break-word;margin-right:0;height:100%;font-size:15px;padding-left:10px;overflow-y:scroll;overflow-x:hidden;background-color:#fff}.Editorright .error{opacity:.5}.Editorright img{display:block;margin:0 auto;max-width:100%}.content{height:100%}.layoutPreview .Editorright{position:absolute;width:48%;float:right;top:0;right:0;width:100%;background-color:#fff}.layoutPreview .Editorleft{visibility:hidden;opacity:0}.layoutPreview .content{width:50%;margin:0 auto;height:100%;overflow-y:initial}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.CodeMirror-vscrollbar{user-select:none;outline:none!important}::-webkit-scrollbar-thumb{background-color:#0000001a}::-webkit-scrollbar{background-color:(0,0,0,.05)}::-webkit-scrollbar-thumb:active{background-color:#0000001a}::-webkit-scrollbar{width:10px;height:10px;-webkit-border-radius:100px}::-webkit-scrollbar-thumb{-webkit-border-radius:100px}::-webkit-scrollbar-thumb:active{-webkit-border-radius:100px}::-webkit-scrollbar-corner{background:transparent}.CodeMirror-hints{z-index:1000;border:none}