34 lines
1.0 KiB
JavaScript
34 lines
1.0 KiB
JavaScript
|
import { indentWithTab } from '@codemirror/commands'
|
||
|
|
import { json } from '@codemirror/lang-json'
|
||
|
|
import { EditorView, keymap } from '@codemirror/view'
|
||
|
|
import { oneDark } from '@codemirror/theme-one-dark'
|
||
|
|
import { basicSetup } from 'codemirror'
|
||
|
|
import { debounce } from 'debounce'
|
||
|
|
import resume from 'resume-schema/sample.resume.json' assert { type: 'json' }
|
||
|
|
|
||
|
|
import { render } from './index.js'
|
||
|
|
import './editor.css'
|
||
|
|
|
||
|
|
const preview = document.querySelector('iframe')
|
||
|
|
const printButton = document.querySelector('button[name=print]')
|
||
|
|
|
||
|
|
printButton.addEventListener('click', () => preview.contentWindow.print())
|
||
|
|
|
||
|
|
const renderPreview = debounce(resume => (preview.srcdoc = render(resume)), 200)
|
||
|
|
renderPreview(resume)
|
||
|
|
|
||
|
|
new EditorView({
|
||
|
|
doc: JSON.stringify(resume, null, ' '),
|
||
|
|
extensions: [
|
||
|
|
basicSetup,
|
||
|
|
oneDark,
|
||
|
|
EditorView.lineWrapping,
|
||
|
|
EditorView.updateListener.of(
|
||
|
|
({ docChanged, state }) => docChanged && renderPreview(JSON.parse(state.doc.toString())),
|
||
|
|
),
|
||
|
|
keymap.of([indentWithTab]),
|
||
|
|
json(),
|
||
|
|
],
|
||
|
|
parent: document.body,
|
||
|
|
})
|