groove-dev 0.27.136 → 0.27.138

package/node_modules/@groove-dev/gui/src/components/editor/editor-status-bar.jsx

@@ -1,4 +1,9 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
+import { useState, useRef, useEffect } from 'react';
+import { Palette } from 'lucide-react';
+import { useGrooveStore } from '../../stores/groove';
+import { EDITOR_THEMES } from './code-editor';
+import { cn } from '../../lib/cn';
 
 const LANG_LABELS = {
   javascript: 'JavaScript',
@@ -10,13 +15,74 @@ const LANG_LABELS = {
   python: 'Python',
 };
 
+const themeKeys = Object.keys(EDITOR_THEMES);
+const darkThemes = themeKeys.filter((k) => !['githubLight', 'vscodeLight', 'eclipse', 'xcodeLight', 'solarizedLight', 'gruvboxLight', 'materialLight', 'duotoneLight', 'quietlight', 'bbedit', 'tokyoNightDay', 'basicLight'].includes(k));
+const lightThemes = themeKeys.filter((k) => !darkThemes.includes(k));
+
 export function EditorStatusBar({ cursorPos, language }) {
+  const editorTheme = useGrooveStore((s) => s.editorTheme);
+  const setEditorTheme = useGrooveStore((s) => s.setEditorTheme);
+  const [open, setOpen] = useState(false);
+  const menuRef = useRef(null);
+
+  useEffect(() => {
+    if (!open) return;
+    function handleClick(e) {
+      if (menuRef.current && !menuRef.current.contains(e.target)) setOpen(false);
+    }
+    document.addEventListener('mousedown', handleClick);
+    return () => document.removeEventListener('mousedown', handleClick);
+  }, [open]);
+
   return (
     <div className="flex items-center justify-between h-6 px-3 bg-surface-1 border-t border-border-subtle text-2xs font-sans text-text-3 flex-shrink-0 select-none">
       <div className="flex items-center gap-3">
         <span>Ln {cursorPos.line}, Col {cursorPos.col}</span>
       </div>
       <div className="flex items-center gap-3">
+        <div className="relative" ref={menuRef}>
+          <button
+            onClick={() => setOpen(!open)}
+            className="flex items-center gap-1.5 hover:text-text-0 transition-colors cursor-pointer"
+          >
+            <Palette size={10} />
+            <span>{EDITOR_THEMES[editorTheme]?.label || editorTheme}</span>
+          </button>
+          {open && (
+            <div className="absolute bottom-6 right-0 w-48 max-h-72 overflow-y-auto rounded-md border border-border bg-surface-2 shadow-xl z-50 py-1 scrollbar-thin">
+              <div className="px-2 py-1 text-2xs text-text-4 font-semibold uppercase tracking-wider">Dark</div>
+              {darkThemes.map((key) => (
+                <button
+                  key={key}
+                  onClick={() => { setEditorTheme(key); setOpen(false); }}
+                  className={cn(
+                    'w-full text-left px-3 py-1 text-2xs font-sans cursor-pointer transition-colors',
+                    key === editorTheme
+                      ? 'text-accent bg-accent/10'
+                      : 'text-text-1 hover:bg-surface-4',
+                  )}
+                >
+                  {EDITOR_THEMES[key].label}
+                </button>
+              ))}
+              <div className="px-2 py-1 mt-1 text-2xs text-text-4 font-semibold uppercase tracking-wider border-t border-border-subtle">Light</div>
+              {lightThemes.map((key) => (
+                <button
+                  key={key}
+                  onClick={() => { setEditorTheme(key); setOpen(false); }}
+                  className={cn(
+                    'w-full text-left px-3 py-1 text-2xs font-sans cursor-pointer transition-colors',
+                    key === editorTheme
+                      ? 'text-accent bg-accent/10'
+                      : 'text-text-1 hover:bg-surface-4',
+                  )}
+                >
+                  {EDITOR_THEMES[key].label}
+                </button>
+              ))}
+            </div>
+          )}
+        </div>
         <span className="cursor-default">{LANG_LABELS[language] || language || 'Plain Text'}</span>
         <span>Spaces: 2</span>
         <span>UTF-8</span>

package/node_modules/@groove-dev/gui/src/components/lab/system-prompt-editor.jsx

@@ -4,42 +4,31 @@ import { useGrooveStore } from '../../stores/groove';
 import { ChevronDown, ChevronRight } from 'lucide-react';
 import { cn } from '../../lib/cn';
 import { EditorView, keymap, lineNumbers } from '@codemirror/view';
-import { EditorState } from '@codemirror/state';
+import { EditorState, Compartment } from '@codemirror/state';
 import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
-import { syntaxHighlighting, HighlightStyle } from '@codemirror/language';
-import { tags as t } from '@lezer/highlight';
 import { markdown } from '@codemirror/lang-markdown';
+import { EDITOR_THEMES } from '../editor/code-editor';
 
-const editorTheme = EditorView.theme({
-  '&': { backgroundColor: 'var(--color-surface-1)', color: '#d4d8e0', fontFamily: 'var(--font-mono)', fontSize: '11px', height: '100%', lineHeight: '1.6' },
+const promptChrome = EditorView.theme({
+  '&': { fontFamily: 'var(--font-mono)', fontSize: '11px', height: '100%', lineHeight: '1.6' },
   '.cm-scroller': { overflow: 'auto', padding: '4px 0' },
-  '.cm-content': { caretColor: '#33afbc', padding: '0 8px' },
-  '.cm-cursor': { borderLeftColor: '#33afbc', borderLeftWidth: '1.5px' },
-  '.cm-gutters': { backgroundColor: 'var(--color-surface-1)', borderRight: 'none', color: '#404852', minWidth: '28px' },
+  '.cm-content': { padding: '0 8px' },
+  '.cm-gutters': { borderRight: 'none', minWidth: '28px' },
   '.cm-activeLine': { backgroundColor: 'rgba(255, 255, 255, 0.02)' },
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground': { backgroundColor: 'rgba(51, 175, 188, 0.15)' },
 });
 
-const promptHighlightStyle = HighlightStyle.define([
-  { tag: t.keyword, color: '#b07fd5' },
-  { tag: [t.name, t.deleted, t.character, t.macroName], color: '#d4d8e0' },
-  { tag: [t.function(t.variableName), t.labelName], color: '#dcc9a0' },
-  { tag: [t.meta, t.comment], color: '#6e7681', fontStyle: 'italic' },
-  { tag: t.strong, fontWeight: 'bold' },
-  { tag: t.emphasis, fontStyle: 'italic' },
-  { tag: t.link, color: '#7ab0df', textDecoration: 'underline' },
-  { tag: t.heading, fontWeight: '400', color: '#bcc2cd' },
-  { tag: [t.processingInstruction, t.string, t.inserted], color: '#95b2b8' },
-  { tag: [t.atom, t.bool], color: '#d4a07a' },
-  { tag: t.invalid, color: '#d4736e' },
-]);
+function getThemeExt(key) {
+  return EDITOR_THEMES[key]?.ext || EDITOR_THEMES.vscodeDark.ext;
+}
 
 export function SystemPromptEditor() {
   const systemPrompt = useGrooveStore((s) => s.labSystemPrompt);
   const setSystemPrompt = useGrooveStore((s) => s.setLabSystemPrompt);
+  const themeKey = useGrooveStore((s) => s.editorTheme);
   const [collapsed, setCollapsed] = useState(false);
   const containerRef = useRef(null);
   const viewRef = useRef(null);
+  const themeCompartment = useRef(new Compartment());
   const externalUpdate = useRef(false);
 
   const charCount = systemPrompt.length;
@@ -51,6 +40,8 @@ export function SystemPromptEditor() {
   useEffect(() => {
     if (!containerRef.current) return;
 
+    const initialTheme = getThemeExt(useGrooveStore.getState().editorTheme);
+
     const updateListener = EditorView.updateListener.of((update) => {
       if (update.docChanged) {
         handleChange(update.state.doc.toString());
@@ -62,10 +53,10 @@ export function SystemPromptEditor() {
       extensions: [
         lineNumbers(),
         history(),
-        syntaxHighlighting(promptHighlightStyle),
+        themeCompartment.current.of(initialTheme),
+        promptChrome,
         markdown(),
         keymap.of([...defaultKeymap, ...historyKeymap]),
-        editorTheme,
         updateListener,
         EditorView.lineWrapping,
       ],
@@ -76,6 +67,12 @@ export function SystemPromptEditor() {
     return () => view.destroy();
   }, []);
 
+  useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    view.dispatch({ effects: themeCompartment.current.reconfigure(getThemeExt(themeKey)) });
+  }, [themeKey]);
+
   useEffect(() => {
     const view = viewRef.current;
     if (!view) return;

package/node_modules/@groove-dev/gui/src/stores/groove.js

@@ -196,6 +196,7 @@ export const useGrooveStore = create((set, get) => ({
   editorChangedFiles: {},
   editorRecentSaves: {},
   editorSidebarWidth: Number(localStorage.getItem('groove:editorSidebarWidth')) || 240,
+  editorTheme: localStorage.getItem('groove:editorTheme') || 'vscodeDark',
 
   // ── Workspace Mode ────────────────────────────────────────
   workspaceMode: localStorage.getItem('groove:workspaceMode') === 'true',
@@ -2810,6 +2811,10 @@ export const useGrooveStore = create((set, get) => ({
     set({ editorSidebarWidth: width });
     localStorage.setItem('groove:editorSidebarWidth', String(width));
   },
+  setEditorTheme(theme) {
+    set({ editorTheme: theme });
+    localStorage.setItem('groove:editorTheme', theme);
+  },
 
   updateFileContent(path, content) {
     set((s) => ({ editorFiles: { ...s.editorFiles, [path]: { ...s.editorFiles[path], content } } }));

package/node_modules/@uiw/codemirror-theme-abcdef/README.md

@@ -0,0 +1,152 @@
+<div markdown="1">
+  <sup>Using <a href="https://wangchujiang.com/#/app" target="_blank">my app</a> is also a way to <a href="https://wangchujiang.com/#/sponsor" target="_blank">support</a> me:</sup>
+  <br>
+  <a target="_blank" href="https://apps.apple.com/app/6758053530" title="Scap: Screenshot & Markup Edit for macOS"><img alt="Scap: Screenshot & Markup Edit" height="52" width="52" src="https://wangchujiang.com/appicon/scap.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6757317079" title="Screen Test for macOS"><img alt="Screen Test" height="52" width="52" src="https://wangchujiang.com/appicon/screen-test.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/Deskmark/6755948110" title="Deskmark for macOS"><img alt="Deskmark" height="52" width="52" src="https://wangchujiang.com/appicon/deskmark.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/Keyzer/6500434773" title="Keyzer for macOS"><img alt="Keyzer" height="52" width="52" src="https://wangchujiang.com/appicon/keyzer.png"></a>
+  <a target="_blank" href="https://github.com/jaywcjlove/vidwall-hub" title="Vidwall Hub for macOS"><img alt="Vidwall Hub" height="52" width="52" src="https://wangchujiang.com/appicon/vidwall-hub.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/VidCrop/6752624705" title="VidCrop for macOS"><img alt="VidCrop" height="52" width="52" src="https://wangchujiang.com/appicon/vidcrop.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/Vidwall/6747587746" title="Vidwall for macOS"><img alt="Vidwall" height="52" width="52" src="https://wangchujiang.com/appicon/vidwall.png"></a>
+  <a target="_blank" href="https://wangchujiang.com/mousio-hint/" title="Mousio Hint for macOS"><img alt="Mousio Hint" height="52" width="52" src="https://wangchujiang.com/appicon/mousio-hint.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6746747327" title="Mousio for macOS"><img alt="Mousio" height="52" width="52" src="https://wangchujiang.com/appicon/mousio.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6745227444" title="Musicer for macOS"><img alt="Musicer" height="52" width="52" src="https://wangchujiang.com/appicon/musicer.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6743841447" title="Audioer for macOS"><img alt="Audioer" height="52" width="52" src="https://wangchujiang.com/appicon/audioer.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6744690194" title="FileSentinel for macOS"><img alt="FileSentinel" height="52" width="52" src="https://wangchujiang.com/appicon/file-sentinel.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6743495172" title="FocusCursor for macOS"><img alt="FocusCursor" height="52" width="52" src="https://wangchujiang.com/appicon/focus-cursor.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6742680573" title="Videoer for macOS"><img alt="Videoer" height="52" width="52" src="https://wangchujiang.com/appicon/videoer.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6740425504" title="KeyClicker for macOS"><img alt="KeyClicker" height="52" width="52" src="https://wangchujiang.com/appicon/key-clicker.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6739052447" title="DayBar for macOS"><img alt="DayBar" height="52" width="52" src="https://wangchujiang.com/appicon/daybar.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6739444407" title="Iconed for macOS"><img alt="Iconed" height="52" width="52" src="https://wangchujiang.com/appicon/iconed.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6737160756" title="Menuist for macOS"><img alt="Menuist" height="52" width="52" src="https://wangchujiang.com/appicon/rightmenu-master.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6723903021" title="Paste Quick for macOS"><img alt="Quick RSS" height="52" width="52" src="https://wangchujiang.com/appicon/paste-quick.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6670696072" title="Quick RSS for macOS/iOS"><img alt="Quick RSS" height="52" width="52" src="https://wangchujiang.com/appicon/quick-rss.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6670167443" title="Web Serve for macOS"><img alt="Web Serve" height="52" width="52" src="https://wangchujiang.com/appicon/web-serve.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6503953628" title="Copybook Generator for macOS/iOS"><img alt="Copybook Generator" height="52" width="52" src="https://wangchujiang.com/appicon/copybook-generator.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6471227008" title="DevTutor for macOS/iOS"><img alt="DevTutor for SwiftUI" height="52" width="52" src="https://wangchujiang.com/appicon/devtutor.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6479819388" title="RegexMate for macOS/iOS"><img alt="RegexMate" height="52" width="52" src="https://wangchujiang.com/appicon/regex-mate.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6479194014" title="Time Passage for macOS/iOS"><img alt="Time Passage" height="52" width="52" src="https://wangchujiang.com/appicon/time-passage.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6478772538" title="IconizeFolder for macOS"><img alt="Iconize Folder" height="52" width="52" src="https://wangchujiang.com/appicon/iconize-folder.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6478511402" title="Textsound Saver for macOS/iOS"><img alt="Textsound Saver" height="52" width="52" src="https://wangchujiang.com/appicon/textsound-saver.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6476924627" title="Create Custom Symbols for macOS"><img alt="Create Custom Symbols" height="52" width="52" src="https://wangchujiang.com/appicon/create-custom-symbols.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6476452351" title="DevHub for macOS"><img alt="DevHub" height="52" width="52" src="https://wangchujiang.com/appicon/devhub.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6476400184" title="Resume Revise for macOS"><img alt="Resume Revise" height="52" width="52" src="https://wangchujiang.com/appicon/resume-revise.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6472593276" title="Palette Genius for macOS"><img alt="Palette Genius" height="52" width="52" src="https://wangchujiang.com/appicon/palette-genius.png"></a>
+  <a target="_blank" href="https://apps.apple.com/app/6470879005" title="Symbol Scribe for macOS"><img alt="Symbol Scribe" height="52" width="52" src="https://wangchujiang.com/appicon/symbol-scribe.png"></a>
+  <br><br>
+</div>
+<hr>
+
+<!--rehype:ignore:start-->
+
+# Abcdef Theme
+
+<!--rehype:ignore:end-->
+
+[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)
+[![npm version](https://img.shields.io/npm/v/@uiw/codemirror-theme-abcdef.svg)](https://www.npmjs.com/package/@uiw/codemirror-theme-abcdef)
+
+<a href="https://uiwjs.github.io/react-codemirror/#/theme/data/abcdef">
+  <img width="436" alt="codemirror-theme-abcdef" src="https://user-images.githubusercontent.com/1680273/176573508-705562ad-16ec-4b16-994e-f235a9331a3f.png">
+</a>
+
+## Install
+
+```bash
+npm install @uiw/codemirror-theme-abcdef --save
+```
+
+```js
+import { EditorState } from '@codemirror/state';
+import { javascript } from '@codemirror/lang-javascript';
+import { abcdef } from '@uiw/codemirror-theme-abcdef';
+
+const state = EditorState.create({
+  doc: 'my source code',
+  extensions: [abcdef, javascript({ jsx: true })],
+});
+```
+
+Using in React:
+
+```jsx
+import CodeMirror from '@uiw/react-codemirror';
+import { tags as t } from '@lezer/highlight';
+import { abcdef, abcdefInit } from '@uiw/codemirror-theme-abcdef';
+
+<CodeMirror theme={abcdef} />
+<CodeMirror
+  theme={abcdefInit({
+    settings: {
+      caret: '#c6c6c6',
+      fontFamily: 'monospace',
+    },
+    styles: [
+      { tag: t.comment, color: '#6272a4' },
+    ]
+  })}
+/>
+```
+
+## API
+
+```tsx
+import { CreateThemeOptions } from '@uiw/codemirror-themes';
+export declare const defaultSettingsAbcdef: CreateThemeOptions['settings'];
+export declare const abcdefInit: (options?: Partial<CreateThemeOptions>) => import('@codemirror/state').Extension;
+export declare const abcdef: import('@codemirror/state').Extension;
+```
+
+## Usage
+
+```jsx
+import CodeMirror from '@uiw/react-codemirror';
+import { abcdef } from '@uiw/codemirror-theme-abcdef';
+import { javascript } from '@codemirror/lang-javascript';
+
+function App() {
+  return (
+    <CodeMirror
+      value="console.log('hello world!');"
+      height="200px"
+      theme={abcdef}
+      extensions={[javascript({ jsx: true })]}
+      onChange={(value, viewUpdate) => {
+        console.log('value:', value);
+      }}
+    />
+  );
+}
+export default App;
+```
+
+```js
+import { EditorView } from '@codemirror/view';
+import { EditorState } from '@codemirror/state';
+import { javascript } from '@codemirror/lang-javascript';
+import { abcdef } from '@uiw/codemirror-theme-abcdef';
+
+const state = EditorState.create({
+  doc: 'my source code',
+  extensions: [abcdef, javascript({ jsx: true })],
+});
+
+const view = new EditorView({
+  parent: document.querySelector('#editor'),
+  state,
+});
+```
+
+## Contributors
+
+As always, thanks to our amazing contributors!
+
+<a href="https://github.com/uiwjs/react-codemirror/graphs/contributors">
+  <img src="https://uiwjs.github.io/react-codemirror/CONTRIBUTORS.svg" />
+</a>
+
+Made with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).
+
+## License
+
+Licensed under the MIT License.

package/node_modules/@uiw/codemirror-theme-abcdef/cjs/index.d.ts

@@ -0,0 +1,5 @@
+import { type CreateThemeOptions } from '@uiw/codemirror-themes';
+export declare const defaultSettingsAbcdef: CreateThemeOptions['settings'];
+export declare const abcdefDarkStyle: CreateThemeOptions['styles'];
+export declare const abcdefInit: (options?: Partial<CreateThemeOptions>) => import("@codemirror/state").Extension;
+export declare const abcdef: import("@codemirror/state").Extension;

package/node_modules/@uiw/codemirror-theme-abcdef/cjs/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSettingsAbcdef = exports.abcdefInit = exports.abcdefDarkStyle = exports.abcdef = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _highlight = require("@lezer/highlight");
+var _codemirrorThemes = require("@uiw/codemirror-themes");
+/**
+ * @name abcdef
+ * @author codemirror.net
+ * https://codemirror.net/5/theme/abcdef.css
+ */
+
+var defaultSettingsAbcdef = exports.defaultSettingsAbcdef = {
+  background: '#0f0f0f',
+  foreground: '#defdef',
+  caret: '#00FF00',
+  selection: '#515151',
+  selectionMatch: '#515151',
+  gutterBackground: '#555',
+  gutterForeground: '#FFFFFF',
+  lineHighlight: '#0a6bcb3d'
+};
+var abcdefDarkStyle = exports.abcdefDarkStyle = [{
+  tag: _highlight.tags.keyword,
+  color: 'darkgoldenrod',
+  fontWeight: 'bold'
+}, {
+  tag: _highlight.tags.atom,
+  color: '#77F'
+}, {
+  tag: _highlight.tags.comment,
+  color: '#7a7b7c',
+  fontStyle: 'italic'
+}, {
+  tag: _highlight.tags.number,
+  color: 'violet'
+}, {
+  tag: _highlight.tags.definition(_highlight.tags.variableName),
+  color: '#fffabc'
+}, {
+  tag: _highlight.tags.variableName,
+  color: '#abcdef'
+}, {
+  tag: _highlight.tags["function"](_highlight.tags.variableName),
+  color: '#fffabc'
+}, {
+  tag: _highlight.tags.typeName,
+  color: '#FFDD44'
+}, {
+  tag: _highlight.tags.tagName,
+  color: '#def'
+}, {
+  tag: _highlight.tags.string,
+  color: '#2b4'
+}, {
+  tag: _highlight.tags.meta,
+  color: '#C9F'
+},
+// { tag: t.qualifier, color: '#FFF700' },
+// { tag: t.builtin, color: '#30aabc' },
+{
+  tag: _highlight.tags.bracket,
+  color: '#8a8a8a'
+}, {
+  tag: _highlight.tags.attributeName,
+  color: '#DDFF00'
+}, {
+  tag: _highlight.tags.heading,
+  color: 'aquamarine',
+  fontWeight: 'bold'
+}, {
+  tag: _highlight.tags.link,
+  color: 'blueviolet',
+  fontWeight: 'bold'
+}];
+var abcdefInit = exports.abcdefInit = function abcdefInit(options) {
+  var _ref = options || {},
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
+    _ref$settings = _ref.settings,
+    settings = _ref$settings === void 0 ? {} : _ref$settings,
+    _ref$styles = _ref.styles,
+    styles = _ref$styles === void 0 ? [] : _ref$styles;
+  return (0, _codemirrorThemes.createTheme)({
+    theme: theme,
+    settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultSettingsAbcdef), settings),
+    styles: [].concat(abcdefDarkStyle, (0, _toConsumableArray2["default"])(styles))
+  });
+};
+var abcdef = exports.abcdef = abcdefInit();

package/node_modules/@uiw/codemirror-theme-abcdef/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/node_modules/@uiw/codemirror-theme-abcdef/esm/index.d.ts

@@ -0,0 +1,5 @@
+import { type CreateThemeOptions } from '@uiw/codemirror-themes';
+export declare const defaultSettingsAbcdef: CreateThemeOptions['settings'];
+export declare const abcdefDarkStyle: CreateThemeOptions['styles'];
+export declare const abcdefInit: (options?: Partial<CreateThemeOptions>) => import("@codemirror/state").Extension;
+export declare const abcdef: import("@codemirror/state").Extension;

package/node_modules/@uiw/codemirror-theme-abcdef/esm/index.js

@@ -0,0 +1,84 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @name abcdef
+ * @author codemirror.net
+ * https://codemirror.net/5/theme/abcdef.css
+ */
+import { tags as t } from '@lezer/highlight';
+import { createTheme } from '@uiw/codemirror-themes';
+export var defaultSettingsAbcdef = {
+  background: '#0f0f0f',
+  foreground: '#defdef',
+  caret: '#00FF00',
+  selection: '#515151',
+  selectionMatch: '#515151',
+  gutterBackground: '#555',
+  gutterForeground: '#FFFFFF',
+  lineHighlight: '#0a6bcb3d'
+};
+export var abcdefDarkStyle = [{
+  tag: t.keyword,
+  color: 'darkgoldenrod',
+  fontWeight: 'bold'
+}, {
+  tag: t.atom,
+  color: '#77F'
+}, {
+  tag: t.comment,
+  color: '#7a7b7c',
+  fontStyle: 'italic'
+}, {
+  tag: t.number,
+  color: 'violet'
+}, {
+  tag: t.definition(t.variableName),
+  color: '#fffabc'
+}, {
+  tag: t.variableName,
+  color: '#abcdef'
+}, {
+  tag: t.function(t.variableName),
+  color: '#fffabc'
+}, {
+  tag: t.typeName,
+  color: '#FFDD44'
+}, {
+  tag: t.tagName,
+  color: '#def'
+}, {
+  tag: t.string,
+  color: '#2b4'
+}, {
+  tag: t.meta,
+  color: '#C9F'
+},
+// { tag: t.qualifier, color: '#FFF700' },
+// { tag: t.builtin, color: '#30aabc' },
+{
+  tag: t.bracket,
+  color: '#8a8a8a'
+}, {
+  tag: t.attributeName,
+  color: '#DDFF00'
+}, {
+  tag: t.heading,
+  color: 'aquamarine',
+  fontWeight: 'bold'
+}, {
+  tag: t.link,
+  color: 'blueviolet',
+  fontWeight: 'bold'
+}];
+export var abcdefInit = options => {
+  var {
+    theme = 'dark',
+    settings = {},
+    styles = []
+  } = options || {};
+  return createTheme({
+    theme: theme,
+    settings: _extends({}, defaultSettingsAbcdef, settings),
+    styles: [...abcdefDarkStyle, ...styles]
+  });
+};
+export var abcdef = abcdefInit();

package/node_modules/@uiw/codemirror-theme-abcdef/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/node_modules/@uiw/codemirror-theme-abcdef/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@uiw/codemirror-theme-abcdef",
+  "version": "4.25.9",
+  "description": "Theme abcdef for CodeMirror.",
+  "homepage": "https://uiwjs.github.io/react-codemirror/#/theme/data/abcdef",
+  "funding": "https://jaywcjlove.github.io/#/sponsor",
+  "author": "kenny wong <wowohoo@qq.com>",
+  "license": "MIT",
+  "main": "./cjs/index.js",
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "require": "./cjs/index.js",
+      "import": "./esm/index.js"
+    },
+    "./*": "./*"
+  },
+  "scripts": {
+    "watch": "tsbb watch src/*.ts --use-babel",
+    "build": "tsbb build src/*.ts --use-babel && npm run setmodule",
+    "setmodule": "echo '{\"type\":\"module\"}' > esm/package.json && echo '{\"type\":\"commonjs\"}' > cjs/package.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/uiwjs/react-codemirror.git"
+  },
+  "files": [
+    "src",
+    "esm",
+    "cjs"
+  ],
+  "dependencies": {
+    "@uiw/codemirror-themes": "4.25.9"
+  },
+  "keywords": [
+    "codemirror",
+    "codemirror6",
+    "theme",
+    "abcdef",
+    "syntax",
+    "ide",
+    "code"
+  ],
+  "jest": {
+    "coverageReporters": [
+      "lcov",
+      "json-summary"
+    ]
+  }
+}

package/node_modules/@uiw/codemirror-theme-abcdef/src/index.ts

@@ -0,0 +1,52 @@
+/**
+ * @name abcdef
+ * @author codemirror.net
+ * https://codemirror.net/5/theme/abcdef.css
+ */
+import { tags as t } from '@lezer/highlight';
+import { createTheme, type CreateThemeOptions } from '@uiw/codemirror-themes';
+
+export const defaultSettingsAbcdef: CreateThemeOptions['settings'] = {
+  background: '#0f0f0f',
+  foreground: '#defdef',
+  caret: '#00FF00',
+  selection: '#515151',
+  selectionMatch: '#515151',
+  gutterBackground: '#555',
+  gutterForeground: '#FFFFFF',
+  lineHighlight: '#0a6bcb3d',
+};
+
+export const abcdefDarkStyle: CreateThemeOptions['styles'] = [
+  { tag: t.keyword, color: 'darkgoldenrod', fontWeight: 'bold' },
+  { tag: t.atom, color: '#77F' },
+  { tag: t.comment, color: '#7a7b7c', fontStyle: 'italic' },
+  { tag: t.number, color: 'violet' },
+  { tag: t.definition(t.variableName), color: '#fffabc' },
+  { tag: t.variableName, color: '#abcdef' },
+  { tag: t.function(t.variableName), color: '#fffabc' },
+  { tag: t.typeName, color: '#FFDD44' },
+  { tag: t.tagName, color: '#def' },
+  { tag: t.string, color: '#2b4' },
+  { tag: t.meta, color: '#C9F' },
+  // { tag: t.qualifier, color: '#FFF700' },
+  // { tag: t.builtin, color: '#30aabc' },
+  { tag: t.bracket, color: '#8a8a8a' },
+  { tag: t.attributeName, color: '#DDFF00' },
+  { tag: t.heading, color: 'aquamarine', fontWeight: 'bold' },
+  { tag: t.link, color: 'blueviolet', fontWeight: 'bold' },
+];
+
+export const abcdefInit = (options?: Partial<CreateThemeOptions>) => {
+  const { theme = 'dark', settings = {}, styles = [] } = options || {};
+  return createTheme({
+    theme: theme,
+    settings: {
+      ...defaultSettingsAbcdef,
+      ...settings,
+    },
+    styles: [...abcdefDarkStyle, ...styles],
+  });
+};
+
+export const abcdef = abcdefInit();