diff2html - npm Package Compare versions

Comparing version 3.4.21 to 3.4.22

lib-esm/ui/js/diff2html-ui-base.d.ts

@@ -12,2 +12,3 @@ import { Diff2HtmlConfig } from '../../diff2html';
     fileContentToggle?: boolean;
+    stickyFileHeaders?: boolean;
 }
@@ -22,2 +23,3 @@ export declare const defaultDiff2HtmlUIConfig: {
     fileContentToggle: boolean;
+    stickyFileHeaders: boolean;
     outputFormat: import("../../types").OutputFormatType;
@@ -45,2 +47,3 @@ drawFileList: boolean;
     highlightCode(): void;
+    stickyFileHeaders(): void;
     smartSelection(): void;
@@ -47,0 +50,0 @@ private getHashTag;

lib-esm/ui/js/diff2html-ui-base.js

@@ -14,3 +14,3 @@ var __assign = (this && this.__assign) || function () {
 import { html, defaultDiff2HtmlConfig } from '../../diff2html';
-export var defaultDiff2HtmlUIConfig = __assign(__assign({}, defaultDiff2HtmlConfig), { synchronisedScroll: true, highlight: true, fileListToggle: true, fileListStartVisible: false, highlightLanguages: new Map(), smartSelection: true, fileContentToggle: true });
+export var defaultDiff2HtmlUIConfig = __assign(__assign({}, defaultDiff2HtmlConfig), { synchronisedScroll: true, highlight: true, fileListToggle: true, fileListStartVisible: false, highlightLanguages: new Map(), smartSelection: true, fileContentToggle: true, stickyFileHeaders: true });
 var Diff2HtmlUI = (function () {
@@ -37,2 +37,4 @@ function Diff2HtmlUI(target, diffInput, config, hljs) {
             this.fileContentToggle();
+        if (this.config.stickyFileHeaders)
+            this.stickyFileHeaders();
     };
@@ -119,2 +121,5 @@ Diff2HtmlUI.prototype.synchronisedScroll = function () {
             var language = file.getAttribute('data-lang');
+            if (!(_this.config.highlightLanguages instanceof Map)) {
+                _this.config.highlightLanguages = new Map(Object.entries(_this.config.highlightLanguages));
+            }
             var hljsLanguage = language && _this.config.highlightLanguages.has(language)
@@ -152,2 +157,7 @@ ?
     };
+    Diff2HtmlUI.prototype.stickyFileHeaders = function () {
+        this.targetElement.querySelectorAll('.d2h-file-header').forEach(function (header) {
+            header.classList.add('d2h-sticky-header');
+        });
+    };
     Diff2HtmlUI.prototype.smartSelection = function () {
@@ -154,0 +164,0 @@ console.warn('Smart selection is now enabled by default with CSS. No need to call this method anymore.');

lib/ui/js/diff2html-ui-base.d.ts

@@ -12,2 +12,3 @@ import { Diff2HtmlConfig } from '../../diff2html';
     fileContentToggle?: boolean;
+    stickyFileHeaders?: boolean;
 }
@@ -22,2 +23,3 @@ export declare const defaultDiff2HtmlUIConfig: {
     fileContentToggle: boolean;
+    stickyFileHeaders: boolean;
     outputFormat: import("../../types").OutputFormatType;
@@ -45,2 +47,3 @@ drawFileList: boolean;
     highlightCode(): void;
+    stickyFileHeaders(): void;
     smartSelection(): void;
@@ -47,0 +50,0 @@ private getHashTag;

lib/ui/js/diff2html-ui-base.js

@@ -17,3 +17,3 @@ "use strict";
 var diff2html_1 = require("../../diff2html");
-exports.defaultDiff2HtmlUIConfig = __assign(__assign({}, diff2html_1.defaultDiff2HtmlConfig), { synchronisedScroll: true, highlight: true, fileListToggle: true, fileListStartVisible: false, highlightLanguages: new Map(), smartSelection: true, fileContentToggle: true });
+exports.defaultDiff2HtmlUIConfig = __assign(__assign({}, diff2html_1.defaultDiff2HtmlConfig), { synchronisedScroll: true, highlight: true, fileListToggle: true, fileListStartVisible: false, highlightLanguages: new Map(), smartSelection: true, fileContentToggle: true, stickyFileHeaders: true });
 var Diff2HtmlUI = (function () {
@@ -40,2 +40,4 @@ function Diff2HtmlUI(target, diffInput, config, hljs) {
             this.fileContentToggle();
+        if (this.config.stickyFileHeaders)
+            this.stickyFileHeaders();
     };
@@ -122,2 +124,5 @@ Diff2HtmlUI.prototype.synchronisedScroll = function () {
             var language = file.getAttribute('data-lang');
+            if (!(_this.config.highlightLanguages instanceof Map)) {
+                _this.config.highlightLanguages = new Map(Object.entries(_this.config.highlightLanguages));
+            }
             var hljsLanguage = language && _this.config.highlightLanguages.has(language)
@@ -155,2 +160,7 @@ ?
     };
+    Diff2HtmlUI.prototype.stickyFileHeaders = function () {
+        this.targetElement.querySelectorAll('.d2h-file-header').forEach(function (header) {
+            header.classList.add('d2h-sticky-header');
+        });
+    };
     Diff2HtmlUI.prototype.smartSelection = function () {
@@ -157,0 +167,0 @@ console.warn('Smart selection is now enabled by default with CSS. No need to call this method anymore.');

package.json

 {
   "name": "diff2html",
-  "version": "3.4.21",
+  "version": "3.4.22",
   "homepage": "https://diff2html.xyz",
@@ -5,0 +5,0 @@ "description": "Fast Diff to colorized HTML",

README.md

@@ -159,2 +159,3 @@ # diff2html
 highlightCode(): void
+stickyFileHeaders(): void
 ```
@@ -169,2 +170,3 @@
 - `fileContentToggle`: allow each file contents to be toggled: `true` or `false`, default is `true`
+- `stickyFileHeaders`: make file headers sticky: `true` or `false`, default is `true`
 - [All the options](#diff2html-configuration) from Diff2Html are also valid configurations in Diff2HtmlUI
@@ -171,0 +173,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1916778

increased by0.18%

Lines of code

5341

increased by0.53%

Number of lines in readme file

600

increased by0.33%

No dependency changes