Skip to content

Commit 221c02a

Browse files
v4.0.6 feat: add autoFocusEnd props. (#688) 4b33493
1 parent 99232e5 commit 221c02a

File tree

77 files changed

+268
-226
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

77 files changed

+268
-226
lines changed

CONTRIBUTORS.svg

Lines changed: 3 additions & 3 deletions
Loading

asset-manifest.json

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"files": {
33
"main.css": "/static/css/main.a4ddd26b.css",
4-
"main.js": "/static/js/main.da2e80b2.js",
4+
"main.js": "/static/js/main.93897695.js",
55
"static/js/82.c7c36e2d.chunk.js": "/static/js/82.c7c36e2d.chunk.js",
66
"static/js/589.a007028e.chunk.js": "/static/js/589.a007028e.chunk.js",
77
"static/js/387.59e31f08.chunk.js": "/static/js/387.59e31f08.chunk.js",
@@ -11,11 +11,11 @@
1111
"static/js/773.9f4b390b.chunk.js": "/static/js/773.9f4b390b.chunk.js",
1212
"static/js/858.7b3ac6b8.chunk.js": "/static/js/858.7b3ac6b8.chunk.js",
1313
"static/js/622.ab4f8cea.chunk.js": "/static/js/622.ab4f8cea.chunk.js",
14-
"mermaid-vendor.js": "/static/js/mermaid-vendor.c8aacaf5.js",
15-
"micromark-vendor.js": "/static/js/micromark-vendor.53358903.js",
16-
"d3-vendor.js": "/static/js/d3-vendor.da793387.js",
14+
"mermaid-vendor.js": "/static/js/mermaid-vendor.5cff0186.js",
15+
"micromark-vendor.js": "/static/js/micromark-vendor.75be5376.js",
16+
"d3-vendor.js": "/static/js/d3-vendor.18042844.js",
1717
"refractor-prismjs-vendor.js": "/static/js/refractor-prismjs-vendor.91ced1ea.js",
18-
"parse5-vendor.js": "/static/js/parse5-vendor.0345e049.js",
18+
"parse5-vendor.js": "/static/js/parse5-vendor.cace22f0.js",
1919
"react-vendor.js": "/static/js/react-vendor.eb46d3ee.js",
2020
"katex-vendor.css": "/static/css/katex-vendor.f7f05752.css",
2121
"katex-vendor.js": "/static/js/katex-vendor.ca6b9f48.js",
@@ -82,7 +82,7 @@
8282
"static/media/KaTeX_Size3-Regular.woff2": "/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2",
8383
"index.html": "/index.html",
8484
"main.a4ddd26b.css.map": "/static/css/main.a4ddd26b.css.map",
85-
"main.da2e80b2.js.map": "/static/js/main.da2e80b2.js.map",
85+
"main.93897695.js.map": "/static/js/main.93897695.js.map",
8686
"82.c7c36e2d.chunk.js.map": "/static/js/82.c7c36e2d.chunk.js.map",
8787
"589.a007028e.chunk.js.map": "/static/js/589.a007028e.chunk.js.map",
8888
"387.59e31f08.chunk.js.map": "/static/js/387.59e31f08.chunk.js.map",
@@ -92,25 +92,25 @@
9292
"773.9f4b390b.chunk.js.map": "/static/js/773.9f4b390b.chunk.js.map",
9393
"858.7b3ac6b8.chunk.js.map": "/static/js/858.7b3ac6b8.chunk.js.map",
9494
"622.ab4f8cea.chunk.js.map": "/static/js/622.ab4f8cea.chunk.js.map",
95-
"mermaid-vendor.c8aacaf5.js.map": "/static/js/mermaid-vendor.c8aacaf5.js.map",
96-
"micromark-vendor.53358903.js.map": "/static/js/micromark-vendor.53358903.js.map",
97-
"d3-vendor.da793387.js.map": "/static/js/d3-vendor.da793387.js.map",
95+
"mermaid-vendor.5cff0186.js.map": "/static/js/mermaid-vendor.5cff0186.js.map",
96+
"micromark-vendor.75be5376.js.map": "/static/js/micromark-vendor.75be5376.js.map",
97+
"d3-vendor.18042844.js.map": "/static/js/d3-vendor.18042844.js.map",
9898
"refractor-prismjs-vendor.91ced1ea.js.map": "/static/js/refractor-prismjs-vendor.91ced1ea.js.map",
99-
"parse5-vendor.0345e049.js.map": "/static/js/parse5-vendor.0345e049.js.map",
99+
"parse5-vendor.cace22f0.js.map": "/static/js/parse5-vendor.cace22f0.js.map",
100100
"react-vendor.eb46d3ee.js.map": "/static/js/react-vendor.eb46d3ee.js.map",
101101
"katex-vendor.f7f05752.css.map": "/static/css/katex-vendor.f7f05752.css.map",
102102
"katex-vendor.ca6b9f48.js.map": "/static/js/katex-vendor.ca6b9f48.js.map"
103103
},
104104
"entrypoints": [
105-
"static/js/mermaid-vendor.c8aacaf5.js",
106-
"static/js/micromark-vendor.53358903.js",
107-
"static/js/d3-vendor.da793387.js",
105+
"static/js/mermaid-vendor.5cff0186.js",
106+
"static/js/micromark-vendor.75be5376.js",
107+
"static/js/d3-vendor.18042844.js",
108108
"static/js/refractor-prismjs-vendor.91ced1ea.js",
109-
"static/js/parse5-vendor.0345e049.js",
109+
"static/js/parse5-vendor.cace22f0.js",
110110
"static/js/react-vendor.eb46d3ee.js",
111111
"static/css/katex-vendor.f7f05752.css",
112112
"static/js/katex-vendor.ca6b9f48.js",
113113
"static/css/main.a4ddd26b.css",
114-
"static/js/main.da2e80b2.js"
114+
"static/js/main.93897695.js"
115115
]
116116
}

badges.svg

Lines changed: 8 additions & 8 deletions
Loading

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Markdown Editor for React.</title><meta name="keywords" content="react,component,markdown,preview,editor"/><meta name="description" content="A simple markdown editor with preview, implemented with React.js and TypeScript. This React Component aims to provide a simple Markdown editor with syntax highlighting support. This is based on `textarea` encapsulation, so it does not depend on any modern code editors such as Acs, CodeMirror, Monaco etc.."/><script defer="defer" src="./static/js/mermaid-vendor.c8aacaf5.js"></script><script defer="defer" src="./static/js/micromark-vendor.53358903.js"></script><script defer="defer" src="./static/js/d3-vendor.da793387.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.91ced1ea.js"></script><script defer="defer" src="./static/js/parse5-vendor.0345e049.js"></script><script defer="defer" src="./static/js/react-vendor.eb46d3ee.js"></script><script defer="defer" src="./static/js/katex-vendor.ca6b9f48.js"></script><script defer="defer" src="./static/js/main.da2e80b2.js"></script><link href="./static/css/katex-vendor.f7f05752.css" rel="stylesheet"><link href="./static/css/main.a4ddd26b.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Markdown Editor for React.</title><meta name="keywords" content="react,component,markdown,preview,editor"/><meta name="description" content="A simple markdown editor with preview, implemented with React.js and TypeScript. This React Component aims to provide a simple Markdown editor with syntax highlighting support. This is based on `textarea` encapsulation, so it does not depend on any modern code editors such as Acs, CodeMirror, Monaco etc.."/><script defer="defer" src="./static/js/mermaid-vendor.5cff0186.js"></script><script defer="defer" src="./static/js/micromark-vendor.75be5376.js"></script><script defer="defer" src="./static/js/d3-vendor.18042844.js"></script><script defer="defer" src="./static/js/refractor-prismjs-vendor.91ced1ea.js"></script><script defer="defer" src="./static/js/parse5-vendor.cace22f0.js"></script><script defer="defer" src="./static/js/react-vendor.eb46d3ee.js"></script><script defer="defer" src="./static/js/katex-vendor.ca6b9f48.js"></script><script defer="defer" src="./static/js/main.93897695.js"></script><link href="./static/css/katex-vendor.f7f05752.css" rel="stylesheet"><link href="./static/css/main.a4ddd26b.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

lcov-report/index.html

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -23,30 +23,30 @@ <h1>All files</h1>
2323
<div class='clearfix'>
2424

2525
<div class='fl pad1y space-right2'>
26-
<span class="strong">52.74% </span>
26+
<span class="strong">52.46% </span>
2727
<span class="quiet">Statements</span>
28-
<span class='fraction'>433/821</span>
28+
<span class='fraction'>437/833</span>
2929
</div>
3030

3131

3232
<div class='fl pad1y space-right2'>
33-
<span class="strong">40.58% </span>
33+
<span class="strong">40.59% </span>
3434
<span class="quiet">Branches</span>
35-
<span class='fraction'>293/722</span>
35+
<span class='fraction'>298/734</span>
3636
</div>
3737

3838

3939
<div class='fl pad1y space-right2'>
40-
<span class="strong">59.25% </span>
40+
<span class="strong">59.03% </span>
4141
<span class="quiet">Functions</span>
42-
<span class='fraction'>96/162</span>
42+
<span class='fraction'>98/166</span>
4343
</div>
4444

4545

4646
<div class='fl pad1y space-right2'>
47-
<span class="strong">53.45% </span>
47+
<span class="strong">53.15% </span>
4848
<span class="quiet">Lines</span>
49-
<span class='fraction'>418/782</span>
49+
<span class='fraction'>421/792</span>
5050
</div>
5151

5252

@@ -80,17 +80,17 @@ <h1>All files</h1>
8080
</thead>
8181
<tbody><tr>
8282
<td class="file low" data-value="src"><a href="src/index.html">src</a></td>
83-
<td data-value="33.82" class="pic low">
84-
<div class="chart"><div class="cover-fill" style="width: 33%"></div><div class="cover-empty" style="width: 67%"></div></div>
83+
<td data-value="34.13" class="pic low">
84+
<div class="chart"><div class="cover-fill" style="width: 34%"></div><div class="cover-empty" style="width: 66%"></div></div>
8585
</td>
86-
<td data-value="33.82" class="pct low">33.82%</td>
87-
<td data-value="204" class="abs low">69/204</td>
88-
<td data-value="29.61" class="pct low">29.61%</td>
89-
<td data-value="260" class="abs low">77/260</td>
90-
<td data-value="33.33" class="pct low">33.33%</td>
91-
<td data-value="57" class="abs low">19/57</td>
92-
<td data-value="34.61" class="pct low">34.61%</td>
93-
<td data-value="182" class="abs low">63/182</td>
86+
<td data-value="34.13" class="pct low">34.13%</td>
87+
<td data-value="208" class="abs low">71/208</td>
88+
<td data-value="30.07" class="pct low">30.07%</td>
89+
<td data-value="266" class="abs low">80/266</td>
90+
<td data-value="33.89" class="pct low">33.89%</td>
91+
<td data-value="59" class="abs low">20/59</td>
92+
<td data-value="34.78" class="pct low">34.78%</td>
93+
<td data-value="184" class="abs low">64/184</td>
9494
</tr>
9595

9696
<tr>
@@ -125,17 +125,17 @@ <h1>All files</h1>
125125

126126
<tr>
127127
<td class="file medium" data-value="src/components/TextArea"><a href="src/components/TextArea/index.html">src/components/TextArea</a></td>
128-
<td data-value="51.07" class="pic medium">
129-
<div class="chart"><div class="cover-fill" style="width: 51%"></div><div class="cover-empty" style="width: 49%"></div></div>
128+
<td data-value="50" class="pic medium">
129+
<div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
130130
</td>
131-
<td data-value="51.07" class="pct medium">51.07%</td>
132-
<td data-value="186" class="abs medium">95/186</td>
133-
<td data-value="46.78" class="pct low">46.78%</td>
134-
<td data-value="171" class="abs low">80/171</td>
135-
<td data-value="70.37" class="pct medium">70.37%</td>
136-
<td data-value="27" class="abs medium">19/27</td>
137-
<td data-value="51.07" class="pct medium">51.07%</td>
138-
<td data-value="186" class="abs medium">95/186</td>
131+
<td data-value="50" class="pct medium">50%</td>
132+
<td data-value="194" class="abs medium">97/194</td>
133+
<td data-value="46.32" class="pct low">46.32%</td>
134+
<td data-value="177" class="abs low">82/177</td>
135+
<td data-value="68.96" class="pct medium">68.96%</td>
136+
<td data-value="29" class="abs medium">20/29</td>
137+
<td data-value="50" class="pct medium">50%</td>
138+
<td data-value="194" class="abs medium">97/194</td>
139139
</tr>
140140

141141
<tr>
@@ -176,7 +176,7 @@ <h1>All files</h1>
176176
<div class='footer quiet pad2 space-top1 center small'>
177177
Code coverage generated by
178178
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
179-
at 2025-05-01T17:13:05.580Z
179+
at 2025-05-22T16:23:05.875Z
180180
</div>
181181
<script src="prettify.js"></script>
182182
<script>

lcov-report/src/Context.tsx.html

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,8 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Context
100100
<a name='L35'></a><a href='#L35'>35</a>
101101
<a name='L36'></a><a href='#L36'>36</a>
102102
<a name='L37'></a><a href='#L37'>37</a>
103-
<a name='L38'></a><a href='#L38'>38</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
103+
<a name='L38'></a><a href='#L38'>38</a>
104+
<a name='L39'></a><a href='#L39'>39</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
104105
<span class="cline-any cline-neutral">&nbsp;</span>
105106
<span class="cline-any cline-neutral">&nbsp;</span>
106107
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -133,7 +134,8 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Context
133134
<span class="cline-any cline-neutral">&nbsp;</span>
134135
<span class="cline-any cline-neutral">&nbsp;</span>
135136
<span class="cline-any cline-neutral">&nbsp;</span>
136-
<span class="cline-any cline-yes">272x</span>
137+
<span class="cline-any cline-neutral">&nbsp;</span>
138+
<span class="cline-any cline-yes">307x</span>
137139
<span class="cline-any cline-neutral">&nbsp;</span>
138140
<span class="cline-any cline-neutral">&nbsp;</span>
139141
<span class="cline-any cline-yes">2x</span>
@@ -153,6 +155,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Context
153155
fullscreen?: boolean;
154156
highlightEnable?: boolean;
155157
autoFocus?: boolean;
158+
autoFocusEnd?: boolean;
156159
textarea?: HTMLTextAreaElement;
157160
commandOrchestrator?: TextAreaCommandOrchestrator;
158161
textareaWarp?: HTMLDivElement;
@@ -181,7 +184,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Context
181184
<div class='footer quiet pad2 space-top1 center small'>
182185
Code coverage generated by
183186
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
184-
at 2025-05-01T17:13:05.580Z
187+
at 2025-05-22T16:23:05.875Z
185188
</div>
186189
<script src="../prettify.js"></script>
187190
<script>

lcov-report/src/Editor.nohighlight.tsx.html

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,28 +25,28 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Editor.
2525
<div class='fl pad1y space-right2'>
2626
<span class="strong">0% </span>
2727
<span class="quiet">Statements</span>
28-
<span class='fraction'>0/101</span>
28+
<span class='fraction'>0/103</span>
2929
</div>
3030

3131

3232
<div class='fl pad1y space-right2'>
3333
<span class="strong">0% </span>
3434
<span class="quiet">Branches</span>
35-
<span class='fraction'>0/130</span>
35+
<span class='fraction'>0/133</span>
3636
</div>
3737

3838

3939
<div class='fl pad1y space-right2'>
4040
<span class="strong">0% </span>
4141
<span class="quiet">Functions</span>
42-
<span class='fraction'>0/28</span>
42+
<span class='fraction'>0/29</span>
4343
</div>
4444

4545

4646
<div class='fl pad1y space-right2'>
4747
<span class="strong">0% </span>
4848
<span class="quiet">Lines</span>
49-
<span class='fraction'>0/90</span>
49+
<span class='fraction'>0/91</span>
5050
</div>
5151

5252

@@ -336,7 +336,9 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Editor.
336336
<a name='L271'></a><a href='#L271'>271</a>
337337
<a name='L272'></a><a href='#L272'>272</a>
338338
<a name='L273'></a><a href='#L273'>273</a>
339-
<a name='L274'></a><a href='#L274'>274</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
339+
<a name='L274'></a><a href='#L274'>274</a>
340+
<a name='L275'></a><a href='#L275'>275</a>
341+
<a name='L276'></a><a href='#L276'>276</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
340342
<span class="cline-any cline-neutral">&nbsp;</span>
341343
<span class="cline-any cline-neutral">&nbsp;</span>
342344
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -386,6 +388,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Editor.
386388
<span class="cline-any cline-neutral">&nbsp;</span>
387389
<span class="cline-any cline-neutral">&nbsp;</span>
388390
<span class="cline-any cline-neutral">&nbsp;</span>
391+
<span class="cline-any cline-neutral">&nbsp;</span>
389392
<span class="cline-any cline-no">&nbsp;</span>
390393
<span class="cline-any cline-no">&nbsp;</span>
391394
<span class="cline-any cline-no">&nbsp;</span>
@@ -457,6 +460,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Editor.
457460
<span class="cline-any cline-no">&nbsp;</span>
458461
<span class="cline-any cline-no">&nbsp;</span>
459462
<span class="cline-any cline-no">&nbsp;</span>
463+
<span class="cline-any cline-no">&nbsp;</span>
460464
<span class="cline-any cline-neutral">&nbsp;</span>
461465
<span class="cline-any cline-neutral">&nbsp;</span>
462466
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -649,6 +653,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Editor.
649653
maxHeight = <span class="branch-0 cbranch-no" title="branch not covered" >1200,</span>
650654
minHeight = <span class="branch-0 cbranch-no" title="branch not covered" >100,</span>
651655
autoFocus,
656+
autoFocusEnd = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
652657
tabSize = <span class="branch-0 cbranch-no" title="branch not covered" >2,</span>
653658
defaultTabEnable = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
654659
onChange,
@@ -728,6 +733,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Editor.
728733
);
729734
// eslint-disable-next-line react-hooks/exhaustive-deps
730735
<span class="cstat-no" title="statement not covered" > useMemo(<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >autoFocus !== state.autoFocus &amp;&amp; dispatch({ autoFocus: autoFocus }),</span> [autoFocus]);</span>
736+
<span class="cstat-no" title="statement not covered" > useMemo(<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >autoFocusEnd !== state.autoFocusEnd &amp;&amp; dispatch({ autoFocusEnd: autoFocusEnd }),</span> [autoFocusEnd]);</span>
731737
<span class="cstat-no" title="statement not covered" > useMemo(</span>
732738
<span class="fstat-no" title="function not covered" > ()</span> =&gt; <span class="cstat-no" title="statement not covered" >fullscreen !== state.fullscreen &amp;&amp; dispatch({ fullscreen: fullscreen }),</span>
733739
// eslint-disable-next-line react-hooks/exhaustive-deps
@@ -889,7 +895,7 @@ <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> Editor.
889895
<div class='footer quiet pad2 space-top1 center small'>
890896
Code coverage generated by
891897
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
892-
at 2025-05-01T17:13:05.580Z
898+
at 2025-05-22T16:23:05.875Z
893899
</div>
894900
<script src="../prettify.js"></script>
895901
<script>

0 commit comments

Comments
 (0)