Referencing ActiveReportsJS from NPM

ActiveReportsJS is represented on npm with activereports.* package in the @grapecity npm scope, where the @grapecity/activereports represents the package of the library. As with any npm package, you need to have NodeJS (https://nodejs.org/en/) installed on your computer to use it.

The latest release version can be installed from npm by executing the command:

`npm install @grapecity/activereports`

Structure of @grapecity/activereports bundle

The single @grapecity/activereports package bundles all available modules as:

• readme.md
• license.md
• package.json
• index.js
• index.d.ts
• dist
  • ar-js-core.js
  • ar-js-html.js
  • ar-js-pdf.js
  • ar-js-viewer.js
  • ar-js-xlsx.js
  • ie-polyfills.js
• styles
  • ar-js-viewer.css
  • dark-yellow.css
  • green.css
  • light-blue.css
• lib
  • node_modules > @grapecity
    • ar-js-html.d.ts
    • ar-js-html.js
    • ar-js-pagereport.d.ts
    • ar-js-pagereport.js
    • ar-js-pdf.d.ts
    • ar-js-pdf.js
    • ar-js-viewer.d.ts
    • ar-js-viewer.js
    • ar-js-xlsx.d.ts
    • ar-js-xlsx.js
    • en-locale.json
    • ie-polyfills.js
  • ar-js-core.d.ts
  • ar-js-html.d.ts
  • ar-js-pdf.d.ts
  • ar-js-viewer.d.ts
  • ar-js-xlsx.d.ts
• core
  • index.js
  • index.d.ts
• viewer
  • index.d.ts
  • index.js
• pdfexport
  • index.d.ts
  • index.js
• xlsxexport
  • index.d.ts
  • index.js
• htmlexport
  • index.d.ts
  • index.js

Using @grapecity/activereports bundle

Use import statements as follows to use ActiveReportsJS modules:

• as complete package which imports all modules:

  import * as arjs from '@grapecity/activereports'; 
  // or...
  import { Viewer, Core, PdfExport} from '@grapecity/activereports';
  

• as explicit modules to reduce the bundle size:

  import * as Core from '@grapecity/activereports/core';
  import { Viewer } from '@grapecity/activereports/viewer';