janishutz/color-thief
1
0
Fork 0
mirror of https://github.com/janishutz/color-thief.git synced 2025-11-25 05:44:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add module support with new dist files

Browse Source 
- `/dist/color-thief.umd.js`: UMD module. For simple script tag loading that exposes a global variable or for RequireJS AMD support.
- `/dist/color-thief.js`: CommonJS module. Entry point for Node.js and Browserify.
- `/dist/color-thief.mjs`: ES6 module. For modern browsers as well as Webpack and Rollup.
- `/dist/color-thief.min.js`: Duplicate of `/dist/color-thief.umd.js`. Kept around to maintain backwards compatibility.
This commit is contained in:
Lokesh Dhakar
2019-07-14 20:00:27 -07:00
parent 2708113d10
commit c91f3e808e
20 changed files with 5659 additions and 1003 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
cypress/integration/api_spec.js
View File

@@ -9,7 +9,7 @@ function rgbCount(text) {
}
describe('getColor()', function() {
beforeEach(function() {
before(function() {
cy.visit('http://localhost:8080/cypress/test-pages/index.html');
})

9
cypress/integration/module_spec.js Normal file
View File

@@ -0,0 +1,9 @@
describe('es6 module', function() {
it('loads', function() {
cy.visit('http://localhost:8080/cypress/test-pages/es6-module.html');
cy.get('#result').should(($el) => {
const count = $el.text().split(',').length
expect(count).to.equal(3);
});
})
});

39
cypress/test-pages/es6-module.html Normal file
View File

@@ -0,0 +1,39 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Color Thief</title>
<link rel="stylesheet" href="./screen.css">
</head>
<body>
<img src="./img/rainbow-horizontal.png" />
<div id="result"></div>
<script type="module">
import ColorThief from '../../dist/color-thief.mjs';
const colorThief = new ColorThief();
const img = document.querySelector('img');
function getColorFromImage(img) {
const result = colorThief.getColor(img);
document.querySelector('#result').innerText = result;
}
if (img.complete) {
getColorFromImage(img);
} else {
image.addEventListener('load', function() {
getColorFromImage(img);
});
}
</script>
</body>
</html>

2
cypress/test-pages/index.html
View File

@@ -49,7 +49,7 @@
</script>
<script src="/src/color-thief.js"></script>
<script src="/dist/color-thief.umd.js"></script>
<script src="/node_modules/mustache/mustache.js"></script>
<script src="index.js"></script>

1
cypress/test-pages/index.js
View File

@@ -1,5 +1,6 @@
var colorThief = new ColorThief();
var images = [
'black.png',
'red.png',