WUI Template using react with Vite and Deno

Deno is a "new" typescript dev system meant to alleviate all the boilerplate that is needed to run typescript. Essentially its just much cleaner.

Vite is used as the "compiler" or "dev server".

This is a 'cleaner' version of the starter template.

Quickstart:

Note: Do not forget to add the gitlab registry to your npmrc -> https://wui.pages.zweieuro.at/core/web-user-interface-docs/docs/wui/core_library/node_module#installation

• deno install to fetch all dependencies,
• deno task dev start hot-reloading dev server on port 3000
• deno task build will create a static build at client/dist

Structure

client are the "actual" websites that are shown. The server is used for 'hosting' the dev servers. It also hosts a testing version of the server.

Testing

• deno task test will run a vitest configuration. This should work out of the box.
• deno task test:coverage creates a coverage report that should be compatible with most CI sytems.
• by default the coverage report will be in client/coverage
• main.tsx is currently not tested because its behind "strict-mode". It is added to the exclude list in the coverage report.

This has some none-obvious dependencies:

@babel/runtime and @testing-library/dom (along with all the other libraries needed for it) it seems to be related to this https://github.com/facebook/react-native/issues/21310