collabmd 0.1.31 → 0.1.33

package/src/client/infrastructure/plantuml-api-client.js

@@ -0,0 +1,21 @@
+import { resolveApiUrl } from '../domain/runtime-paths.js';
+
+export class PlantUmlApiClient {
+  async renderSvg(source) {
+    const response = await fetch(resolveApiUrl('/plantuml/render'), {
+      body: JSON.stringify({ source }),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      method: 'POST',
+    });
+    const data = await response.json().catch(() => null);
+    if (!response.ok || !data?.ok || typeof data.svg !== 'string') {
+      throw new Error(data?.error || 'Failed to render PlantUML');
+    }
+
+    return data.svg;
+  }
+}
+
+export const plantUmlApiClient = new PlantUmlApiClient();

package/src/client/infrastructure/vault-api-client.js

@@ -4,6 +4,39 @@ function encodeHeaderMetadata(value) {
   return encodeURIComponent(String(value ?? ''));
 }
 
+function getPathLeaf(pathValue) {
+  return String(pathValue ?? '')
+    .replace(/\/+$/u, '')
+    .split('/')
+    .filter(Boolean)
+    .pop() || '';
+}
+
+function downloadBlob(blob, fileName) {
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement('a');
+  anchor.href = url;
+  anchor.download = fileName;
+  document.body.appendChild(anchor);
+  anchor.click();
+  anchor.remove();
+  window.setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+
+function parseDownloadFileName(contentDisposition = '', fallbackName = 'download') {
+  const utfMatch = String(contentDisposition).match(/filename\*=UTF-8''([^;]+)/iu);
+  if (utfMatch) {
+    try {
+      return decodeURIComponent(utfMatch[1]);
+    } catch {
+      return fallbackName;
+    }
+  }
+
+  const asciiMatch = String(contentDisposition).match(/filename="([^"]+)"/iu);
+  return asciiMatch?.[1] || fallbackName;
+}
+
 function createRequestHeaders(requestId, headers = {}) {
   const nextHeaders = { ...headers };
   if (requestId) {
@@ -25,6 +58,24 @@ async function parseApiResponse(response, fallbackError) {
   return data;
 }
 
+async function triggerDownload(url, {
+  fallbackError,
+  fallbackFileName,
+} = {}) {
+  const response = await fetch(url);
+  if (!response.ok) {
+    const payload = await response.json().catch(() => ({}));
+    throw new Error(payload.error || fallbackError);
+  }
+
+  const blob = await response.blob();
+  downloadBlob(
+    blob,
+    parseDownloadFileName(response.headers.get('content-disposition') || '', fallbackFileName),
+  );
+  return response;
+}
+
 export class VaultApiClient {
   async readTree() {
     const response = await fetch(resolveApiUrl('/files'));
@@ -90,6 +141,54 @@ export class VaultApiClient {
     };
   }
 
+  async queryBasePropertyValues({
+    activeFilePath = '',
+    path = '',
+    propertyId = '',
+    query = '',
+    source = null,
+    sourcePath = '',
+    view = '',
+  } = {}) {
+    const response = await fetch(resolveApiUrl('/base/property-values'), {
+      body: JSON.stringify({
+        activeFilePath,
+        path,
+        propertyId,
+        query,
+        source,
+        sourcePath,
+        view,
+      }),
+      headers: { 'Content-Type': 'application/json' },
+      method: 'POST',
+    });
+    return parseApiResponse(response, 'Failed to load base property values');
+  }
+
+  async transformBase({
+    activeFilePath = '',
+    mutation = null,
+    path = '',
+    source = null,
+    sourcePath = '',
+    view = '',
+  } = {}) {
+    const response = await fetch(resolveApiUrl('/base/transform'), {
+      body: JSON.stringify({
+        activeFilePath,
+        mutation,
+        path,
+        source,
+        sourcePath,
+        view,
+      }),
+      headers: { 'Content-Type': 'application/json' },
+      method: 'POST',
+    });
+    return parseApiResponse(response, 'Failed to transform base');
+  }
+
   async createFile({ content, path, requestId = null }) {
     const response = await fetch(resolveApiUrl('/file'), {
       body: JSON.stringify({ content, path }),
@@ -170,6 +269,22 @@ export class VaultApiClient {
     });
     return parseApiResponse(response, 'Failed to upload image');
   }
+
+  async downloadFile(path) {
+    const fallbackFileName = getPathLeaf(path) || 'download';
+    return triggerDownload(resolveApiUrl(`/download/file?path=${encodeURIComponent(path)}`), {
+      fallbackError: 'Failed to download file',
+      fallbackFileName,
+    });
+  }
+
+  async downloadDirectory(path) {
+    const directoryName = getPathLeaf(path) || 'vault';
+    return triggerDownload(resolveApiUrl(`/download/directory?path=${encodeURIComponent(path)}`), {
+      fallbackError: 'Failed to download folder',
+      fallbackFileName: `${directoryName}.zip`,
+    });
+  }
 }
 
 export const vaultApiClient = new VaultApiClient();

package/src/client/presentation/backlinks-panel.js

@@ -1,6 +1,5 @@
 import { stripVaultFileExtension } from '../../domain/file-kind.js';
 import { escapeHtml } from '../domain/vault-utils.js';
-import { resolveApiUrl } from '../domain/runtime-paths.js';
 
 /**
  * BacklinksPanel — renders "Linked Mentions" for the current file.
@@ -13,6 +12,7 @@ export class BacklinksPanel {
     documentRef = document,
     headerPanelElement = null,
     inlinePanelElement = null,
+    loadBacklinks = null,
     onFileSelect,
     panelElement,
   }) {
@@ -20,6 +20,7 @@ export class BacklinksPanel {
     this.headerPanel = headerPanelElement;
     this.panelRoot = panelElement;
     this.inlinePanel = inlinePanelElement;
+    this.loadBacklinks = loadBacklinks;
     this.onFileSelect = onFileSelect;
 
     this._expanded = false;
@@ -132,15 +133,11 @@ export class BacklinksPanel {
     this._fetchController = new AbortController();
 
     try {
-      const response = await fetch(
-        resolveApiUrl(`/backlinks?file=${encodeURIComponent(filePath)}`),
-        { signal: this._fetchController.signal },
-      );
-      const data = await response.json();
-
+      const backlinks = await this.loadBacklinks(filePath, {
+        signal: this._fetchController.signal,
+      });
       if (this._currentFile !== filePath) return;
-
-      this._backlinks = data.backlinks ?? [];
+      this._backlinks = backlinks;
     } catch (error) {
       if (error.name === 'AbortError') return;
       console.warn('[backlinks] Failed to load:', error.message);