printing Gitlab CI/CD variables as key/value pairs.

getGitlabSecrets.console.js

(function getGitlabSecrets() {
  const secrets = [
    ...document.querySelectorAll('.ci-variable-row-body'),
  ].reduce((result, row) => {
    const key = row.querySelector(
      '[name="variables[variables_attributes][][key]"]',
    ).value;
    const value = row.querySelector(
      '[name="variables[variables_attributes][][secret_value]"]',
    ).value;

    if (key) {
      Object.assign(result, { [key]: value });
    }

    return result;
  }, {});
  return secrets;
})();

showGitlabSecrets.bookmarklet

javascript:(function showGitlabSecrets() {
  const secrets = [
    ...document.querySelectorAll('.ci-variable-row-body'),
  ].reduce((result, row) => {
    const key = row.querySelector(
      '[name="variables[variables_attributes][][key]"]',
    ).value;
    const value = row.querySelector(
      '[name="variables[variables_attributes][][secret_value]"]',
    ).value;

    if (key) {
      result.push(`${key}=${value.split('\n').join('\\\n')}`);
    }

    return result;
  }, []);
  const el = document.createElement('pre');
  el.innerHTML = secrets.join('\n');
  document.getElementById('content-body').prepend(el);
})();

showGitlabSecretsJSON.bookmarklet

javascript:(function showGitlabSecretsJSON() {
  const secrets = [
    ...document.querySelectorAll('.ci-variable-row-body'),
  ].reduce((result, row) => {
    const key = row.querySelector(
      '[name="variables[variables_attributes][][key]"]',
    ).value;
    const value = row.querySelector(
      '[name="variables[variables_attributes][][secret_value]"]',
    ).value;

    if (key) {
      Object.assign(result, { [key]: value });
    }

    return result;
  }, {});
  const el = document.createElement('pre');
  el.innerHTML = JSON.stringify(secrets, null, 2);
  document.getElementById('content-body').prepend(el);
})();