@lvce-editor/static-server 0.110.11 → 0.110.13

package/static/{672b1ac → ea6dc37}/packages/secrets-view/dist/secretsViewWorkerMain.js

@@ -2,7 +2,7 @@ const toCommandId = key => {
   const dotIndex = key.indexOf('.');
   return key.slice(dotIndex + 1);
 };
-const create$8 = () => {
+const create$a = () => {
   const commandQueues = new Map();
   const generations = Object.create(null);
   const states = Object.create(null);
@@ -260,30 +260,218 @@ const create$8 = () => {
 const {
   diff,
   dispose,
-  get: get$2,
+  get: get$3,
   getCommandIds,
   registerCommands,
-  set: set$4,
+  set: set$6,
   wrapCommand
-} = create$8();
+} = create$a();
 
-const create$7 = (uid, _uri, x, y, width, height) => {
+const create$9 = (uid, _uri, x, y, width, height) => {
   const state = {
-    editingIndex: -1,
-    editingValue: '',
+    deletedIndices: [],
+    editingValues: [],
+    editMode: false,
+    errorMessage: '',
     height,
     loaded: false,
+    originalValues: [],
+    revealedIndices: [],
     secrets: [],
+    secretValues: [],
     uid,
     width,
     x,
     y
   };
-  set$4(uid, state, state);
+  set$6(uid, state, state);
 };
 
 const diff2 = uid => diff(uid, [() => false], [1]);
 
+const Alert = 'alert';
+const Status = 'status';
+
+const Audio = 0;
+const Button$1 = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
+const Reference = 100;
+
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button: Button$1,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Line,
+  Main,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
+const TargetName = 'event.target.name';
+const TargetValue = 'event.target.value';
+
+const Electron = 2;
+
+const MainProcess = -5;
+const RendererProcess = 1670;
+const RendererWorker = 1;
+
+const SetDom2 = 'Viewlet.setDom2';
+
 const normalizeLine = line => {
   if (line.startsWith('Error: ')) {
     return line.slice('Error: '.length);
@@ -778,7 +966,7 @@ const execute = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const get$1 = id => {
+const get$2 = id => {
   return callbacks[id];
 };
 const remove$1 = id => {
@@ -968,7 +1156,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$1(id);
+  const fn = get$2(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -1031,7 +1219,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$6 = (message, result) => {
+const create$8 = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -1040,7 +1228,7 @@ const create$6 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$6(message, resultProperty);
+  return create$8(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -1134,7 +1322,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$5 = (method, params) => {
+const create$7 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -1142,7 +1330,7 @@ const create$5 = (method, params) => {
   };
 };
 
-const create$4 = (id, method, params) => {
+const create$6 = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -1153,12 +1341,12 @@ const create$4 = (id, method, params) => {
 };
 
 let id = 0;
-const create$3 = () => {
+const create$5 = () => {
   return ++id;
 };
 
 const registerPromise = map => {
-  const id = create$3();
+  const id = create$5();
   const {
     promise,
     resolve
@@ -1175,7 +1363,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$4(id, method, params);
+  const message = create$6(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -1211,7 +1399,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$5(method, params);
+      const message = create$7(method, params);
       ipc.send(message);
     }
   };
@@ -1251,7 +1439,35 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$2 = async ({
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
+};
+
+const create$4 = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -1269,6 +1485,37 @@ const create$2 = async ({
   return rpc;
 };
 
+const create$3 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  await send(port1);
+  return create$4({
+    commandMap,
+    isMessagePortOpen,
+    messagePort: port2
+  });
+};
+
+const create$2 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  return createSharedLazyRpc(() => {
+    return create$3({
+      commandMap,
+      isMessagePortOpen,
+      send
+    });
+  });
+};
+
 const create$1 = async ({
   commandMap
 }) => {
@@ -1301,10 +1548,10 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$3 = (id, rpc) => {
+const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get = id => {
+const get$1 = id => {
   return rpcs[id];
 };
 const remove = id => {
@@ -1315,18 +1562,18 @@ const remove = id => {
 const create = rpcId => {
   return {
     async dispose() {
-      const rpc = get(rpcId);
+      const rpc = get$1(rpcId);
       await rpc.dispose();
     },
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get(rpcId);
+      const rpc = get$1(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get(rpcId);
+      const rpc = get$1(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1334,7 +1581,7 @@ const create = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$3(rpcId, mockRpc);
+      set$5(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1343,200 +1590,215 @@ const create = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$3(rpcId, rpc);
+      set$5(rpcId, rpc);
     }
   };
 };
 
-const Status = 'status';
-
-const Audio = 0;
-const Button$1 = 1;
-const Col = 2;
-const ColGroup = 3;
-const Div = 4;
-const H1 = 5;
-const Input = 6;
-const Kbd = 7;
-const Span = 8;
-const Table = 9;
-const TBody = 10;
-const Td = 11;
-const Text = 12;
-const Th = 13;
-const THead = 14;
-const Tr = 15;
-const I = 16;
-const Img = 17;
-const Root = 0;
-const Ins = 20;
-const Del = 21;
-const H2 = 22;
-const H3 = 23;
-const H4 = 24;
-const H5 = 25;
-const H6 = 26;
-const Article = 27;
-const Aside = 28;
-const Footer = 29;
-const Header = 30;
-const Nav = 40;
-const Section = 41;
-const Search = 42;
-const Dd = 43;
-const Dl = 44;
-const Figcaption = 45;
-const Figure = 46;
-const Hr = 47;
-const Li = 48;
-const Ol = 49;
-const P = 50;
-const Pre = 51;
-const A = 53;
-const Abbr = 54;
-const Br = 55;
-const Cite = 56;
-const Data = 57;
-const Time = 58;
-const Tfoot = 59;
-const Ul = 60;
-const Video = 61;
-const TextArea = 62;
-const Select = 63;
-const Option = 64;
-const Code = 65;
-const Label = 66;
-const Dt = 67;
-const Iframe = 68;
-const Main = 69;
-const Strong = 70;
-const Em = 71;
-const Style = 72;
-const Html = 73;
-const Head = 74;
-const Title = 75;
-const Meta = 76;
-const Canvas = 77;
-const Form = 78;
-const BlockQuote = 79;
-const Quote = 80;
-const Circle = 81;
-const Defs = 82;
-const Ellipse = 83;
-const G = 84;
-const Line = 85;
-const Path = 86;
-const Polygon = 87;
-const Polyline = 88;
-const Rect = 89;
-const Svg = 90;
-const Use = 91;
-const Reference = 100;
-
-const VirtualDomElements = {
-  __proto__: null,
-  A,
-  Abbr,
-  Article,
-  Aside,
-  Audio,
-  BlockQuote,
-  Br,
-  Button: Button$1,
-  Canvas,
-  Circle,
-  Cite,
-  Code,
-  Col,
-  ColGroup,
-  Data,
-  Dd,
-  Defs,
-  Del,
-  Div,
-  Dl,
-  Dt,
-  Ellipse,
-  Em,
-  Figcaption,
-  Figure,
-  Footer,
-  Form,
-  G,
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6,
-  Head,
-  Header,
-  Hr,
-  Html,
-  I,
-  Iframe,
-  Img,
-  Input,
-  Ins,
-  Kbd,
-  Label,
-  Li,
-  Line,
-  Main,
-  Meta,
-  Nav,
-  Ol,
-  Option,
-  P,
-  Path,
-  Polygon,
-  Polyline,
-  Pre,
-  Quote,
-  Rect,
-  Reference,
-  Root,
-  Search,
-  Section,
-  Select,
-  Span,
-  Strong,
-  Style,
-  Svg,
-  TBody,
-  THead,
-  Table,
-  Td,
-  Text,
-  TextArea,
-  Tfoot,
-  Th,
-  Time,
-  Title,
-  Tr,
-  Ul,
-  Use,
-  Video
-};
-
-const TargetName = 'event.target.name';
-const TargetValue = 'event.target.value';
-
-const RendererProcess = 1670;
-const RendererWorker = 1;
-
-const SetDom2 = 'Viewlet.setDom2';
+const {
+  invoke: invoke$3,
+  set: set$4
+} = create(MainProcess);
 
 const {
   invoke: invoke$2,
-  set: set$2
+  set: set$3
 } = create(RendererProcess);
 
 const {
   invoke: invoke$1,
-  set: set$1
+  invokeAndTransfer,
+  set: set$2
 } = create(RendererWorker);
 
+const state$1 = {
+  platform: 0
+};
+const get = () => {
+  const {
+    platform
+  } = state$1;
+  return platform;
+};
+const set$1 = platform => {
+  state$1.platform = platform;
+};
+
+const getSecretValue = async secret => {
+  if (secret.value !== undefined) {
+    return secret.value;
+  }
+  if (get() !== Electron) {
+    return '';
+  }
+  return (await invoke$3('SecretStorage.get', secret.extensionId, secret.key)) ?? '';
+};
+
+const emptyObject = {};
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  let result = key;
+  for (const [placeholder, replacement] of Object.entries(placeholders)) {
+    result = result.split(`{${placeholder}}`).join(String(replacement));
+  }
+  return result;
+};
+
+const Cancel = 'Cancel';
+const ActionsForSecret = 'Actions for secret {PH1} / {PH2}';
+const CancelEditingSecrets = 'Cancel editing secrets';
+const CopySecret = 'Copy secret {PH1} / {PH2}';
+const DeleteSecret = 'Delete secret {PH1} / {PH2}';
+const Description = 'Stored extension secrets are encrypted. Reveal or copy a value explicitly; choose Edit to update or delete secrets.';
+const Edit = 'Edit';
+const EditSecrets = 'Edit secrets';
+const FailedToCopySecret = 'Could not copy secret {PH1} / {PH2}: {PH3}';
+const FailedToEditSecrets = 'Could not edit secrets: {PH1}';
+const FailedToRevealSecret = 'Could not reveal secret {PH1} / {PH2}: {PH3}';
+const FailedToSaveSecrets = 'Could not save secrets: {PH1}';
+const HideSecret = 'Hide secret {PH1} / {PH2}';
+const LoadingSecrets = 'Loading secrets…';
+const NoSecretsStored = 'No secrets stored.';
+const Save = 'Save';
+const SaveSecrets = 'Save secrets';
+const Secrets = 'Secrets';
+const SecretsActions = 'Secrets actions';
+const ShowSecret = 'Show secret {PH1} / {PH2}';
+const StoredSecrets = 'Stored secrets';
+
+const actionsForSecret = (extensionId, key) => {
+  return i18nString(ActionsForSecret, {
+    PH1: extensionId,
+    PH2: key
+  });
+};
+const cancel = () => {
+  return i18nString(Cancel);
+};
+const cancelEditingSecrets = () => {
+  return i18nString(CancelEditingSecrets);
+};
+const copySecret$1 = (extensionId, key) => {
+  return i18nString(CopySecret, {
+    PH1: extensionId,
+    PH2: key
+  });
+};
+const deleteSecret$1 = (extensionId, key) => {
+  return i18nString(DeleteSecret, {
+    PH1: extensionId,
+    PH2: key
+  });
+};
+const description = () => {
+  return i18nString(Description);
+};
+const edit$1 = () => {
+  return i18nString(Edit);
+};
+const editSecrets = () => {
+  return i18nString(EditSecrets);
+};
+const failedToCopySecret = (extensionId, key, message) => {
+  return i18nString(FailedToCopySecret, {
+    PH1: extensionId,
+    PH2: key,
+    PH3: message
+  });
+};
+const failedToEditSecrets = message => {
+  return i18nString(FailedToEditSecrets, {
+    PH1: message
+  });
+};
+const failedToRevealSecret = (extensionId, key, message) => {
+  return i18nString(FailedToRevealSecret, {
+    PH1: extensionId,
+    PH2: key,
+    PH3: message
+  });
+};
+const failedToSaveSecrets = message => {
+  return i18nString(FailedToSaveSecrets, {
+    PH1: message
+  });
+};
+const hideSecret = (extensionId, key) => {
+  return i18nString(HideSecret, {
+    PH1: extensionId,
+    PH2: key
+  });
+};
+const loadingSecrets = () => {
+  return i18nString(LoadingSecrets);
+};
+const noSecretsStored = () => {
+  return i18nString(NoSecretsStored);
+};
+const save$1 = () => {
+  return i18nString(Save);
+};
+const saveSecrets = () => {
+  return i18nString(SaveSecrets);
+};
+const secrets = () => {
+  return i18nString(Secrets);
+};
+const secretsActions = () => {
+  return i18nString(SecretsActions);
+};
+const showSecret = (extensionId, key) => {
+  return i18nString(ShowSecret, {
+    PH1: extensionId,
+    PH2: key
+  });
+};
+const storedSecrets = () => {
+  return i18nString(StoredSecrets);
+};
+
+const edit = async state => {
+  const {
+    editMode,
+    secrets
+  } = state;
+  if (editMode || secrets.length === 0) {
+    return state;
+  }
+  try {
+    const editingValues = await Promise.all(secrets.map(getSecretValue));
+    return {
+      ...state,
+      deletedIndices: [],
+      editingValues,
+      editMode: true,
+      errorMessage: '',
+      originalValues: editingValues,
+      revealedIndices: [],
+      secretValues: editingValues
+    };
+  } catch (error) {
+    const message = error instanceof Error && error.message ? error.message : String(error);
+    return {
+      ...state,
+      errorMessage: failedToEditSecrets(message)
+    };
+  }
+};
+
+const cancelEdit = state => ({
+  ...state,
+  deletedIndices: [],
+  editingValues: [],
+  editMode: false,
+  errorMessage: '',
+  originalValues: [],
+  revealedIndices: [],
+  secretValues: []
+});
+
 const state = {
   connected: false
 };
@@ -1548,58 +1810,159 @@ const isConnected = () => {
 };
 const invoke = (method, ...params) => invoke$2(method, ...params);
 const set = rpc => {
-  set$2(rpc);
+  set$3(rpc);
   state.connected = true;
 };
 
-const edit = async (state, index) => {
+const copySecret = async (state, index) => {
   const {
-    secrets
+    deletedIndices,
+    editMode,
+    revealedIndices,
+    secrets,
+    secretValues
   } = state;
   const secret = secrets[index];
-  if (!secret) {
+  if (!secret || deletedIndices.includes(index)) {
+    return state;
+  }
+  try {
+    const value = editMode || revealedIndices.includes(index) ? secretValues[index] : await getSecretValue(secret);
+    await invoke('ClipBoard.writeText', value);
+    return {
+      ...state,
+      errorMessage: ''
+    };
+  } catch (error) {
+    const message = error instanceof Error && error.message ? error.message : String(error);
+    return {
+      ...state,
+      errorMessage: failedToCopySecret(secret.extensionId, secret.key, message)
+    };
+  }
+};
+
+const deleteSecret = (state, index) => {
+  const {
+    deletedIndices,
+    editMode,
+    revealedIndices,
+    secrets
+  } = state;
+  if (!editMode || !secrets[index] || deletedIndices.includes(index)) {
     return state;
   }
-  const editingValue = secret.value ?? (await invoke('SecretStorage.get', secret.extensionId, secret.key)) ?? '';
   return {
     ...state,
-    editingIndex: index,
-    editingValue
+    deletedIndices: [...deletedIndices, index],
+    errorMessage: '',
+    revealedIndices: revealedIndices.filter(candidate => candidate !== index)
   };
 };
 
-const cancelEdit = state => ({
-  ...state,
-  editingIndex: -1,
-  editingValue: ''
-});
-
 const save = async state => {
   const {
-    editingIndex,
-    editingValue,
+    deletedIndices,
+    editingValues,
+    editMode,
+    originalValues,
     secrets
   } = state;
-  const secret = secrets[editingIndex];
-  if (!secret) {
+  if (!editMode) {
     return state;
   }
-  await invoke('SecretStorage.store', secret.extensionId, secret.key, editingValue);
+  try {
+    if (get() === Electron) {
+      const operations = [];
+      for (const [index, secret] of secrets.entries()) {
+        if (deletedIndices.includes(index)) {
+          operations.push(invoke$3('SecretStorage.delete', secret.extensionId, secret.key));
+        } else if (editingValues[index] !== originalValues[index]) {
+          operations.push(invoke$3('SecretStorage.store', secret.extensionId, secret.key, editingValues[index]));
+        }
+      }
+      await Promise.all(operations);
+    }
+  } catch (error) {
+    const message = error instanceof Error && error.message ? error.message : String(error);
+    return {
+      ...state,
+      errorMessage: failedToSaveSecrets(message)
+    };
+  }
   return {
     ...state,
-    editingIndex: -1,
-    editingValue: ''
+    deletedIndices: [],
+    editingValues: [],
+    editMode: false,
+    errorMessage: '',
+    originalValues: [],
+    revealedIndices: [],
+    secrets: secrets.map((secret, index) => secret.value === undefined ? secret : {
+      ...secret,
+      value: editingValues[index]
+    }).filter((_secret, index) => !deletedIndices.includes(index)),
+    secretValues: []
   };
 };
 
+const toggleReveal = async (state, index) => {
+  const {
+    deletedIndices,
+    editingValues,
+    editMode,
+    revealedIndices,
+    secrets,
+    secretValues: oldSecretValues
+  } = state;
+  const secret = secrets[index];
+  if (!secret || deletedIndices.includes(index)) {
+    return state;
+  }
+  if (revealedIndices.includes(index)) {
+    const secretValues = [...oldSecretValues];
+    if (!editMode) {
+      secretValues[index] = '';
+    }
+    return {
+      ...state,
+      revealedIndices: revealedIndices.filter(candidate => candidate !== index),
+      secretValues
+    };
+  }
+  try {
+    const value = editMode ? editingValues[index] : await getSecretValue(secret);
+    const secretValues = [...oldSecretValues];
+    secretValues[index] = value;
+    return {
+      ...state,
+      errorMessage: '',
+      revealedIndices: [...revealedIndices, index],
+      secretValues
+    };
+  } catch (error) {
+    const message = error instanceof Error && error.message ? error.message : String(error);
+    return {
+      ...state,
+      errorMessage: failedToRevealSecret(secret.extensionId, secret.key, message)
+    };
+  }
+};
+
 const handleClick = (state, action) => {
   const [kind, rawIndex] = action.split(':');
   const index = Number(rawIndex);
   switch (kind) {
     case 'cancel':
       return cancelEdit(state);
+    case 'copy':
+      return copySecret(state, index);
+    case 'delete':
+      return deleteSecret(state, index);
     case 'edit':
-      return edit(state, index);
+      return edit(state);
+    case 'reveal':
+      return toggleReveal(state, index);
     case 'save':
       return save(state);
     default:
@@ -1607,10 +1970,24 @@ const handleClick = (state, action) => {
   }
 };
 
-const handleInput = (state, value) => ({
-  ...state,
-  editingValue: value
-});
+const handleInput = (state, name, value) => {
+  const {
+    editingValues,
+    editMode,
+    secrets,
+    secretValues
+  } = state;
+  const [, rawIndex] = name.split(':');
+  const index = Number(rawIndex);
+  if (!editMode || !Number.isSafeInteger(index) || !secrets[index]) {
+    return state;
+  }
+  return {
+    ...state,
+    editingValues: editingValues.with(index, value),
+    secretValues: secretValues.with(index, value)
+  };
+};
 
 const handleMessagePort = async (port, commandMap, setAsRendererProcess = true) => {
   const executeViewletCommand = async (uid, command, ...args) => {
@@ -1621,7 +1998,7 @@ const handleMessagePort = async (port, commandMap, setAsRendererProcess = true)
     await fn(uid, ...args);
     await invoke$1('Viewlet.requestRender', uid);
   };
-  const rpc = await create$2({
+  const rpc = await create$4({
     commandMap: {
       'Viewlet.executeViewletCommand': executeViewletCommand
     },
@@ -1632,8 +2009,34 @@ const handleMessagePort = async (port, commandMap, setAsRendererProcess = true)
   }
 };
 
+const defaultDependencies = {
+  createRpc: create$2,
+  invokeRendererAndTransfer: invokeAndTransfer,
+  setMainProcess: set$4
+};
+const send = async (port, dependencies) => {
+  await dependencies.invokeRendererAndTransfer('SendMessagePortToMainProcess.sendMessagePortToMainProcess', port, 'HandleElectronMessagePort.handleElectronMessagePort', 0);
+};
+const initializeMainProcess = async (platform, dependencies = defaultDependencies) => {
+  if (platform !== Electron) {
+    return;
+  }
+  const rpc = await dependencies.createRpc({
+    commandMap: {},
+    send(port) {
+      return send(port, dependencies);
+    }
+  });
+  dependencies.setMainProcess(rpc);
+};
+
+const initialize = async platform => {
+  set$1(platform);
+  await initializeMainProcess(platform);
+};
+
 const loadContent = async state => {
-  const secrets = await invoke('SecretStorage.list');
+  const secrets = get() === Electron ? await invoke$3('SecretStorage.list') : [];
   return {
     ...state,
     loaded: true,
@@ -1649,17 +2052,27 @@ new Set(Object.values(VirtualDomElements));
 
 const List = 'list';
 const ListItem = 'listitem';
+const ToolBar = 'toolbar';
 
 const Button = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
+const IconButton = 'IconButton';
 const InputBox = 'InputBox';
+const MaskIcon = 'MaskIcon';
+const MaskIconCopy = 'MaskIconCopy';
+const MaskIconEye = 'MaskIconEye';
+const MaskIconEyeClosed = 'MaskIconEyeClosed';
+const MaskIconTrash = 'MaskIconTrash';
 const SecretsView = 'SecretsView';
 const SecretsViewActions = 'SecretsViewActions';
 const SecretsViewButton = 'SecretsViewButton';
 const SecretsViewDescription = 'SecretsViewDescription';
 const SecretsViewEmpty = 'SecretsViewEmpty';
+const SecretsViewError = 'SecretsViewError';
 const SecretsViewExtensionId = 'SecretsViewExtensionId';
 const SecretsViewHeader = 'SecretsViewHeader';
+const SecretsViewHeaderActions = 'SecretsViewHeaderActions';
+const SecretsViewHeaderContent = 'SecretsViewHeaderContent';
 const SecretsViewKey = 'SecretsViewKey';
 const SecretsViewList = 'SecretsViewList';
 const SecretsViewRow = 'SecretsViewRow';
@@ -1671,34 +2084,41 @@ const HandleClick = 1;
 const HandleInput = 2;
 
 const maskedValue = '••••••••••••';
-const text$1 = value => ({
-  childCount: 0,
-  text: value,
-  type: Text
-});
 const rowNode = {
   childCount: 4,
   className: SecretsViewRow,
   role: ListItem,
   type: Li
 };
-const button = (name, label) => [{
+const iconButton = (name, label, iconClassName) => [{
   ariaLabel: label,
   childCount: 1,
-  className: mergeClassNames(Button, ButtonPrimary, SecretsViewButton),
+  className: mergeClassNames(IconButton, SecretsViewButton),
   name,
   onClick: HandleClick,
+  title: label,
   type: Button$1
-}, text$1(label)];
-const getSecretRowVirtualDom = (secret, index, editingIndex, editingValue) => {
-  const editing = editingIndex === index;
-  const actionDom = editing ? [...button(`save:${index}`, 'Save'), ...button(`cancel:${index}`, 'Cancel')] : button(`edit:${index}`, 'Edit');
-  const actionCount = editing ? 2 : 1;
+}, {
+  childCount: 0,
+  className: mergeClassNames(MaskIcon, iconClassName),
+  type: Div
+}];
+const getSecretRowVirtualDom = (secret, index, editMode, editingValues, revealedIndices, secretValues) => {
+  const revealed = revealedIndices.includes(index);
+  let value = maskedValue;
+  if (editMode) {
+    value = editingValues[index];
+  } else if (revealed) {
+    value = secretValues[index];
+  }
+  const revealLabel = revealed ? hideSecret(secret.extensionId, secret.key) : showSecret(secret.extensionId, secret.key);
+  const actions = [...iconButton(`reveal:${index}`, revealLabel, revealed ? MaskIconEyeClosed : MaskIconEye), ...iconButton(`copy:${index}`, copySecret$1(secret.extensionId, secret.key), MaskIconCopy), ...(editMode ? iconButton(`delete:${index}`, deleteSecret$1(secret.extensionId, secret.key), MaskIconTrash) : [])];
   return [rowNode, {
     childCount: 0,
     className: mergeClassNames(InputBox, SecretsViewExtensionId),
     inputType: 'text',
     readOnly: true,
+    tabIndex: -1,
     title: secret.extensionId,
     type: Input,
     value: secret.extensionId
@@ -1707,25 +2127,29 @@ const getSecretRowVirtualDom = (secret, index, editingIndex, editingValue) => {
     className: mergeClassNames(InputBox, SecretsViewKey),
     inputType: 'text',
     readOnly: true,
+    tabIndex: -1,
     title: secret.key,
     type: Input,
     value: secret.key
   }, {
     childCount: 0,
     className: mergeClassNames(InputBox, SecretsViewValue),
-    inputType: 'password',
-    name: 'secret-value',
-    readOnly: !editing,
+    inputType: revealed ? 'text' : 'password',
+    name: `value:${index}`,
+    readOnly: !editMode,
+    tabIndex: editMode ? 0 : -1,
     type: Input,
-    value: editing ? editingValue : maskedValue,
-    ...(editing && {
+    value,
+    ...(editMode && {
       onInput: HandleInput
     })
   }, {
-    childCount: actionCount,
+    ariaLabel: actionsForSecret(secret.extensionId, secret.key),
+    childCount: editMode ? 3 : 2,
     className: SecretsViewActions,
+    role: ToolBar,
     type: Div
-  }, ...actionDom];
+  }, ...actions];
 };
 
 const text = value => ({
@@ -1739,14 +2163,14 @@ const emptyNode = {
   role: Status,
   type: Div
 };
-const rootNode = {
+const headerNode = {
   childCount: 2,
-  className: mergeClassNames(Viewlet, SecretsView),
+  className: SecretsViewHeader,
   type: Div
 };
-const headerNode = {
+const headerContentNode = {
   childCount: 2,
-  className: SecretsViewHeader,
+  className: SecretsViewHeaderContent,
   type: Div
 };
 const titleNode = {
@@ -1759,20 +2183,57 @@ const descriptionNode = {
   className: SecretsViewDescription,
   type: P
 };
-const titleText = text('Secrets');
-const descriptionText = text('Stored extension secrets are encrypted. Values stay hidden until you choose Edit.');
-const getEmptyDom = loaded => [emptyNode, text(loaded ? 'No secrets stored.' : 'Loading secrets…')];
+const errorNode = {
+  childCount: 1,
+  className: SecretsViewError,
+  role: Alert,
+  type: Div
+};
+const textButton = (name, label, ariaLabel, primary = false) => [{
+  ariaLabel,
+  childCount: 1,
+  className: mergeClassNames(Button, primary ? ButtonPrimary : '', SecretsViewButton),
+  name,
+  onClick: HandleClick,
+  type: Button$1
+}, text(label)];
+const getEmptyDom = loaded => [emptyNode, text(loaded ? noSecretsStored() : loadingSecrets())];
 const getSecretsViewVirtualDom = state => {
   const {
-    editingIndex,
-    editingValue,
+    deletedIndices,
+    editingValues,
+    editMode,
+    errorMessage,
     loaded,
-    secrets
+    revealedIndices,
+    secrets: secrets$1,
+    secretValues
   } = state;
-  const content = secrets.length === 0 ? getEmptyDom(loaded) : secrets.flatMap((secret, index) => getSecretRowVirtualDom(secret, index, editingIndex, editingValue));
-  return [rootNode, headerNode, titleNode, titleText, descriptionNode, descriptionText, {
-    ariaLabel: 'Stored secrets',
-    childCount: secrets.length || 1,
+  const visibleSecrets = secrets$1.map((secret, index) => ({
+    index,
+    secret
+  })).filter(item => !deletedIndices.includes(item.index));
+  const content = visibleSecrets.length === 0 ? getEmptyDom(loaded) : visibleSecrets.flatMap(item => getSecretRowVirtualDom(item.secret, item.index, editMode, editingValues, revealedIndices, secretValues));
+  const errorDom = errorMessage ? [errorNode, text(errorMessage)] : [];
+  let headerActions = [];
+  if (editMode) {
+    headerActions = [...textButton('save', save$1(), saveSecrets(), true), ...textButton('cancel', cancel(), cancelEditingSecrets())];
+  } else if (secrets$1.length > 0) {
+    headerActions = textButton('edit', edit$1(), editSecrets(), true);
+  }
+  return [{
+    childCount: errorMessage ? 3 : 2,
+    className: mergeClassNames(Viewlet, SecretsView),
+    type: Div
+  }, headerNode, headerContentNode, titleNode, text(secrets()), descriptionNode, text(description()), {
+    ariaLabel: secretsActions(),
+    childCount: headerActions.length / 2,
+    className: SecretsViewHeaderActions,
+    role: ToolBar,
+    type: Div
+  }, ...headerActions, ...errorDom, {
+    ariaLabel: storedSecrets(),
+    childCount: visibleSecrets.length || 1,
     className: SecretsViewList,
     role: List,
     type: Ul
@@ -1782,8 +2243,8 @@ const getSecretsViewVirtualDom = state => {
 const render2 = async (uid, _diffResult) => {
   const {
     newState
-  } = get$2(uid);
-  set$4(uid, newState, newState);
+  } = get$3(uid);
+  set$6(uid, newState, newState);
   const commands = [[SetDom2, uid, getSecretsViewVirtualDom(newState)]];
   if (!isConnected()) {
     return commands;
@@ -1797,7 +2258,7 @@ const renderEventListeners = () => [{
   params: ['handleClick', TargetName]
 }, {
   name: HandleInput,
-  params: ['handleInput', TargetValue]
+  params: ['handleInput', TargetName, TargetValue]
 }];
 
 const resize = (state, dimensions) => ({
@@ -1806,17 +2267,23 @@ const resize = (state, dimensions) => ({
 });
 
 const compareSecrets = (a, b) => a.extensionId.localeCompare(b.extensionId) || a.key.localeCompare(b.key);
+
 const setData = (state, secrets) => ({
   ...state,
-  editingIndex: -1,
-  editingValue: '',
+  deletedIndices: [],
+  editingValues: [],
+  editMode: false,
+  errorMessage: '',
   loaded: true,
-  secrets: secrets.toSorted(compareSecrets)
+  originalValues: [],
+  revealedIndices: [],
+  secrets: secrets.toSorted(compareSecrets),
+  secretValues: []
 });
 
 const handleDirectMessagePort = (port, setAsRendererProcess) => handleMessagePort(port, commandMap, setAsRendererProcess);
 const commandMap = {
-  'SecretsView.create': create$7,
+  'SecretsView.create': create$9,
   'SecretsView.diff2': diff2,
   'SecretsView.dispose': dispose,
   'SecretsView.edit': wrapCommand(edit),
@@ -1824,6 +2291,7 @@ const commandMap = {
   'SecretsView.handleClick': wrapCommand(handleClick),
   'SecretsView.handleInput': wrapCommand(handleInput),
   'SecretsView.handleMessagePort': handleDirectMessagePort,
+  'SecretsView.initialize': initialize,
   'SecretsView.loadContent': wrapCommand(loadContent),
   'SecretsView.render2': render2,
   'SecretsView.renderEventListeners': renderEventListeners,
@@ -1836,7 +2304,7 @@ const initializeRendererWorker = async () => {
   const rpc = await create$1({
     commandMap: commandMap
   });
-  set$1(rpc);
+  set$2(rpc);
 };
 
 const listen = async () => {