-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix application of the hide marker in the README by evaldown.
The hide marker is ignored with --inplace because, were it to attempt to hide in place, that would result in removing source content of the very document being degenrated. Sidestep this by placing a copy of the README into a docs folder and have the repository level document generated from that. Note that as of this commit changes to README should be placed into the docs folder and these will be folded in at package version time.
- Loading branch information
1 parent
c0aa66d
commit ac4fb38
Showing
2 changed files
with
168 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,167 @@ | ||
# Impro | ||
|
||
An image processing engine integrating multiple conversion libraries. | ||
|
||
[![NPM version](https://badge.fury.io/js/impro.svg)](http://badge.fury.io/js/impro) | ||
[![Build Status](https://github.com/papandreou/impro/workflows/tests/badge.svg)](https://github.com/papandreou/impro/actions) | ||
[![Coverage Status](https://coveralls.io/repos/papandreou/impro/badge.svg)](https://coveralls.io/r/papandreou/impro) | ||
|
||
Impro allows specifying the operations to apply to images and will | ||
select the correct conversion library to perform the job itself. | ||
|
||
This library supports and is tested against node version **14** and above and | ||
includes support for the following image conversion tools: | ||
|
||
<!-- evaldown hide:true,console:true --> | ||
|
||
```js | ||
const pkg = require('../package.json'); | ||
|
||
const engineLibs = Object.keys(require('../src/engines')).filter( | ||
(name) => name !== 'metadata' | ||
); | ||
|
||
const engineNameToDepName = { | ||
gm: 'gm-papandreou', | ||
}; | ||
|
||
for (const engineLib of engineLibs) { | ||
const depName = engineNameToDepName[engineLib] || engineLib; | ||
let depVersion = pkg.devDependencies[depName]; | ||
if (!/^[~^]/.test(depVersion)) depVersion = `^${depVersion}`; | ||
console.log(`- ${engineLib} (npm install ${depName}@${depVersion})`); | ||
} | ||
``` | ||
|
||
<!-- evaldown output:true --> | ||
|
||
``` | ||
- gifsicle (npm install gifsicle@^5.3.0) | ||
- gm (npm install gm-papandreou@^1.23.0-patch1) | ||
- inkscape (npm install inkscape@^3.0.0) | ||
- jpegtran (npm install jpegtran@^2.0.0) | ||
- optipng (npm install optipng@^4.0.0) | ||
- pngcrush (npm install pngcrush@^3.0.0) | ||
- pngquant (npm install pngquant@^4.0.0) | ||
- sharp (npm install sharp@~0.32.0) | ||
- svgfilter (npm install svgfilter@^4.1.0) | ||
``` | ||
|
||
> callers must install the libraries and if present they will be enabled | ||
## Introduction | ||
|
||
Impro is desgined so that users can express what they want to do to an image | ||
of a given type rather than how to do it. Given a series of tranformations, | ||
the library will select one or more libraries to use to turn the input image | ||
into the desired output and processing is done while fully streaming data. | ||
|
||
## Background | ||
|
||
Image processing has typically involved command line tools which are often | ||
supplied a set of command line arguments that act as a series of instructions | ||
for the properties of the image being output and any series of transformations | ||
to apply. Each of these options is modelled as an "operation". | ||
|
||
### Operations | ||
|
||
An operation is a named constraint (property or transformation) that an | ||
_output image_ must conform to after it is applied. | ||
|
||
### Engines | ||
|
||
An engine is a representation a particular image library that supports a | ||
certain set of operations on images of certain types. | ||
|
||
### Pipelines | ||
|
||
A pipeline is a programmed series operations that will be executed by | ||
one or more engines to turn an image from the input to the desired output. | ||
|
||
## Use | ||
|
||
The `impro` library can be installed simply from npm: | ||
|
||
``` | ||
npm install impro | ||
``` | ||
|
||
The standard configuration of impro is an instance that is configured with | ||
support for all supported engines - but the presence of the image libraries | ||
is detected which means they must be installed alongside. Each library has | ||
a node module of the same name (with the exception of gm as noted above): | ||
|
||
``` | ||
npm install sharp | ||
npm install gifsicle | ||
``` | ||
|
||
> some of the libraries may have requirements on native packages | ||
> that must be installed via an operating system package manager | ||
## Constructing image processing pipelines | ||
|
||
By default an import of impro returns an object with all registered engines | ||
that is ready to start handling conversion operations. To do this, we create | ||
a pipeline which we instruct about what it will do to an image. | ||
|
||
The prepared pipeline is a Duplex stream that is ready to have the input image | ||
data piped to it and will stream the output image data out of itself: | ||
|
||
```js | ||
const impro = require('impro'); | ||
|
||
const pipeline = impro.createPipeline({ type: 'png' }).jpeg(); | ||
``` | ||
|
||
For example, the pipeline above expect to recieve a PNG input image and | ||
will convert it to a JPEG using the _chaining API_. | ||
|
||
### Chaining API | ||
|
||
The pipeline exposes methods for each operation that can be supported on a | ||
method. Above, the `.jpeg()` is a conversion operation to the JPEG type. | ||
|
||
Let's look at another example: | ||
|
||
```js | ||
const impro = require('impro'); | ||
|
||
impro | ||
.createPipeline({ type: 'png' }) | ||
.grayscale() | ||
.resize(100, 100) | ||
.jpeg() | ||
.progressive(); | ||
``` | ||
|
||
This will accept a PNG, convert it to a grayscale image, resize it and finally | ||
output it as a JPEG that is interlaced. The chaining API is intended as the | ||
standard end-user interface that exposes the full power of the library in a | ||
simple and transparent fashion. | ||
|
||
### Low-level API | ||
|
||
For cases where impro is used as a library another API is exposed which is | ||
also used internally and underlies chaining methods: an operations list. | ||
|
||
Each named operation is itself a small object containing a name and array | ||
of the arguments (zero or more) that are provided to it. These operations | ||
are placed in an array and can be passed directly when creating a pipeline: | ||
|
||
```js | ||
const impro = require('impro'); | ||
|
||
const pipeline = impro.createPipeline({ type: 'png' }, [ | ||
{ name: 'grayscale', args: [] }, | ||
{ name: 'resize', args: [100, 100] }, | ||
{ name: 'jpeg', args: [] }, | ||
{ name: 'progressive', args: [] }, | ||
]); | ||
``` | ||
|
||
The pipeline above is equivalent to the chaining API example. | ||
|
||
## License | ||
|
||
Impro is licensed under a standard 3-clause BSD license. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters