openflexure-microscope-server/webapp

OpenFlexure Microscope JS Client

Key info

• Vue.js web application providing a graphical interface for the OFM

• Once built, will be served by the API server from the host root on port 5000

• See openflexure-microscope-server/README.md for details on local installation and building

Developer guidelines

Creating releases

• JS client is coupled to the API, and so are no longer separately built and deployed.
• See openflexure-microscope-server/README.md for details on creating new releases

Installing

• Install Node.js (and npm)
• Install dependencies with npm install
• Node v18 changes SSL, and so you need $env:NODE_OPTIONS = "--openssl-legacy-provider" on Windows or export NODE_OPTIONS=--openssl-legacy-provider on Linux/MacOS for compatibility.
• Build the static web app with npm run build
• Serve a development version with npm run serve

VS Code and ESLint

To prevent the editor from interfering with ESLint, add to your project settings.json:

{
    "editor.tabSize": 2,
    "cSpell.enabled": false,
    "eslint.validate": ["vue","javascript", "javascriptreact"],
    "editor.formatOnSave": false,
    "vetur.validation.template": false,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}