@file-viewer/svelte 2.0.0

package/src/FileViewer.svelte

@@ -0,0 +1,163 @@
+<script>
+  import { createEventDispatcher, onDestroy, onMount } from 'svelte'
+  import { createViewerControllerHandle, mountViewer as mountCoreViewer } from './controller.js'
+  import { fileViewerCoreRendererRegistry } from '@file-viewer/core'
+
+  export let url = undefined
+  export let file = undefined
+  export let buffer = undefined
+  export let name = undefined
+  export let filename = undefined
+  export let type = undefined
+  export let size = undefined
+  export let options = undefined
+  export let onEvent = undefined
+  export let className = ''
+  export let containerStyle = ''
+
+  const dispatch = createEventDispatcher()
+  let container
+  let controller = null
+  const viewerCoreOptions = {
+    registry: fileViewerCoreRendererRegistry
+  }
+
+  $: viewerOptions = {
+    url,
+    file,
+    buffer,
+    name,
+    filename,
+    type,
+    size,
+    options,
+    onEvent(event) {
+      onEvent?.(event)
+      dispatch('viewerEvent', event)
+    }
+  }
+
+  const dispose = () => {
+    controller?.destroy()
+    controller = null
+  }
+
+  const handle = createViewerControllerHandle(() => controller, dispose)
+
+  onMount(() => {
+    controller = mountCoreViewer(container, viewerOptions, viewerCoreOptions)
+    return dispose
+  })
+
+  onDestroy(dispose)
+
+  $: if (controller) {
+    controller.update(viewerOptions)
+  }
+
+  export function getController() {
+    return handle.getController()
+  }
+
+  export function getApi() {
+    return handle.getApi()
+  }
+
+  export function load(nextOptions) {
+    return handle.load(nextOptions)
+  }
+
+  export function update(nextOptions) {
+    return handle.update(nextOptions)
+  }
+
+  export function reload() {
+    return handle.reload()
+  }
+
+  export function downloadOriginalFile() {
+    return handle.downloadOriginalFile()
+  }
+
+  export function printRenderedHtml() {
+    return handle.printRenderedHtml()
+  }
+
+  export function exportRenderedHtml() {
+    return handle.exportRenderedHtml()
+  }
+
+  export function zoomIn() {
+    return handle.zoomIn()
+  }
+
+  export function zoomOut() {
+    return handle.zoomOut()
+  }
+
+  export function resetZoom() {
+    return handle.resetZoom()
+  }
+
+  export function searchDocument(query) {
+    return handle.searchDocument(query)
+  }
+
+  export function clearDocumentSearch() {
+    return handle.clearDocumentSearch()
+  }
+
+  export function nextSearchResult() {
+    return handle.nextSearchResult()
+  }
+
+  export function previousSearchResult() {
+    return handle.previousSearchResult()
+  }
+
+  export function collectDocumentAnchors() {
+    return handle.collectDocumentAnchors()
+  }
+
+  export function scrollToAnchor(anchor) {
+    return handle.scrollToAnchor(anchor)
+  }
+
+  export function scrollToLine(line) {
+    return handle.scrollToLine(line)
+  }
+
+  export function getDocumentTextChunks() {
+    return handle.getDocumentTextChunks()
+  }
+
+  export function getOperationAvailability() {
+    return handle.getOperationAvailability()
+  }
+
+  export function getZoomState() {
+    return handle.getZoomState()
+  }
+
+  export function getSearchState() {
+    return handle.getSearchState()
+  }
+
+  export function getState() {
+    return handle.getState()
+  }
+
+  export function subscribe(listener) {
+    return handle.subscribe(listener)
+  }
+
+  export function destroy() {
+    handle.destroy()
+  }
+</script>
+
+<div
+  bind:this={container}
+  class={className}
+  style={`width: 100%; height: 100%; min-height: 0; ${containerStyle}`}
+/>

package/src/FileViewer.svelte.d.ts

@@ -0,0 +1,51 @@
+import type { SvelteComponentTyped } from 'svelte'
+import type {
+  ViewerController,
+  ViewerControllerHandle,
+  ViewerEvent,
+  ViewerMountOptions,
+  ViewerStateListener,
+} from './controller.js'
+
+export interface FileViewerSvelteProps extends ViewerMountOptions {
+  className?: string
+  containerStyle?: string
+}
+
+export interface FileViewerSvelteEvents {
+  viewerEvent: CustomEvent<ViewerEvent>
+}
+
+export interface FileViewerSvelteHandle extends ViewerControllerHandle {}
+
+export default class FileViewer extends SvelteComponentTyped<
+  FileViewerSvelteProps,
+  FileViewerSvelteEvents,
+  Record<string, never>
+> implements FileViewerSvelteHandle {
+  getController(): ViewerController | null
+  getApi(): ReturnType<ViewerController['getApi']>
+  load(options: ViewerMountOptions): Promise<void>
+  update(options?: ViewerMountOptions): Promise<void>
+  reload(): Promise<void>
+  downloadOriginalFile(): ReturnType<ViewerControllerHandle['downloadOriginalFile']>
+  printRenderedHtml(): ReturnType<ViewerControllerHandle['printRenderedHtml']>
+  exportRenderedHtml(): ReturnType<ViewerControllerHandle['exportRenderedHtml']>
+  zoomIn(): ReturnType<ViewerControllerHandle['zoomIn']>
+  zoomOut(): ReturnType<ViewerControllerHandle['zoomOut']>
+  resetZoom(): ReturnType<ViewerControllerHandle['resetZoom']>
+  searchDocument(query: string): ReturnType<ViewerControllerHandle['searchDocument']>
+  clearDocumentSearch(): ReturnType<ViewerControllerHandle['clearDocumentSearch']>
+  nextSearchResult(): ReturnType<ViewerControllerHandle['nextSearchResult']>
+  previousSearchResult(): ReturnType<ViewerControllerHandle['previousSearchResult']>
+  collectDocumentAnchors(): ReturnType<ViewerControllerHandle['collectDocumentAnchors']>
+  scrollToAnchor(anchor: Parameters<ViewerControllerHandle['scrollToAnchor']>[0]): ReturnType<ViewerControllerHandle['scrollToAnchor']>
+  scrollToLine(line: number): ReturnType<ViewerControllerHandle['scrollToLine']>
+  getDocumentTextChunks(): ReturnType<ViewerControllerHandle['getDocumentTextChunks']>
+  getOperationAvailability(): ReturnType<ViewerControllerHandle['getOperationAvailability']>
+  getZoomState(): ReturnType<ViewerControllerHandle['getZoomState']>
+  getSearchState(): ReturnType<ViewerControllerHandle['getSearchState']>
+  getState(): ReturnType<ViewerControllerHandle['getState']>
+  subscribe(listener: ViewerStateListener): ReturnType<ViewerControllerHandle['subscribe']>
+  destroy(): void
+}