Skip to content

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

License

Notifications You must be signed in to change notification settings

nagyist/mirador

Repository files navigation

Running the module

This module is intended to be a console-only version of the a Mirador-like viewer, with tests and the ability to manipulate the state tree through actions in the console.

To run the module, first make sure you are in this directory (minimal_redux_poc), then:

  1. Run npm install to install the dependencies.
  2. Run the npm run build:umd task. This will produce an "isomorphic" webpack bundle of the module that can run in the console or browser. The bundle will be called index.umd.js and is placed in this same directory.
  3. Open a nodejs console (type node) in this directory.
  4. Import variable names from the module, for example, let { store, actions } = require('./index.umd').
  5. The exported module currently has most of its functionality under the "store" property, so you may prefer to include it with let state = require('./index.umd').store.

Example Action

Add a window:

store.dispatch(actions.addWindow());

To focus a window run:

store.dispatch(actions.focusWindow('window-1'))

Check current state

store.getState()

Running the tests

$ npm test

or to continually watch the source files

$ npm run test:watch

Linting the project

$ npm run lint

Debugging

Redux DevTools

This is a web browser extension for debugging Redux applications. See https://github.com/zalmoxisus/redux-devtools-extension for installation and usage instructions.

About

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 98.6%
  • HTML 1.3%
  • TypeScript 0.1%