Gulp-code-sine NPM

gulp-code-sine

Gulp plugin to sine your code

See the output section of this document for an example of plugin functionality. This plugin doesn't have a well defined purpose. I suppose it could be used as an easter egg for project production files.

Install

npm i --save-dev gulp-code-sine

Usage

var gulp = require('gulp');
var gulpCodeSine = require('gulp-code-sine');

gulp.task('default', function () {
    return gulp.src('src/**/*.html')
        .pipe(gulpCodeSine())
        .pipe(gulp.dest('dist'));
});

using with options

gulp.task('default', function () {
    return gulp.src('src/**/*.html')
        .pipe(gulpCodeSine({
            amplitude: 5,
            period: 10
        }))
        .pipe(gulp.dest('dist'));
});

Output

Before

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
	<p>Hello World</p>
</body>
</html>

After

<!DOCTYPE html>
 <html lang="en">
   <head>
      <meta charset="UTF-8">
          <title>Document</title>
              </head>
                 <body>
                   <p>Hello World</p>
                    <p>Hello World</p>
                   <p>Hello World</p>
                 <p>Hello World</p>
              <p>Hello World</p>
          <p>Hello World</p>
      <p>Hello World</p>
   <p>Hello World</p>
 <p>Hello World</p>
<p>Hello World</p>
 <p>Hello World</p>
   <p>Hello World</p>
      <p>Hello World</p>
          <p>Hello World</p>
              <p>Hello World</p>
                 <p>Hello World</p>
                   <p>Hello World</p>
                    <p>Hello World</p>
                   <p>Hello World</p>
                 <p>Hello World</p>
              </body>
          </html>