<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf8">
    <title>Codemirror: Messageformat</title>
    <link rel="stylesheet" href="node_modules/codemirror/lib/codemirror.css">
    <script src="node_modules/codemirror/lib/codemirror.js"></script>
    <script src="node_modules/codemirror/addon/fold/foldcode.js"></script>
    <script src="node_modules/codemirror/addon/fold/foldgutter.js"></script>
    <script src="node_modules/codemirror/addon/fold/brace-fold.js"></script>
    <script src="node_modules/codemirror/addon/lint/lint.js"></script>
    <script src="messageformat-mode.js"></script>
    <script src="forgiving-messageformat-parser.js"></script>
    <script src="messageformat-lint.js"></script>
    <link rel="stylesheet" href="node_modules/codemirror/addon/fold/foldgutter.css">
    <link rel="stylesheet" href="node_modules/codemirror/addon/lint/lint.css">
    <style type="text/css" media="screen">
      html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }
      .container {
        max-width: 50em;
        margin: auto;
      }
      .CodeMirror {
        height: auto;
        font-size: 1.2em;
        line-height: 1.4;
        border: 1px solid #ddd;
        border-radius: 10px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Messageformat editor</h1>

      <textarea id="editor">The syntax highlighter is able to handle plain strings,
escaped characters \{ \# \u1234,
wrongly escaped characters \u12z1 \u123 \ } and it recovers from errors.

An interpolated {VAR} variable<commit_msg>demo page: added link to github project<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf8">
    <title>Codemirror: Messageformat</title>
    <link rel="stylesheet" href="node_modules/codemirror/lib/codemirror.css">
    <script src="node_modules/codemirror/lib/codemirror.js"></script>
    <script src="node_modules/codemirror/addon/fold/foldcode.js"></script>
    <script src="node_modules/codemirror/addon/fold/foldgutter.js"></script>
    <script src="node_modules/codemirror/addon/fold/brace-fold.js"></script>
    <script src="node_modules/codemirror/addon/lint/lint.js"></script>
    <script src="messageformat-mode.js"></script>
    <script src="forgiving-messageformat-parser.js"></script>
    <script src="messageformat-lint.js"></script>
    <link rel="stylesheet" href="node_modules/codemirror/addon/fold/foldgutter.css">
    <link rel="stylesheet" href="node_modules/codemirror/addon/lint/lint.css">
    <style type="text/css" media="screen">
      html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }
      .container {
        max-width: 50em;
        margin: auto;
      }
      .CodeMirror {
        height: auto;
        font-size: 1.2em;
        line-height: 1.4;
        border: 1px solid #ddd;
        border-radius: 10px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Messageformat editor</h1>

      <p>
        <a href="https://github.com/vogelsgesang/messageformat.codemirror">Github project</a>
      </p>

      <textarea id="editor">The syntax highlighter is able to handle plain strings,
escaped characters \{ \# \u1234,
wrongly escaped characters \u12z1 \u123 \ } and it recovers from errors.

An interpolated {VAR} variable
{'fraction_non_alphanumeric': 0.15041371158392436, 'fraction_numerical': 0.01773049645390071, 'mean_word_length': 3.123020706455542, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, 'https://': 1, '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': '1483184', 'n_tokens_mistral': 1200, 'n_tokens_neox': 1129, 'n_words': 208}