jotdown_wasm: add option to show events
provide 1:1 representation of events to help explore how events are emitted
This commit is contained in:
		
					parent
					
						
							
								f31398a796
							
						
					
				
			
			
				commit
				
					
						f3732693c6
					
				
			
		
					 2 changed files with 18 additions and 4 deletions
				
			
		| 
						 | 
				
			
			@ -1,6 +1,9 @@
 | 
			
		|||
<div id="jotdown" style="flex-grow:1;display:flex;flex-direction:column">
 | 
			
		||||
  <script type="module">
 | 
			
		||||
    import init, { jotdown_render } from './pkg/jotdown_wasm.js';
 | 
			
		||||
    import init, {
 | 
			
		||||
        jotdown_render,
 | 
			
		||||
        jotdown_parse,
 | 
			
		||||
    } from './pkg/jotdown_wasm.js';
 | 
			
		||||
    await init();
 | 
			
		||||
 | 
			
		||||
    let output = document.getElementById("output");
 | 
			
		||||
| 
						 | 
				
			
			@ -8,13 +11,15 @@
 | 
			
		|||
    let fmt = document.getElementById("fmt");
 | 
			
		||||
 | 
			
		||||
    function render() {
 | 
			
		||||
        let html = jotdown_render(input.innerText);
 | 
			
		||||
        if (fmt.value == "html") {
 | 
			
		||||
            output.classList.add("verbatim")
 | 
			
		||||
            output.innerText = html;
 | 
			
		||||
            output.innerText = jotdown_render(input.innerText);
 | 
			
		||||
        } else if (fmt.value == "events") {
 | 
			
		||||
            output.classList.add("verbatim")
 | 
			
		||||
            output.innerText = jotdown_parse(input.innerText);
 | 
			
		||||
        } else if (fmt.value == "preview") {
 | 
			
		||||
            output.classList.remove("verbatim")
 | 
			
		||||
            output.innerHTML = html;
 | 
			
		||||
            output.innerHTML = jotdown_render(input.innerText);
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -30,6 +35,7 @@
 | 
			
		|||
    <select id="fmt">
 | 
			
		||||
      <option value="preview">preview</option>
 | 
			
		||||
      <option value="html">html</option>
 | 
			
		||||
      <option value="events">events</option>
 | 
			
		||||
    </select>
 | 
			
		||||
  </div>
 | 
			
		||||
  <div id="panes" style="display:flex;height:100%;gap:1rem">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -12,3 +12,11 @@ pub fn jotdown_render(djot: &str) -> String {
 | 
			
		|||
        .unwrap();
 | 
			
		||||
    html
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#[must_use]
 | 
			
		||||
#[wasm_bindgen]
 | 
			
		||||
pub fn jotdown_parse(djot: &str) -> String {
 | 
			
		||||
    jotdown::Parser::new(djot)
 | 
			
		||||
        .map(|e| format!("{:?}\n", e))
 | 
			
		||||
        .collect()
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue