theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

workflow(template-explorer): persist compilerOptions

Browse Source
This commit is contained in:
Evan You 2019-10-05 23:29:14 -04:00
parent a8c82909fa
commit 31345b5af9
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/template-explorer/src/index.ts
View File

@ -8,9 +8,11 @@ const self = window as any
self.init = () => {
const monaco = (window as any).monaco as typeof m
const persistedContent =
decodeURIComponent(window.location.hash.slice(1)) ||
`<div>{{ foo + bar }}</div>`
const persistedState = JSON.parse(
decodeURIComponent(window.location.hash.slice(1)) || `{}`
)
Object.assign(compilerOptions, persistedState.options)
let lastSuccessfulCode: string = `/* See console for error */`
let lastSuccessfulMap: SourceMapConsumer | undefined = undefined
@ -56,7 +58,13 @@ self.init = () => {
function reCompile() {
const src = editor.getValue()
window.location.hash = encodeURIComponent(src)
// every time we re-compile, persist current state to URL
window.location.hash = encodeURIComponent(
JSON.stringify({
src,
options: compilerOptions
})
)
const res = compileCode(src)
if (res) {
output.setValue(res)
@ -78,7 +86,7 @@ self.init = () => {
const editor = monaco.editor.create(
document.getElementById('source') as HTMLElement,
{
value: persistedContent,
value: persistedState.src || `<div>Hello World!</div>`,
language: 'html',
...sharedEditorOptions
}