parent
95ed77e414
commit
029276e205
@ -0,0 +1,119 @@ |
||||
<!-- |
||||
// 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 |
||||
} from "../store"; |
||||
import { |
||||
in_memory_discrete, open_viewer, set_viewer |
||||
} from "../tab"; |
||||
import{ Sun, RocketLaunch } from "svelte-heros-v2"; |
||||
import { t } from "svelte-i18n"; |
||||
|
||||
import { Table, TableBody, TableBodyCell, TableBodyRow, TableHead, TableHeadCell, Toggle } 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" |
||||
|
||||
import Highlight, { LineNumbers } from "svelte-highlight"; |
||||
import hljs from "highlight.js"; |
||||
import { definer } from "../turtle"; |
||||
import "svelte-highlight/styles/github.css"; |
||||
import { each } from "svelte/internal"; |
||||
const language = { |
||||
name: "turtle", |
||||
register: (hljs) => { |
||||
return definer(hljs); |
||||
}, |
||||
}; |
||||
|
||||
onMount(()=>{ |
||||
if (!$in_memory_discrete){ |
||||
$in_memory_discrete = "SELECT ?subject ?predicate ?object WHERE {\n ?subject ?predicate ?object .\n} LIMIT 10"; |
||||
} |
||||
}); |
||||
let union = false; |
||||
const run = async () => { |
||||
try{ |
||||
reset_toasts(); |
||||
results = await sparql_query($in_memory_discrete, union); |
||||
} catch(e) { |
||||
toast_error(e); |
||||
} |
||||
} |
||||
const openTurtle = () => { |
||||
reset_toasts(); |
||||
set_viewer("n:g:z:rdf_viewer:turtle"); |
||||
} |
||||
let results = undefined; |
||||
|
||||
</script> |
||||
<div class="flex-col"> |
||||
|
||||
<CodeMirror bind:value={$in_memory_discrete} lineWrapping useTab={false} extensions={[basicSetup,StreamLanguage.define(sparql)]} styles={{ |
||||
"&": { |
||||
maxWidth: "100%", |
||||
}, |
||||
}}/> |
||||
<Toggle class="mt-1 ml-2" bind:checked={union}>Query all docs</Toggle> |
||||
<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" /> |
||||
Run Query |
||||
</button> |
||||
<button |
||||
on:click={openTurtle} |
||||
on:keypress={openTurtle} |
||||
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" /> |
||||
View Graph |
||||
</button> |
||||
{#if results!==undefined} |
||||
<div> |
||||
<span class="ml-2 font-bold">Results: <br/></span> |
||||
{#if Array.isArray(results)} |
||||
<Highlight {language} code={results.join(" .\r\n") + " ."} class="mb-10" let:highlighted > |
||||
<LineNumbers {highlighted} wrapLines hideBorder /> |
||||
</Highlight> |
||||
{:else if results?.head} |
||||
<Table> |
||||
<TableHead> |
||||
{#each results.head.vars as variable} |
||||
<TableHeadCell>{variable}</TableHeadCell> |
||||
{/each} |
||||
</TableHead> |
||||
<TableBody tableBodyClass="divide-y"> |
||||
{#each results.results.bindings as row} |
||||
<TableBodyRow> |
||||
{#each results.head.vars as variable} |
||||
<TableBodyCell class="px-6 py-4 whitespace-break-spaces font-medium">{row[variable].value}</TableBodyCell> |
||||
{/each} |
||||
</TableBodyRow> |
||||
{/each} |
||||
</TableBody> |
||||
</Table> |
||||
{:else} |
||||
<span class="ml-2">{results}</span> |
||||
{/if} |
||||
</div> |
||||
{/if} |
||||
</div> |
||||
@ -0,0 +1,81 @@ |
||||
<!-- |
||||
// 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 |
||||
} from "../store"; |
||||
import { |
||||
in_memory_discrete, open_viewer, set_viewer, set_editor, set_view_or_edit, cur_tab |
||||
} from "../tab"; |
||||
import{ PencilSquare, RocketLaunch } from "svelte-heros-v2"; |
||||
import { t } from "svelte-i18n"; |
||||
import { Button, Progressbar, Spinner, Alert } from "flowbite-svelte"; |
||||
|
||||
import Highlight, { LineNumbers } from "svelte-highlight"; |
||||
import hljs from "highlight.js"; |
||||
import { definer } from "../turtle"; |
||||
import "svelte-highlight/styles/github.css"; |
||||
const language = { |
||||
name: "turtle", |
||||
register: (hljs) => { |
||||
return definer(hljs); |
||||
}, |
||||
}; |
||||
|
||||
export let commits = {graph:[]}; |
||||
let source = ""; |
||||
$: source = commits.graph.join(" .\r\n") + " ."; |
||||
|
||||
const openQuery = () => { |
||||
set_viewer("n:g:z:sparql_query"); |
||||
} |
||||
const openUpdate = () => { |
||||
set_editor("n:g:z:sparql_update"); |
||||
set_view_or_edit(false); |
||||
} |
||||
|
||||
onMount(()=>{ |
||||
|
||||
}); |
||||
|
||||
</script> |
||||
<div class="flex-col"> |
||||
|
||||
<button |
||||
on:click={openQuery} |
||||
on:keypress={openQuery} |
||||
class="select-none ml-2 mt-2 mb-2 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" /> |
||||
SPARQL Query |
||||
</button> |
||||
{#if $cur_tab.doc.can_edit} |
||||
<button |
||||
on:click={openUpdate} |
||||
on:keypress={openUpdate} |
||||
class="select-none ml-2 mt-2 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" |
||||
> |
||||
<PencilSquare class="mr-2 focus:outline-none" tabindex="-1" /> |
||||
SPARQL Update |
||||
</button> |
||||
{/if} |
||||
|
||||
<Highlight {language} code={source} class="mb-10" let:highlighted > |
||||
<LineNumbers {highlighted} wrapLines hideBorder /> |
||||
</Highlight> |
||||
|
||||
|
||||
</div> |
||||
|
||||
@ -0,0 +1,139 @@ |
||||
/* |
||||
Language: Turtle |
||||
Author: Redmer KRONEMEIJER <redmer.kronemeijer@rdmr.eu> |
||||
Contributors: Mark ELLIS <mark.ellis@stardog.com>, Vladimir ALEXIEV <vladimir.alexiev@ontotext.com> |
||||
*/ |
||||
|
||||
|
||||
function hljsDefineTurtle(hljs) { |
||||
// export default function (hljs) {
|
||||
var KEYWORDS = { |
||||
keyword: "BASE|2 PREFIX|5 @base|10 @prefix|10", |
||||
literal: "true false", |
||||
built_in: "a", |
||||
}; |
||||
|
||||
var IRI_LITERAL = { |
||||
// https://www.w3.org/TR/turtle/#grammar-production-IRIREF
|
||||
className: "literal", |
||||
relevance: 1, // XML tags look also like relative IRIs
|
||||
begin: /</, |
||||
end: />/, |
||||
// illegal: /[^\x00-\x20"{}|^`\\]/, // TODO: https://www.w3.org/TR/turtle/#grammar-production-UCHAR
|
||||
}; |
||||
|
||||
// https://www.w3.org/TR/turtle/#terminals
|
||||
var PN_CHARS_BASE = |
||||
"A-Za-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\u10000-\uEFFFF"; |
||||
var PN_CHARS_U = PN_CHARS_BASE + "_"; |
||||
var PN_CHARS = "-" + PN_CHARS_U + "0-9\u00B7\u0300-\u036F\u203F-\u2040"; |
||||
var BLANK_NODE_LABEL = |
||||
"_:[" + PN_CHARS_U + "0-9]([" + PN_CHARS + ".]*[" + PN_CHARS + "])?"; |
||||
var PN_PREFIX = |
||||
"[" + PN_CHARS_BASE + "]([" + PN_CHARS + ".]*[" + PN_CHARS + "])?"; |
||||
var PERCENT = "%[0-9A-Fa-f][0-9A-Fa-f]"; |
||||
var PN_LOCAL_ESC = "\\\\[_~.!$&'()*+,;=/?#@%-]"; |
||||
var PLX = PERCENT + "|" + PN_LOCAL_ESC; |
||||
var PNAME_NS = "(" + PN_PREFIX + ")?:"; |
||||
var PN_LOCAL = |
||||
"([" + |
||||
PN_CHARS_U + |
||||
":0-9]|" + |
||||
PLX + |
||||
")([" + |
||||
PN_CHARS + |
||||
".:]|" + |
||||
PLX + |
||||
")*([" + |
||||
PN_CHARS + |
||||
":]|" + |
||||
PLX + |
||||
")?"; |
||||
var PNAME_LN = PNAME_NS + PN_LOCAL; |
||||
var PNAME_NS_or_LN = PNAME_NS + "(" + PN_LOCAL + ")?"; |
||||
|
||||
var PNAME = { |
||||
begin: PNAME_NS_or_LN, |
||||
relevance: 0, |
||||
className: "symbol", |
||||
}; |
||||
|
||||
var BLANK_NODE = { |
||||
begin: BLANK_NODE_LABEL, |
||||
relevance: 10, |
||||
className: "template-variable", |
||||
}; |
||||
|
||||
var LANGTAG = { |
||||
begin: /@[a-zA-Z]+([a-zA-Z0-9-]+)*/, |
||||
className: "type", |
||||
relevance: 0, // also catches objectivec keywords like: @protocol, @optional
|
||||
}; |
||||
|
||||
var DATATYPE = { |
||||
begin: "\\^\\^" + PNAME_LN, |
||||
className: "type", |
||||
relevance: 10, |
||||
}; |
||||
|
||||
var TRIPLE_APOS_STRING = { |
||||
begin: /'''/, |
||||
end: /'''/, |
||||
className: "string", |
||||
relevance: 0, |
||||
}; |
||||
|
||||
var TRIPLE_QUOTE_STRING = { |
||||
begin: /"""/, |
||||
end: /"""/, |
||||
className: "string", |
||||
relevance: 0, |
||||
}; |
||||
|
||||
var APOS_STRING_LITERAL = JSON.parse(JSON.stringify(hljs.APOS_STRING_MODE)); |
||||
APOS_STRING_LITERAL.relevance = 0; |
||||
|
||||
var QUOTE_STRING_LITERAL = JSON.parse(JSON.stringify(hljs.QUOTE_STRING_MODE)); |
||||
QUOTE_STRING_LITERAL.relevance = 0; |
||||
|
||||
return { |
||||
name: "Turtle", |
||||
case_insensitive: true, // however `true` and `@prefix` are oblig. cased thus
|
||||
keywords: KEYWORDS, |
||||
aliases: ["turtle", "ttl", "n3"], |
||||
contains: [ |
||||
LANGTAG, |
||||
DATATYPE, |
||||
IRI_LITERAL, |
||||
BLANK_NODE, |
||||
PNAME, |
||||
TRIPLE_APOS_STRING, |
||||
TRIPLE_QUOTE_STRING, // order matters
|
||||
APOS_STRING_LITERAL, |
||||
QUOTE_STRING_LITERAL, |
||||
hljs.C_NUMBER_MODE, |
||||
hljs.HASH_COMMENT_MODE, |
||||
], |
||||
exports: { |
||||
LANGTAG: LANGTAG, |
||||
DATATYPE: DATATYPE, |
||||
IRI_LITERAL: IRI_LITERAL, |
||||
BLANK_NODE: BLANK_NODE, |
||||
PNAME: PNAME, |
||||
TRIPLE_APOS_STRING: TRIPLE_APOS_STRING, |
||||
TRIPLE_QUOTE_STRING: TRIPLE_QUOTE_STRING, |
||||
APOS_STRING_LITERAL: APOS_STRING_LITERAL, |
||||
QUOTE_STRING_LITERAL: QUOTE_STRING_LITERAL, |
||||
NUMBER: hljs.C_NUMBER_MODE, |
||||
KEYWORDS: KEYWORDS, |
||||
}, |
||||
}; |
||||
} |
||||
|
||||
// module.exports = function (hljs) {
|
||||
// hljs.registerLanguage("turtle", hljsDefineTurtle);
|
||||
// };
|
||||
|
||||
// module.exports.definer = hljsDefineTurtle;
|
||||
|
||||
export const definer = hljsDefineTurtle; |
||||
Loading…
Reference in new issue