Add new feature search web app (#2864)

.github/workflows/web.yml

@@ -0,0 +1,56 @@
+name: web
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: 'pages'
+  cancel-in-progress: false
+
+on:
+  pull_request:
+  push:
+    paths-ignore:
+      - '.github/ISSUE_TEMPLATE/**'
+    branches:
+      - master
+  workflow_dispatch:
+
+jobs:
+  web:
+    name: web
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: current
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: web/features
+
+      - name: Build project
+        run: npm run build
+        working-directory: web/features
+
+      - name: Stage website
+        run: |
+          mkdir -p web/build/features
+          cp -r web/features/build/* web/build/features
+        if: github.event_name != 'pull_request'
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: web/build
+        if: github.event_name != 'pull_request'
+
+      - name: Deploy to GitHub Pages
+        uses: actions/deploy-pages@v4
+        if: github.event_name != 'pull_request'

web/features/.env

@@ -0,0 +1,2 @@
+BROWSER=none
+REACT_APP_BRANCHES=0.53.0,master

web/features/.eslintrc.js

@@ -0,0 +1,48 @@
+module.exports = {
+    env: {
+        browser: true,
+        es2021: true,
+    },
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:react/recommended',
+        'plugin:react-hooks/recommended',
+    ],
+    overrides: [
+        {
+            env: {
+                node: true,
+            },
+            files: ['.eslintrc.{js,cjs}'],
+            parserOptions: {
+                sourceType: 'script',
+            },
+        },
+    ],
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+    },
+    plugins: ['@typescript-eslint', 'react', 'react-hooks'],
+    rules: {
+        indent: [
+            'error',
+            4,
+            {
+                SwitchCase: 1,
+            },
+        ],
+        'linebreak-style': ['error', 'unix'],
+        quotes: ['error', 'single'],
+        semi: ['error', 'always'],
+        'react/jsx-uses-react': 'off',
+        'react/react-in-jsx-scope': 'off',
+    },
+    settings: {
+        react: {
+            version: 'detect',
+        },
+    },
+};

web/features/.gitignore

@@ -0,0 +1,21 @@
+# dependencies
+node_modules*
+.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

web/features/.nsprc

@@ -0,0 +1,10 @@
+{
+  "1095141": {
+    "active": true,
+    "notes": "Not applicable."
+  },
+  "1094544": {
+    "active": true,
+    "notes": "Not applicable."
+  }
+}

web/features/.vscode/launch.json

@@ -0,0 +1,12 @@
+{
+    "configurations": [
+        {
+            "name": "Launch Browser",
+            "request": "launch",
+            "type": "msedge",
+            "url": "http://localhost:3000",
+            "webRoot": "${workspaceFolder}/src",
+            "preLaunchTask": "start-react-app"
+        }
+    ]
+}

web/features/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "xml.trace.server": "off",
+    "typescript.tsserver.log": "off",
+    "js/ts.implicitProjectConfig.target": "ES2016",
+    "typescript.tsserver.experimental.enableProjectDiagnostics": false
+}

web/features/.vscode/tasks.json

@@ -0,0 +1,28 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+      {
+        "label": "start-react-app",
+        "type": "shell",
+        "command": "npm start",
+        "options": {
+          "cwd": "${workspaceFolder}"
+        },
+        "isBackground": true,
+        "problemMatcher": {
+          "owner": "custom",
+          "pattern": {
+            "regexp": ".",
+            "file": 1,
+            "location": 2,
+            "message": 3
+          },
+          "background": {
+            "activeOnStart": true,
+            "beginsPattern": "Compiling...",
+            "endsPattern": "Compiled successfully"
+          }
+        }
+      }
+    ]
+  }