react-msaview 5.0.1 → 5.0.3

package/src/seqPosToGlobalCol.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'vitest'
 
-import { seqPosToGlobalCol } from './seqPosToGlobalCol'
+import { seqPosToGlobalCol } from './seqPosToGlobalCol.ts'
 
 describe('seqPosToGlobalCol', () => {
   test('converts sequence position to global column with no gaps', () => {

package/src/seqPosToGlobalCol.ts

@@ -1,4 +1,4 @@
-import { isBlank } from './util'
+import { isBlank } from './util.ts'
 
 /**
  * Convert a sequence position (ungapped, 0-based) to a global column index.

package/src/util.ts

@@ -2,7 +2,7 @@ import { colord, extend } from 'colord'
 import namesPlugin from 'colord/plugins/names'
 import { max } from 'd3-array'
 
-import type { NodeWithIds } from './types'
+import type { NodeWithIds } from './types.ts'
 import type { Theme } from '@mui/material'
 import type { HierarchyNode } from 'd3-hierarchy'
 

package/src/vendor/copyToClipboard.ts

@@ -0,0 +1,125 @@
+/**
+ * Copy text to clipboard utility.
+ * Uses modern Clipboard API with fallback to execCommand.
+ */
+
+function deselectCurrent() {
+  const selection = document.getSelection()
+  if (!selection?.rangeCount) {
+    return () => {}
+  }
+  const active = document.activeElement as HTMLElement | null
+
+  const ranges: Range[] = []
+  for (let i = 0; i < selection.rangeCount; i++) {
+    ranges.push(selection.getRangeAt(i))
+  }
+
+  const tagName = active?.tagName.toUpperCase()
+  if (tagName === 'INPUT' || tagName === 'TEXTAREA') {
+    active?.blur()
+  }
+
+  selection.removeAllRanges()
+  return () => {
+    if (selection.type === 'Caret') {
+      selection.removeAllRanges()
+    }
+    if (!selection.rangeCount) {
+      for (const range of ranges) {
+        selection.addRange(range)
+      }
+    }
+    active?.focus()
+  }
+}
+
+export interface CopyOptions {
+  debug?: boolean
+  format?: string
+  onCopy?: (clipboardData: DataTransfer) => void
+}
+
+export default function copy(text: string, options?: CopyOptions): boolean {
+  const debug = options?.debug || false
+  let success = false
+  let reselectPrevious: (() => void) | undefined
+  let range: Range | undefined
+  let selection: Selection | null = null
+  let mark: HTMLSpanElement | undefined
+
+  try {
+    reselectPrevious = deselectCurrent()
+    range = document.createRange()
+    selection = document.getSelection()
+
+    mark = document.createElement('span')
+    mark.textContent = text
+    mark.ariaHidden = 'true'
+    mark.style.all = 'unset'
+    mark.style.position = 'fixed'
+    mark.style.top = '0'
+    mark.style.clip = 'rect(0, 0, 0, 0)'
+    mark.style.whiteSpace = 'pre'
+    mark.style.webkitUserSelect = 'text'
+    ;(mark.style as unknown as Record<string, string>).MozUserSelect = 'text'
+    ;(mark.style as unknown as Record<string, string>).msUserSelect = 'text'
+    mark.style.userSelect = 'text'
+
+    mark.addEventListener('copy', e => {
+      e.stopPropagation()
+      if (options?.format) {
+        e.preventDefault()
+        if (e.clipboardData) {
+          e.clipboardData.clearData()
+          e.clipboardData.setData(options.format, text)
+        }
+      }
+      if (options?.onCopy && e.clipboardData) {
+        e.preventDefault()
+        options.onCopy(e.clipboardData)
+      }
+    })
+
+    document.body.append(mark)
+    range.selectNodeContents(mark)
+    selection?.addRange(range)
+
+    const successful = document.execCommand('copy')
+    if (!successful) {
+      throw new Error('copy command was unsuccessful')
+    }
+    success = true
+  } catch (err) {
+    if (debug) {
+      console.error('unable to copy using execCommand:', err)
+    }
+    try {
+      const clipboardData = (window as unknown as Record<string, DataTransfer>)
+        .clipboardData
+      if (clipboardData) {
+        clipboardData.setData(options?.format || 'text', text)
+        options?.onCopy?.(clipboardData)
+        success = true
+      }
+    } catch (err2) {
+      if (debug) {
+        console.error('unable to copy using clipboardData:', err2)
+      }
+    }
+  } finally {
+    if (selection) {
+      if (typeof selection.removeRange === 'function' && range) {
+        selection.removeRange(range)
+      } else {
+        selection.removeAllRanges()
+      }
+    }
+    if (mark) {
+      mark.remove()
+    }
+    reselectPrevious?.()
+  }
+
+  return success
+}

package/src/vendor/fileSaver.ts

@@ -0,0 +1,107 @@
+/**
+ * FileSaver.js
+ * A saveAs() FileSaver implementation.
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: MIT
+ * source: http://purl.eligrey.com/github/FileSaver.js
+ *
+ * Vendored and converted to ESM/TypeScript for pure ESM compatibility.
+ */
+
+function click(node: HTMLAnchorElement) {
+  try {
+    node.dispatchEvent(new MouseEvent('click'))
+  } catch {
+    const evt = document.createEvent('MouseEvents')
+    evt.initMouseEvent(
+      'click',
+      true,
+      true,
+      window,
+      0,
+      0,
+      0,
+      80,
+      20,
+      false,
+      false,
+      false,
+      false,
+      0,
+      null,
+    )
+    node.dispatchEvent(evt)
+  }
+}
+
+// Detect WebView inside a native macOS app by ruling out all browsers
+const isMacOSWebView =
+  typeof navigator !== 'undefined' &&
+  navigator.userAgent.includes('Macintosh') &&
+  navigator.userAgent.includes('AppleWebKit') &&
+  !navigator.userAgent.includes('Safari')
+
+export function saveAs(blob: Blob | string, name?: string) {
+  if (typeof window === 'undefined') {
+    return
+  }
+
+  const URL = window.URL
+  const a = document.createElement('a')
+  name = name || (blob instanceof Blob ? 'download' : 'download')
+
+  // Use download attribute if available and not macOS WebView
+  if ('download' in HTMLAnchorElement.prototype && !isMacOSWebView) {
+    a.download = name
+    a.rel = 'noopener'
+
+    if (typeof blob === 'string') {
+      a.href = blob
+      click(a)
+    } else {
+      a.href = URL.createObjectURL(blob)
+      setTimeout(() => {
+        URL.revokeObjectURL(a.href)
+      }, 40000)
+      setTimeout(() => {
+        click(a)
+      }, 0)
+    }
+    return
+  }
+
+  // Fallback for browsers without download attribute support
+  if (typeof blob === 'string') {
+    window.open(blob, '_blank')
+    return
+  }
+
+  const isSafari =
+    /constructor/i.test(
+      (window as unknown as { HTMLElement: unknown }).HTMLElement?.toString() ??
+        '',
+    ) || !!(window as unknown as { safari?: unknown }).safari
+  const isChromeIOS = /CriOS\/[\d]+/.test(navigator.userAgent)
+
+  if (
+    (isChromeIOS || isSafari || isMacOSWebView) &&
+    typeof FileReader !== 'undefined'
+  ) {
+    const reader = new FileReader()
+    reader.onloadend = () => {
+      let url = reader.result as string
+      url = isChromeIOS
+        ? url
+        : url.replace(/^data:[^;]*;/, 'data:attachment/file;')
+      window.open(url, '_blank')
+    }
+    reader.readAsDataURL(blob)
+  } else {
+    const url = URL.createObjectURL(blob)
+    window.open(url, '_blank')
+    setTimeout(() => {
+      URL.revokeObjectURL(url)
+    }, 40000)
+  }
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = '5.0.0'
+export const version = '5.0.3'

package/src/webpack.ts

@@ -1,7 +1,7 @@
 import * as React from 'react'
 
-export { default as MSAView } from './components/Loading'
-export { type MsaViewModel, default as MSAModelF } from './model'
+export { default as MSAView } from './components/Loading.tsx'
+export { type MsaViewModel, default as MSAModelF } from './model.ts'
 
 export * from 'react-dom/client'
 

package/src/declare.d.ts

@@ -1 +0,0 @@
-declare module 'svgcanvas'