First implementation of the secrets manager

Author: brichet

src/manager.ts

@@ -14,8 +14,8 @@ export class SecretsManager implements ISecretsManager {
     return this._connector.fetch(id);
   }
 
-  async set(secret: ISecret): Promise<void> {
-    this._connector.save(secret.id, secret);
+  async set(id: string, secret: ISecret): Promise<void> {
+    this._connector.save(id, secret);
   }
 
   async remove(id: string): Promise<void> {
@@ -26,5 +26,64 @@ export class SecretsManager implements ISecretsManager {
     return (await this._connector.list(namespace)).ids;
   }
 
+  private _onchange = (e: Event): void => {
+    const target = e.target as HTMLInputElement;
+    const attachedId = target.dataset.secretsId;
+    if (attachedId) {
+      const splitId = attachedId.split(':');
+      const namespace = splitId.shift();
+      const id = splitId.join(':');
+      if (namespace && id) {
+        this.set(attachedId, { namespace, id, value: target.value });
+      }
+    }
+  };
+
+  async attach(
+    namespace: string,
+    id: string,
+    input: HTMLInputElement
+  ): Promise<void> {
+    const attachedId = `${namespace}:${id}`;
+    const attachedInput = this._attachedInputs.get(attachedId);
+
+    // Do not attach the input if it is already attached.
+    if (attachedInput === input) {
+      return;
+    }
+
+    // Detach the previous input.
+    if (attachedInput) {
+      this.detach(namespace, id);
+    }
+    this._attachedInputs.set(attachedId, input);
+
+    // Fill the password if the input is empty and a value is fetched by the data
+    // connector.
+    input.dataset.secretsId = attachedId;
+    const value = await this.get(attachedId);
+    if (!input.value && value) {
+      input.value = value.value;
+    }
+    input.addEventListener('change', this._onchange);
+  }
+
+  detach(namespace: string, id: string): void {
+    const attachedId = `${namespace}:${id}`;
+    const input = this._attachedInputs.get(attachedId);
+    if (input) {
+      input.removeEventListener('change', this._onchange);
+    }
+    this._attachedInputs.delete(attachedId);
+  }
+
+  async detachAll(namespace: string): Promise<void> {
+    const attachedIds = await this.list(namespace);
+    attachedIds.forEach(id => {
+      this.detach(namespace, id);
+    });
+  }
+
   private _connector: ISecretsConnector;
+  private _attachedInputs = new Map<string, HTMLInputElement>();
 }

src/token.ts

@@ -2,9 +2,9 @@ import { IDataConnector } from '@jupyterlab/statedb';
 import { Token } from '@lumino/coreutils';
 
 export interface ISecret {
+  namespace: string;
   id: string;
   value: string;
-  namespace: string;
 }
 
 export interface ISecretsConnector extends IDataConnector<ISecret> {}
@@ -16,9 +16,12 @@ export const ISecretsConnector = new Token<ISecretsConnector>(
 
 export interface ISecretsManager {
   get(id: string): Promise<ISecret | undefined>;
-  set(secret: ISecret): Promise<void>;
+  set(id: string, secret: ISecret): Promise<void>;
   remove(id: string): Promise<void>;
   list(namespace: string): Promise<string[]>;
+  attach(namespace: string, id: string, input: HTMLInputElement): void;
+  detach(namespace: string, id: string): void;
+  detachAll(namespace: string): void;
 }
 
 export const ISecretsManager = new Token<ISecretsManager>(