npmpackage.info

Gathering detailed insights and metrics for gulp-diffable-html

gulp-diffable-html - 3.2.0 | npmpackage.info

gulp-diffable-html

🍺 Gulp plugins

3.2.0

MIT

TypeScript

10.46 kB

4.3

Installations

npm install gulp-diffable-html

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>=18.18.0

Node Version

22.14.0

NPM Version

10.9.2 Pull Requests

Open

0

Total

129

Closed

14

Merged

115

Issues

Open

1

Total

3

Closed

2

Releases

@ntnyq/gulp-prettyhtml@3.2.0

Updated on Mar 08, 2025

gulp-format-html@3.2.0

Updated on Mar 08, 2025

gulp-diffable-html@3.2.0

Updated on Mar 08, 2025

gulp-banner-footer@1.2.0

Updated on Mar 08, 2025

@ntnyq/gulp-prettyhtml@3.1.0

Updated on Mar 08, 2025

gulp-banner-footer@1.1.0

Updated on Mar 08, 2025

View All 40 releases

Languages

TypeScript

HTML

JavaScript

TypeScript (93.73%)

HTML (5.11%)

JavaScript (1.16%)

Developer

ntnyq

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

5 Stars

199 Commits

2 Branches

1 Contributors

Updated on Jul 11, 2025

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

3.2.0

Package Id

gulp-diffable-html@3.2.0

Unpacked Size

10.46 kB

Size

3.73 kB

File Count

NPM Version

10.9.2

Node Version

22.14.0

Published on

Mar 08, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@ntnyq/logger @types/through2 diffable-html plugin-error through2

gulp-diffable-html

:beer: gulp plugin formatting html via diffable-html

Install

1npm install gulp-diffable-html -D

1yarn add gulp-diffable-html -D

1pnpm add gulp-diffable-html -D

Setup

1const gulp = require('gulp')
2const diffableHTML = require('gulp-diffable-html')
3// or
4// const { diffableHTML } = require(`gulp-diffable-html`)
5
6function views() {
7  return gulp
8    .src('views/**/*.html')
9    .pipe(diffableHTML())
10    .pipe(gulp.dest('dist'))
11}
12
13exports.dev = gulp.series(views)

1import gulp from 'gulp'
2import diffableHTML from 'gulp-diffable-html'
3// or
4// import { diffableHTML } from 'gulp-diffable-html'
5
6function views() {
7  return gulp
8    .src('views/**/*.html')
9    .pipe(diffableHTML())
10    .pipe(gulp.dest('dist'))
11}
12
13export const dev = gulp.series(views)

Features

zero-config
indenting every level with 2 spaces
align attributes
put every opening and closing tag on its own line
trimming text nodes

Example

Input:

1<!DOCTYPE html><!--[if IE 9]>.... some HTML here ....<![endif]--><html lang="en"><head><meta charset="UTF-8"><title>gulp-diffable-html</title></head><body><header><h1><span>I am h1 in header</span></h1></header><main><p><!----><span></span><b>b</b><strong>strong</strong><em>&copy;</em><!-- This comment should be removed --></p></main><footer><p><a href="https://github.com/ntnyq/gulp-diffable-html" target="_blank" rel="noopener" >gulp-diffable-html</a></p></footer></body></html>

Output:

1<!DOCTYPE html>
2<!--[if IE 9]>.... some HTML here ....<![endif]-->
3<html lang="en">
4  <head>
5    <meta charset="UTF-8" />
6    <title>
7      gulp-diffable-html
8    </title>
9  </head>
10  <body>
11    <header>
12      <h1>
13        <span>
14          I am h1 in header
15        </span>
16      </h1>
17    </header>
18    <main>
19      <p>
20        <span> </span>
21        <b>
22          b
23        </b>
24        <strong>
25          strong
26        </strong>
27        <em>
28          &copy;
29        </em>
30      </p>
31    </main>
32    <footer>
33      <p>
34        <a
35          href="https://github.com/ntnyq/gulp-diffable-html"
36          target="_blank"
37          rel="noopener"
38        >
39          gulp-diffable-html
40        </a>
41      </p>
42    </footer>
43  </body>
44</html>

Options

gulp-diffable-html is based on diffable-html.

sortAttributes

type function
default (names) => names

Customize the order of attributes on HTML tag.

verbose

type boolean
default false

Display name of file from stream that is being formatting

License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

9

Maintained

Determines if the project is "actively maintained".

6

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/autofix.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/autofix.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/autofix.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/autofix.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/autofix.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/autofix.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/autofix.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/autofix.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/ci.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/ci.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/ntnyq/gulp-plugins/release.yml/main?enable=pin
Info: 0 out of 8 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 6 third-party GitHubAction dependencies pinned

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

4.3

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More