@matdata/yasgui 5.20.3 → 6.0.0

package/src/github-dark-theme.scss

@@ -1,58 +1,41 @@
 // GitHub Dark Default CodeMirror Theme
 // Based on GitHub's dark default color scheme
 
+// Selectors target CodeMirror 6 DOM (.cm-editor / .cm-*). The theme class
+// (cm-s-<name>) is set on the editor root element by the yasqe editor facade.
+.cm-s-github-dark.cm-editor,
 .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 {
+.cm-s-github-dark .cm-selectionBackground,
+.cm-s-github-dark.cm-focused .cm-selectionBackground {
   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 {
+.cm-s-github-dark .cm-content ::selection,
+.cm-s-github-dark .cm-line::selection {
   background: rgba(56, 138, 253, 0.5) !important;
 }
 
-.cm-s-github-dark .CodeMirror-gutters {
+.cm-s-github-dark .cm-gutters {
   background: #0d1117;
   border-right: 1px solid #30363d;
+  color: #6e7681;
 }
 
-.cm-s-github-dark .CodeMirror-guttermarker {
-  color: #c9d1d9;
-}
-
-.cm-s-github-dark .CodeMirror-guttermarker-subtle {
+.cm-s-github-dark .cm-gutterElement {
   color: #6e7681;
 }
 
-.cm-s-github-dark .CodeMirror-linenumber {
-  color: #6e7681;
+.cm-s-github-dark .cm-foldGutter .cm-gutterElement {
+  color: #c9d1d9;
 }
 
-.cm-s-github-dark .CodeMirror-cursor {
+.cm-s-github-dark .cm-cursor,
+.cm-s-github-dark .cm-dropCursor {
   border-left: 1px solid #c9d1d9;
 }
 
@@ -161,32 +144,30 @@
 }
 
 // Active line
-.cm-s-github-dark .CodeMirror-activeline-background {
+.cm-s-github-dark .cm-activeLine,
+.cm-s-github-dark .cm-activeLineGutter {
   background: rgba(110, 118, 129, 0.1);
 }
 
 // Matching brackets
-.cm-s-github-dark .CodeMirror-matchingbracket {
+.cm-s-github-dark .cm-matchingBracket {
   color: #7ee787 !important;
   background-color: rgba(46, 160, 67, 0.15);
   text-decoration: underline;
 }
 
-.cm-s-github-dark .CodeMirror-nonmatchingbracket {
+.cm-s-github-dark .cm-nonmatchingBracket {
   color: #ff7b72 !important;
   background-color: rgba(248, 81, 73, 0.15);
 }
 
 // Search highlighting
-.cm-s-github-dark .CodeMirror-searching {
+.cm-s-github-dark .cm-searchMatch {
   background-color: rgba(255, 206, 0, 0.4);
 }
 
 // Override match highlight to use subtle selection color
+.cm-s-github-dark .cm-selectionMatch,
 .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.scss

@@ -2,7 +2,7 @@
 @import "@fortawesome/fontawesome-free/css/fontawesome.css";
 @import "@fortawesome/fontawesome-free/css/solid.css";
 
-// Main YASGUI container - fills 100% of parent element
+// Main Matgui container - fills 100% of parent element
 // Parent element (typically body) should have height: 100%; width: 100%
 .yasgui {
   display: flex;

package/src/index.ts

@@ -21,8 +21,8 @@ import QueryBrowser from "./queryManagement/QueryBrowser";
 import "./index.scss";
 import "./themes.scss";
 import "./github-dark-theme.scss";
+import "./editor-themes.scss";
 import "../../yasr/src/scss/global.scss";
-import "codemirror/theme/material-palenight.css";
 import "@matdata/yasgui-geo-plugin/dist/yasgui-compat.css";
 
 // Register plugins to Yasr
@@ -186,6 +186,12 @@ export class Yasgui extends EventEmitter {
       this.config.showSnippetsBar = persistedShowSnippetsBar;
     }
 
+    // Load persisted orientation if available
+    const persistedOrientation = this.persistentConfig.getOrientation();
+    if (persistedOrientation !== undefined) {
+      this.config.orientation = persistedOrientation;
+    }
+
     this.tabElements = new TabElements(this);
     this.tabPanelsEl = document.createElement("div");
 

package/src/queryManagement/QueryBrowser.ts

@@ -158,7 +158,7 @@ export default class QueryBrowser {
     helpButton.innerHTML = '<i class="fas fa-circle-question"></i>';
     helpButton.addEventListener("click", () => {
       window.open(
-        "https://yasgui-doc.matdata.eu/docs/user-guide#managed-queries-and-workspaces",
+        "https://matgui-doc.matdata.eu/docs/user-guide#managed-queries-and-workspaces",
         "_blank",
         "noopener,noreferrer",
       );
@@ -406,7 +406,7 @@ export default class QueryBrowser {
 
     const learnMoreLink = document.createElement("a");
     addClass(learnMoreLink, "yasgui-query-browser__empty-link");
-    learnMoreLink.href = "https://yasgui-doc.matdata.eu/docs/user-guide#managed-queries-and-workspaces";
+    learnMoreLink.href = "https://matgui-doc.matdata.eu/docs/user-guide#managed-queries-and-workspaces";
     learnMoreLink.target = "_blank";
     learnMoreLink.rel = "noopener noreferrer";
     learnMoreLink.textContent = "Learn more about workspaces";

package/src/queryManagement/WorkspaceSettingsForm.ts

@@ -400,7 +400,7 @@ ORDER BY ?workspace`;
         const gitHelp = document.createElement("div");
         addClass(gitHelp, "settingsHelp");
         gitHelp.textContent =
-          "Supported Git providers: GitHub, GitLab, Bitbucket Cloud, Gitea. Note: ssh:// and SCP-style remotes are only parsed to identify the repository; YASGUI uses provider HTTPS APIs (not SSH) to read/write files.";
+          "Supported Git providers: GitHub, GitLab, Bitbucket Cloud, Gitea. Note: ssh:// and SCP-style remotes are only parsed to identify the repository; Matgui uses provider HTTPS APIs (not SSH) to read/write files.";
 
         const remoteUrlInput = document.createElement("input");
         remoteUrlInput.type = "url";

package/src/tab.scss

@@ -11,7 +11,17 @@
     }
 
     .yasrWrapperEl {
-      height: 100%;
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+    }
+
+    // Let YASR shrink within the available space so its results scroll instead of
+    // overflowing the tab panel (the 400px min-height on .yasr would otherwise force
+    // the results to grow past the viewport with no scrollbar).
+    .yasr {
+      min-height: 0;
     }
 
     // Hide editor wrapper when yasr is in fullscreen
@@ -77,7 +87,8 @@
               height: 100%;
               overflow: hidden;
 
-              .CodeMirror {
+              .CodeMirror,
+              .cm-editor {
                 flex: 1;
                 height: 100%;
               }

package/src/themes.scss

@@ -240,7 +240,8 @@
 .yasqe {
   background-color: var(--yasgui-bg-primary);
 
-  .CodeMirror {
+  .CodeMirror,
+  .cm-editor {
     background-color: var(--yasgui-bg-primary);
     color: var(--yasgui-text-primary);
   }
@@ -365,17 +366,21 @@
   }
 }
 
-// CodeMirror hints theming
-.CodeMirror-hints {
+// CodeMirror hints (autocompletion tooltip) theming.
+// yasqe gives the CodeMirror 6 autocompletion tooltip the legacy `CodeMirror-hints` class.
+.CodeMirror-hints,
+.cm-tooltip.CodeMirror-hints {
   background: var(--yasgui-bg-primary) !important;
   border-color: var(--yasgui-border-color) !important;
 }
 
-.CodeMirror-hint {
+.CodeMirror-hint,
+.CodeMirror-hints > ul > li {
   color: var(--yasgui-text-primary) !important;
 }
 
-li.CodeMirror-hint-active {
+li.CodeMirror-hint-active,
+.CodeMirror-hints > ul > li[aria-selected] {
   background: var(--yasgui-accent-color) !important;
   color: var(--yasgui-bg-primary) !important;
 }

package/src/version.ts

@@ -1,3 +1,3 @@
 // Version information for YASGUI
 // This file is auto-generated during build - do not edit manually
-export const VERSION = "5.20.3";
+export const VERSION = "6.0.0";