@matdata/yasgui 5.11.0 → 5.13.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@matdata/yasgui",
   "description": "Yet Another SPARQL GUI",
-  "version": "5.11.0",
+  "version": "5.13.0",
   "main": "build/yasgui.min.js",
   "types": "build/ts/src/index.d.ts",
   "license": "MIT",

package/src/PersistentConfig.ts

@@ -19,6 +19,8 @@ export interface PersistedJson {
   orientation?: "vertical" | "horizontal";
   showSnippetsBar?: boolean;
   disabledDevButtons?: string[]; // Endpoints of developer-configured buttons that are disabled by user
+  codeMirrorThemeLight?: string; // User-selected CodeMirror theme for light mode
+  codeMirrorThemeDark?: string; // User-selected CodeMirror theme for dark mode
 }
 function getDefaults(): PersistedJson {
   return {
@@ -182,6 +184,19 @@ export default class PersistentConfig {
     this.toStorage();
   }
 
+  public getCodeMirrorTheme(mode: "light" | "dark"): string | undefined {
+    return mode === "dark" ? this.persistedJson.codeMirrorThemeDark : this.persistedJson.codeMirrorThemeLight;
+  }
+
+  public setCodeMirrorTheme(mode: "light" | "dark", theme: string) {
+    if (mode === "dark") {
+      this.persistedJson.codeMirrorThemeDark = theme;
+    } else {
+      this.persistedJson.codeMirrorThemeLight = theme;
+    }
+    this.toStorage();
+  }
+
   // New endpoint configuration methods
   public getEndpointConfigs(): EndpointConfig[] {
     return this.persistedJson.endpointConfigs || [];

package/src/Tab.ts

@@ -1216,9 +1216,10 @@ export class Tab extends EventEmitter {
   }
 
   private initYasqe() {
-    // Set theme based on current yasgui theme
+    // Set theme based on stored preference for current mode
     const currentTheme = this.yasgui.getTheme();
-    const cmTheme = currentTheme === "dark" ? "material-palenight" : "default";
+    const storedCmTheme = this.yasgui.persistentConfig.getCodeMirrorTheme(currentTheme);
+    const cmTheme = storedCmTheme || (currentTheme === "dark" ? "github-dark" : "default");
 
     const yasqeConf: Partial<YasqeConfig> = {
       ...this.yasgui.config.yasqe,

package/src/TabSettingsModal.scss

@@ -160,6 +160,18 @@
   font-style: italic;
 }
 
+.settingsLink {
+  display: inline-block;
+  margin-top: 5px;
+  font-size: 13px;
+  color: var(--yasgui-accent-color, #337ab7);
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 .settingsField {
   margin-bottom: 10px;
 }

package/src/TabSettingsModal.ts

@@ -358,6 +358,121 @@ export default class TabSettingsModal {
       return;
     }
 
+    // Available CodeMirror themes
+    const themes = [
+      { value: "default", label: "Default" },
+      { value: "github-dark", label: "GitHub Dark Default" },
+      { value: "material-palenight", label: "Material Palenight" },
+      { value: "monokai", label: "Monokai" },
+      { value: "dracula", label: "Dracula" },
+      { value: "nord", label: "Nord" },
+      { value: "solarized dark", label: "Solarized Dark" },
+      { value: "solarized light", label: "Solarized Light" },
+      { value: "twilight", label: "Twilight" },
+      { value: "material", label: "Material" },
+      { value: "cobalt", label: "Cobalt" },
+      { value: "darcula", label: "Darcula" },
+      { value: "gruvbox-dark", label: "Gruvbox Dark" },
+      { value: "oceanic-next", label: "Oceanic Next" },
+      { value: "material-darker", label: "Material Darker" },
+      { value: "blackboard", label: "Blackboard" },
+      { value: "base16-dark", label: "Base16 Dark" },
+      { value: "base16-light", label: "Base16 Light" },
+      { value: "eclipse", label: "Eclipse" },
+      { value: "elegant", label: "Elegant" },
+      { value: "idea", label: "IntelliJ IDEA" },
+      { value: "mbo", label: "MBO" },
+      { value: "neat", label: "Neat" },
+      { value: "neo", label: "Neo" },
+      { value: "night", label: "Night" },
+      { value: "paraiso-dark", label: "Paraiso Dark" },
+      { value: "paraiso-light", label: "Paraiso Light" },
+      { value: "pastel-on-dark", label: "Pastel on Dark" },
+      { value: "rubyblue", label: "Ruby Blue" },
+      { value: "the-matrix", label: "The Matrix" },
+      { value: "tomorrow-night-bright", label: "Tomorrow Night Bright" },
+      { value: "tomorrow-night-eighties", label: "Tomorrow Night 80s" },
+      { value: "vibrant-ink", label: "Vibrant Ink" },
+      { value: "xq-dark", label: "XQ Dark" },
+      { value: "xq-light", label: "XQ Light" },
+    ];
+
+    // Light Mode Theme Section
+    const themeLightSection = document.createElement("div");
+    addClass(themeLightSection, "settingsSection");
+
+    const themeLightLabel = document.createElement("label");
+    themeLightLabel.textContent = "Editor Theme (Light Mode)";
+    addClass(themeLightLabel, "settingsLabel");
+
+    const themeLightHelp = document.createElement("div");
+    themeLightHelp.textContent = "Syntax highlighting theme when using light mode.";
+    addClass(themeLightHelp, "settingsHelp");
+
+    const themeLightSelect = document.createElement("select");
+    themeLightSelect.id = "codeMirrorThemeLightSelect";
+    addClass(themeLightSelect, "settingsSelect");
+
+    themes.forEach((theme) => {
+      const option = document.createElement("option");
+      option.value = theme.value;
+      option.textContent = theme.label;
+      themeLightSelect.appendChild(option);
+    });
+
+    const storedLightTheme = this.tab.yasgui.persistentConfig.getCodeMirrorTheme("light");
+    themeLightSelect.value = storedLightTheme || "default";
+
+    themeLightSection.appendChild(themeLightLabel);
+    themeLightSection.appendChild(themeLightHelp);
+    themeLightSection.appendChild(themeLightSelect);
+    container.appendChild(themeLightSection);
+
+    // Dark Mode Theme Section
+    const themeDarkSection = document.createElement("div");
+    addClass(themeDarkSection, "settingsSection");
+
+    const themeDarkLabel = document.createElement("label");
+    themeDarkLabel.textContent = "Editor Theme (Dark Mode)";
+    addClass(themeDarkLabel, "settingsLabel");
+
+    const themeDarkHelp = document.createElement("div");
+    themeDarkHelp.textContent = "Syntax highlighting theme when using dark mode.";
+    addClass(themeDarkHelp, "settingsHelp");
+
+    const themeDarkSelect = document.createElement("select");
+    themeDarkSelect.id = "codeMirrorThemeDarkSelect";
+    addClass(themeDarkSelect, "settingsSelect");
+
+    themes.forEach((theme) => {
+      const option = document.createElement("option");
+      option.value = theme.value;
+      option.textContent = theme.label;
+      themeDarkSelect.appendChild(option);
+    });
+
+    const storedDarkTheme = this.tab.yasgui.persistentConfig.getCodeMirrorTheme("dark");
+    themeDarkSelect.value = storedDarkTheme || "github-dark";
+
+    themeDarkSection.appendChild(themeDarkLabel);
+    themeDarkSection.appendChild(themeDarkHelp);
+    themeDarkSection.appendChild(themeDarkSelect);
+    container.appendChild(themeDarkSection);
+
+    // Theme reference link
+    const themeReferenceSection = document.createElement("div");
+    addClass(themeReferenceSection, "settingsSection");
+
+    const themeReferenceLink = document.createElement("a");
+    themeReferenceLink.href = "https://codemirror.net/5/demo/theme.html";
+    themeReferenceLink.target = "_blank";
+    themeReferenceLink.rel = "noopener noreferrer";
+    themeReferenceLink.textContent = "Preview CodeMirror themes →";
+    addClass(themeReferenceLink, "settingsLink");
+
+    themeReferenceSection.appendChild(themeReferenceLink);
+    container.appendChild(themeReferenceSection);
+
     // Formatter Type Section
     const formatterSection = document.createElement("div");
     addClass(formatterSection, "settingsSection");
@@ -1355,10 +1470,39 @@ export default class TabSettingsModal {
     // Save editor settings
     const yasqe = this.tab.getYasqe();
     if (yasqe && yasqe.persistentConfig) {
+      const codeMirrorThemeLightSelect = document.getElementById("codeMirrorThemeLightSelect") as HTMLSelectElement;
+      const codeMirrorThemeDarkSelect = document.getElementById("codeMirrorThemeDarkSelect") as HTMLSelectElement;
       const formatterSelect = document.getElementById("formatterTypeSelect") as HTMLSelectElement;
       const autoformatCheckbox = document.getElementById("autoformatOnQuery") as HTMLInputElement;
       const constructValidationCheckbox = document.getElementById("checkConstructVariables") as HTMLInputElement;
 
+      // Save CodeMirror themes for both light and dark modes
+      if (codeMirrorThemeLightSelect) {
+        const selectedTheme = codeMirrorThemeLightSelect.value;
+        this.tab.yasgui.persistentConfig.setCodeMirrorTheme("light", selectedTheme);
+      }
+
+      if (codeMirrorThemeDarkSelect) {
+        const selectedTheme = codeMirrorThemeDarkSelect.value;
+        this.tab.yasgui.persistentConfig.setCodeMirrorTheme("dark", selectedTheme);
+      }
+
+      // Apply the appropriate theme based on current mode
+      const currentMode = this.tab.yasgui.getTheme();
+      const themeToApply =
+        currentMode === "dark"
+          ? codeMirrorThemeDarkSelect?.value || "github-dark"
+          : codeMirrorThemeLightSelect?.value || "default";
+
+      // Apply theme to all CodeMirror instances
+      const cmElements = document.querySelectorAll(".CodeMirror");
+      cmElements.forEach((element) => {
+        const cm = (element as any).CodeMirror;
+        if (cm && cm.setOption) {
+          cm.setOption("theme", themeToApply);
+        }
+      });
+
       if (formatterSelect) {
         yasqe.persistentConfig.formatterType = formatterSelect.value as "sparql-formatter" | "legacy";
       }

package/src/ThemeManager.ts

@@ -1,4 +1,5 @@
 import { Storage as YStorage } from "@matdata/yasgui-utils";
+import PersistentConfig from "./PersistentConfig";
 
 export type Theme = "light" | "dark";
 
@@ -7,6 +8,7 @@ export class ThemeManager {
   private storage: YStorage;
   private currentTheme: Theme;
   private rootElement: HTMLElement;
+  private persistentConfig?: PersistentConfig;
 
   constructor(rootElement: HTMLElement) {
     this.storage = new YStorage("yasgui");
@@ -15,6 +17,13 @@ export class ThemeManager {
     this.applyTheme(this.currentTheme);
   }
 
+  /**
+   * Set PersistentConfig for accessing CodeMirror theme preference
+   */
+  public setPersistentConfig(persistentConfig: PersistentConfig): void {
+    this.persistentConfig = persistentConfig;
+  }
+
   /**
    * Get the currently active theme
    */
@@ -61,7 +70,15 @@ export class ThemeManager {
    * Update CodeMirror theme for all Yasqe editors
    */
   private updateCodeMirrorTheme(theme: Theme): void {
-    const cmTheme = theme === "dark" ? "material-palenight" : "default";
+    // Get user's stored CodeMirror theme preference for the current mode, or use default
+    let cmTheme: string;
+    if (this.persistentConfig) {
+      const storedTheme = this.persistentConfig.getCodeMirrorTheme(theme);
+      cmTheme = storedTheme || (theme === "dark" ? "github-dark" : "default");
+    } else {
+      // Fallback if persistentConfig not yet available
+      cmTheme = theme === "dark" ? "github-dark" : "default";
+    }
 
     // Find all CodeMirror instances within the root element
     const cmElements = this.rootElement.querySelectorAll(".CodeMirror");

package/src/github-dark-theme.scss

@@ -0,0 +1,192 @@
+// GitHub Dark Default CodeMirror Theme
+// Based on GitHub's dark default color scheme
+
+.cm-s-github-dark.CodeMirror {
+  background-color: #0d1117;
+  color: #c9d1d9;
+}
+
+// Selection styles - using GitHub's subtle blue highlight
+.cm-s-github-dark div.CodeMirror-selected {
+  background: rgba(56, 138, 253, 0.5) !important;
+}
+
+.cm-s-github-dark.CodeMirror ::selection {
+  background: rgba(56, 138, 253, 0.308) !important;
+}
+
+.cm-s-github-dark.CodeMirror ::-moz-selection {
+  background: rgba(56, 138, 253, 0.5) !important;
+}
+
+.cm-s-github-dark .CodeMirror-line::selection,
+.cm-s-github-dark .CodeMirror-line > span::selection,
+.cm-s-github-dark .CodeMirror-line > span > span::selection {
+  background: rgba(56, 138, 253, 0.5) !important;
+}
+
+.cm-s-github-dark .CodeMirror-line::-moz-selection,
+.cm-s-github-dark .CodeMirror-line > span::-moz-selection,
+.cm-s-github-dark .CodeMirror-line > span > span::-moz-selection {
+  background: rgba(56, 138, 253, 0.5) !important;
+}
+
+.cm-s-github-dark.CodeMirror-focused div.CodeMirror-selected {
+  background: rgba(56, 138, 253, 0.5) !important;
+}
+
+.cm-s-github-dark .CodeMirror-gutters {
+  background: #0d1117;
+  border-right: 1px solid #30363d;
+}
+
+.cm-s-github-dark .CodeMirror-guttermarker {
+  color: #c9d1d9;
+}
+
+.cm-s-github-dark .CodeMirror-guttermarker-subtle {
+  color: #6e7681;
+}
+
+.cm-s-github-dark .CodeMirror-linenumber {
+  color: #6e7681;
+}
+
+.cm-s-github-dark .CodeMirror-cursor {
+  border-left: 1px solid #c9d1d9;
+}
+
+// SPARQL syntax highlighting - GitHub Dark Default colors
+.cm-s-github-dark span.cm-keyword {
+  color: #ff7b72; // Keywords (SELECT, WHERE, PREFIX, etc.)
+}
+
+.cm-s-github-dark span.cm-atom {
+  color: #f3f9ff; // Variables (?var, $var)
+}
+
+.cm-s-github-dark span.cm-string {
+  color: #a5d6ff; // Literals in quotes
+}
+
+.cm-s-github-dark span.cm-string-2 {
+  color: #5784ff; // Prefix namespace (rdf:, foaf:)
+}
+
+.cm-s-github-dark span.cm-variable-3 {
+  color: #1b9b8e; // URIs in angle brackets
+}
+
+.cm-s-github-dark span.cm-number {
+  color: #4faaf9; // Numbers
+}
+
+.cm-s-github-dark span.cm-comment {
+  color: #696e74; // Comments
+  font-style: italic;
+}
+
+.cm-s-github-dark span.cm-meta {
+  color: #ffa657; // Metadata
+}
+
+.cm-s-github-dark span.cm-operator {
+  color: #ff7b72; // Operators
+}
+
+.cm-s-github-dark span.cm-qualifier {
+  color: #79c0ff; // Qualifiers
+}
+
+.cm-s-github-dark span.cm-property {
+  color: #79c0ff; // Properties
+}
+
+.cm-s-github-dark span.cm-variable {
+  color: #c9d1d9; // Default variables
+}
+
+.cm-s-github-dark span.cm-variable-2 {
+  color: #79c0ff;
+}
+
+.cm-s-github-dark span.cm-def {
+  color: #d2a8ff; // Definitions
+}
+
+.cm-s-github-dark span.cm-tag {
+  color: #7ee787; // Tags
+}
+
+.cm-s-github-dark span.cm-attribute {
+  color: #79c0ff; // Attributes
+}
+
+.cm-s-github-dark span.cm-builtin {
+  color: #ffa657; // Built-in functions
+}
+
+.cm-s-github-dark span.cm-bracket {
+  color: #c9d1d9; // Brackets (fallback)
+}
+
+// Rainbow bracket colors
+.cm-s-github-dark span.cm-bracket-level-0 {
+  color: #ffd700; // Gold
+}
+
+.cm-s-github-dark span.cm-bracket-level-1 {
+  color: #d2a8ff; // Purple
+}
+
+.cm-s-github-dark span.cm-bracket-level-2 {
+  color: #d85896; // Blue
+}
+
+.cm-s-github-dark span.cm-bracket-level-3 {
+  color: #229922; // Green
+}
+
+.cm-s-github-dark span.cm-bracket-paren {
+  color: #c9d1d9; // Constant color for () and []
+}
+
+.cm-s-github-dark span.cm-bracket-mismatch {
+  color: #ff7b72; // Red for mismatched brackets
+}
+
+.cm-s-github-dark span.cm-error {
+  color: #f85149;
+  border-bottom: 2px dotted #f85149;
+}
+
+// Active line
+.cm-s-github-dark .CodeMirror-activeline-background {
+  background: rgba(110, 118, 129, 0.1);
+}
+
+// Matching brackets
+.cm-s-github-dark .CodeMirror-matchingbracket {
+  color: #7ee787 !important;
+  background-color: rgba(46, 160, 67, 0.15);
+  text-decoration: underline;
+}
+
+.cm-s-github-dark .CodeMirror-nonmatchingbracket {
+  color: #ff7b72 !important;
+  background-color: rgba(248, 81, 73, 0.15);
+}
+
+// Search highlighting
+.cm-s-github-dark .CodeMirror-searching {
+  background-color: rgba(255, 206, 0, 0.4);
+}
+
+// Override match highlight to use subtle selection color
+.cm-s-github-dark .cm-matchhighlight {
+  background-color: rgba(56, 138, 253, 0.5) !important;
+}
+
+.cm-s-github-dark .CodeMirror-focused .CodeMirror-selected {
+  background: rgba(56, 138, 253, 0.5) !important;
+}

package/src/index.ts

@@ -19,6 +19,7 @@ import { ThemeManager, Theme } from "./ThemeManager";
 import QueryBrowser from "./queryManagement/QueryBrowser";
 import "./index.scss";
 import "./themes.scss";
+import "./github-dark-theme.scss";
 import "../../yasr/src/scss/global.scss";
 import "codemirror/theme/material-palenight.css";
 
@@ -171,6 +172,9 @@ export class Yasgui extends EventEmitter {
     this.themeManager.listenToSystemTheme();
     this.persistentConfig = new PersistentConfig(this);
 
+    // Set persistentConfig reference in ThemeManager so it can access CodeMirror theme preference
+    this.themeManager.setPersistentConfig(this.persistentConfig);
+
     // Load persisted showSnippetsBar if available
     const persistedShowSnippetsBar = this.persistentConfig.getShowSnippetsBar();
     if (persistedShowSnippetsBar !== undefined) {

package/src/queryManagement/QueryBrowser.ts

@@ -3,7 +3,7 @@ import { addClass, removeClass } from "@matdata/yasgui-utils";
 import type { WorkspaceConfig, FolderEntry } from "./types";
 import { filterFolderEntriesByName } from "./browserFilter";
 import { getWorkspaceBackend } from "./backends/getWorkspaceBackend";
-import { asWorkspaceBackendError } from "./backends/errors";
+import { asWorkspaceBackendError, isWorkspaceBackendError, WorkspaceBackendError } from "./backends/errors";
 import { getEndpointToAutoSwitch } from "./openManagedQuery";
 import { hashQueryText } from "./textHash";
 import type { BackendType, VersionRef, ManagedTabMetadata } from "./types";
@@ -36,7 +36,7 @@ export default class QueryBrowser {
   private expandedFolderIds = new Set<string>();
   private folderEntriesById = new Map<string, FolderEntry[]>();
   private folderLoadingById = new Set<string>();
-  private folderErrorById = new Map<string, string>();
+  private folderErrorById = new Map<string, WorkspaceBackendError>();
 
   private debouncedSearchHandle?: number;
 
@@ -315,7 +315,7 @@ export default class QueryBrowser {
       this.folderEntriesById.set(key, entries);
     } catch (e) {
       const err = asWorkspaceBackendError(e);
-      this.folderErrorById.set(key, err.message || "Failed to load folder");
+      this.folderErrorById.set(key, err);
       this.folderEntriesById.set(key, []);
     } finally {
       this.folderLoadingById.delete(key);
@@ -325,6 +325,22 @@ export default class QueryBrowser {
   private formatStatusError(err: Error, workspaceType: WorkspaceConfig["type"]) {
     const message = err.message || "Unknown error";
 
+    // Check for authentication/authorization errors
+    if (isWorkspaceBackendError(err)) {
+      if (err.code === "AUTH_FAILED") {
+        return `⚠️ Authentication failed. Please check your workspace configuration and credentials in Settings → Workspaces.`;
+      }
+      if (err.code === "FORBIDDEN") {
+        return `⚠️ Access forbidden. Please verify your ${workspaceType === "git" ? "token permissions" : "endpoint authentication"} in Settings → Workspaces.`;
+      }
+      if (err.code === "NETWORK_ERROR") {
+        return `⚠️ Unable to connect to workspace. Please check your workspace configuration and network connection.`;
+      }
+      if (err.code === "NOT_FOUND") {
+        return `⚠️ Workspace not found. Please verify your workspace configuration in Settings → Workspaces.`;
+      }
+    }
+
     if (message.includes("No GitProviderClient configured")) {
       return "Git workspaces require a supported provider. Supported: GitHub, GitLab, Bitbucket Cloud (bitbucket.org), and Gitea. For self-hosted/enterprise instances, configure a git workspace 'provider' and/or 'apiBaseUrl'.";
     }
@@ -333,7 +349,8 @@ export default class QueryBrowser {
       return "This workspace backend is not supported yet.";
     }
 
-    return message;
+    // Generic error with helpful suggestion
+    return `⚠️ Failed to load workspace: ${message}. Please check your workspace configuration and authentication in Settings → Workspaces.`;
   }
 
   private clearList() {
@@ -923,7 +940,7 @@ export default class QueryBrowser {
               addClass(error, "yasgui-query-browser__tree-meta");
               addClass(error, "yasgui-query-browser__tree-meta--error");
               error.setAttribute("style", makeIndentStyle(depth + 1));
-              error.textContent = err;
+              error.textContent = this.formatStatusError(err, backend.type);
               this.listEl.appendChild(error);
             }
 
@@ -1041,6 +1058,15 @@ export default class QueryBrowser {
       if (runId !== this.refreshRunId) return;
 
       const rootKey = this.folderKey(undefined);
+
+      // Check if root folder failed to load
+      const rootError = this.folderErrorById.get(rootKey);
+      if (rootError) {
+        this.setStatus(this.formatStatusError(rootError, workspace.type));
+        this.clearList();
+        return;
+      }
+
       const rootEntries = this.folderEntriesById.get(rootKey) || [];
 
       const expandedIds = Array.from(this.expandedFolderIds).sort();
@@ -1053,8 +1079,9 @@ export default class QueryBrowser {
             .sort()
             .join("|");
           const loading = this.folderLoadingById.has(key) ? "1" : "0";
-          const err = this.folderErrorById.get(key) || "";
-          return `${key}:${loading}:${err}:${entryPart}`;
+          const err = this.folderErrorById.get(key);
+          const errStr = err ? `${err.code}:${err.message}` : "";
+          return `${key}:${loading}:${errStr}:${entryPart}`;
         })
         .join(";");
 

package/src/queryManagement/SaveManagedQueryModal.ts

@@ -185,7 +185,7 @@ export default class SaveManagedQueryModal {
     this.nameEl.addEventListener("input", () => {
       if (this.filenameTouched) return;
       const suggested = this.suggestFilenameFromName(this.nameEl.value);
-      if (suggested) this.filenameEl.value = suggested.replace(/\.sparql$/i, "");
+      if (suggested) this.filenameEl.value = suggested.replace(/\.(rq|sparql)$/i, "");
     });
 
     this.filenameEl = document.createElement("input");
@@ -373,7 +373,7 @@ export default class SaveManagedQueryModal {
     let resolvedFilename = filename;
 
     if (isGit) {
-      resolvedFilename = resolvedFilename.replace(/\.sparql$/i, "");
+      resolvedFilename = resolvedFilename.replace(/\.(rq|sparql)$/i, "");
       if (!resolvedFilename) {
         window.alert("Please enter a filename");
         return;
@@ -446,7 +446,7 @@ export default class SaveManagedQueryModal {
 
     const defaultFilename =
       defaults?.filename ?? (defaultName ? (this.suggestFilenameFromName(defaultName) ?? "") : "");
-    this.filenameEl.value = defaultFilename.replace(/\.sparql$/i, "");
+    this.filenameEl.value = defaultFilename.replace(/\.(rq|sparql)$/i, "");
     this.messageEl.value = defaults?.message ?? "";
 
     this.folderPickerOpen = false;

package/src/queryManagement/backends/BitbucketProviderClient.ts

@@ -217,9 +217,9 @@ export class BitbucketProviderClient extends BaseGitProviderClient {
         }
 
         if (v.type === "commit_file") {
-          if (!/\.sparql$/i.test(name)) continue;
+          if (!/\.(rq|sparql)$/i.test(name)) continue;
           const id = relPath ? this.joinPath(relPath, name) : name;
-          const label = name.replace(/\.sparql$/i, "");
+          const label = name.replace(/\.(rq|sparql)$/i, "");
           entries.push({ kind: "query", id, label, parentId: relPath || undefined });
         }
       }

package/src/queryManagement/backends/GiteaProviderClient.ts

@@ -137,9 +137,9 @@ export class GiteaProviderClient extends BaseGitProviderClient {
       }
 
       if (item.type === "file") {
-        if (!/\.sparql$/i.test(item.name)) continue;
+        if (!/\.(rq|sparql)$/i.test(item.name)) continue;
         const id = relPath ? this.joinPath(relPath, item.name) : item.name;
-        const label = item.name.replace(/\.sparql$/i, "");
+        const label = item.name.replace(/\.(rq|sparql)$/i, "");
         entries.push({ kind: "query", id, label, parentId: relPath || undefined });
       }
     }

package/src/queryManagement/backends/GithubProviderClient.ts

@@ -148,11 +148,11 @@ export class GithubProviderClient extends BaseGitProviderClient {
       }
 
       if (item.type === "file") {
-        if (!/\.sparql$/i.test(item.name)) continue;
+        if (!/\.(rq|sparql)$/i.test(item.name)) continue;
         const id = config.rootPath
           ? item.path.slice(this.joinPath(config.rootPath).length).replace(/^\//, "")
           : item.path;
-        const label = item.name.replace(/\.sparql$/i, "");
+        const label = item.name.replace(/\.(rq|sparql)$/i, "");
         entries.push({ kind: "query", id, label, parentId: relPath || undefined });
       }
     }

package/src/queryManagement/backends/GitlabProviderClient.ts

@@ -160,9 +160,9 @@ export class GitlabProviderClient extends BaseGitProviderClient {
       }
 
       if (item.type === "blob") {
-        if (!/\.sparql$/i.test(item.name)) continue;
+        if (!/\.(rq|sparql)$/i.test(item.name)) continue;
         const id = relPath ? this.joinPath(relPath, item.name) : item.name;
-        const label = item.name.replace(/\.sparql$/i, "");
+        const label = item.name.replace(/\.(rq|sparql)$/i, "");
         entries.push({ kind: "query", id, label, parentId: relPath || undefined });
       }
     }