Qvain is the metadata editor for the Fairdata project by the Finnish Ministry of Education and Culture. It has been developed by the National Library of Finland. It has a front-end written in Javascript and back-end written in Go. This repository contains the javascript front-end.
The user interface uses the minimal Vue UI framework and related libraries Vue router and Vuex state management to update the DOM to handle different steps of the editing process. The application is written in ES6 (also called ECMAScript 2015), the latest standard of Javascript, and packaged into a bundle for the browser by webpack and babel.
Services:
- Schema service: Qvain needs a schema to build its metadata input interface from; this schema comes from the iow service
- ATT id/login service: the Qvain frontend doesn't handle login, it expects a JSON web token to assert the user's identity, which the backend provides
You need to have a reasonably recent version of node and (usually included) npm – the Node Package Manager – installed.
Most Javascript development uses node as engine to run the actual Javascript and its package manager npm to install dependencies. You can also use yarn to manage package dependencies, but the instructions here are for npm.
First, clone this repository and install the dependencies listed in package.json:
$ git clone https://.../qvain-js
$ cd qvain-js
$ npm install
[... npm downloads the whole internet ...]When npm finishes, you should have everything you need to run Qvain.
To run the application for development on localhost, run the npm serve script:
$ npm run serve
DONE Compiled successfully in 11715ms 16:50:53
App running at:
- Local: http://localhost:8080/
- Network: unavailable
Note that the development build is not optimized.
To create a production build, run npm run build.... and open a browser window at http://localhost:8080/.
To build packages that can be uploaded to a server, run the npm build script:
$ npm run build... it will build and bundle files into ./dist. The contents of this directory is what your production web server should serve.
To release a version, forcefully add the ./dist folder as it is ignored by default and either tag or commit:
$ npm run build
$ git add -f dist/
$ git tag -a v0.8.0 -m "Release 0.8.0"
$ git push -vQvain contains a json-schema validator (sub) package in the vendor/ directory. The validator has its own test suite based on Mocha and node's assert:
$ cd vendor/validator
$ npm testQvain is a modern SPA web application written in ES6 (anno 2015) compliant Javascript and transpiled by Webpack and Babel. The build process creates two bundles: a faster and smaller one with modern ES6 Javascript for browsers supporting Javascript modules – all of the current self-updating browsers – and a slower and larger bundle with code transpiled to ES5 with optional polyfills for old browsers, in an attempt to support those people stuck with old browsers such as IE11.
Note that because Qvain depends on Vue and Bootstrap 4, it is very unlikely to work on versions of Internet Explorer older than IE10. In short, run Qvain in an evergreen browser.
Copyright (c) 2016-2018 The National Library of Finland
Copyright (c) 2019 The Ministry of Education and Culture of Finland
Licensed under the GNU GPL 3.0.
This repository contains third party software. Individual package dependencies remain the property of their respective owners and under their own respective licenses.