images/babel-plugin-jsx
2
0
Fork 0
mirror of https://github.com/vuejs/babel-plugin-jsx.git synced 2025-02-10 23:49:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

add code to the location hash (#13)

Browse Source 
* feat: add url

* fix: format
This commit is contained in:
martinoooo 2020-06-21 13:21:27 +08:00 committed by GitHub
parent 620496f790
commit 20f508e917
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/jsx-explorer/src/index.js
View File

@ -40,7 +40,7 @@ monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
});
const editor = monaco.editor.create(document.getElementById('source'), {
value: localStorage.getItem('state') || 'const App = () => <div>Hello World</div>',
value: decodeURIComponent(window.location.hash.slice(1)) || localStorage.getItem('state') || 'const App = () => <div>Hello World</div>',
language: 'javascript',
tabSize: 2,
...sharedEditorOptions,
@ -57,6 +57,7 @@ const output = monaco.editor.create(document.getElementById('output'), {
const compile = () => {
const src = editor.getValue();
localStorage.setItem('state', src);
window.location.hash = encodeURIComponent(src);
console.clear();
transform(src, {
babelrc: false,
@ -83,7 +84,6 @@ compile();
// update compile output when input changes
editor.onDidChangeModelContent(debounce(compile));
function debounce(fn, delay = 300) {
let prevTimer = null;
return ((...args) => {