Table of content (#199)

* Create nodemon.json

* Add table of content

* update view

* remove logs

* update tags var

* update layout

* Revert "update layout"

This reverts commit 18aad62257.

* update layout

* Update layout.pcss

* update from master

* Update sidebar.twig

* remove non valued changes

* Update table-of-content.js

* Update table-of-content.pcss

* Update table-of-content.pcss

* Update layout.pcss

* Update table-of-content.js

* remove unused styles

* not module

* rename var

* remove log

* update structure

* Update table-of-content.js

* Update table-of-content.js

* Update layout.pcss

* Update table-of-content.js

* try not to use intersection observer

* Update table-of-content.js

* fix scroll padding

* fix header component layout

* update logic

* fix click area

* Update table-of-content.js

* Update table-of-content.js

* small fixes

* remove unused

* Update table-of-content.js

* Update decorators.js

* Update table-of-content.js

* Update table-of-content.js

* Update table-of-content.js

* Update table-of-content.js

* Update table-of-content.js

* fix scroll issues, resolve eslit ts/js conflicts

* add some todos

* handle up-direction scroll as well

* optimization

* update offsets

* Update header.pcss

Co-authored-by: Peter Savchenko <specc.dev@gmail.com>

src/backend/.eslintrc

@@ -0,0 +1,23 @@
+{
+  "extends": [
+    "codex/ts"
+  ],
+  "plugins": [
+    "chai-friendly"
+  ],
+  "env": {
+    "mocha": true
+  },
+  "rules": {
+    "no-unused-expressions": 1,
+    "chai-friendly/no-unused-expressions": 2,
+    "@typescript-eslint/ban-types": 1,
+    "@typescript-eslint/no-magic-numbers": 0,
+    "@typescript-eslint/no-explicit-any": 1
+  },
+  "parser": "@typescript-eslint/parser",
+  "globals": {
+    "fetch": true,
+    "alert": true
+  }
+}

src/backend/views/layout.twig

@@ -27,9 +27,7 @@
           {% block body %}{% endblock %}
         </div>
 
-        <aside class="docs__aside-right">
-          <div style="width: 100%; height: 100px; background: grey"/>
-        </aside>
+        <aside class="docs__aside-right" id="layout-sidebar-right"></aside>
       </div>
     </div>
     <script src="/dist/main.bundle.js"></script>

src/backend/views/pages/blocks/header.twig

@@ -1,5 +1,4 @@
-<a name="{{ text | urlify  }}" style="display: inline-block; position: absolute; margin-top: -20px;"></a>
-<h{{ level }} class="block-header block-header--{{ level }} block-header--anchor">
+<h{{ level }} id="{{ text | urlify  }}" class="block-header block-header--{{ level }} block-header--anchor">
   <a href="#{{ text | urlify  }}">
     {{ text }}
   </a>