@lvce-editor/static-server 0.110.12 → 0.110.13

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

@@ -269,11 +269,16 @@ const {
 
 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,
@@ -284,6 +289,7 @@ const create$9 = (uid, _uri, x, y, width, height) => {
 
 const diff2 = uid => diff(uid, [() => false], [1]);
 
+const Alert = 'alert';
 const Status = 'status';
 
 const Audio = 0;
@@ -1618,81 +1624,369 @@ const set$1 = platform => {
   state$1.platform = platform;
 };
 
-const edit$1 = async (state, index) => {
+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;
-  const secret = secrets[index];
-  if (!secret) {
+  if (editMode || secrets.length === 0) {
     return state;
   }
-  const editingValue = secret.value ?? (get() === Electron ? await invoke$3('SecretStorage.get', secret.extensionId, secret.key) : undefined) ?? '';
-  return {
-    ...state,
-    editingIndex: index,
-    editingValue
-  };
+  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,
-  editingIndex: -1,
-  editingValue: ''
+  deletedIndices: [],
+  editingValues: [],
+  editMode: false,
+  errorMessage: '',
+  originalValues: [],
+  revealedIndices: [],
+  secretValues: []
 });
 
-const save$1 = async state => {
+const state = {
+  connected: false
+};
+const isConnected = () => {
   const {
-    editingIndex,
-    editingValue,
+    connected
+  } = state;
+  return connected;
+};
+const invoke = (method, ...params) => invoke$2(method, ...params);
+const set = rpc => {
+  set$3(rpc);
+  state.connected = true;
+};
+
+const copySecret = async (state, index) => {
+  const {
+    deletedIndices,
+    editMode,
+    revealedIndices,
+    secrets,
+    secretValues
+  } = state;
+  const secret = secrets[index];
+  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;
-  const secret = secrets[editingIndex];
-  if (!secret) {
+  if (!editMode || !secrets[index] || deletedIndices.includes(index)) {
     return state;
   }
-  if (get() === Electron) {
-    await invoke$3('SecretStorage.store', secret.extensionId, secret.key, editingValue);
+  return {
+    ...state,
+    deletedIndices: [...deletedIndices, index],
+    errorMessage: '',
+    revealedIndices: revealedIndices.filter(candidate => candidate !== index)
+  };
+};
+
+const save = async state => {
+  const {
+    deletedIndices,
+    editingValues,
+    editMode,
+    originalValues,
+    secrets
+  } = state;
+  if (!editMode) {
+    return state;
+  }
+  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$1(state, index);
+      return edit(state);
+    case 'reveal':
+      return toggleReveal(state, index);
     case 'save':
-      return save$1(state);
+      return save(state);
     default:
       return state;
   }
 };
 
-const handleInput = (state, value) => ({
-  ...state,
-  editingValue: value
-});
-
-const state = {
-  connected: false
-};
-const isConnected = () => {
+const handleInput = (state, name, value) => {
   const {
-    connected
+    editingValues,
+    editMode,
+    secrets,
+    secretValues
   } = state;
-  return connected;
-};
-const invoke = (method, ...params) => invoke$2(method, ...params);
-const set = rpc => {
-  set$3(rpc);
-  state.connected = true;
+  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) => {
@@ -1758,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';
@@ -1779,81 +2083,42 @@ const Viewlet = 'Viewlet';
 const HandleClick = 1;
 const HandleInput = 2;
 
-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 Description = 'Stored extension secrets are encrypted. Values stay hidden until you choose Edit.';
-const Edit = 'Edit';
-const LoadingSecrets = 'Loading secrets…';
-const NoSecretsStored = 'No secrets stored.';
-const Save = 'Save';
-const Secrets = 'Secrets';
-const StoredSecrets = 'Stored secrets';
-
-const cancel = () => {
-  return i18nString(Cancel);
-};
-const description = () => {
-  return i18nString(Description);
-};
-const edit = () => {
-  return i18nString(Edit);
-};
-const loadingSecrets = () => {
-  return i18nString(LoadingSecrets);
-};
-const noSecretsStored = () => {
-  return i18nString(NoSecretsStored);
-};
-const save = () => {
-  return i18nString(Save);
-};
-const secrets = () => {
-  return i18nString(Secrets);
-};
-const storedSecrets = () => {
-  return i18nString(StoredSecrets);
-};
-
 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
@@ -1862,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 => ({
@@ -1894,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 = {
@@ -1914,18 +2183,57 @@ const descriptionNode = {
   className: SecretsViewDescription,
   type: P
 };
+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: secrets$1
+    revealedIndices,
+    secrets: secrets$1,
+    secretValues
   } = state;
-  const content = secrets$1.length === 0 ? getEmptyDom(loaded) : secrets$1.flatMap((secret, index) => getSecretRowVirtualDom(secret, index, editingIndex, editingValue));
-  return [rootNode, headerNode, titleNode, text(secrets()), descriptionNode, text(description()), {
+  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: secrets$1.length || 1,
+    childCount: visibleSecrets.length || 1,
     className: SecretsViewList,
     role: List,
     type: Ul
@@ -1950,7 +2258,7 @@ const renderEventListeners = () => [{
   params: ['handleClick', TargetName]
 }, {
   name: HandleInput,
-  params: ['handleInput', TargetValue]
+  params: ['handleInput', TargetName, TargetValue]
 }];
 
 const resize = (state, dimensions) => ({
@@ -1959,12 +2267,18 @@ 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);
@@ -1972,7 +2286,7 @@ const commandMap = {
   'SecretsView.create': create$9,
   'SecretsView.diff2': diff2,
   'SecretsView.dispose': dispose,
-  'SecretsView.edit': wrapCommand(edit$1),
+  'SecretsView.edit': wrapCommand(edit),
   'SecretsView.getCommandIds': getCommandIds,
   'SecretsView.handleClick': wrapCommand(handleClick),
   'SecretsView.handleInput': wrapCommand(handleInput),
@@ -1982,7 +2296,7 @@ const commandMap = {
   'SecretsView.render2': render2,
   'SecretsView.renderEventListeners': renderEventListeners,
   'SecretsView.resize': wrapCommand(resize),
-  'SecretsView.save': wrapCommand(save$1),
+  'SecretsView.save': wrapCommand(save),
   'SecretsView.setData': wrapCommand(setData)
 };