Skip to content

Repository files navigation

sciris-js

Sciris-JS is the frontend counterpart to the Python web framework ScirisWeb.

Project setup

d3 is required to be added in the global scope by including the following in your html.

<script src="http://d3js.org/d3.v5.min.js"></script>

To install in the browser also include:

<script src="https://unpkg.com/sciris-js/dist/sciris-js.js"></script>

Using NPM in your node based projects:

npm install --save sciris-js 

Rebuild project for release

npm install
npm run build

billi is used for building this library.

Publish to NPM

To publish the latest version to npm first you need to update the version number in package.json and then:

npm publish

If you're not logged in you'll be prompted to enter your credentials in the CLI

Sciris Usage

importVuefrom'vue'importscirisfrom'sciris-js';// If you want to install the vue components used by sciris-js in your app.// optionsVue.use(sciris.ScirisVue,options)

The options can are used to control specific features:

options={notifications: {disable: false,},spinner: {disable: false,},progressbar: {disable: false,options: {color: 'rgb(0, 0, 255)',failedColor: 'red',thickness: '3px',transition: {speed: '0.2s',opacity: '0.6s',termination: 300}}}}

You now have access to various scris tools such as:

sciris.graphssciris.rpcssciris.statussciris.usersciris.taskssciris.utilssciris.mpld3

You can access sciris.mpld3.draw_figure directly via mpld3.draw_figure

You can refrence the functions provided by sciris directly via the shorthands:

sciris.rpc(...)sciris.succeed(...)sciris.loginCall(...)

Or you can use the full paths of the functions

sciris.rpcs.rpc(...)sciris.rpcs.download(...)sciris.status.succeed(...)sciris.user.loginCall(...)

Events

You can also listen to events occured inside sciris by:

importscirisfrom'sciris-js';sciris.EventBus.$on(event,callback)

Events include

NameArgsDescription
status:startvmTask has been started
status:updatevm, progressPorgress of a task has been updated
status:successvm, notifA task has succeeded. It will pass a notification object if it can.
status:failvm, notifA task has failed. It will pass a notification object if it can.

About

Sciris JavaScript libraries and Vue.js components

Resources

Stars

2 stars

Watchers

5 watching

Forks

Releases

Packages

Used by

Contributors

Languages