Skip to content

Commit

Permalink
v5.2.1 refactor: fixed up(#235) and adding docs to the sourceState …
Browse files Browse the repository at this point in the history 
…prop (#237)

* fix: fixed up ts error on `/website`

* feat(deps): 增加@types react|react-dom to ^18.2.0 version

* feat: Add an additional 'sourceState' props attribute to the component.

* fix: fixed up eslint error

* fix: Option 'emitDeclarationOnly' cannot be specified with option 'noEmit'.

* refactor: fixed up(#235) and adding docs to the `sourceState` prop e296f83
  • Loading branch information
@github-actions
github-actions[bot] committed Mar 28, 2024
1 parent 3af8c46 commit a84220a
Show file tree
Hide file tree
Showing 19 changed files with 242 additions and 212 deletions.
6 changes: 3 additions & 3 deletions CONTRIBUTORS.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions asset-manifest.json
View file
@@ -1,7 +1,7 @@
{
"files": {
"main.css": "/react-code-preview/static/css/main.8036ca4a.css",
"main.js": "/react-code-preview/static/js/main.ff9c5c45.js",
"main.js": "/react-code-preview/static/js/main.ab3ec9a2.js",
"babel_vendors.js": "/react-code-preview/static/js/babel_vendors.dff34ebd.js",
"refractor-vendors.js": "/react-code-preview/static/js/refractor-vendors.4d929d76.js",
"codemirror-vendors.js": "/react-code-preview/static/js/codemirror-vendors.66e75ab1.js",
Expand All @@ -11,7 +11,7 @@
"static/js/499.91849396.js": "/react-code-preview/static/js/499.91849396.js",
"index.html": "/react-code-preview/index.html",
"main.8036ca4a.css.map": "/react-code-preview/static/css/main.8036ca4a.css.map",
"main.ff9c5c45.js.map": "/react-code-preview/static/js/main.ff9c5c45.js.map",
"main.ab3ec9a2.js.map": "/react-code-preview/static/js/main.ab3ec9a2.js.map",
"babel_vendors.dff34ebd.js.map": "/react-code-preview/static/js/babel_vendors.dff34ebd.js.map",
"refractor-vendors.4d929d76.js.map": "/react-code-preview/static/js/refractor-vendors.4d929d76.js.map",
"codemirror-vendors.66e75ab1.js.map": "/react-code-preview/static/js/codemirror-vendors.66e75ab1.js.map",
Expand All @@ -29,6 +29,6 @@
"static/js/react-vendors.f1f024a0.js",
"static/js/499.91849396.js",
"static/css/main.8036ca4a.css",
"static/js/main.ff9c5c45.js"
"static/js/main.ab3ec9a2.js"
]
}
8 changes: 4 additions & 4 deletions coverage/badges.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions coverage/coverage-summary.json
View file
@@ -1,8 +1,8 @@
{"total": {"lines":{"total":115,"covered":0,"skipped":0,"pct":0},"statements":{"total":122,"covered":0,"skipped":0,"pct":0},"functions":{"total":27,"covered":0,"skipped":0,"pct":0},"branches":{"total":132,"covered":0,"skipped":0,"pct":0},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
{"total": {"lines":{"total":118,"covered":0,"skipped":0,"pct":0},"statements":{"total":125,"covered":0,"skipped":0,"pct":0},"functions":{"total":28,"covered":0,"skipped":0,"pct":0},"branches":{"total":133,"covered":0,"skipped":0,"pct":0},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
,"/home/runner/work/react-code-preview/react-code-preview/src/ErrorMessage.tsx": {"lines":{"total":4,"covered":0,"skipped":0,"pct":0},"functions":{"total":2,"covered":0,"skipped":0,"pct":0},"statements":{"total":5,"covered":0,"skipped":0,"pct":0},"branches":{"total":2,"covered":0,"skipped":0,"pct":0}}
,"/home/runner/work/react-code-preview/react-code-preview/src/ThirdPartyButton.tsx": {"lines":{"total":10,"covered":0,"skipped":0,"pct":0},"functions":{"total":2,"covered":0,"skipped":0,"pct":0},"statements":{"total":10,"covered":0,"skipped":0,"pct":0},"branches":{"total":18,"covered":0,"skipped":0,"pct":0}}
,"/home/runner/work/react-code-preview/react-code-preview/src/icon.tsx": {"lines":{"total":4,"covered":0,"skipped":0,"pct":0},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":4,"covered":0,"skipped":0,"pct":0},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
,"/home/runner/work/react-code-preview/react-code-preview/src/index.tsx": {"lines":{"total":40,"covered":0,"skipped":0,"pct":0},"functions":{"total":14,"covered":0,"skipped":0,"pct":0},"statements":{"total":45,"covered":0,"skipped":0,"pct":0},"branches":{"total":86,"covered":0,"skipped":0,"pct":0}}
,"/home/runner/work/react-code-preview/react-code-preview/src/index.tsx": {"lines":{"total":44,"covered":0,"skipped":0,"pct":0},"functions":{"total":15,"covered":0,"skipped":0,"pct":0},"statements":{"total":49,"covered":0,"skipped":0,"pct":0},"branches":{"total":89,"covered":0,"skipped":0,"pct":0}}
,"/home/runner/work/react-code-preview/react-code-preview/src/transform.tsx": {"lines":{"total":1,"covered":0,"skipped":0,"pct":0},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":1,"covered":0,"skipped":0,"pct":0},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
,"/home/runner/work/react-code-preview/react-code-preview/src/useCodePreview.ts": {"lines":{"total":56,"covered":0,"skipped":0,"pct":0},"functions":{"total":8,"covered":0,"skipped":0,"pct":0},"statements":{"total":57,"covered":0,"skipped":0,"pct":0},"branches":{"total":26,"covered":0,"skipped":0,"pct":0}}
,"/home/runner/work/react-code-preview/react-code-preview/src/useCodePreview.ts": {"lines":{"total":55,"covered":0,"skipped":0,"pct":0},"functions":{"total":8,"covered":0,"skipped":0,"pct":0},"statements":{"total":56,"covered":0,"skipped":0,"pct":0},"branches":{"total":24,"covered":0,"skipped":0,"pct":0}}
}
2 changes: 1 addition & 1 deletion coverage/lcov-report/ErrorMessage.tsx.html
View file
Expand Up @@ -121,7 +121,7 @@ <h1><a href="index.html">All files</a> ErrorMessage.tsx</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-03-25T07:54:14.256Z
at 2024-03-28T14:11:32.451Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
2 changes: 1 addition & 1 deletion coverage/lcov-report/ThirdPartyButton.tsx.html
View file
Expand Up @@ -205,7 +205,7 @@ <h1><a href="index.html">All files</a> ThirdPartyButton.tsx</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-03-25T07:54:14.256Z
at 2024-03-28T14:11:32.451Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
2 changes: 1 addition & 1 deletion coverage/lcov-report/icon.tsx.html
View file
Expand Up @@ -169,7 +169,7 @@ <h1><a href="index.html">All files</a> icon.tsx</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-03-25T07:54:14.256Z
at 2024-03-28T14:11:32.451Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
24 changes: 12 additions & 12 deletions coverage/lcov-report/index.html
View file
Expand Up @@ -25,28 +25,28 @@ <h1>All files</h1>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Statements</span>
<span class='fraction'>0/122</span>
<span class='fraction'>0/125</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/132</span>
<span class='fraction'>0/133</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/27</span>
<span class='fraction'>0/28</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Lines</span>
<span class='fraction'>0/115</span>
<span class='fraction'>0/118</span>
</div>


Expand Down Expand Up @@ -129,13 +129,13 @@ <h1>All files</h1>
<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="45" class="abs low">0/45</td>
<td data-value="49" class="abs low">0/49</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="86" class="abs low">0/86</td>
<td data-value="89" class="abs low">0/89</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="14" class="abs low">0/14</td>
<td data-value="15" class="abs low">0/15</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="40" class="abs low">0/40</td>
<td data-value="44" class="abs low">0/44</td>
</tr>

<tr>
Expand All @@ -159,13 +159,13 @@ <h1>All files</h1>
<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="57" class="abs low">0/57</td>
<td data-value="56" class="abs low">0/56</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="26" class="abs low">0/26</td>
<td data-value="24" class="abs low">0/24</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="8" class="abs low">0/8</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="56" class="abs low">0/56</td>
<td data-value="55" class="abs low">0/55</td>
</tr>

</tbody>
Expand All @@ -176,7 +176,7 @@ <h1>All files</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-03-25T07:54:14.256Z
at 2024-03-28T14:11:32.451Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
41 changes: 34 additions & 7 deletions coverage/lcov-report/index.tsx.html
View file
Expand Up @@ -25,28 +25,28 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Statements</span>
<span class='fraction'>0/45</span>
<span class='fraction'>0/49</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/86</span>
<span class='fraction'>0/89</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/14</span>
<span class='fraction'>0/15</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Lines</span>
<span class='fraction'>0/40</span>
<span class='fraction'>0/44</span>
</div>


Expand Down Expand Up @@ -332,7 +332,16 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
<a name='L267'></a><a href='#L267'>267</a>
<a name='L268'></a><a href='#L268'>268</a>
<a name='L269'></a><a href='#L269'>269</a>
<a name='L270'></a><a href='#L270'>270</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L270'></a><a href='#L270'>270</a>
<a name='L271'></a><a href='#L271'>271</a>
<a name='L272'></a><a href='#L272'>272</a>
<a name='L273'></a><a href='#L273'>273</a>
<a name='L274'></a><a href='#L274'>274</a>
<a name='L275'></a><a href='#L275'>275</a>
<a name='L276'></a><a href='#L276'>276</a>
<a name='L277'></a><a href='#L277'>277</a>
<a name='L278'></a><a href='#L278'>278</a>
<a name='L279'></a><a href='#L279'>279</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
Expand Down Expand Up @@ -444,6 +453,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
Expand Down Expand Up @@ -517,6 +527,13 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
Expand Down Expand Up @@ -598,6 +615,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
Expand Down Expand Up @@ -712,6 +730,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
noPreview = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
noScroll = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
bgWhite = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
sourceState,
...otherProps
} = <span class="cstat-no" title="statement not covered" >props;</span>
const {
Expand Down Expand Up @@ -786,6 +805,13 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
<span class="cstat-no" title="statement not covered" > setWidth(width === 1 ? '50%' : 1);</span>
<span class="cstat-no" title="statement not covered" > setShowEdit(true);</span>
};
// 通过状态props属性判断是否切换源码
const isShown = <span class="cstat-no" title="statement not covered" >sourceState === 'shown';</span>
<span class="cstat-no" title="statement not covered" > useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
<span class="cstat-no" title="statement not covered" > setWidth(isShown ? '50%' : 1);</span>
<span class="cstat-no" title="statement not covered" > setShowEdit(isShown);</span>
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [isShown]);
const onCopyCode = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
<span class="cstat-no" title="statement not covered" > copyTextToClipboard(code || '', <span class="fstat-no" title="function not covered" >(i</span>sCopy) =&gt; <span class="cstat-no" title="statement not covered" >setCopied(isCopy))</span>;</span>
<span class="cstat-no" title="statement not covered" > setTimeout(<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setCopied(false),</span> 2000);</span>
Expand All @@ -799,7 +825,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
};
<span class="cstat-no" title="statement not covered" > return (</span>
&lt;Split data-color-mode={theme} visiable={visiable} className={cls} style={{ flex: 1, ...style }} {...otherProps}&gt;
{!noPreview &amp;&amp; !onlyEdit &amp;&amp; (
{!onlyEdit &amp;&amp; (
&lt;div
className={[
`${prefixCls}-demo`,
Expand All @@ -811,6 +837,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
.trim()}
style={{
flex: 1,
display: !noPreview ? 'unset' : 'none',
...(width === 1 ? { width: '100%' } : {}),
}}
&gt;
Expand Down Expand Up @@ -877,7 +904,7 @@ <h1><a href="index.html">All files</a> index.tsx</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-03-25T07:54:14.256Z
at 2024-03-28T14:11:32.451Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down
2 changes: 1 addition & 1 deletion coverage/lcov-report/transform.tsx.html
View file
Expand Up @@ -97,7 +97,7 @@ <h1><a href="index.html">All files</a> transform.tsx</h1>
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-03-25T07:54:14.256Z
at 2024-03-28T14:11:32.451Z
</div>
<script src="prettify.js"></script>
<script>
Expand Down

0 comments on commit a84220a

Please sign in to comment.