fix: use ingresses networking.k8s.io/v1

Author: lizardruss

ui/package.json

@@ -7,7 +7,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.7.2",
     "@fortawesome/free-solid-svg-icons": "^5.7.2",
     "@fortawesome/react-fontawesome": "^0.1.4",
-    "@kubernetes/client-node": "0.12.2",
+    "@kubernetes/client-node": "^0.17.1",
     "autoprefixer": "7.1.6",
     "babel-jest": "^25.0.0",
     "babel-loader": "7.1.2",
@@ -28,7 +28,7 @@
     "isomorphic-unfetch": "^3.0.0",
     "jest": "^26.0.0",
     "js-sha256": "^0.9.0",
-    "js-yaml": "^3.13.1",
+    "js-yaml": "^4.1.0",
     "moment": "^2.29.4",
     "sass": "^1.54.0",
     "sass-loader": "10.2.0",
@@ -74,6 +74,7 @@
   },
   "devDependencies": {
     "@types/jest": "^23.3.10",
+    "@types/js-yaml": "^4.0.5",
     "@types/node": "^10.12.12",
     "@types/react": "^16.8.2",
     "@types/react-dom": "^16.8.0",
@@ -85,7 +86,6 @@
     "nodemon": "^1.18.4",
     "react-hot-loader": "^4.6.5",
     "require-context.macro": "^1.1.0",
-    "sass-loader": "^8.0.0",
     "terser": "^4.8.1",
     "terser-webpack-plugin": "^1.4.1",
     "typescript": "3.5.3"

ui/src/components/views/Logs/Pod/Pod.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { V1Pod, ExtensionsV1beta1IngressList } from '@kubernetes/client-node';
+import { V1Pod, V1IngressList } from '@kubernetes/client-node';
 import styles from './Pod.module.scss';
 import StatusIconText from 'components/basic/IconText/StatusIconText/StatusIconText';
 import { GetPodStatus, GetContainerStatus, configToYAML, formatError } from 'lib/utils';
@@ -112,15 +112,15 @@ const openYAMLPopup = (props: Props) => {
 const startPortForwarding = async (props: Props) => {
   try {
     const ingressReponse = await authFetch(
-      `/api/resource?resource=ingresses&apiVersion=extensions/v1beta1&context=${
+      `/api/resource?resource=ingresses&apiVersion=networking.k8s.io/v1&context=${
         props.devSpaceConfig.kubeContext
       }&namespace=${props.devSpaceConfig.kubeNamespace}`
     );
     if (ingressReponse.status !== 200) {
       throw new Error(await ingressReponse.text());
     }
 
-    const ingressList: ExtensionsV1beta1IngressList = await ingressReponse.json();
+    const ingressList: V1IngressList = await ingressReponse.json();
     const splittedService = props.service.split(':');
     if (ingressList && ingressList.items) {
       for (let i = 0; i < ingressList.items.length; i++) {
@@ -131,7 +131,7 @@ const startPortForwarding = async (props: Props) => {
             if (rule.http && rule.http.paths) {
               for (let x = 0; x < rule.http.paths.length; x++) {
                 const path = rule.http.paths[x];
-                if (path.backend && path.backend.serviceName === splittedService[0]) {
+                if (path.backend && path.backend.service && path.backend.service.name === splittedService[0]) {
                   let suffix = '';
                   if (path.path) {
                     suffix = path.path;

ui/src/lib/utils.tsx

@@ -276,7 +276,7 @@ export const GetContainerStatus = (container: V1ContainerStatus) => {
 };
 
 export const configToYAML = (config: Config, reverse?: boolean) => {
-  const yamlString = yaml.safeDump(config, {
+  const yamlString = yaml.dump(config, {
     sortKeys: reverse ? (a, b) => (a < b ? 1 : a > b ? -1 : 0) : false,
   });
   return yamlString;