openflexure-microscope-server/webapp
Richard Bowman 488493385f Combine the various property controls into one component
propertyControl now handles several different property types,
based on the thing description. This reduces duplication and
should keep the code cleaner.

In the future this will become a part of a labthings-vue package,
I hope!
2023-11-29 23:54:00 +00:00
..
public Rename js directory to webapp 2021-09-16 15:13:19 +01:00
src Combine the various property controls into one component 2023-11-29 23:54:00 +00:00
.env.development Rename js directory to webapp 2021-09-16 15:13:19 +01:00
.env.production Rename js directory to webapp 2021-09-16 15:13:19 +01:00
.eslintrc.js Rename js directory to webapp 2021-09-16 15:13:19 +01:00
.gitignore Rename js directory to webapp 2021-09-16 15:13:19 +01:00
babel.config.js Rename js directory to webapp 2021-09-16 15:13:19 +01:00
CONTRIBUTING.md Rename js directory to webapp 2021-09-16 15:13:19 +01:00
LICENSE Rename js directory to webapp 2021-09-16 15:13:19 +01:00
package-lock.json WIP: update webapp to use new backend 2023-09-04 22:00:56 +01:00
package.json WIP: update webapp to use new backend 2023-09-04 22:00:56 +01:00
README.md WIP: update webapp to use new backend 2023-09-04 22:00:56 +01:00
vue.config.js Linted 2023-11-02 20:30:54 +00:00

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

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
    }
}