forked from NextGraph/nextgraph-rs
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.6 KiB
78 lines
2.6 KiB
<!--
|
|
// 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_update,
|
|
toast_error,
|
|
toast_success,
|
|
reset_toasts,
|
|
display_error,
|
|
} from "../store";
|
|
import {
|
|
in_memory_discrete, open_viewer, reset_in_memory
|
|
} from "../tab";
|
|
import{ Sun, RocketLaunch } from "svelte-heros-v2";
|
|
import { t } from "svelte-i18n";
|
|
|
|
import { Button, Progressbar, Spinner, Alert } from "flowbite-svelte";
|
|
|
|
import CodeMirror from "svelte-codemirror-editor";
|
|
import {StreamLanguage} from "@codemirror/language"
|
|
import { sparql } from "@codemirror/legacy-modes/mode/sparql";
|
|
import {basicSetup} from "codemirror"
|
|
onMount(()=>{
|
|
reset_in_memory();
|
|
if (!$in_memory_discrete){
|
|
$in_memory_discrete = "INSERT DATA { \n <> <example:predicate> \"An example value\".\r}";
|
|
}
|
|
});
|
|
const run = async () => {
|
|
try{
|
|
await reset_toasts();
|
|
await sparql_update($in_memory_discrete);
|
|
toast_success($t("app.sparql_update_editor.success"));
|
|
} catch(e) {
|
|
toast_error(display_error(e));
|
|
}
|
|
}
|
|
const openViewer = () => {
|
|
reset_toasts();
|
|
open_viewer();
|
|
}
|
|
|
|
|
|
</script>
|
|
<div class="flex-col">
|
|
<CodeMirror bind:value={$in_memory_discrete} lineWrapping useTab={false} extensions={[basicSetup,StreamLanguage.define(sparql)]} styles={{
|
|
"&": {
|
|
maxWidth: "100%",
|
|
},
|
|
}}/>
|
|
<button
|
|
on:click={run}
|
|
on:keypress={run}
|
|
class="select-none ml-2 mt-2 mb-10 text-white bg-primary-700 hover:bg-primary-700/90 focus:ring-4 focus:ring-primary-500/50 rounded-lg text-base p-2 text-center inline-flex items-center dark:focus:ring-primary-700/55"
|
|
>
|
|
<RocketLaunch tabindex="-1" class="mr-2 focus:outline-none" />
|
|
{$t("doc.run_update")}
|
|
</button>
|
|
<button
|
|
on:click={openViewer}
|
|
on:keypress={openViewer}
|
|
class="select-none ml-2 mt-2 mb-10 text-gray-600 focus:ring-4 focus:ring-primary-500/50 rounded-lg text-base p-2 text-center inline-flex items-center dark:focus:ring-primary-700/55"
|
|
>
|
|
<Sun class="mr-2 focus:outline-none" tabindex="-1" />
|
|
{$t("doc.view_graph")}
|
|
</button>
|
|
|
|
</div> |