<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Form-O-Fill Options</title>
  <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
  <link rel="stylesheet" type="text/css" href="../vendor/chrome-bootstrap/chrome-bootstrap.css" />
  <!-- REMOVE START -->
  <link rel="stylesheet" type="text/css" href="../css/options.css" />
  <link rel="stylesheet" type="text/css" href="../css/help.css" />
  <link rel="stylesheet" type="text/css" href="../css/tabs.css" />
  <link rel="stylesheet" type="text/css" href="../css/logs.css" />
  <!-- REMOVE END -->
  <!-- BUILD START
  <link rel="stylesheet" type="text/css" href="../css/formofill.css" />
  BUILD END -->
</head>
<body class="chrome-bootstrap">
  <div class="frame">
    <div class="navigation">
      <h1><a href="https://github.com/form-o-fill/form-o-fill-chrome-extension" target="_blank">Form-O-Fill</a></h1>
      <ul class="menu">
        <li class="selected">
          <a href="#ruleeditor">Rule Editor</a>
        </li>
        <li>
          <a href="#help">Help</a>
        </li>
        <li>
          <a href="#about">About</a>
        </li>
        <!-- REMOVE START -->
        <li>
          <a href="#logs">Logs</a>
        </li>
        <!-- REMOVE END -->
      </ul>
    </div>
    <div class="mainview view">

      <div id="ruleeditor" class="selected">
        <header>
          <h1>Rule Editor</h1>
        </header>
        <div class="content">
          <div class="editor">
            
            <!-- I18n needed -->
            <div id="notices">
              <div class="notice var-needed">
                Please start your rules with <span class="code">rules = [</span> and end it with <span class="code">];</span>.
                <a href="#" class="cmd-fix-var-needed">Fix it!</a>
              </div>
              <div class="notice annotations-present">
                There are syntax errors present (check the gutter annotations in the editor).
              </div>
              <div class="notice extracted-present">
                There is an extracted form present, press the "<a href="#" class="cmd-append-extracted">Append extracted rule</a>" button below to append the rule at the bottom of your rule definition.
              </div>
              <div class="notice form-fill-errors">
                There have been errors while filling the form. The rule used was '<span class="rule-name"></span>' (url: '<span class="rule-url"></span>')
                <table>
                  <tr>
                    <th>selector</th>
                    <th>value</th>
                    <th>error</th>
                  </tr>
                </table>
              </div>
            </div>

            <div class="tabcontainer">
              <ul class="tabs">
                <li class="tab"><input type="text" value="" disabled /><a href="#" class="cmd-tabs-open"></a></li>
              </ul>
            </div>

            <div class="menu">
              <button class='save'>Save rules</button>
              <button class='reload'>Reload saved rules</button>
              <button class='format'>Format Rules</button>
              <button class='append-extracted' disabled>Append extracted rule</button>
              <span class='info'></span>
            </div>
            <div id="ruleeditor-ace"></div>
          </div>
        </div>
      </div>

      <!-- loaded per language -->
      <div id="help"></div>
      <div id="about"></div>
      <div id="logs"></div>
    </div>
  </div>
  <!-- REMOVE START -->
  <script src="../js/debug/logger.js"></script>
  <script src="../js/global/jsonf.js"></script><commit_msg>add export and import button<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Form-O-Fill Options</title>
  <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
  <link rel="stylesheet" type="text/css" href="../vendor/chrome-bootstrap/chrome-bootstrap.css" />
  <!-- REMOVE START -->
  <link rel="stylesheet" type="text/css" href="../css/options.css" />
  <link rel="stylesheet" type="text/css" href="../css/help.css" />
  <link rel="stylesheet" type="text/css" href="../css/tabs.css" />
  <link rel="stylesheet" type="text/css" href="../css/logs.css" />
  <!-- REMOVE END -->
  <!-- BUILD START
  <link rel="stylesheet" type="text/css" href="../css/formofill.css" />
  BUILD END -->
</head>
<body class="chrome-bootstrap">
  <div class="frame">
    <div class="navigation">
      <h1><a href="https://github.com/form-o-fill/form-o-fill-chrome-extension" target="_blank">Form-O-Fill</a></h1>
      <ul class="menu">
        <li class="selected">
          <a href="#ruleeditor">Rule Editor</a>
        </li>
        <li>
          <a href="#help">Help</a>
        </li>
        <li>
          <a href="#about">About</a>
        </li>
        <!-- REMOVE START -->
        <li>
          <a href="#logs">Logs</a>
        </li>
        <!-- REMOVE END -->
      </ul>
    </div>
    <div class="mainview view">

      <div id="ruleeditor" class="selected">
        <header>
          <h1>Rule Editor</h1>
        </header>
        <div class="content">
          <div class="editor">
            
            <!-- I18n needed -->
            <div id="notices">
              <div class="notice var-needed">
                Please start your rules with <span class="code">rules = [</span> and end it with <span class="code">];</span>.
                <a href="#" class="cmd-fix-var-needed">Fix it!</a>
              </div>
              <div class="notice annotations-present">
                There are syntax errors present (check the gutter annotations in the editor).
              </div>
              <div class="notice extracted-present">
                There is an extracted form present, click <a href="#" class="cmd-append-extracted">here</a> to append the rule at the bottom of your current rules.
              </div>
              <div class="notice form-fill-errors">
                There have been errors while filling the form. The rule used was '<span class="rule-name"></span>' (url: '<span class="rule-url"></span>')
                <table>
                  <tr>
                    <th>selector</th>
                    <th>value</th>
                    <th>error</th>
                  </tr>
                </table>
              </div>
            </div>

            <div class="tabcontainer">
              <ul class="tabs">
                <li class="tab"><input type="text" value="" disabled /><a href="#" class="cmd-tabs-open"></a></li>
              </ul>
            </div>

            <div class="menu">
              <button class='save'>Save</button>
              <button class='reload'>Reload</button>
              <button class='format'>Format</button>
              <button class='export'>Export</button>
              <button class='import'>Import</button>
              <span class='info'></span>
            </div>
            <div id="ruleeditor-ace"></div>
          </div>
        </div>
      </div>

      <!-- loaded per language -->
      <div id="help"></div>
      <div id="about"></div>
      <div id="logs"></div>
    </div>
  </div>
  <!-- REMOVE START -->
  <script src="../js/debug/logger.js"></script>
  <script src="../js/global/jsonf.js"></script>
{'fraction_non_alphanumeric': 0.18746616134271793, 'fraction_numerical': 0.0018949648077964266, 'mean_word_length': 1.8408304498269896, 'pattern_counts': {'":': 0, '<': 257, '<?xml version=': 0, '>': 257, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6680124', 'n_tokens_mistral': 2194, 'n_tokens_neox': 2127, 'n_words': 495}