Split configs into cats, reflect cats in view (not finished)

2024-11-24 02:13:43 +03:00 · 2017-04-21 19:43:30 +05:00 · 2017-04-21 19:43:30 +05:00 · c49ef2d9b7
commit c49ef2d9b7
parent bc78bc7c5a
4 changed files with 181 additions and 179 deletions
--- a/extensions/chromium/runet-censorship-bypass/src/extension-common/35-pac-kitchen-api.js
+++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/35-pac-kitchen-api.js
@ -19,53 +19,72 @@
      dflt: false,
      label: 'проксировать только HTTP<em>S</em>-сайты',
      desc: 'Проксировать только сайты, доступные по шифрованному протоколу HTTP<em>S</em>. Прокси и провайдер смогут видеть только адреса проксируемых HTTP<em>S</em>-сайтов, но не их содержимое. Используйте, если вы не доверяете прокси-серверам ваш HTTP-трафик. Разумеется, что с этой опцией разблокировка HTTP-сайтов работать не будет.',
-      index: 0,
+      order: 0,
    },
    ifUseSecureProxiesOnly: {
      dflt: false,
      label: 'только шифрованная связь с прокси',
      desc: 'Шифровать соединение до прокси от провайдера, используя только прокси типа HTTPS или локальный Tor. Провайдер всё же сможет видеть адреса (но не содержимое) проксируемых ресурсов из протокола DNS (даже с Tor). Опция вряд ли может быть вам полезна, т.к. шифруется не весь трафик, а лишь разблокируемые ресурсы.',
-      index: 1,
+      order: 1,
    },
    ifProhibitDns: {
      dflt: false,
      label: 'запретить опредление по IP/DNS',
      desc: 'Пытается запретить скрипту использовать DNS, без которого определение блокировки по IP работать не будет (т.е. будет разблокироваться меньше сайтов). Используйте, чтобы получить прирост в производительности или если вам кажется, что мы проксируем слишком много сайтов. Запрет действует только для скрипта, браузер и др.программы продолжат использование DNS.',
-      index: 2,
+      order: 2,
    },
    ifProxyOrDie: {
      dflt: true,
      ifDfltMods: true,
      label: 'проксируй или умри!',
      desc: 'Запрещает соединение с сайтами напрямую без прокси в случаях, когда все прокси отказывают. Например, если все ВАШИ прокси вдруг недоступны, то добавленные вручную сайты открываться не будут совсем. Однако смысл опции в том, что она препятствует занесению прокси в чёрные списки Хрома. Рекомендуется не отключать.',
-      index: 3,
+      order: 3,
    },
    ifUsePacScriptProxies: {
      dflt: true,
+      category: 'ownProxies',
      label: 'использовать прокси PAC-скрипта',
      desc: 'Использовать прокси-сервера от авторов PAC-скрипта.',
-      index: 4,
+      order: 4,
    },
    ifUseLocalTor: {
      dflt: false,
+      category: 'ownProxies',
      label: 'использовать СВОЙ локальный Tor',
      desc: 'Установите <a href="https://rebrand.ly/ac-tor">Tor</a> на свой компьютер и используйте его как прокси-сервер. <a href="https://rebrand.ly/ac-tor">ВАЖНО</a>',
-      index: 5,
+      order: 5,
    },
    exceptions: {
+      category: 'exceptions',
      dflt: null,
    },
    ifMindExceptions: {
      dflt: true,
+      category: 'exceptions',
      label: 'учитывать исключения',
      desc: 'Учитывать сайты, добавленные вручную. Только для своих прокси-серверов! Без своих прокси работать не будет.',
-      index: 6,
+      order: 6,
+    },
+    ifProxyErrors: {
+      dflt: false,
+      category: 'exceptions',
+      label: 'проксировать <a href>выбранные</a> ошибки',
+      desc: 'Предлагать добавить сайт в исключения при выбранных ошибках',
+      order: 7,
    },
    customProxyStringRaw: {
      dflt: '',
+      category: 'ownProxies',
      label: 'использовать СВОИ прокси',
      url: 'https://rebrand.ly/ac-own-proxy',
-      index: 7,
+      order: 8,
+    },
+    ifProxyMoreDomains: {
+      dflt: false,
+      category: 'ownProxies',
+      label: 'проксировать .onion, .i2p и OpenNIC',
+      desc: 'Проксировать особые домены. Необходима поддержка со стороны прокси.',
+      order: 9,
    },

  };
@ -91,20 +110,24 @@

  };

-  const getOrderedConfigsForUser = function getOrderedConfigs() {
+  const getOrderedConfigsForUser = function getOrderedConfigs(category) {

    const pacMods = getCurrentConfigs();
-    return Object.keys(configs).reduce((arr, key) => {
+    return Object.keys(configs)
+      .sort((keyA, keyB) => configs[keyA].order - configs[keyB].order)
+      .reduce((arr, key) => {

-      const conf = configs[key];
-      if(typeof(conf.index) === 'number') {
-        arr[conf.index] = conf;
-        conf.value = pacMods[key];
-        conf.key = key;
-      }
-      return arr;
+        const conf = configs[key];
+        if(typeof(conf.order) === 'number') {
+          if(!category || category === (conf.category || 'general')) {
+            arr.push(conf);
+            conf.value = pacMods[key];
+            conf.key = key;
+         }
+        }
+        return arr;

-    }, []);
+      }, []);

  };

@ -322,6 +345,7 @@
              new RegExp(kitchenStartsMark + '[\\s\\S]*$', 'g'),
              ''
            );
+            /a/.test('a'); // GC RegExp.input and friends.
            return chrome.proxy.settings.set(details, chromified(cb));
          }
        }
--- a/extensions/chromium/runet-censorship-bypass/src/extension-common/37-sync-pac-script-with-pac-provider-api.js
+++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/37-sync-pac-script-with-pac-provider-api.js
@ -213,7 +213,7 @@

    getSortedEntriesForProviders() {

-      return Object.entries(this.pacProviders).sort((entryA, entryB) => entryA[1].order - entryB[1].order);
+      return Object.entries(this.pacProviders).sort((entryA, entryB) => entryA[1].order - entryB[1].order).map(([key, prov]) => Object.assign({key: key}, prov));

    },

--- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html
+++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html
@ -177,6 +177,7 @@
        margin-bottom: 0 !important;
      }
      .nav-labels {
+        background-color: #eef;
        text-align: center;
      }
      .nav-labels li label {
@ -508,52 +509,7 @@

      <section data-for="acc-own">

-        <ul id="owns-foo">
-
-          <li class="info-row hor-flex">
-              <input type="checkbox" id="mods-if-mind-exceptions" checked="">
-              <div class="label-container">
-                <label for="mods-if-mind-exceptions"> Использовать СВОЙ локальный Tor</label>
-              </div><div class="desc">
-                <svg class="icon" style="position: relative; top: 0.08em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info"></use></svg>
-                <div class="tooltip">Учитывать сайты, добавленные вручную. Только для своих прокси-серверов! Без своих прокси работать не будет.</div>
-              </div>
-          </li>
-
-          <li class="info-row hor-flex" style="flex-wrap: wrap;">
-              <input type="checkbox" id="mods-custom-proxy-string-raw">
-              <div class="label-container">
-                <label for="mods-custom-proxy-string-raw"> использовать СВОИ прокси</label>
-              </div>
-              <a href="https://rebrand.ly/ac-own-proxy" class="right-bottom-icon info-url">
-                <svg class="icon" style="position: relative; top: 0.08em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info"></use></svg>
-              </a>
-              <textarea spellcheck="false" placeholder="SOCKS5 localhost:9050; # Tor Expert
-SOCKS5 localhost:9150; # Tor Browser
-HTTPS 11.22.33.44:3143;
-PROXY foobar.com:8080; # Not HTTP!"></textarea>
-          </li>
-
-          <li class="info-row hor-flex">
-              <input type="checkbox" id="mods-if-mind-exceptions" checked="">
-              <div class="label-container">
-                <label for="mods-if-mind-exceptions"> Проксировать .onion, .i2p, .bit и др.</label>
-              </div><div class="desc">
-                <svg class="icon" style="position: relative; top: 0.08em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info"></use></svg>
-                <div class="tooltip">Учитывать сайты, добавленные вручную. Только для своих прокси-серверов! Без своих прокси работать не будет.</div>
-              </div>
-          </li>
-
-          <li class="info-row hor-flex">
-              <input type="checkbox" id="mods-if-mind-exceptions" checked="">
-              <div class="label-container">
-                <label for="mods-if-mind-exceptions"> Проксировать <a href>некоторые</a> ошибки</label>
-              </div><div class="desc">
-                <svg class="icon" style="position: relative; top: 0.08em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-info"></use></svg>
-                <div class="tooltip">Учитывать сайты, добавленные вручную. Только для своих прокси-серверов! Без своих прокси работать не будет.</div>
-              </div>
-          </li>
-
+        <ul id="own-proxies">
          <li class="control-row hor-flex">
            <input type="button" value="Применить" id="apply-mods" disabled/>
            <a href id="bar-reset-mods">К изначальным!</a>
--- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.js
+++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.js
@ -158,11 +158,9 @@ chrome.runtime.getBackgroundPage( (backgroundPage) =>

      };

-      const infoIcon = `
-        <svg class="icon"
-          style="position: relative; top: 0.08em"><use xlink:href="#icon-info"></use></svg>
-        <!--span style="font-size: 1.3em" class="emoji">🛈(looks huge)</span-->
-      `;
+      const infoIcon = `<svg class="icon" style="position: relative; top: 0.08em">
+        <use xlink:href="#icon-info"></use>
+      </svg>`;

      const infoSign = function infoSign(tooltip) {

@ -173,22 +171,31 @@ chrome.runtime.getBackgroundPage( (backgroundPage) =>

      };

+      const infoUrl = (url) => `<a href="${url}" class="right-bottom-icon info-url">${infoIcon}</a>`;
+
+      const appendInfoRow = (mountEl, conf, inputTypeName, inputId, htmlAfterLabel = '') => {
+
+        mountEl.classList.add('info-row', 'hor-flex');
+        mountEl.innerHTML = `
+          <input ${inputTypeName} id="${inputId}">
+          <div class="label-container">
+            <label for="${inputId}"> ${conf.label}</label>
+            ${htmlAfterLabel}
+          </div>` + (conf.desc ? infoSign(conf.desc) : infoUrl(conf.url));
+
+      };
+
      {
        const ul = document.querySelector('#list-of-providers');
        const _firstChild = ul.firstChild;
        for(
-          const [providerKey, provider] of antiCensorRu.getSortedEntriesForProviders()
+          const provConf of antiCensorRu.getSortedEntriesForProviders()
        ) {
          const li = document.createElement('li');
-          li.classList.add('info-row', 'hor-flex');
-          li.innerHTML = `
-            <input type="radio" name="pacProvider" id="${providerKey}">
-            <div class="label-container">
-              <label for="${providerKey}"> ${provider.label}</label>
-              &nbsp;<a href class="link-button update-button"
-                id="update-${providerKey}">[обновить]</a>
-            </div>` +
-            infoSign(provider.desc);
+          appendInfoRow(li, provConf, 'type="radio" name="pacProvider"', provConf.key, `
+            &nbsp;<a href class="link-button update-button"
+              id="update-${provConf.key}">[обновить]</a>
+          `);
          li.querySelector('.link-button').onclick =
            () => {
              conduct(
@ -255,13 +262,12 @@ chrome.runtime.getBackgroundPage( (backgroundPage) =>
        document.documentElement.classList.add('if-options-page');
      }

-      // EXCEPTIONS PANEL

-      {
+      { // KITCHEN PANELS starts.

        const pacKitchen = backgroundPage.apis.pacKitchen;

-        {
+        { // EXCEPTIONS TAB starts.

          const excEditor = document.getElementById('exc-editor');

@ -518,124 +524,140 @@ chrome.runtime.getBackgroundPage( (backgroundPage) =>

          };

-        }
+        } // EXCEPTIONS TAB ends.

-        // PAC MODS PANEL
+        const camelToDash = (name) => name.replace(/([A-Z])/g, (_, p) => '-' + p.toLowerCase());

-        const modPanel = document.getElementById('pac-mods');
-        const _firstChild = modPanel.firstChild;
-        const keyToLi = {};
-        const customProxyStringKey = 'customProxyStringRaw';
-        const uiRaw = 'ui-proxy-string-raw';
+        { // OWN PROXIES TAB starts.

-        for(const conf of pacKitchen.getOrderedConfigs()) {
+          const ownsList = document.getElementById('own-proxies');
+          const _firstChild = ownsList.firstChild;
+          const keyToLi = {};
+          const customProxyStringKey = 'customProxyStringRaw';
+          const uiRaw = 'ui-proxy-string-raw';

-          const key = conf.key;
-          const iddy = 'mods-' + conf.key.replace(/([A-Z])/g, (_, p) => '-' + p.toLowerCase());
-          const li = document.createElement('li');
-          li.classList.add('info-row', 'hor-flex');
-          keyToLi[key] = li;
-          const ifMultiline = key === customProxyStringKey;
-          li.innerHTML = `
-              <input type="checkbox" id="${iddy}" ${ conf.value ? 'checked' : '' }/>
-              <div class="label-container">
-                <label for="${iddy}"> ${ conf.label }</label>
-              </div>`;
+          for(const conf of pacKitchen.getOrderedConfigs('ownProxies')) {

-          if (!ifMultiline) {
-            li.innerHTML += infoSign(conf.desc);
-          } else {
-            li.style.flexWrap = 'wrap';
-            li.innerHTML += `<a href="${conf.url}" class="right-bottom-icon info-url">${infoIcon}</a>
-<textarea
-  spellcheck="false"
-  placeholder="SOCKS5 localhost:9050; # Tor Expert
+            const key = conf.key;
+            const iddy = 'mods-' + camelToDash(conf.key);
+            const li = document.createElement('li');
+            appendInfoRow(li, conf, `type="checkbox" ${conf.value ? 'checked' : ''}`, iddy);
+
+            const ifMultiline = key === customProxyStringKey;
+            if (ifMultiline) {
+              li.style.flexWrap = 'wrap';
+              li.innerHTML += `
+                <textarea
+                  spellcheck="false"
+                  placeholder="SOCKS5 localhost:9050; # Tor Expert
 SOCKS5 localhost:9150; # Tor Browser
 HTTPS 11.22.33.44:3143;
-PROXY foobar.com:8080; # Not HTTP!">${conf.value || localStorage.getItem(uiRaw) || ''}</textarea>`;
-            li.querySelector('textarea').onkeyup = function() {
+PROXY foobar.com:8080; # Not HTTP!">${conf.value || localStorage.getItem(uiRaw) || ''}</textarea>
+              `;
+              li.querySelector('textarea').onkeyup = function() {

-              this.dispatchEvent( new Event('change', {'bubbles': true}) );
+                this.dispatchEvent( new Event('change', {'bubbles': true}) );
+
+              };
+            }
+
+            ownsList.insertBefore( li, _firstChild );

-            };
          }

-          modPanel.insertBefore( li, _firstChild );
+        } // OWN PROXIES TAB ends.

-        };
-        document.getElementById('apply-mods').onclick = () => {
+        { // PAC MODS TAB starts.
+
+          const modsList = document.getElementById('pac-mods');
+          const _firstChild = modsList.firstChild;
+          const keyToLi = {};
+
+          for(const conf of pacKitchen.getOrderedConfigs('general')) {
+
+            const key = conf.key;
+            const iddy = 'mods-' + camelToDash(conf.key);
+            const li = document.createElement('li');
+            appendInfoRow(li, conf, `type="checkbox" ${conf.value ? 'checked' : ''}`, iddy);
+            keyToLi[key] = li;
+            modsList.insertBefore( li, _firstChild );
+
+          };
+          document.getElementById('apply-mods').onclick = () => {
+
+            const oldMods = pacKitchen.getPacMods();
+            for(const key of Object.keys(keyToLi)) {
+              oldMods[key] = keyToLi[key].querySelector('input').checked;
+            };
+
+            {
+              // OWN PROXY
+
+              const liPs = keyToLi[customProxyStringKey];
+              oldMods[customProxyStringKey]
+                = liPs.querySelector('input').checked
+                  && liPs.querySelector('textarea').value.trim();
+
+              const taVal = liPs.querySelector('textarea').value;
+              if (oldMods[customProxyStringKey] !== false) {
+                const ifValidArr = taVal
+                  .trim()
+                  .replace(/#.*$/mg, '')
+                  .split(/\s*[;\n\r]+\s*/g)
+                  .filter( (str) => str );
+                const ifValid = ifValidArr.every(
+                  (str) =>
+                    /^(?:DIRECT|(?:(?:HTTPS|PROXY|SOCKS(?:4|5)?)\s+\S+))$/g
+                      .test(str.trim())
+                );
+                if (!(ifValidArr.length && ifValid)) {
+                  return showErrors(new TypeError(
+                    'Неверный формат своих прокси. Свертесь с <a href="https://rebrand.ly/ac-own-proxy" data-in-bg="true">документацией</a>.'
+                  ));
+                }
+                oldMods[customProxyStringKey] = taVal;
+              } else {
+                localStorage.setItem(uiRaw, taVal);
+              }
+
+            }
+
+            conduct(
+              'Применяем настройки...',
+              (cb) => pacKitchen.keepCookedNowAsync(oldMods, cb),
+              'Настройки применены.',
+              () => {
+
+                document.getElementById('apply-mods').disabled = true;
+
+              }
+            );

-          const oldMods = pacKitchen.getPacMods();
-          for(const key of Object.keys(keyToLi)) {
-            oldMods[key] = keyToLi[key].querySelector('input').checked;
          };

-          {
-            // OWN PROXY
+          document.getElementById('reset-mods').onclick = () => {

-            const liPs = keyToLi[customProxyStringKey];
-            oldMods[customProxyStringKey]
-              = liPs.querySelector('input').checked
-                && liPs.querySelector('textarea').value.trim();
-
-            const taVal = liPs.querySelector('textarea').value;
-            if (oldMods[customProxyStringKey] !== false) {
-              const ifValidArr = taVal
-                .trim()
-                .replace(/#.*$/mg, '')
-                .split(/\s*[;\n\r]+\s*/g)
-                .filter( (str) => str );
-              const ifValid = ifValidArr.every(
-                (str) =>
-                  /^(?:DIRECT|(?:(?:HTTPS|PROXY|SOCKS(?:4|5)?)\s+\S+))$/g
-                    .test(str.trim())
-              );
-              if (!(ifValidArr.length && ifValid)) {
-                return showErrors(new TypeError(
-                  'Неверный формат своих прокси. Свертесь с <a href="https://rebrand.ly/ac-own-proxy" data-in-bg="true">документацией</a>.'
-                ));
-              }
-              oldMods[customProxyStringKey] = taVal;
-            } else {
-              localStorage.setItem(uiRaw, taVal);
+            const ifSure = backgroundPage.confirm('Сбросить все модификаторы и ИСКЛЮЧЕНИЯ?');
+            if (!ifSure) {
+              return false;
            }
+            conduct(
+              'Сбрасываем...',
+              (cb) => {

-          }
+                pacKitchen.resetToDefaults();
+                backgroundPage.utils.fireRequest('ip-to-host-reset-to-defaults', cb);

-          conduct(
-            'Применяем настройки...',
-            (cb) => pacKitchen.keepCookedNowAsync(oldMods, cb),
-            'Настройки применены.',
-            () => {
+              },
+              'Откройте окно заново для отображения эффекта.',
+              () => window.close()
+            );

-              document.getElementById('apply-mods').disabled = true;
+          };

-            }
-          );
+        } // PAC MODS TAB ends.

-        };
-
-        document.getElementById('reset-mods').onclick = () => {
-
-          const ifSure = backgroundPage.confirm('Сбросить все модификаторы и ИСКЛЮЧЕНИЯ?');
-          if (!ifSure) {
-            return false;
-          }
-          conduct(
-            'Сбрасываем...',
-            (cb) => {
-
-              pacKitchen.resetToDefaults();
-              backgroundPage.utils.fireRequest('ip-to-host-reset-to-defaults', cb);
-
-            },
-            'Откройте окно заново для отображения эффекта.',
-            () => window.close()
-          );
-
-        };
-
-      }
+      } // KITCHEN PANELS ends.

      // NOTIFICATIONS PANEL