iampeter/pixelplanet
1
Fork 0
forked from ppfun/pixelplanet
Code Pull Requests Activity

clean up markdown test scripts

Browse Source
This commit is contained in:
HF 2021-11-26 13:15:24 +01:00
parent dac17c57aa
commit 6c0148bf14
8 changed files with 46 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
utils/markdown-test/.babelrc
View File

@ -1,28 +0,0 @@
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"firefox": "60"
}
}
],
"@babel/typescript",
"@babel/react"
],
"plugins": [
"@babel/plugin-transform-flow-strip-types",
["@babel/plugin-proposal-decorators", { "legacy": true }],
"@babel/plugin-proposal-function-sent",
"@babel/plugin-proposal-export-namespace-from",
"@babel/plugin-proposal-numeric-separator",
"@babel/plugin-proposal-throw-expressions",
["@babel/plugin-proposal-class-properties", { "loose": true }],
"@babel/proposal-object-rest-spread",
"@babel/transform-react-constant-elements",
"@babel/transform-react-inline-elements",
"transform-react-remove-prop-types",
"transform-react-pure-class-to-function",
]
}

2
utils/markdown-test/.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
script.js
script.js.LICENSE.txt

3
utils/markdown-test/README.md Normal file
View File

@ -0,0 +1,3 @@
# Markdown parser testing
Code to test markdown parsing, run `npx webpack` to build and open index.html

4
utils/markdown-test/index.html
View File

@ -12,8 +12,6 @@
<body>
<script src="./script.js"></script>
<textarea id="input" name="text" cols="100" rows="30"></textarea><br />
<p>Parse-time: <span id="time"/></p>
<textarea id="output" name="text" cols="100" rows="30" readonly></textarea>
<div id="reactroot"></div>
</body>
</html>

55
utils/markdown-test/mdtest.js
View File

@ -1,24 +1,45 @@
import React from 'react';
import ReactDOM from 'react-dom';
import MarkdownParser from '../../src/core/Markdown';
import { Parser } from 'commonmark';
const reader = new Parser({smart: true});
const a = new MarkdownParser();
function parseText(text, setDuration, setCmDuration) {
let startt = Date.now();
const [arr] = a.parseText(text);
setDuration(Date.now() - startt);
startt = Date.now();
const parsed = reader.parse(input.value);
setCmDuration(Date.now() - startt);
return JSON.stringify(arr, null, 2);
}
const App = () => {
const [text, setText] = useState('');
const [duration, setDuration] = useState('');
const [cmDuration, setCmDuration] = useState('');
return (
<div>
<textarea
cols="100"
rows="30"
onChange={(evt) => setText(evt.target.value)}
/>
<p>Parse-time: {duration}ms / commonmark: {cmDuration}</p>
<textarea
cols="100"
rows="30"
value={parseText(text, setDuration, setCmDuration)}
/>
</div>
)
};
document.addEventListener('DOMContentLoaded', () => {
const reader = new Parser({smart: true});
const a = new MarkdownParser();
const input = document.getElementById('input');
const output = document.getElementById('output');
const time = document.getElementById('time');
input.addEventListener('input', () => {
let startt = Date.now();
const [arr] = a.parseText(input.value);
time.innerHTML = Date.now() - startt + 'ms';
startt = Date.now();
const parsed = reader.parse(input.value);
time.innerHTML += ' / commonmark: ' + (Date.now() - startt) + 'ms';
console.log(parsed);
output.value = JSON.stringify(arr, null, 2);
});
ReactDOM.render(App, document.getElementById('reactroot'));
});

2
utils/markdown-test/script.js
View File

File diff suppressed because one or more lines are too long

1
utils/markdown-test/script.js.LICENSE.txt
View File

@ -1 +0,0 @@
/*! http://mths.be/repeat v0.2.0 by @mathias */

2
utils/markdown-test/webpack.config.js
View File

@ -9,6 +9,8 @@ var babelPlugins = [
'@babel/plugin-proposal-numeric-separator',
'@babel/plugin-proposal-throw-expressions',
['@babel/plugin-proposal-class-properties', { loose: true }],
['@babel/plugin-proposal-private-methods', { loose: true }],
["@babel/plugin-proposal-private-property-in-object", { "loose": true }],
'@babel/proposal-object-rest-spread',
// react-optimize
'@babel/transform-react-constant-elements',