Update Mockttp for assorted rule event & websocket fixes

This notably makes TLS source data optional.

Previously we tried to ensure TLS data always had source addresses, but
seemingly due to internal Node oddities that wasn't actually possible.
We now allow this edge case, so the UI needs to handle that
explicitly.

Author: pimterry

package-lock.json

@@ -107,7 +107,7 @@
     "mobx-shallow-undo": "^1.0.0",
     "mobx-utils": "^5.1.0",
     "mockrtc": "^0.3.1",
-    "mockttp": "^3.15.4",
+    "mockttp": "^3.17.1",
     "monaco-editor": "^0.51.0",
     "node-forge": "^1.3.0",
     "openapi-directory": "^1.3.0",

package.json

@@ -27,9 +27,13 @@ export class TlsFailureDetailsPane extends React.Component<{
     render() {
         const { failure, certPath } = this.props;
 
-        const sourceDetailParts = getReadableIP(failure.remoteIpAddress).split(' ');
-        const sourceIp = sourceDetailParts[0];
-        const sourceDetails = sourceDetailParts.slice(1).join(' ');
+        // This _should_ always be available, but due to some awkward & unclear Node issues it isn't,
+        // so we need to be a little careful here.
+        const sourceDetailParts = failure.remoteIpAddress
+            ? getReadableIP(failure.remoteIpAddress).split(' ')
+            : undefined;
+        const sourceIp = sourceDetailParts?.[0];
+        const sourceDetails = sourceDetailParts?.slice(1).join(' ');
 
         return <PaneScrollContainer>
             <MediumCard>
@@ -61,11 +65,11 @@ export class TlsFailureDetailsPane extends React.Component<{
                             </>,
                         } as _.Dictionary<JSX.Element>)[failure.failureCause]
                     }</p>
-                    <p>
+                    { sourceIp && sourceDetails && <p>
                         The request was sent by <CopyableMonoValue>
                             { sourceIp }
                         </CopyableMonoValue> { sourceDetails }.
-                    </p>
+                    </p> }
                 </Content>
 
                 <ContentLabelBlock>Cause</ContentLabelBlock>

src/components/view/tls/tls-failure-details-pane.tsx

@@ -95,8 +95,8 @@ export type HarTlsErrorEntry = {
 
     tlsMetadata?: TlsSocketMetadata;
 
-    clientIPAddress: string;
-    clientPort: number;
+    clientIPAddress?: string;
+    clientPort?: number;
 }
 
 export async function generateHar(