Store key in url param

Nit pick

Author: leonwind

README.md

@@ -37,7 +37,7 @@ Use the `-encrypt {password}` option to encrypt your data End-to-End using the A
 ```bash
 $ ping google.com | cli2cloud -encrypt 1234
 Your client ID: CGYWdD
-Share and monitor it live from https://cli2cloud.com/CGYWdD
+Share and monitor it live from https://cli2cloud.com/CGYWdD?key=1234
 
 PING google.com (172.217.22.142): 56 data bytes
 64 bytes from 172.217.22.142: icmp_seq=0 ttl=112 time=14.154 ms
@@ -52,12 +52,12 @@ Use the option `-encrypt-random` to generate a random secure password with 16 sy
 $ ping google.com | cli2cloud -encrypt-random
 Your password: mruI3ubFXTww1QYf
 Your client ID: 56xY35
-Share and monitor it live from https://cli2cloud.com/56xY35
+Share and monitor it live from https://cli2cloud.com/56xY35?key=mruI3ubFXTww1QYf
 
 PING google.com (142.250.201.174): 56 data bytes
 64 bytes from 142.250.201.174: icmp_seq=0 ttl=116 time=3.322 ms
 64 bytes from 142.250.201.174: icmp_seq=1 ttl=116 time=2.648 ms
-...
+..mruI3ubFXTww1QYf.
 ```
 
 ## Feedback

cli/cli2cloud/cli2cloud.go

@@ -14,7 +14,8 @@ import (
 )
 
 const (
-	serverIP             = "167.99.140.19:50051"
+	//serverIP             = "localhost:50051" // local dev
+	serverIP             = "167.99.140.19:50051" // production
 	randomPasswordLength = 16
 )
 
@@ -55,7 +56,13 @@ func sendPipedMessages(c proto.Cli2CloudClient, ctx context.Context, password *s
 
 	clientId, err := c.RegisterClient(ctx, &client)
 	fmt.Printf("Your client ID: %s\n", clientId.Id)
-	fmt.Printf("Share and monitor it live from https://cli2cloud.com/%s\n\n", clientId.Id)
+
+	keyURLSuffix := ""
+	if password != nil {
+		keyURLSuffix = fmt.Sprintf("?key=%s", *password)
+	}
+
+	fmt.Printf("Share and monitor it live from https://cli2cloud.com/%s%s\n\n", clientId.Id, keyURLSuffix)
 	// Wait 2 seconds for user to copy the client ID
 	time.Sleep(2 * time.Second)
 
@@ -114,7 +121,6 @@ func parseFlags() *string {
 		if err != nil {
 			log.Fatal("Error while generating the random password", err)
 		}
-
 		fmt.Printf("Your password: %s\n", *password)
 	}
 

webapp/src/pages/Documentation.tsx

@@ -61,7 +61,7 @@ export const Documentation = () => {
                     <code className={styles.codeStyle}>
                     $ ping google.com | cli2cloud -encrypt 1234 <br/>
                     Your client ID: CGYWdD <br/>
-                    Share and monitor it live from https://cli2cloud.com/CGYWdD <br/>
+                    Share and monitor it live from https://cli2cloud.com/CGYWdD?key=1234<br/>
                     <br/>
                     PING google.com (172.217.22.142): 56 data bytes <br/>
                     64 bytes from 172.217.22.142: icmp_seq=0 ttl=112 time=14.154 ms <br/>
@@ -82,7 +82,7 @@ export const Documentation = () => {
                     $ ping google.com | cli2cloud -encrypt-random <br/>
                     Your password: mruI3ubFXTww1QYf <br/>
                     Your client ID: 56xY35 <br/>
-                    Share and monitor it live from https://cli2cloud.com/56xY35 <br/>
+                    Share and monitor it live from https://cli2cloud.com/56xY35?key=mruI3ubFXTww1QYf<br/>
                     <br/>
                     PING google.com (142.250.201.174): 56 data bytes <br/>
                     64 bytes from 142.250.201.174: icmp_seq=0 ttl=116 time=3.322 ms <br/>

webapp/src/pages/Monitor.tsx

@@ -15,6 +15,7 @@ interface Row {
 interface State {
     encrypted: boolean,
     enterPwdFirstTime: boolean,
+    password: string | null,
     decryptor: DecryptionService | null,
     rows: Row[],
     raw: boolean,
@@ -31,18 +32,19 @@ export class Monitor extends Component<{}, State> {
 
         this.state = {
             encrypted: false,
+            enterPwdFirstTime: !(new URLSearchParams(new URL(window.location.href).search).has("key")),
+            password: new URLSearchParams(new URL(window.location.href).search).get("key"),
             decryptor: null,
-            enterPwdFirstTime: true,
             rows: [],
             raw: new URLSearchParams(new URL(window.location.href).search).has("raw"),
         };
 
         this.numLines = 1;
-        this.cli2CloudService = new Cli2CloudClient("https://cli2cloud.com:1443", null, null);
+        this.cli2CloudService = new Cli2CloudClient("https://cli2cloud.com:1443", null, null); // production
+        //this.cli2CloudService = new Cli2CloudClient("http://localhost:8000", null, null); // local dev
 
-        const id = window.location.pathname.substring(1);
-        
         this.clientId = new ClientId();
+        const id = window.location.pathname.substring(1);
         this.clientId.setId(id);
 
         this.client = this.cli2CloudService.getClientById(this.clientId, {})
@@ -56,16 +58,27 @@ export class Monitor extends Component<{}, State> {
         this.switchToRawData = this.switchToRawData.bind(this);
 
         this.client.then((client) => {this.setState({encrypted: client.getEncrypted()})});
+
+        if (!this.state.enterPwdFirstTime) {
+            this.createDecryptor();
+        }
+
         this.loadContent();
     }
 
     private updatePassword(newPassword: string) {
-        this.createDecryptor(newPassword);
+        this.setURLParams("key", newPassword);
+        this.setState({password: newPassword});
+        this.createDecryptor();
     }
 
-    private createDecryptor(password: string) {
+    private createDecryptor() {
+        if (this.state.password === null) {
+            console.log("Can't create decryptor");
+            return;
+        }
         this.client.then((client: Client) => {
-            this.setState({decryptor: new DecryptionService(password, client.getSalt(), client.getIv())});
+            this.setState({decryptor: new DecryptionService(this.state.password!, client.getSalt(), client.getIv())});
         });
     }
 
@@ -142,11 +155,14 @@ export class Monitor extends Component<{}, State> {
         );
     }
 
-    private switchToRawData() {
+    private setURLParams(key: string, value: string) {
         let params = new URLSearchParams(new URL(window.location.href).search);
-        params.set("raw", "true");
+        params.set(key, value);
         window.location.search = params.toString()
+    }
 
+    private switchToRawData() {
+        this.setURLParams("raw", "true");
         this.setState({raw: true});
     }