diff --git a/src/components/home.component.ts b/src/components/home.component.ts
index d26f27c..d017e0e 100644
--- a/src/components/home.component.ts
+++ b/src/components/home.component.ts
@@ -1,3 +1,4 @@
+import { Subject } from 'rxjs'
 import * as semverCompare from 'semver/functions/compare-loose'
 import { HttpClient } from '@angular/common/http'
 import { Component, ElementRef, ViewChild } from '@angular/core'
@@ -35,12 +36,31 @@ class DemoConnector {
             'tabby-settings',
             'tabby-terminal',
             'tabby-community-color-schemes',
+            'tabby-ssh',
+            'tabby-telnet',
             'tabby-web',
             'tabby-web-demo',
         ]
     }
+
+    createSocket () {
+        return new DemoSocketProxy()
+    }
 }
 
+
+export class DemoSocketProxy {
+    connect$ = new Subject<void>()
+    data$ = new Subject<Buffer>()
+    error$ = new Subject<Buffer>()
+    close$ = new Subject<Buffer>()
+
+    async connect (options) {
+        this.error$.next(new Error('This web demo can\'t actually access Internet, but feel free to download the release and try it out!'))
+    }
+}
+
+
 @Component({
     selector: 'home',
     templateUrl: './home.component.pug',