collabmd 0.1.45 → 0.1.46

package/src/client/application/app-shell/ui-feature-toolbar.js

@@ -1,4 +1,5 @@
 import { isMarkdownFilePath } from '../../../domain/file-kind.js';
+import { pickFiles } from '../../browser-utils.js';
 import {
   getMarkdownBlockActionLabel,
   getMarkdownBlockMenuActions,
@@ -91,7 +92,6 @@ function renderMarkdownToolbarMarkup(activeAction) {
  * @property {{ show(message: string): void }} toastController
  * @property {{ uploadImageAttachment(payload: { file: File, fileName: string, sourcePath: string }): Promise<{ markdown?: string, path?: string }>} } vaultApiClient
  * @property {{ applyMarkdownToolbarAction(action: string): boolean, insertText(text: string): void, runEditorCommand?(commandId: string): boolean } | null} session
- * @property {() => Promise<File | null>} pickImageFile
  * @property {(file: File) => Promise<boolean>} handleEditorImageInsert
  * @property {() => Promise<void>} handleToolbarImageInsert
  */
@@ -395,7 +395,7 @@ function runEditorCommand(commandId) {
 
 /** @this {UiToolbarContext} */
 async function handleToolbarImageInsert() {
-  const file = await this.pickImageFile();
+  const [file] = await pickFiles({ accept: IMAGE_FILE_PICKER_ACCEPT });
   if (!file) {
     return;
   }
@@ -403,55 +403,6 @@ async function handleToolbarImageInsert() {
   await this.handleEditorImageInsert(file);
 }
 
-/** @this {UiToolbarContext} */
-function pickImageFile() {
-  return new Promise((resolve) => {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.accept = IMAGE_FILE_PICKER_ACCEPT;
-    input.style.position = 'fixed';
-    input.style.left = '-9999px';
-    document.body.appendChild(input);
-    let settled = false;
-    let focusTimer = null;
-
-    const cleanup = (value) => {
-      if (settled) {
-        return;
-      }
-
-      settled = true;
-      if (focusTimer) {
-        window.clearTimeout(focusTimer);
-      }
-      window.removeEventListener('focus', handleWindowFocus);
-      input.remove();
-      resolve(value);
-    };
-
-    const handleWindowFocus = () => {
-      focusTimer = window.setTimeout(() => {
-        if (settled || input.files?.length) {
-          return;
-        }
-
-        cleanup(null);
-      }, 250);
-    };
-
-    input.addEventListener('change', () => {
-      cleanup(input.files?.[0] ?? null);
-    }, { once: true });
-
-    input.addEventListener('cancel', () => {
-      cleanup(null);
-    }, { once: true });
-
-    window.addEventListener('focus', handleWindowFocus, { once: true });
-    input.click();
-  });
-}
-
 /** @this {UiToolbarContext} */
 async function handleEditorImageInsert(file) {
   if (!this.session || !isMarkdownFilePath(this.currentFilePath)) {
@@ -526,7 +477,6 @@ export const uiFeatureToolbarMethods = {
   openMarkdownBlockMenu,
   positionMarkdownBlockMenu,
   renderMarkdownBlockMenuPopover,
-  pickImageFile,
   renderMarkdownToolbar,
   runEditorCommand,
   setActiveMarkdownBlockAction,

package/src/client/application/app-shell/workspace-feature.js

@@ -5,7 +5,9 @@ import {
   isExcalidrawFilePath,
   isImageAttachmentFilePath,
   isMermaidFilePath,
+  isPdfFilePath,
   isPlantUmlFilePath,
+  isStructurizrFilePath,
   stripVaultFileExtension,
 } from '../../../domain/file-kind.js';
 
@@ -14,8 +16,10 @@ export const workspaceFeature = {
   isDrawioFile: isDrawioFilePath,
   isExcalidrawFile: isExcalidrawFilePath,
   isImageFile: isImageAttachmentFilePath,
+  isPdfFile: isPdfFilePath,
   isMermaidFile: isMermaidFilePath,
   isPlantUmlFile: isPlantUmlFilePath,
+  isStructurizrWorkspaceFile: isStructurizrFilePath,
 
   getPreviewSource() {
     const previewDocument = this.getStaticPreviewDocument?.();
@@ -61,7 +65,7 @@ export const workspaceFeature = {
 
   supportsFileHistory(filePath) {
     const kind = getVaultFileKind(filePath);
-    return kind !== null && kind !== 'image';
+    return kind !== null && kind !== 'image' && kind !== 'pdf';
   },
 
   getDisplayName(filePath) {

package/src/client/application/app-shell-elements.js

@@ -64,9 +64,11 @@ export function bindAppShellElements(doc = document) {
     shareButton: doc.getElementById('shareBtn'),
     toastContainer: doc.getElementById('toastContainer'),
     toggleWrapButton: doc.getElementById('toggleWrapBtn'),
+    toggleVimModeButton: doc.getElementById('toggleVimModeBtn'),
     userAvatars: doc.getElementById('userAvatars'),
     userCount: doc.getElementById('userCount'),
     wrapToggleLabel: doc.getElementById('wrapToggleLabel'),
+    vimModeToggleLabel: doc.getElementById('vimModeToggleLabel'),
     activeFileName: doc.getElementById('activeFileName'),
     sidebarToggle: doc.getElementById('sidebarToggle'),
     sidebarClose: doc.getElementById('sidebarClose'),