bim+ webclient

bim+ webclient is a javascript module for integrating bimplus into custom web pages

Quick Links

https://doc.allplan.com/display/bimpluspublic/Bimplus+Web+SDK+Reference

How to build

Install nodejs

http://www.nodejs.org/

Install local npm modules

Open up a normal command line (admin is not needed) and go to the webclient folder

npm install

(whenever package.json has changed, you might to do this again)

Build webclient

Library building process is using UMD (Universal Module Definition) output format so it's compatible with both cjs and amd module formats. The same library can be use in the client or on the server. Build process is using babel so it's possible to use new ES2015 code in source codes.

Library can be build in several ways as a dev or prod version. To run a dev build with source maps run:

npm run build

To build a prod version - uglified, minified run:

npm run build-prod

Pulish new release to npm (Hint: Before doing this npm login needs to be done and the package version adjusted) :

npm run npm-publish

Check content of npm package (result is bimplus-webclient@(version).tar.gz)

npm run npm-pack

Develop/Debug webclient

goto your webclient folder

npm link

goto your application folder which uses the webclient

npm link bimplus-webclient

Do you changes in the webclient and build

npm run build

or

npm run build-prod

Your app will automatically get the changes done in the renderer

After developing it might be wise to unlink: goto your webclient folder

npm unlink

goto your application folder which uses the webclient

npm unlink bimplus-webclient
npm install

Unit testing

To run the unit tests karma CLI is used. To get karma use

npm install 

Run test in headleass mode

npm run test

The tests areperformed for all specified browsers in karma.conf.js.

Documentation

Bimplus webclient uses npm documentation plugin for easy documentation generation. To generate a documentation please install documentation plugin via npm :

npm install -g documentation

To create documentation in html format go to your webclient folder and run :

npm run build-doc

Documentation output will be in webclient/documentation folder

To create documentation in markdown format go to your webclient folder and run :

npm run build-docMd

Documentation output will be in webclient/documentation/Bimplus_WebSDK_doc.md file.

To create a markdown suitable for Confluence run script:

npm run build-docConf

This script will convert generated markdown into Confluence format. See console output for converted file name.

Content of the confluence file can be inserted into Confluence page :

• start confluence page editation mode
• choose Insert more content / {} Markup option from toolbar
• in popup window choose to Insert Markdown format
• copy content of the converted confluence markdown file into the field in Confluence
• save it (Please note that page links doesn't work in page preview mode)

Typescript definitions

• typescript definition file is located in subfolder 'types'