Lots of changes. Add JavaScript tests for the comment_form.js module.

.babelrc

@@ -1,3 +1,12 @@
 {
-     "presets": ["@babel/preset-env", "@babel/preset-react"]
-}
+    "presets": ["@babel/preset-env"],
+    "plugins": [
+        ["@babel/plugin-transform-runtime"]
+    ],
+
+    "env": {
+        "test": {
+          "plugins": ["transform-es2015-modules-commonjs"]
+        }
+    }
+}

.editorconfig

@@ -0,0 +1,39 @@
+# https://editorconfig.org/
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
+charset = utf-8
+
+# Docstrings and comments use max_line_length = 79
+[*.py]
+max_line_length = 80
+
+# Use 2 spaces for the HTML files
+[*.html]
+indent_size = 2
+
+# The JSON files contain newlines inconsistently
+[*.json]
+indent_size = 2
+insert_final_newline = ignore
+
+# Minified JavaScript files shouldn't be changed
+[**.min.js]
+indent_style = ignore
+insert_final_newline = ignore
+
+# Makefiles always use tabs for indentation
+[Makefile]
+indent_style = tab
+
+[docs/**.rst]
+max_line_length = 79
+
+[*.yml]
+indent_size = 2

.eslintignore

@@ -0,0 +1,10 @@
+**/*.min.js
+django_comments_xtd/static/django_comments_xtd/dist/*
+docs/_build/**/*.js
+node_modules/**.js
+js_tests/**/*.js
+venv/**/*.js
+demos/project-stories/psenv/**/*.js
+webpack.config.js
+**/webpack.config.js
+Gruntfile.js

.eslintrc

@@ -0,0 +1,41 @@
+{
+    "parserOptions": {
+        "sourceType": "module",
+        "ecmaVersion": 8
+    },
+    "rules": {
+        "camelcase": ["off", {"properties": "always"}],
+        "comma-spacing": ["error", {"before": false, "after": true}],
+        "curly": ["error", "all"],
+        "dot-notation": ["error", {"allowKeywords": true}],
+        "eqeqeq": ["error"],
+        "indent": ["error", 4],
+        "key-spacing": ["error", {"beforeColon": false, "afterColon": true}],
+        "linebreak-style": ["error", "unix"],
+        "new-cap": ["off", {"newIsCap": true, "capIsNew": true}],
+        "no-alert": ["off"],
+        "no-eval": ["error"],
+        "no-extend-native": ["error", {"exceptions": ["Date", "String"]}],
+        "no-multi-spaces": ["error"],
+        "no-octal-escape": ["error"],
+        "no-script-url": ["error"],
+        "no-shadow": ["error", {"hoist": "functions"}],
+        "no-underscore-dangle": ["error"],
+        "no-unused-vars": ["error", {"vars": "local", "args": "none"}],
+        "no-var": ["error"],
+        "prefer-const": ["error"],
+        "quotes": ["off", "single"],
+        "semi": ["error", "always"],
+        "space-before-blocks": ["error", "always"],
+        "space-before-function-paren": ["error", {"anonymous": "never", "named": "never"}],
+        "space-infix-ops": ["error", {"int32Hint": false}],
+        "strict": ["error", "global"]
+    },
+    "env": {
+        "browser": true,
+        "es6": true
+    },
+    "globals": {
+        "django": false
+    }
+}

demo/project/users/static/users/js/index.js

@@ -6,16 +6,16 @@ let email_form = null;
 let pdata_form = null;
 
 window.addEventListener("DOMContentLoaded", (_) => {
-  if (document.getElementById("email_form")) {
-    email_form = new EmailForm('/user/account/edit/email',
-                               'email_form', 'email_form_msg');
-  }
+    if (document.getElementById("email_form")) {
+        email_form = new EmailForm('/user/account/edit/email',
+            'email_form', 'email_form_msg');
+    }
 
-  if (document.getElementById("pdata_form")) {
-    pdata_form = new PersonalDataForm('/user/account/edit/pdata',
-                                      'pdata_form', 'pdata_form_msg');
-  }
+    if (document.getElementById("pdata_form")) {
+        pdata_form = new PersonalDataForm('/user/account/edit/pdata',
+            'pdata_form', 'pdata_form_msg');
+    }
 });
 
 window.submit_email_form = () => email_form ? email_form.post() : false;
-window.submit_pdata_form = () => pdata_form ? pdata_form.post() : false;
+window.submit_pdata_form = () => pdata_form ? pdata_form.post() : false;

demos/project-stories/project_stories/templates/comments/comment.html

@@ -33,13 +33,13 @@
         {% endif %}
         {% if comment_reactions_enabled and is_input_allowed %}
           <div>
-            <a data-type="reactions-panel" data-comment="{{ comment.id }}" class="small" data-user-auth="{{ user.is_authenticated }}" href="{% url 'comments-xtd-react' comment.id %}?{{ cpage_qs_param }}={{ page_obj.number }}" {% if not user.is_authenticated %}data-login-next="{% get_xtdcomment_permalink comment page_number %}{% endif %}">{% trans "React" %}</a>
+            <a data-dcx="reactions-panel" data-comment="{{ comment.id }}" class="small" data-user-auth="{{ user.is_authenticated }}" href="{% url 'comments-xtd-react' comment.id %}?{{ cpage_qs_param }}={{ page_obj.number }}" {% if not user.is_authenticated %}data-login-next="{% get_xtdcomment_permalink comment page_number %}{% endif %}">{% trans "React" %}</a>
           </div>
         {% endif %}
       {% endif %}
       {% if comment.level == 0 and comment.nested_count and not comment.is_removed %}
         <div>
-          <span id="comment-{{ comment.id}}-replies" data-type="nreplies" data-comment="{{ comment.id }}" class="small">{% blocktrans count replies=comment.nested_count%}One reply{% plural %}{{ replies }} replies{% endblocktrans %}</span>
+          <span id="comment-{{ comment.id}}-replies" data-dcx="nreplies" data-comment="{{ comment.id }}" class="small">{% blocktrans count replies=comment.nested_count%}One reply{% plural %}{{ replies }} replies{% endblocktrans %}</span>
         </div>
       {% endif %}
     </div>

demos/project-stories/project_stories/templates/comments/preview.html

@@ -35,7 +35,7 @@ <h6 class="text-center pb24">
                 <div class="footer"></div>
               </div>
             </div>
-            <div class="not-reply-box l0"></div>
+            <div class="not-reply-box-img l0"></div>
           {% else %}
             {% with parent=form.reply_to.value|get_comment %}
               <div class="comment-box-img l0-ini">

demos/project-stories/project_stories/templates/stories/story_detail.html

@@ -58,10 +58,9 @@ <h4 class="text-center">{% trans "New comments are not allowed." %}</h4>
 
 {% block extra_js %}
 <script>
- window.comments_api_props = {% get_comments_api_props for object %};
+    window.dcx = {}
 </script>
-<script type="module" src="{% static 'django_comments_xtd/js/comments.js' %}"></script>
-<script type="module" src="{% static 'django_comments_xtd/js/reactions.js' %}"></script>
+<script src="{% static 'django_comments_xtd/dist/dcx-3.0.0.js' %}"></script>
 <div style="display: none">
   {% render_comment_reply_template for object %}
 </div>