@templmf/temp-solf-lmf 0.0.142 → 0.0.144

package/pfnededegaaopdmhkdmcofjmoldfiped/3.5.0_0/popup/network/js/tab.js

@@ -0,0 +1,154 @@
+import { safeTexts } from './utils.js'
+
+let tabInfo = {}
+let selfTabId = null;
+
+
+
+
+chrome.tabs.onCreated.addListener((tab) =>{
+  if (!tab.id) return;
+  tabInfo[tab.id] = tab
+  updateTabSelectorOptions()
+})
+chrome.tabs.onRemoved.addListener((tabId) =>{
+  delete tabInfo[tabId]
+  updateTabSelectorOptions()
+})
+chrome.tabs.onReplaced?.addListener((added, removed) =>{
+  tabInfo[added] = {}
+  delete tabInfo[removed]
+  updateTabSelectorOptions()
+})
+
+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab)=>{
+  if (!tabInfo[tab.id]) {
+    tabInfo[tab.id] = {}
+  }
+  const info = tabInfo[tab.id]
+  info.windowId = tab.windowId;
+  if (info.title !== tab.title) {
+    info.title = tab.title;
+    info.url = tab.url;
+    updateTabSelectorOptions()
+  }
+})
+
+const initTabInfo = async ()=> {
+  const tabs = await chrome.tabs.query({})
+  tabs.forEach((tab)=>{
+    if (!tab.id) return;
+    tabInfo[tab.id] = tab;
+  })
+}
+
+const updateTabSelectorOptions = (selectedKey)=>{
+  document.querySelectorAll('.tab-selector').forEach((selectorEl)=>{
+    selectedKey ||= selectorEl.value;
+    const optionHtmls = [`<option value=''>(All)All tabs</option>`]
+    if (selectedKey) {
+      if (!tabInfo[selectedKey]) {
+        const selectedEl = selectorEl.querySelector(`option[value="${selectedKey}"]`)
+        if (selectedEl) {
+          selectedEl.setAttribute('selected', 'selected');
+          selectedEl.style.color = `var(--negativeColor, red)`;
+          selectedEl.style.fontWeight = `bolder`;
+          optionHtmls.push(selectedEl.outerHTML)
+        }
+      }
+    }
+    Object.values(tabInfo).forEach((_tab)=>{
+      const selected = _tab.id == selectedKey ? 'selected' : ''
+      optionHtmls.push(`<option value="${_tab.id}" ${selected}>(${_tab.id})${safeTexts(_tab.title)}</option>`)
+    })
+    selectorEl.innerHTML = optionHtmls.join('');
+    upateSelectedTabInfo(selectorEl);
+  })
+}
+
+const upateSelectedTabInfo = (selectorEl)=>{
+  const containerEl = selectorEl.parentElement;
+  const tabId = selectorEl.value;
+  if (tabId) {
+    containerEl.classList.add('tab-selected')
+    const tab = tabInfo[tabId]
+    if (tab) {
+      const tabTipEl = containerEl.querySelector('.tab-tip')
+      if (tab.url) {
+        try {
+          const u = new URL(tab.url)
+          tabTipEl.innerText = u.hostname;
+        } catch(e){
+          tabTipEl.innerText = ''
+        }
+      } else {
+        tabTipEl.innerText = ``
+      }
+      containerEl.classList.remove('tab-closed')
+    } else {
+      containerEl.classList.add('tab-closed')
+    }
+  } else {
+    containerEl.classList.remove('tab-selected', 'tab-closed')
+  }
+}
+
+export const initTabsSelector = async (containerEl, opts={})=>{
+  await initTabInfo();
+  const selfTab = await chrome.tabs.getCurrent();
+  selfTabId = selfTab.id;
+
+  const sp = new URLSearchParams(document.location.search)
+  const tabId = sp.get('tabId');
+
+  const selectorEl = document.createElement('select')
+  selectorEl.classList.add('tab-selector', 'form-control')
+  selectorEl.onchange = (e)=>{
+    upateSelectedTabInfo(selectorEl);
+    opts.setTab?.(tabInfo[selectorEl.value]);
+  }
+  containerEl.append(selectorEl);
+
+  const tabInfoContainerEl = document.createElement('span');
+  tabInfoContainerEl.classList.add('tab-info-container')
+  tabInfoContainerEl.innerHTML = `
+  <span class="tab-closed-tip">(Closed)</span>
+  <span class="btn-group tab-btns">
+    <span class="btn btn-default btn-sm refresh-tab-btn">
+      <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
+    </span>
+    <span class="btn btn-default btn-sm view-tab-btn">
+      <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
+    </span>
+  </span>
+  <span class="tab-tip"></span>
+  `
+  containerEl.append(tabInfoContainerEl)
+  tabInfoContainerEl.querySelector('.refresh-tab-btn').onclick = (e)=>{
+    const selectedKey = selectorEl.value;
+    if (selectedKey == selfTabId) return;
+    const tab = tabInfo[selectedKey]
+    if (tab) {
+      chrome.tabs.reload(parseInt(selectedKey), {bypassCache: true})
+    }
+  }
+  tabInfoContainerEl.querySelector('.view-tab-btn').onclick = (e)=>{
+    const selectedKey = selectorEl.value;
+    if (selectedKey == selfTabId) return;
+    const tab = tabInfo[selectedKey]
+    if (tab) {
+      chrome.tabs.update(parseInt(selectedKey), {active: true})
+      const selfTab = tabInfo[selfTabId];
+      if (selfTab.windowId != tab.windowId) {
+        chrome.windows.update(tab.windowId, {drawAttention: true, focused: true})
+      }
+    }
+  }
+  updateTabSelectorOptions(tabId);
+  return {
+    selfTabId,
+    getSelectedTabId: ()=>{
+      return selectorEl.value;
+    }
+  }
+}

package/pfnededegaaopdmhkdmcofjmoldfiped/3.5.0_0/popup/network/js/url.js

@@ -0,0 +1,334 @@
+import { safeTexts, tr, compareProfile, getProfileIcon } from "./utils.js";
+import Toastify from "../../../lib/zero-dependencies/toastify/toastify-es.js";
+
+const updateMainBtn = (mainBtnEl, profile, profiles)=>{
+  let text = tr('profile_' + profile.name) ||
+    profile.name;
+  if (profile.defaultProfileName) {
+    text += ' [' + profile.defaultProfileName + ']';
+  }
+
+  var targetProfile = profile;
+  if (profile.profileType === 'VirtualProfile') {
+    targetProfile = profiles['+' + profile.defaultProfileName];
+  }
+
+  let iconClass = getProfileIcon(targetProfile)
+  if (targetProfile !== profile) {
+    iconClass += ' om-virtual-profile-icon'
+  }
+  mainBtnEl.dataset.profile = profile.name;
+  mainBtnEl.innerHTML = `
+    <span>
+      <span class="glyphicon ${iconClass}" style="color: ${targetProfile.color};">
+      </span>
+    </span>
+    <span>${safeTexts(text)}</span>
+    <span class="caret"></span>
+  `
+}
+
+
+
+
+function createMenuItemForProfile(profile, profiles) {
+  const profileDisp = document.createElement('li');
+  profileDisp.classList.add('om-nav-item')
+  let text = tr('profile_' + profile.name) ||
+    profile.name;
+  if (profile.defaultProfileName) {
+    text += ' [' + profile.defaultProfileName + ']';
+  }
+  var targetProfile = profile;
+  if (profile.profileType === 'VirtualProfile') {
+    targetProfile = profiles['+' + profile.defaultProfileName];
+  }
+
+  profileDisp.setAttribute('title',
+    targetProfile.desc || targetProfile.name || '');
+
+  let iconClass = getProfileIcon(targetProfile)
+  if (targetProfile !== profile) {
+    iconClass += ' om-virtual-profile-icon'
+  }
+
+  profileDisp.innerHTML = `
+      <a href="#" role="button">
+        <span class="glyphicon ${iconClass}" style="color: ${targetProfile.color};"></span>
+        <span class="om-profile-name">${safeTexts(text)}</span>
+      </a>
+  `
+  return profileDisp;
+}
+
+
+function createProfileDropdown(state, containerEl) {
+
+  const profileSelectorEl = containerEl.querySelector('.omega-profile-select');
+  const mainBtnEl = profileSelectorEl.querySelector('.dropdown-toggle')
+
+  var ul = document.createElement('ul');
+  ul.classList.add('dropdown-menu')
+  const {
+    availableProfiles,
+    lastProfileNameForCondition,
+    currentProfileName,
+    validResultProfiles,
+    currentProfileCanAddRule
+  } = state;
+  const profiles = validResultProfiles.map(function(name) {
+    return availableProfiles['+' + name];
+  }).sort(compareProfile);
+  const preSelectedProfileName = lastProfileNameForCondition || 'direct'
+  updateMainBtn(mainBtnEl, availableProfiles['+' + preSelectedProfileName], availableProfiles)
+  profiles.forEach(function(profile) {
+    if (profile.name.indexOf('__') === 0) return;
+    if ((profile.name === currentProfileName) &&
+      (validResultProfiles.length > 1)
+    ) return;
+    var li = createMenuItemForProfile(profile, availableProfiles);
+    if (preSelectedProfileName == profile.name) {
+      li.classList.add('active');
+    }
+    var link = li.querySelector('a');
+    link.onclick = (e)=>{
+      ul.querySelectorAll('.om-nav-item.active').forEach((el)=> el.classList.remove('active'))
+      li.classList.add('active')
+      e.preventDefault();
+      e.stopPropagation();
+      updateMainBtn(mainBtnEl, profile, availableProfiles)
+      $(mainBtnEl).dropdown('toggle')
+    }
+    ul.appendChild(li);
+  });
+  profileSelectorEl.appendChild(ul)
+}
+
+const generateConditionSuggestion = function (
+  currentDomain,
+  subdomain = "",
+  subdomainLevel = 0
+) {
+  let conditionSuggestion = null;
+  let currentDomainEscaped = currentDomain.replace(/\./g, "\\.");
+  let domainLooksLikeIp = false;
+  if (currentDomain.indexOf(":") >= 0) {
+    domainLooksLikeIp = true;
+    if (currentDomain[0] !== "[") {
+      currentDomain = "[" + currentDomain + "]";
+      currentDomainEscaped = currentDomain
+        .replace(/\./g, "\\.")
+        .replace(/\[/g, "\\[")
+        .replace(/\]/g, "\\]");
+    }
+  } else if (currentDomain[currentDomain.length - 1] >= 0) {
+    domainLooksLikeIp = true;
+  }
+  if (domainLooksLikeIp) {
+    conditionSuggestion = {
+      HostWildcardCondition: currentDomain,
+      HostRegexCondition: "^" + currentDomainEscaped + "$",
+      UrlWildcardCondition: "*://" + currentDomain + "/*",
+      UrlRegexCondition: "://" + currentDomainEscaped + "(:\\d+)?/",
+      KeywordCondition: currentDomain,
+    };
+  } else {
+    if (subdomain) {
+      let subdomains = subdomain.split(".");
+      subdomainLevel = subdomainLevel % (subdomains.length + 1);
+      if (subdomainLevel > 0) {
+        subdomains = subdomains.splice(subdomainLevel - 1);
+        subdomains.push(currentDomain);
+        currentDomain = subdomains.join(".");
+        currentDomainEscaped = currentDomain.replace(/\./g, "\\.");
+      }
+    }
+    conditionSuggestion = {
+      HostWildcardCondition: "*." + currentDomain,
+      HostRegexCondition: "(^|\\.)" + currentDomainEscaped + "$",
+      UrlWildcardCondition: "*://*." + currentDomain + "/*",
+      UrlRegexCondition: "://([^/.]+\\.)*" + currentDomainEscaped + "(:\\d+)?/",
+      KeywordCondition: currentDomain,
+    };
+  }
+  return conditionSuggestion;
+};
+
+const getState = ()=>{
+  return new Promise((resolve)=>{
+     OmegaTargetPopup.getState([
+      'availableProfiles',
+      'currentProfileName',
+      'validResultProfiles',
+      'isSystemProfile',
+      'currentProfileCanAddRule',
+      'proxyNotControllable',
+      'externalProfile',
+      'showExternalProfile',
+      'lastProfileNameForCondition',
+      'customCss',
+    ], function(err, state) {
+      resolve(state);
+    })
+  })
+}
+
+export const initUrlCellDetail = async (cell) => {
+
+  const urlStr = cell.getValue();
+  const request = cell.getRow().getData();
+  const tabulatorInstance = cell.getTable();
+  tabulatorInstance.alert('loading...')
+
+  const state = await getState()
+  const {
+    availableProfiles,
+    lastProfileNameForCondition,
+    currentProfileName,
+    validResultProfiles,
+    currentProfileCanAddRule
+  } = state;
+
+  const urlContainerEl = document.createElement("div");
+  urlContainerEl.classList.add("url-detail-container");
+  const url = new URL(urlStr);
+  const domain = OmegaPac.getBaseDomain(url.hostname);
+  const subdomain = OmegaPac.getSubdomain(urlStr);
+
+  let headerTitle = tr('popup_addCondition')
+  if (currentProfileCanAddRule){
+    const profileUrl = chrome.runtime.getURL('options.html') + '#!/profile/' + encodeURIComponent(currentProfileName)
+    const profileLink = `<a href="${profileUrl}" target="_blank">${safeTexts(currentProfileName)}</a>`
+    headerTitle = `${tr('popup_addConditionTo')} (${profileLink})`
+  }
+  const shortTitle = request.actionProfile?.shortTitle || currentProfileName || '';
+  urlContainerEl.innerHTML = `
+  <div class="url-details-container">
+    <div class="header">
+      <h3>
+        ${safeTexts(shortTitle)}
+      </h3>
+    </div>
+    <div class="content">
+      <form class="condition-form">
+        <fieldset>
+          <legend>${headerTitle}</legend>
+          <div class="form-group" style="display:none;"><label>${tr("options_conditionType")}</label>
+            <select class="form-control condition-type" name="conditionType">
+              <option value="HostWildcardCondition" selected>${tr(
+                "condition_HostWildcardCondition"
+              )}</option>
+              <option value="HostRegexCondition">${tr(
+                "condition_HostRegexCondition"
+              )}</option>
+              <option value="UrlWildcardCondition">${tr(
+                "condition_UrlWildcardCondition"
+              )}</option>
+              <option value="UrlRegexCondition">${tr(
+                "condition_UrlRegexCondition"
+              )}</option>
+              <option value="KeywordCondition">${tr(
+                "condition_KeywordCondition"
+              )}</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <label>${tr("options_conditionDetails")}</label>
+            <span class="input-group">
+              <input class="form-control condition-details" type="text" required readonly>
+              <span class="input-group-btn">
+                <button class="btn btn-default toggle-subdomain-level-btn" type="button">
+                  <i class="glyphicon glyphicon-transfer"></i>
+                </button>
+              </span>
+            </span>
+          </div>
+          <div class="form-group">
+            <label>${tr('options_resultProfileForSelectedDomains')}</label>
+            <div class="btn-group omega-profile-select" dropdown="dropdown">
+              <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-default dropdown-toggle">
+                Dropdown trigger
+                <span class="caret"></span>
+              </button>
+            </div>
+          </div>
+        </fieldset>
+      </form>
+    </div>
+    <div class="footer">
+      <button class="btn btn-default close-btn" type="button">${tr(
+        "dialog_close"
+      )}</button>
+      <button class="btn btn-default add-temp-condition-btn" type="button">Add temp condition</button>
+      <button class="btn btn-primary add-condition-btn" type="button">Add condition</button>
+    </div>
+  </div>
+  `;
+  createProfileDropdown(state, urlContainerEl)
+  const typeEl = urlContainerEl.querySelector(".condition-type");
+  const detailEl = urlContainerEl.querySelector(".condition-details");
+  const toggleBtnEl = urlContainerEl.querySelector(
+    ".toggle-subdomain-level-btn"
+  );
+  let level = 0;
+  typeEl.onchange = () => {
+    detailEl.value = generateConditionSuggestion(domain, subdomain, level)[
+      typeEl.value
+    ];
+  };
+  toggleBtnEl.onclick = () => {
+    const conditionSuggestion = generateConditionSuggestion(
+      domain,
+      subdomain,
+      ++level
+    );
+    detailEl.value =
+      conditionSuggestion[typeEl.value || "HostWildcardCondition"];
+  };
+  detailEl.value = generateConditionSuggestion(domain, subdomain, level)[
+    typeEl.value
+  ];
+
+  urlContainerEl.querySelector(".close-btn").onclick = () => {
+    tabulatorInstance.clearAlert();
+  };
+  urlContainerEl.querySelector(".add-temp-condition-btn").onclick = () => {
+    const mainBtnEl = urlContainerEl.querySelector('.omega-profile-select .dropdown-toggle');
+    const profileName = mainBtnEl.dataset.profile;
+    const pattern = detailEl.value;
+    tabulatorInstance.clearAlert();
+    OmegaTargetPopup.addTempRule(pattern.substring(2), profileName, 1, ()=>{
+      OmegaTargetPopup.setState('lastProfileNameForCondition', profileName, ()=>{
+        Toastify({
+          text: "Add temp condition success",
+          position: "center",
+        }).showToast();
+      })
+    })
+  };
+
+  const addConditionBtnEl = urlContainerEl.querySelector(".add-condition-btn");
+  addConditionBtnEl.onclick = ()=>{
+    const mainBtnEl = urlContainerEl.querySelector('.omega-profile-select .dropdown-toggle');
+    const profileName = mainBtnEl.dataset.profile;
+    const pattern = detailEl.value;
+    tabulatorInstance.clearAlert();
+    OmegaTargetPopup.addCondition([{
+      conditionType: 'HostWildcardCondition',
+      pattern
+    }], profileName, ()=>{
+      OmegaTargetPopup.setState('lastProfileNameForCondition', profileName, ()=>{
+        Toastify({
+          text: "Add condition success",
+          position: "center",
+        }).showToast();
+      })
+    });
+  }
+  if (!currentProfileCanAddRule) {
+    addConditionBtnEl.style.display = 'none';
+  }
+
+
+  tabulatorInstance.alert(urlContainerEl);
+};

package/pfnededegaaopdmhkdmcofjmoldfiped/3.5.0_0/popup/network/js/utils.js

@@ -0,0 +1,88 @@
+export const debounce = (callback, wait) => {
+  let timeoutId = null;
+
+  return (...args) => {
+    window.clearTimeout(timeoutId);
+
+    timeoutId = window.setTimeout(() => {
+      callback.apply(null, args);
+    }, wait);
+  };
+}
+
+export const waitTimeout = function(maxTimeout=3000){
+  return new Promise((resolve)=>{
+    setTimeout(()=>{
+      resolve()
+    }, maxTimeout) // 最多 3秒
+  })
+}
+
+export const safeTexts = (str)=> {
+  return str
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;") //&#39; 或 &apos;
+    .replace(/\//g, "&#47;");
+}
+
+export const copyToClipoard = (data, opts)=>{
+  return new Promise((resolve)=>{
+    document.addEventListener('copy', (e)=>{
+      e.preventDefault()
+      e.stopPropagation()
+      e.clipboardData.setData(opts?.type || 'text/plain', data)
+      resolve()
+    }, {once: true})
+    document.execCommand('copy')
+  })
+}
+
+export const tr = function(){
+  const args = arguments
+  if (chrome?.i18n?.getMessage){
+    return chrome.i18n.getMessage.apply(null, args)
+  }
+  return args[0] || ''
+}
+
+const orderForType = {
+  'FixedProfile': -2000,
+  'PacProfile': -1000,
+  'VirtualProfile': 1000,
+  'SwitchProfile': 2000,
+  'RuleListProfile': 3000,
+};
+
+export const compareProfile = (a, b) => {
+    var diff;
+    diff = (orderForType[a.profileType] | 0) - (orderForType[b.profileType] | 0);
+    if (diff !== 0) {
+      return diff;
+    }
+    if (a.name === b.name) {
+      return 0;
+    } else if (a.name < b.name) {
+      return -1;
+    } else {
+      return 1;
+    }
+  }
+
+
+const iconForProfileType = {
+  'DirectProfile': 'glyphicon-transfer',
+  'SystemProfile': 'glyphicon-off',
+  'AutoDetectProfile': 'glyphicon-file',
+  'FixedProfile': 'glyphicon-globe',
+  'PacProfile': 'glyphicon-file',
+  'VirtualProfile': 'glyphicon-question-sign',
+  'RuleListProfile': 'glyphicon-list',
+  'SwitchProfile': 'glyphicon-retweet',
+};
+
+export const getProfileIcon = (profile)=>{
+  return iconForProfileType[profile?.profileType || 'DirectProfile']
+}

package/pfnededegaaopdmhkdmcofjmoldfiped/3.5.0_0/popup/proxy_not_controllable.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>SwitchyOmega Popup</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <link rel="stylesheet" href="css/dialog.css">
+</head>
+<body>
+  <div class="om-dialog">
+    <p class="om-text-danger" id="js-nc-text"></p>
+    <p class="om-dialog-help" id="js-nc-details"></p>
+    <p class="om-dialog-controls">
+      <button id="js-close" class="om-btn om-btn-default"></button>
+      <button id="js-nc-learn-more" class="om-btn om-btn-link"></button>
+      <button id="js-manage-ext" class="om-btn om-btn-primary"></button>
+    </p>
+  </div>
+  <script src="../js/omega_target_popup.js"></script>
+  <script src="js/style.js"></script>
+  <script src="js/proxy_not_controllable.js"></script>
+</body>
+</html>

package/pfnededegaaopdmhkdmcofjmoldfiped/3.5.0_0/popup/temp_rules/css/base.css

@@ -0,0 +1,34 @@
+:root {
+  --base00: #fff;
+  --base01: #ededed;
+  --base02: #dddddd;
+  --base03: #cccccc;
+  --base04: #bbbbbb;
+  --base05: #2b312c;
+  --base06: #141714;
+  --base07: #090a09;
+  --base08: #a94442;
+  --base09: #2185d0;
+  --base0A: #337ab7;
+  --base0B: #449d44;
+  --base0C: #983680;
+  --base0D: #b78d12;
+  --base0E: #f2c037;
+  --base0F: #cc5595;
+  --defaultBackground: var(--base00);
+  --lighterBackground: var(--base01);
+  --selectionBackground: var(--base02);
+  --highlightBackground: var(--base03);
+  --darkForeground: var(--base04);
+  --defaultForeground: var(--base05);
+  --lightForeground: var(--base06);
+  --lightBackground: var(--base07);
+  --primaryColor: var(--base09);
+  --secondaryColor: var(--base0D);
+  --positiveColor: var(--base0B);
+  --negativeColor: var(--base08);
+  --infoColor: var(--base0A);
+  --warningColor: var(--base0E);
+  --whiteColor: #fff;
+}
+

package/pfnededegaaopdmhkdmcofjmoldfiped/3.5.0_0/popup/temp_rules/css/index.css

@@ -0,0 +1,15 @@
+* {
+  box-sizing: border-box;
+}
+
+html, body{
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.list-container{
+  width: 100%;
+  height: 100%;
+}

package/pfnededegaaopdmhkdmcofjmoldfiped/3.5.0_0/popup/temp_rules/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Temp Rules Manager</title>
+  <link rel="stylesheet" href="./css/base.css">
+  <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.min.css">
+  <link rel="stylesheet" href="../../lib/zero-dependencies/tabulator/tabulator.css">
+  <link rel="stylesheet" href="../../lib/zero-dependencies/toastify/toastify.css">
+  <link rel="stylesheet" href="./css/index.css">
+</head>
+<body>
+  <div class="list-container">
+  </div>
+  <script src="../../../lib/jquery/jquery.min.js"></script>
+  <script src="../../../lib/bootstrap/js/dropdown.js"></script>
+  <script src="../../../lib/zero-dependencies/moment/moment-with-locales.js"></script>
+  <script src="../../../lib/script.js/script.min.js"></script>
+  <script src="./js/loader.js"></script>
+</body>
+</html>