@reportwright/svelte

Svelte actions for the ReportWright report viewer and designer.

Source

npm

Version: 0.13.1

Version published: last week

Weekly downloads: 554

Maintainers: 1

Weekly downloads

Created: 2 weeks ago

Source

@reportwright/svelte

Svelte actions for the ReportWright viewer and designer. Plain JavaScript, so no compiler step and any Svelte version.

<script>
  import { reportWrightViewer, reportWrightDesigner } from '@reportwright/svelte';
</script>
<div use:reportWrightViewer={{ definition, data: { orders }, fontsUrl: '/pw/fonts/' }}></div>  <!-- no server -->
<div use:reportWrightViewer={{ server: 'https://reports.example.com', report: 'invoice', params: { id } }}></div>
<div use:reportWrightDesigner={{ server, definition, onSave: save }}></div>

Options are those of mountViewer / mountDesigner (see @reportwright/viewer). MIT.

No server needed: pass definition, data (JSON by data source name) and fontsUrl (a copy of @reportwright/fonts/public/fonts). server (the self-hosted ReportWright server) is optional: see what works standalone.