@bendyline/squisq-editor-react 1.0.1 → 1.1.1

package/src/tiptapBridge.ts

@@ -39,9 +39,8 @@ const RE_STRIP_TAGS = /<[^>]+>/g;
 export function markdownToTiptap(markdown: string): string {
   if (!markdown.trim()) return '<p></p>';
 
-  // Simple conversion of markdown constructs to HTML that Tiptap understands.
-  // This is intentionally straightforward — Tiptap's parser handles the HTML.
-  const html = markdown;
+  // Normalize line endings — content from zip archives may use \r\n
+  const html = markdown.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
 
   // Process blocks line by line for accurate conversion
   const lines = html.split('\n');
@@ -384,12 +383,12 @@ function inlineToHtml(text: string): string {
   // Inline code: `text`
   result = result.replace(RE_INLINE_CODE, '<code>$1</code>');
 
+  // Images first: ![alt](src) — must be before links so the `!` prefix is consumed
+  result = result.replace(RE_IMAGE, '<img alt="$1" src="$2">');
+
   // Links: [text](url)
   result = result.replace(RE_LINK, '<a href="$2">$1</a>');
 
-  // Images: ![alt](src)
-  result = result.replace(RE_IMAGE, '<img alt="$1" src="$2">');
-
   return result;
 }
 

package/src/utils/dropUtils.ts

@@ -0,0 +1,88 @@
+/**
+ * Drop Utilities
+ *
+ * File processing pipeline for dropped files. Classifies files by type,
+ * processes media files into a MediaProvider, and converts text files
+ * (.md, .txt, .docx) to markdown strings.
+ */
+
+import type { MediaProvider } from '@bendyline/squisq/schemas';
+import { stringifyMarkdown } from '@bendyline/squisq/markdown';
+import { docxToMarkdownDoc } from '@bendyline/squisq-formats/docx';
+import { classifyFile, type FileCategory } from '../hooks/useFileDrop';
+
+export type { FileCategory };
+export { classifyFile };
+
+/**
+ * Partition an array of files into media and text categories.
+ * Files with unknown type are skipped.
+ */
+export function partitionFiles(files: File[]): { media: File[]; text: File[] } {
+  const media: File[] = [];
+  const text: File[] = [];
+
+  for (const file of files) {
+    const cat = classifyFile(file);
+    if (cat === 'media') media.push(file);
+    else if (cat === 'text') text.push(file);
+  }
+
+  return { media, text };
+}
+
+/**
+ * Add media files to a MediaProvider. Returns the relative paths
+ * assigned by the provider.
+ */
+export async function processMediaFiles(
+  files: File[],
+  mediaProvider: MediaProvider,
+): Promise<string[]> {
+  const paths: string[] = [];
+
+  for (const file of files) {
+    const buffer = await file.arrayBuffer();
+    const mimeType = file.type || 'application/octet-stream';
+    const path = await mediaProvider.addMedia(file.name, buffer, mimeType);
+    paths.push(path);
+  }
+
+  return paths;
+}
+
+/**
+ * Read a text-content file and return its content as a markdown string.
+ *
+ * - `.md` and `.txt` files are read as UTF-8 text directly
+ * - `.docx` files are converted to markdown via `@bendyline/squisq-formats/docx`
+ */
+export async function processTextFile(file: File): Promise<string> {
+  const ext = file.name.split('.').pop()?.toLowerCase() ?? '';
+
+  if (ext === 'md' || ext === 'txt') {
+    return await file.text();
+  }
+
+  if (ext === 'docx') {
+    const buffer = await file.arrayBuffer();
+    const markdownDoc = await docxToMarkdownDoc(buffer);
+    return stringifyMarkdown(markdownDoc);
+  }
+
+  return await file.text();
+}
+
+/**
+ * Process multiple text files and concatenate their content.
+ */
+export async function processTextFiles(files: File[]): Promise<string> {
+  const results: string[] = [];
+
+  for (const file of files) {
+    const content = await processTextFile(file);
+    results.push(content);
+  }
+
+  return results.join('\n\n');
+}