parent
9e6c004fc4
commit
434201c657
@ -0,0 +1,72 @@ |
|||||||
|
<!-- |
||||||
|
// Copyright (c) 2022-2024 Niko Bonnieure, Par le Peuple, NextGraph.org developers |
||||||
|
// All rights reserved. |
||||||
|
// Licensed under the Apache License, Version 2.0 |
||||||
|
// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0> |
||||||
|
// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>, |
||||||
|
// at your option. All files in the project carrying such |
||||||
|
// notice may not be copied, modified, or distributed except |
||||||
|
// according to those terms. |
||||||
|
--> |
||||||
|
|
||||||
|
<script lang="ts"> |
||||||
|
import { onMount, tick, onDestroy } from "svelte"; |
||||||
|
import { |
||||||
|
sparql_query, |
||||||
|
toast_error, |
||||||
|
toast_success, |
||||||
|
reset_toasts, |
||||||
|
display_error, |
||||||
|
live_discrete_update |
||||||
|
} from "../store"; |
||||||
|
|
||||||
|
import * as Y from 'yjs' |
||||||
|
// @ts-ignore |
||||||
|
import { yCollab } from 'y-codemirror.next' |
||||||
|
|
||||||
|
import CodeMirror from "svelte-codemirror-editor"; |
||||||
|
import { javascript } from '@codemirror/lang-javascript' |
||||||
|
import {basicSetup} from "codemirror" |
||||||
|
|
||||||
|
export let commits = {}; |
||||||
|
|
||||||
|
const ydoc = new Y.Doc() |
||||||
|
const ytext = ydoc.getText('ng') |
||||||
|
|
||||||
|
ydoc.on('update', async (update, origin) => { |
||||||
|
if (!origin.local) { |
||||||
|
try { |
||||||
|
await live_discrete_update(update, "YText", commits.heads); |
||||||
|
} catch (e){ |
||||||
|
toast_error(display_error(e)); |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
ydoc.on('destroy', () => { |
||||||
|
commits.discrete?.deregisterOnUpdate(); |
||||||
|
}) |
||||||
|
|
||||||
|
onMount(()=>{ |
||||||
|
let history = commits.discrete?.registerOnUpdate((update) => { |
||||||
|
Y.applyUpdate(ydoc, update.YText, {local:true}) |
||||||
|
}); |
||||||
|
for (const h of history) { |
||||||
|
Y.applyUpdate(ydoc, h.YText, {local:true}) |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
onDestroy(()=>{ |
||||||
|
ydoc.destroy(); |
||||||
|
}); |
||||||
|
|
||||||
|
</script> |
||||||
|
<div class="flex-col"> |
||||||
|
|
||||||
|
<CodeMirror lang={javascript()} lineWrapping useTab={false} extensions={[basicSetup, yCollab(ytext, false, { undoManager: false })]} styles={{ |
||||||
|
"&": { |
||||||
|
maxWidth: "100%", |
||||||
|
}, |
||||||
|
}}/> |
||||||
|
|
||||||
|
</div> |
||||||
Loading…
Reference in new issue