@matdata/yasqe 4.6.1

package/src/defaults.ts

@@ -0,0 +1,149 @@
+/**
+ * The default options of YASQE (check the CodeMirror documentation for even
+ * more options, such as disabling line numbers, or changing keyboard shortcut
+ * keys). Either change the default options by setting Yasqe.defaults, or by
+ * passing your own options as second argument to the YASQE constructor
+ */
+import { default as Yasqe, Config, PlainRequestConfig } from "./";
+import * as queryString from "query-string";
+//need to pass Yasqe object as argument, as the imported version might not have inherited all (e.g. `fold`) props of Codemirror yet
+export default function get() {
+  const prefixCcApi = "https://prefix.cc/popular/all.file.json";
+  const CodeMirror = require("codemirror");
+  const config: Omit<Config, "requestConfig"> = {
+    mode: "sparql11",
+    value: `PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
+PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
+SELECT * WHERE {
+  ?sub ?pred ?obj .
+} LIMIT 10`,
+    highlightSelectionMatches: {
+      showToken: /\w/,
+    },
+    tabMode: "indent",
+    lineNumbers: true,
+    lineWrapping: true,
+    foldGutter: {
+      rangeFinder: new (<any>CodeMirror).fold.combine((<any>CodeMirror).fold.brace, (<any>CodeMirror).fold.prefix),
+    },
+    collapsePrefixesOnLoad: false,
+    gutters: ["gutterErrorBar", "CodeMirror-linenumbers", "CodeMirror-foldgutter"],
+    matchBrackets: true,
+    fixedGutter: true,
+    syntaxErrorCheck: true,
+    autocompleters: [],
+    extraKeys: {
+      /**
+       * Need to use _yasqe:any as function parameter here. Otherwise ts will complain that we're not following
+       * the codemirror config interface (that specifies the type should be codemirror-editor)
+       */
+      "Ctrl-Space": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.autocomplete();
+      },
+      "Shift-Ctrl-K": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        const lineNumber = yasqe.getDoc().getCursor().line;
+        if (lineNumber === yasqe.getDoc().lastLine() && lineNumber > 1) {
+          //delete current line, and the linebreak just before
+          return yasqe
+            .getDoc()
+            .replaceRange(
+              "",
+              { ch: yasqe.getDoc().getLine(lineNumber - 1).length, line: lineNumber - 1 },
+              { ch: yasqe.getDoc().getLine(lineNumber).length, line: lineNumber },
+            );
+        } else {
+          //delete current line including the linebreak after
+          return yasqe.getDoc().replaceRange("", { ch: 0, line: lineNumber }, { ch: 0, line: lineNumber + 1 });
+        }
+      },
+      "Ctrl-/": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.commentLines();
+      },
+      "Shift-Ctrl-D": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.duplicateLine();
+      },
+      "Shift-Ctrl-F": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.autoformat();
+      },
+      "Ctrl-S": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.saveQuery();
+      },
+
+      "Cmd-Enter": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.query().catch(() => {}); //catch this to avoid unhandled rejection
+      },
+      "Ctrl-Enter": function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.query().catch(() => {}); //catch this to avoid unhandled rejection
+      },
+      Esc: function (_yasqe: any) {
+        const yasqe: Yasqe = _yasqe;
+        yasqe.getInputField().blur();
+      },
+    },
+
+    createShareableLink: function (yasqe: Yasqe) {
+      return (
+        document.location.protocol +
+        "//" +
+        document.location.host +
+        document.location.pathname +
+        document.location.search +
+        "#" +
+        queryString.stringify(yasqe.configToQueryParams())
+      );
+    },
+    pluginButtons: undefined,
+
+    createShortLink: undefined,
+
+    consumeShareLink: function (yasqe: Yasqe) {
+      yasqe.queryParamsToConfig(yasqe.getUrlParams());
+    },
+    persistenceId: function (yasqe: Yasqe) {
+      //Traverse parents untl we've got an id
+      // Get matching parent elements
+      let id = "";
+      let elem: any = yasqe.rootEl;
+      if ((<any>elem).id) id = (<any>elem).id;
+      for (; elem && elem !== <any>document; elem = elem.parentNode) {
+        if (elem) {
+          if ((<any>elem).id) id = (<any>elem).id;
+          break;
+        }
+      }
+      return "yasqe_" + id + "_query";
+    },
+    persistencyExpire: 60 * 60 * 24 * 30,
+
+    showQueryButton: true,
+
+    hintConfig: {},
+    resizeable: true,
+    editorHeight: "300px",
+    queryingDisabled: undefined,
+    prefixCcApi: prefixCcApi,
+  };
+  const requestConfig: PlainRequestConfig = {
+    queryArgument: undefined, //undefined means: get query argument based on query mode
+    endpoint: "https://dbpedia.org/sparql",
+    method: "POST",
+    acceptHeaderGraph: "application/n-triples,*/*;q=0.9",
+    acceptHeaderSelect: "application/sparql-results+json,*/*;q=0.9",
+    acceptHeaderUpdate: "text/plain,*/*;q=0.9",
+    namedGraphs: [],
+    defaultGraphs: [],
+    args: [],
+    headers: {},
+    withCredentials: false,
+    adjustQueryBeforeRequest: false,
+  };
+  return { ...config, requestConfig };
+}

package/src/imgs.ts

@@ -0,0 +1,14 @@
+export var query =
+  '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="81.9" width="72.9" version="1.1" y="0px" x="0px" viewBox="0 0 72.900002 81.900002"><path id="queryIcon" d="m69.6 35.2-60.3-34.3c-2.2-1.2-4.4-1.2-6.4 0s-2.9 3.4-2.9 5.6v68.8c0 2.2 1.2 4.4 2.9 5.6 1 0.5 2.2 1 3.4 1s2.2-0.5 2.9-1l60.3-34.3c2.2-1.2 3.4-3.4 3.4-5.6s-1.1-4.3-3.3-5.8z"/><path id="loadingIcon" d="m61.184 36.167-48.73-27.719c-1.7779-0.96976-3.5558-0.96976-5.172 0-1.6163 0.96976-2.3436 2.7476-2.3436 4.5255v55.599c0 1.7779 0.96976 3.5558 2.3436 4.5255 0.80813 0.40407 1.7779 0.80813 2.7476 0.80813 0.96975 0 1.7779-0.40406 2.3436-0.80813l48.73-27.719c1.7779-0.96976 2.7476-2.7476 2.7476-4.5255s-0.88894-3.475-2.6668-4.6872z" fill="none"/></svg>';
+export var queryInvalid =
+  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.627 73.897"><path d="M61.627 0H12C5.373 0 0 5.373 0 12v49.897c0 6.627 5.373 12 12 12h49.627c6.627 0 12-5.373 12-12V12c0-6.628-5.373-12-12-12zM21.13 61.495V12.682l36.875 24.075L21.13 61.495z"/><path d="M66.13 65.904H49.77c-1.647 0-2.89-.58-3.5-1.636-.608-1.056-.49-2.422.334-3.848l8.18-14.167c.822-1.427 1.947-2.212 3.165-2.212s2.342.786 3.165 2.213l8.18 14.167c.824 1.426.942 2.792.333 3.848-.61 1.055-1.852 1.636-3.5 1.636zm-6.51-4.986c0-.85-.69-1.54-1.54-1.54-.85 0-1.54.69-1.54 1.54 0 .85.69 1.54 1.54 1.54.85 0 1.54-.69 1.54-1.54zm.04-9.266c0-.873-.708-1.58-1.58-1.58-.874 0-1.582.707-1.582 1.58l.374 5.61h.005c.054.62.568 1.108 1.202 1.108.586 0 1.075-.415 1.188-.968.01-.045.01-.093.014-.14h.01l.368-5.61z" fill="#a80"/></svg>';
+export var download =
+  '<svg xmlns="http://www.w3.org/2000/svg" baseProfile="tiny" viewBox="0 0 100 100"><path fill-rule="evenodd" d="M88 84v-2c0-2.96-.86-4-4-4H16c-2.96 0-4 .98-4 4v2c0 3.102 1.04 4 4 4h68c3.02 0 4-.96 4-4zM58 12H42c-5 0-6 .94-6 6v22H16l34 34 34-34H64V18c0-5.06-1.06-6-6-6z"/></svg>';
+export var share =
+  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M36.764 50c0 .308-.07.598-.088.905l32.247 16.12c2.76-2.34 6.293-3.798 10.195-3.798C87.89 63.227 95 70.337 95 79.11 95 87.89 87.89 95 79.118 95c-8.78 0-15.882-7.11-15.882-15.89 0-.317.07-.6.088-.906l-32.247-16.12c-2.77 2.33-6.293 3.79-10.195 3.79C12.11 65.873 5 58.77 5 50c0-8.78 7.11-15.89 15.882-15.89 3.902 0 7.427 1.467 10.195 3.796l32.247-16.12c-.018-.307-.088-.597-.088-.913C63.236 12.11 70.338 5 79.118 5 87.89 5 95 12.11 95 20.873c0 8.78-7.11 15.89-15.882 15.89-3.91 0-7.436-1.467-10.195-3.805L36.676 49.086c.017.308.088.598.088.914z"/></svg>';
+export var warning =
+  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66.399998 66.399998"><g><path d="M33.2 0C14.9 0 0 14.9 0 33.2c0 18.3 14.9 33.2 33.2 33.2 18.3 0 33.2-14.9 33.2-33.2C66.4 14.9 51.5 0 33.2 0zm0 59.4C18.7 59.4 7 47.6 7 33.2 7 18.7 18.8 7 33.2 7c14.4 0 26.2 11.8 26.2 26.2 0 14.4-11.8 26.2-26.2 26.2z"/><path d="M33.1 45.6c-1.4 0-2.5.5-3.5 1.5-.9 1-1.4 2.2-1.4 3.6 0 1.6.5 2.8 1.5 3.8 1 .9 2.1 1.3 3.4 1.3 1.3 0 2.4-.5 3.4-1.4 1-.9 1.5-2.2 1.5-3.7 0-1.4-.5-2.6-1.4-3.6-.9-1-2.1-1.5-3.5-1.5zM33.3 12.4c-1.5 0-2.8.5-3.7 1.6-.9 1-1.4 2.4-1.4 4.2 0 1.1.1 2.9.2 5.6l.8 13.1c.2 1.8.4 3.2.9 4.1.5 1.2 1.5 1.8 2.9 1.8 1.3 0 2.3-.7 2.9-1.9.5-1 .7-2.3.9-4l1.1-13.4c.1-1.3.2-2.5.2-3.8 0-2.2-.3-3.9-.8-5.1-.5-1-1.6-2.2-4-2.2z"/></g></svg>';
+export var fullscreen =
+  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>';
+export var fullscreenExit =
+  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>';