overtype 2.1.1 → 2.2.0

package/src/themes.js

@@ -39,6 +39,7 @@ export const solar = {
     toolbarIcon: '#0d3b66',      // Yale Blue - icon color
     toolbarHover: '#f5f5f5',     // Light gray - hover background
     toolbarActive: '#faf0ca',    // Lemon Chiffon - active button background
+    placeholder: '#999999',      // Gray - placeholder text
   }
 };
 
@@ -78,6 +79,7 @@ export const cave = {
     toolbarIcon: '#c5dde8',      // Light blue-gray - icon color
     toolbarHover: '#243546',     // Slightly lighter charcoal - hover background
     toolbarActive: '#2a3f52',    // Even lighter - active button background
+    placeholder: '#6a7a88',      // Muted blue-gray - placeholder text
   }
 };
 
@@ -87,6 +89,7 @@ export const cave = {
 export const themes = {
   solar,
   cave,
+  auto: solar,
   // Aliases for backward compatibility
   light: solar,
   dark: cave
@@ -106,6 +109,17 @@ export function getTheme(theme) {
   return theme;
 }
 
+/**
+ * Resolve auto theme to actual theme based on system color scheme
+ * @param {string} themeName - Theme name to resolve
+ * @returns {string} Resolved theme name ('solar' or 'cave' if auto, otherwise unchanged)
+ */
+export function resolveAutoTheme(themeName) {
+  if (themeName !== 'auto') return themeName;
+  const mq = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
+  return mq?.matches ? 'cave' : 'solar';
+}
+
 /**
  * Apply theme colors to CSS variables
  * @param {Object} colors - Theme colors object

package/src/toolbar-buttons.js

@@ -142,6 +142,29 @@ export const toolbarButtons = {
     }
   },
 
+  upload: {
+    name: 'upload',
+    actionId: 'uploadFile',
+    icon: icons.uploadIcon,
+    title: 'Upload File',
+    action: ({ editor }) => {
+      if (!editor.options.fileUpload?.enabled) return;
+      const input = document.createElement('input');
+      input.type = 'file';
+      input.multiple = true;
+      if (editor.options.fileUpload.mimeTypes?.length > 0) {
+        input.accept = editor.options.fileUpload.mimeTypes.join(',');
+      }
+      input.onchange = () => {
+        if (!input.files?.length) return;
+        const dt = new DataTransfer();
+        for (const f of input.files) dt.items.add(f);
+        editor._handleDataTransfer(dt);
+      };
+      input.click();
+    }
+  },
+
   viewMode: {
     name: 'viewMode',
     icon: icons.eyeIcon,

package/src/toolbar.js

@@ -287,6 +287,18 @@ export class Toolbar {
     }
   }
 
+  show() {
+    if (this.container) {
+      this.container.classList.remove('overtype-toolbar-hidden');
+    }
+  }
+
+  hide() {
+    if (this.container) {
+      this.container.classList.add('overtype-toolbar-hidden');
+    }
+  }
+
   /**
    * Destroy toolbar and cleanup
    */