Added line numbers

CHANGELOG.md

@@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.5] - 2020-05-18
+### Added
+- Support for other S3-compatible storage endpoint.
+- Line number when showing text files.
+
+### Fixed
+- S3 driver file streaming not working properly.
+
 ## [3.1.4] - 2020-04-13
 ### Changed
 - Now the migrate command resync the system quota for each user.

Gruntfile.js

@@ -94,6 +94,11 @@ module.exports = function (grunt) {
                         cwd: 'node_modules/highlightjs',
                         src: ['styles/**/*', 'highlight.pack.min.js'],
                         dest: 'static/highlightjs'
+                    },                    {
+                        expand: true,
+                        cwd: 'node_modules/highlightjs-line-numbers.js/dist',
+                        src: ['highlightjs-line-numbers.min.js'],
+                        dest: 'static/highlightjs'
                     },
                     {
                         expand: true,

docs/changelog.md

@@ -8,6 +8,14 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.5] - WIP
+### Added
+- Support for other S3-compatible storage endpoint.
+- Line number when showing text files.
+
+### Fixed
+- S3 driver file streaming not working properly.
+
 ## [3.1.4] - 2020-04-13
 ### Changed
 - Now the migrate command resync the system quota for each user.

docs/sponsor.md

@@ -20,3 +20,4 @@ All those who make the recurring donations, the names or logos will be inserted
 ## Sponsors
 
 + [@philw95](https://github.com/philw95)
++ [@iamernie](https://github.com/iamernie)

package-lock.json

@@ -867,6 +867,11 @@
       "resolved": "https://registry.npmjs.org/highlightjs/-/highlightjs-9.16.2.tgz",
       "integrity": "sha512-FK1vmMj8BbEipEy8DLIvp71t5UsC7n2D6En/UfM/91PCwmOpj6f2iu0Y0coRC62KSRHHC+dquM2xMULV/X7NFg=="
     },
+    "highlightjs-line-numbers.js": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/highlightjs-line-numbers.js/-/highlightjs-line-numbers.js-2.7.0.tgz",
+      "integrity": "sha512-2kgZkfGy3TB6rF1o1XJtUThDyraLAFd6iiAIE1MEH89om8VwyHsal6BBnIOP2yOuq2TCuuGd0YD6aGHa6iq3/g=="
+    },
     "hooker": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/hooker/-/hooker-0.2.3.tgz",

package.json

@@ -6,6 +6,7 @@
     "clipboard": "^2.0.6",
     "dropzone": "^5.7.0",
     "highlightjs": "^9.16.2",
+    "highlightjs-line-numbers.js": "^2.7.0",
     "jquery": "^3.5.0",
     "plyr": "^3.5.10",
     "popper.js": "^1.16.1",

resources/templates/base.twig

@@ -47,12 +47,18 @@
 <script src="{{ asset('/static/jquery/jquery.min.js') }}"></script>
 <script src="{{ asset('/static/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
 <script src="{{ asset('/static/highlightjs/highlight.pack.min.js') }}"></script>
+<script src="{{ asset('/static/highlightjs/highlightjs-line-numbers.min.js') }}"></script>
 <script src="{{ asset('/static/clipboardjs/clipboard.min.js') }}"></script>
 <script src="{{ asset('/static/plyr/plyr.min.js') }}"></script>
 <script src="{{ asset('/static/dropzone/dropzone.min.js') }}"></script>
 <script src="{{ asset('/static/bootstrap/js/bootstrap4-toggle.min.js') }}"></script>
 <script src="{{ asset('/static/app/app.js') }}"></script>
-<script>hljs.initHighlightingOnLoad();</script>
+<script>
+    hljs.initHighlightingOnLoad();
+    hljs.initLineNumbersOnLoad({
+        singleLine: true
+    });
+</script>
 {% block js %}{% endblock %}
 </body>
 </html>

src/css/app.css

@@ -205,3 +205,22 @@ body {
 .tag-add {
     overflow: hidden;
 }
+
+.hljs-ln-numbers {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+    text-align: center;
+    color: #7d7d7d;
+    border-right: 1px solid #4b4b4b;
+    vertical-align: top;
+    padding-right: 5px !important;
+}
+
+.hljs-ln-code {
+    padding-left: 5px !important;
+}