feat(hub): renamed hub apps to match new infra for shadow prod

ref: MANAGER-15567

Signed-off-by: Jacques Larique <[email protected]>

packages/manager/apps/hub-react/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@ovh-ux/manager-hub-react-app",
+  "version": "0.0.0",
+  "private": true,
+  "description": "OVHcloud Dashboard control panel.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ovh/manager.git",
+    "directory": "packages/manager/apps/hub-react"
+  },
+  "license": "BSD-3-Clause",
+  "author": "OVH SAS",
+  "scripts": {
+    "build": "tsc && vite build",
+    "dev": "tsc && vite",
+    "start": "lerna exec --stream --scope='@ovh-ux/manager-hub-react-app' --include-dependencies -- npm run build --if-present",
+    "start:dev": "lerna exec --stream --scope='@ovh-ux/manager-hub-react-app' --include-dependencies -- npm run dev --if-present",
+    "start:watch": "lerna exec --stream --parallel --scope='@ovh-ux/manager-hub-react-app' --include-dependencies -- npm run dev:watch --if-present",
+    "test": "vitest run",
+    "test:e2e": "tsc && node ../../../../scripts/run-playwright-bdd.js",
+    "test:e2e:ci": "tsc && node ../../../../scripts/run-playwright-bdd.js --ci",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@ovh-ux/manager-config": "^7.3.3",
+    "@ovh-ux/manager-core-api": "^0.8.0",
+    "@ovh-ux/manager-models": "^1.14.13",
+    "@ovh-ux/manager-react-components": "^1.31.0",
+    "@ovh-ux/manager-react-shell-client": "^0.7.0",
+    "@ovh-ux/manager-tailwind-config": "^0.2.0",
+    "@ovh-ux/request-tagger": "^0.3.0",
+    "@ovhcloud/ods-common-core": "17.2.1",
+    "@ovhcloud/ods-common-theming": "17.2.1",
+    "@ovhcloud/ods-components": "17.2.1",
+    "@ovhcloud/ods-theme-blue-jeans": "17.2.1",
+    "@tanstack/react-query": "^5.51.21",
+    "@tanstack/react-query-devtools": "^5.51.21",
+    "axios": "^1.1.2",
+    "clsx": "^1.2.1",
+    "i18next": "^23.8.2",
+    "i18next-http-backend": "^2.4.2",
+    "punycode": "^2.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^14.0.5",
+    "react-router-dom": "^6.3.0",
+    "tailwindcss": "^3.4.4"
+  },
+  "devDependencies": {
+    "@cucumber/cucumber": "^10.3.1",
+    "@ovh-ux/manager-vite-config": "^0.8.0",
+    "@playwright/test": "^1.41.2",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^14.1.2",
+    "@types/punycode": "^2.1.4",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/coverage-v8": "^1.2.0",
+    "element-internals-polyfill": "^1.3.10",
+    "typescript": "^5.1.6",
+    "vite": "^5.2.13",
+    "vitest": "^1.2.0"
+  },
+  "regions": [
+    "CA",
+    "EU",
+    "US"
+  ]
+}

packages/manager/apps/hub-react/src/index.scss

@@ -0,0 +1,102 @@
+@tailwind components;
+@tailwind utilities;
+
+h1,
+h2 {
+  margin-top: 1rem;
+}
+
+$ovh-sidebar-width: 18.75rem;
+$device-breakpoint-medium-max-width: 1279px;
+
+$hub-brand-color: #001191;
+
+$hub-subtitle-color: #001758;
+
+$hub-text-color: #4d5592;
+$hub-text-weight: 400;
+
+$hub-button-bg-color: #3046d1;
+$hub-button-fg-color: white;
+
+$hub-tile-border-radius: 0.5rem;
+$hub-tile-padding: 1rem 0 1rem 0;
+
+$hub-border-radius-default: 6pt;
+
+@mixin hub-pill {
+  background-color: #bef1ff;
+  border-radius: 1rem;
+  font-size: 0.9rem;
+  color: #0050d7;
+  margin-left: 0.5rem;
+  padding: 0.3rem 0.5rem;
+}
+
+ovh-manager-banner-text .notification-banner {
+  padding-right: $ovh-sidebar-width !important;
+}
+
+@media screen and (min-width: $device-breakpoint-medium-max-width) {
+  .hub-main-view_sidebar_expanded {
+    margin-right: $ovh-sidebar-width;
+    max-width: calc(100% - $ovh-sidebar-width);
+  }
+}
+
+@media screen and (max-width: $device-breakpoint-medium-max-width) {
+  .hub-main-view {
+    margin-right: 0;
+  }
+  ovh-manager-banner-text .notification-banner {
+    padding-right: 0 !important;
+  }
+}
+
+#root {
+  height: inherit;
+
+  .hub-main-view {
+    .minw-0 {
+      min-width: 0;
+    }
+
+    &_container {
+      max-width: 80rem; // 1280px with 16px font size
+      margin: auto;
+    }
+  }
+
+  .skipnav osds-button {
+    width: 1px;
+    height: 1px;
+    position: fixed;
+    left: -100%;
+    top: auto;
+    overflow: hidden;
+    z-index: -1;
+
+    &:focus,
+    &:active {
+      width: auto;
+      height: auto;
+      left: 0.625rem;
+      top: 0.625rem;
+      overflow: auto;
+      outline-width: 1px !important;
+      outline-style: dotted !important;
+      outline-color: initial !important;
+      outline-offset: -2px !important;
+      background-color: #fff;
+      z-index: 1100;
+    }
+  }
+
+  .skiptarget {
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    float: right;
+    position: absolute;
+  }
+}

packages/manager/apps/hub/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ovh-ux/manager-hub-app",
-  "version": "0.0.0",
+  "version": "5.10.14",
   "private": true,
   "description": "OVHcloud Dashboard control panel.",
   "repository": {
@@ -11,54 +11,79 @@
   "license": "BSD-3-Clause",
   "author": "OVH SAS",
   "scripts": {
-    "build": "tsc && vite build",
-    "dev": "tsc && vite",
+    "build": "webpack --env production",
+    "dev": "webpack-dev-server",
+    "dev:watch": "yarn run dev",
     "start": "lerna exec --stream --scope='@ovh-ux/manager-hub-app' --include-dependencies -- npm run build --if-present",
     "start:dev": "lerna exec --stream --scope='@ovh-ux/manager-hub-app' --include-dependencies -- npm run dev --if-present",
-    "start:watch": "lerna exec --stream --parallel --scope='@ovh-ux/manager-hub-app' --include-dependencies -- npm run dev:watch --if-present",
-    "test": "vitest run",
-    "test:e2e": "tsc && node ../../../../scripts/run-playwright-bdd.js",
-    "test:e2e:ci": "tsc && node ../../../../scripts/run-playwright-bdd.js --ci",
-    "test:watch": "vitest watch"
+    "start:watch": "lerna exec --stream --parallel --scope='@ovh-ux/manager-hub-app' --include-dependencies -- npm run dev:watch --if-present"
   },
   "dependencies": {
-    "@ovh-ux/manager-config": "^7.3.3",
-    "@ovh-ux/manager-core-api": "^0.8.0",
-    "@ovh-ux/manager-models": "^1.14.13",
-    "@ovh-ux/manager-react-components": "^1.31.0",
-    "@ovh-ux/manager-react-shell-client": "^0.7.0",
-    "@ovh-ux/manager-tailwind-config": "^0.2.0",
+    "@ovh-ux/manager-at-internet-configuration": "^1.5.0",
+    "@ovh-ux/manager-banner": "^1.3.1",
+    "@ovh-ux/manager-billing-components": "^3.21.1",
+    "@ovh-ux/manager-config": "^7.4.0",
+    "@ovh-ux/manager-core": "^12.17.1",
+    "@ovh-ux/manager-error-page": "^2.4.1",
+    "@ovh-ux/manager-hub": "^3.17.1",
+    "@ovh-ux/manager-models": "^1.14.14",
+    "@ovh-ux/manager-ng-layout-helpers": "^2.9.1",
+    "@ovh-ux/manager-trusted-nic": "^1.2.1",
+    "@ovh-ux/ng-at-internet": "^5.11.13",
+    "@ovh-ux/ng-at-internet-ui-router-plugin": "^3.5.0",
+    "@ovh-ux/ng-ovh-api-wrappers": "^5.1.0",
+    "@ovh-ux/ng-ovh-cloud-universe-components": "^2.14.2",
+    "@ovh-ux/ng-ovh-contracts": "^4.6.0",
+    "@ovh-ux/ng-ovh-feature-flipping": "^1.1.2",
+    "@ovh-ux/ng-ovh-http": "^5.1.1",
+    "@ovh-ux/ng-ovh-order-tracking": "^2.5.1",
+    "@ovh-ux/ng-ovh-payment-method": "^9.16.1",
+    "@ovh-ux/ng-ovh-proxy-request": "^2.1.1",
+    "@ovh-ux/ng-ovh-request-tagger": "^1.2.3",
+    "@ovh-ux/ng-ovh-sso-auth": "^4.8.1",
+    "@ovh-ux/ng-ovh-swimming-poll": "^5.1.1",
+    "@ovh-ux/ng-ovh-user-pref": "^2.1.1",
+    "@ovh-ux/ng-shell-tracking": "^0.5.10",
+    "@ovh-ux/ng-translate-async-loader": "^2.2.1",
+    "@ovh-ux/ng-ui-router-breadcrumb": "^1.3.1",
+    "@ovh-ux/ng-ui-router-layout": "^4.3.1",
     "@ovh-ux/request-tagger": "^0.3.0",
-    "@ovhcloud/ods-common-core": "17.2.1",
-    "@ovhcloud/ods-common-theming": "17.2.1",
-    "@ovhcloud/ods-components": "17.2.1",
-    "@ovhcloud/ods-theme-blue-jeans": "17.2.1",
-    "@tanstack/react-query": "^5.51.21",
-    "@tanstack/react-query-devtools": "^5.51.21",
-    "axios": "^1.1.2",
-    "clsx": "^1.2.1",
-    "i18next": "^23.8.2",
-    "i18next-http-backend": "^2.4.2",
-    "punycode": "^2.3.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-i18next": "^14.0.5",
-    "react-router-dom": "^6.3.0",
-    "tailwindcss": "^3.4.4"
+    "@ovh-ux/shell": "^3.8.0",
+    "@ovh-ux/ui-kit": "^6.10.5",
+    "@ovh-ux/url-builder": "^1.2.0",
+    "@uirouter/angularjs": "^1.0.23",
+    "angular": "^1.7.5",
+    "angular-animate": "^1.7.5",
+    "angular-aria": "^1.7.8",
+    "angular-cookies": "^1.7.8",
+    "angular-dynamic-locale": "^0.1.37",
+    "angular-i18n": "^1.7.8",
+    "angular-resource": "^1.7.8",
+    "angular-sanitize": "^1.7.8",
+    "angular-translate": "^2.18.1",
+    "angular-translate-loader-pluggable": "^1.3.1",
+    "angular-ui-bootstrap": "1.3.3",
+    "bloodhound-js": "^1.2.3",
+    "bootstrap": "^4.4.1",
+    "clipboard": "^2.0.4",
+    "core-js": "^3.6.5",
+    "flatpickr": "^4.6.3",
+    "jquery": "^2.1.3",
+    "lodash-es": "^4.17.15",
+    "moment": "^2.24.0",
+    "oclazyload": "^1.1.0",
+    "ovh-api-services": "^17.0.0",
+    "ovh-ui-kit-bs": "^4.2.0",
+    "popper.js": "^1.16.1",
+    "regenerator-runtime": "^0.13.7",
+    "ui-select": "^0.19.8",
+    "whatwg-fetch": "^3.5.0"
   },
   "devDependencies": {
-    "@cucumber/cucumber": "^10.3.1",
-    "@ovh-ux/manager-vite-config": "^0.8.0",
-    "@playwright/test": "^1.41.2",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^14.1.2",
-    "@types/punycode": "^2.1.4",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.2.0",
-    "element-internals-polyfill": "^1.3.10",
-    "typescript": "^5.1.6",
-    "vite": "^5.2.13",
-    "vitest": "^1.2.0"
+    "@ovh-ux/manager-webpack-config": "^7.0.2",
+    "glob": "^7.1.6",
+    "lodash": "^4.17.15",
+    "webpack-merge": "^4.2.2"
   },
   "regions": [
     "CA",