Waitp 1197 tupaia web initial setup

.eslintrc

@@ -280,6 +280,69 @@
         "prefer-destructuring": "warn",
         "prettier/prettier": "warn"
       }
+    },
+    {
+      "files": [
+        "packages/tupaia-web/**"
+      ],
+      "extends": [
+        "eslint:recommended",
+        "plugin:react-hooks/recommended"
+      ],
+      "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+      },
+      "plugins": [
+        "react-refresh"
+      ],
+      "settings": {
+        "import/resolver": {
+          "node": {
+            "extensions": [
+              ".js",
+              ".jsx",
+              ".ts",
+              ".tsx"
+            ]
+          }
+        }
+      },
+      "rules": {
+        "camelcase": "warn",
+        "import/no-named-as-default": "off",
+        "no-debugger": "warn",
+        "import/no-cycle": "warn",
+        "import/extensions": "off",
+        "jsx-a11y/click-events-have-key-events": "warn",
+        "jsx-a11y/no-noninteractive-element-interactions": "warn",
+        "jsx-a11y/no-static-element-interactions": "warn",
+        "no-dupe-keys": "warn",
+        "no-param-reassign": "warn",
+        "no-restricted-properties": "warn",
+        "no-shadow": "warn",
+        "no-unsafe-finally": "warn",
+        "no-useless-catch": "warn",
+        "no-unused-vars": "warn",
+        "react/default-props-match-prop-types": "warn",
+        "react/no-unused-prop-types": "warn",
+        "react/no-array-index-key": "warn",
+        "react/forbid-prop-types": "warn",
+        "react/prop-types": "warn",
+        "react/prefer-stateless-function": "warn",
+        "react/require-default-props": "warn",
+        "react/state-in-constructor": "warn",
+        "react/static-property-placement": "warn",
+        "prefer-destructuring": "warn",
+        "prettier/prettier": "warn",
+        "react-refresh/only-export-components": "warn",
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off",
+        "react/jsx-no-target-blank": "off",
+        "react/button-has-type": "off"
+      }
     }
   ]
 }

README.md

@@ -44,6 +44,7 @@ While each package type has their own structure, there are a few common standard
 ### Platform interfaces
 
 - [Tupaia](https://github.com/beyondessential/tupaia/blob/dev/packages/web-frontend/README.md) (for legacy reasons referred to as web-frontend)
+- [Tupaia Web](https://github.com/beyondessential/tupaia/blob/dev/packages/tupaia-web/README.md) (New version of web-frontend)
 - [Admin Panel](https://github.com/beyondessential/tupaia/blob/dev/packages/admin-panel/README.md)
 - [LESMIS](https://github.com/beyondessential/tupaia/blob/dev/packages/lesmis/README.md)
 - [PSSS](https://github.com/beyondessential/tupaia/blob/dev/packages/psss/README.md)

codeship-steps.yml

@@ -58,6 +58,8 @@
               command: './packages/devops/scripts/ci/testInternalDependencies.sh'
             - name: Test web-frontend
               command: './packages/devops/scripts/ci/testFrontend.sh web-frontend'
+            - name: Test tupaia-web
+              command: './packages/devops/scripts/ci/testFrontend.sh tupaia-web'
         - type: parallel
           name: Test batch 3
           steps:

packages/devops/ci/tupaia-ci-cd.Dockerfile

@@ -85,6 +85,8 @@ RUN mkdir -p ./packages/report-server
 COPY packages/report-server/package.json ./packages/report-server
 RUN mkdir -p ./packages/server-boilerplate
 COPY packages/server-boilerplate/package.json ./packages/server-boilerplate
+RUN mkdir -p ./packages/tupaia-web
+COPY packages/tupaia-web/package.json ./packages/tupaia-web
 RUN mkdir -p ./packages/tsutils
 COPY packages/tsutils/package.json ./packages/tsutils
 RUN mkdir -p ./packages/types

packages/tupaia-web/.env.example

@@ -0,0 +1 @@
+REACT_APP_CONFIG_SERVER_BASE_URL=

packages/tupaia-web/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

packages/tupaia-web/.npmrc

@@ -0,0 +1 @@
+scripts-prepend-node-path=true

packages/tupaia-web/.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+  core: {
+    builder: '@storybook/builder-vite',
+  },
+};
+export default config;

packages/tupaia-web/.storybook/preview-head.html

@@ -0,0 +1,19 @@
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&display=swap"
+/>
+
+<link
+  rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.1.0/leaflet.css"
+/>
+
+<style>
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  body {
+    font-family: Roboto, sans-serif;
+  }
+</style>

packages/tupaia-web/.storybook/preview.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { Preview } from '@storybook/react';
+import { AppStyleProviders } from '../src/AppStyleProviders';
+import { DARK_BLUE, WHITE } from '../src/theme';
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [
+        { name: 'Dark', value: DARK_BLUE },
+        { name: 'Light', value: WHITE },
+      ],
+    },
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+  decorators: [
+    Story => {
+      return (
+        <AppStyleProviders>
+          <Story />
+        </AppStyleProviders>
+      );
+    },
+  ],
+};
+
+export default preview;

packages/tupaia-web/README.md

@@ -0,0 +1,46 @@
+# @tupaia/tupaia-web
+
+Main [Tupaia](https://tupaia.org/) application.
+
+# Development
+
+### Supported Browsers
+
+Targeted browsers are:
+
+- Chrome
+- Firefox
+- IE11 and newer
+
+### Tools
+
+- Visual Studio Code: Our preferred text/code editor. Good extensions as follows
+- - Yarn: Basically does the job of 'npm' in terminal but faster and smarter
+- - Reactjs code snippets
+- - React-Native/React/Redux snippets for es6/es7
+- - JavaScript (ES6) code snippets
+- Github Desktop (or how ever you like to manage your git)
+
+### Backend
+
+For any charts/measures to load any data, basically anything to work, you need need a config server providing the API for web-frontend. There are 2 options
+
+#### Point at a remote server
+
+Create a .env file in the root directory of the project if you haven't already. Add the following line if you want to connect to the dev server:
+
+```
+REACT_APP_CONFIG_SERVER_BASE_URL = https://dev-config.tupaia.org/api/v1/
+```
+
+or add the following line if you want to connect to the live server:
+
+```
+REACT_APP_CONFIG_SERVER_BASE_URL = https://config.tupaia.org/api/v1/
+```
+
+The default is http://localhost:8080/api/v1/.
+
+#### Host the backend locally
+
+[Instructions are here](https://github.com/beyondessential/tupaia/blob/dev/packages/web-config-server/README.md) for running config server and a docker instance of the DHIS2 aggregation server. You shouldn't need to change LOCAL_URL as above, as the existing localhost address and port should be the default local/dev address for web-config-server.