pick colors from images at build time, query and use for tailwind classes in react
This commit is contained in:
Chuck Dries
parent
2cea7d737a
commit
d2943105f8
@ -10,6 +10,7 @@ module.exports = {
|
||||
},
|
||||
'env': {
|
||||
'node': true, // defines things like process.env when generating through node
|
||||
'browser': true
|
||||
},
|
||||
'extends': [
|
||||
'eslint:recommended', // use recommended configs
|
||||
@ -23,5 +24,7 @@ module.exports = {
|
||||
'indent': ['warn', 2],
|
||||
'comma-dangle': ['warn', 'always-multiline'],
|
||||
'no-unused-vars': 1,
|
||||
'jsx-quotes': 1,
|
||||
'react/jsx-sort-props': 1,
|
||||
},
|
||||
};
|
||||
|
||||
|
Before Width: | Height: | Size: 18 MiB After Width: | Height: | Size: 18 MiB |
|
Before Width: | Height: | Size: 6.6 MiB After Width: | Height: | Size: 6.6 MiB |
@ -3,6 +3,8 @@ const util = require('util');
|
||||
const path = require('path');
|
||||
const { read } = require('fast-exif');
|
||||
const iptc = require('node-iptc');
|
||||
const Vibrant = require('node-vibrant');
|
||||
const R = require('ramda');
|
||||
|
||||
const readFile = util.promisify(fs.readFile);
|
||||
|
||||
@ -16,7 +18,7 @@ function convertDMSToDD(dms, positiveDirection) {
|
||||
return positiveDirection ? res : -res;
|
||||
}
|
||||
|
||||
function transformMetaToNodeData(exifData, iptcData) {
|
||||
function transformMetaToNodeData(exifData, iptcData, vibrantData) {
|
||||
const gps = { longitude: null, latitude: null };
|
||||
|
||||
if (exifData) {
|
||||
@ -36,12 +38,27 @@ function transformMetaToNodeData(exifData, iptcData) {
|
||||
}
|
||||
}
|
||||
|
||||
// console.log('asdf', JSON.stringify(vibrantData.Vibrant.getTitleTextColor()));
|
||||
|
||||
const vibrant = R.map((swatch) =>
|
||||
swatch.getRgb()
|
||||
// ({
|
||||
// // rgb: swatch.getRgb(),
|
||||
// // hsl: swatch.getHsl(),
|
||||
// // hex: swatch.getHex(),
|
||||
// // // titleTextColor: swatch.getTitleTextColor(),
|
||||
// // // bodyTextColor: swatch.getBodyTextColor(),
|
||||
// })
|
||||
, vibrantData);
|
||||
|
||||
console.log(vibrant);
|
||||
|
||||
return {
|
||||
exif: exifData?.exif,
|
||||
gps,
|
||||
dateTaken: exifData?.exif?.DateTimeOriginal,
|
||||
iptc: iptcData || undefined,
|
||||
vibrant,
|
||||
};
|
||||
}
|
||||
|
||||
@ -54,10 +71,14 @@ exports.onCreateNode = async function ({ node, getNode, actions }) {
|
||||
const file = await readFile(parent.absolutePath);
|
||||
const iptcData = iptc(file);
|
||||
const exifData = await read(parent.absolutePath);
|
||||
const vibrantData = await Vibrant.from(parent.absolutePath)
|
||||
.quality(1)
|
||||
.getPalette();
|
||||
|
||||
createNodeField({
|
||||
node,
|
||||
name: 'imageMeta',
|
||||
value: transformMetaToNodeData(exifData, iptcData),
|
||||
value: transformMetaToNodeData(exifData, iptcData, vibrantData),
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
@ -34,7 +34,9 @@
|
||||
"gatsby-plugin-sharp": "^3.6.0",
|
||||
"gatsby-source-filesystem": "^3.6.0",
|
||||
"gatsby-transformer-sharp": "^3.6.0",
|
||||
"kebab-case": "^1.0.1",
|
||||
"node-iptc": "^1.0.5",
|
||||
"node-vibrant": "^3.2.1-alpha.1",
|
||||
"postcss": "^8.3.4",
|
||||
"postcss-nested": "^5.0.5",
|
||||
"ramda": "^0.27.1",
|
||||
|
||||
@ -26,21 +26,21 @@ const GalleryImage = ({ data }) => {
|
||||
</Helmet>
|
||||
<div className="min-h-screen flex flex-col justify-center">
|
||||
{/* TODO: change layout by amount of empty space on side of page, not aspect ratio? */}
|
||||
<div style={{ margin: '0 5vw' }} className={classnames('flex mx-auto', ar > 1 ? 'flex-col' : 'flex-row-reverse')}>
|
||||
<div className='flex-grow-0'>
|
||||
<div className={classnames('flex mx-auto', ar > 1 ? 'flex-col' : 'flex-row-reverse')} style={{ margin: '0 5vw' }}>
|
||||
<div className="flex-grow-0">
|
||||
<GatsbyImage
|
||||
alt={name}
|
||||
className=""
|
||||
loading='eager'
|
||||
objectFit='contain'
|
||||
image={getImage(image)}
|
||||
key={image.base}
|
||||
loading="eager"
|
||||
objectFit="contain"
|
||||
style={{
|
||||
maxWidth: `calc(max(90vh, 500px) * ${ar})`,
|
||||
// height: '90vh',
|
||||
maxHeight: '90vh',
|
||||
minHeight: '500px',
|
||||
}}
|
||||
key={image.base}
|
||||
image={getImage(image)}
|
||||
alt={name} />
|
||||
}} />
|
||||
</div>
|
||||
<div className={classnames('flex-shrink-0 mr-4', ar <= 1 && 'pt-4 flex-auto text-right')}>
|
||||
{hasName(image) && <h1 className="text-2xl mt-2">{name}</h1>}
|
||||
@ -57,7 +57,6 @@ export const query = graphql`
|
||||
allFile(filter: {sourceInstanceName: {eq: "gallery"}, base: {eq: $imageFilename}}) {
|
||||
edges {
|
||||
node {
|
||||
relativePath
|
||||
base
|
||||
childImageSharp{
|
||||
fluid {
|
||||
|
||||
15
gatsby/src/components/IndexComponents.js
Normal file
15
gatsby/src/components/IndexComponents.js
Normal file
@ -0,0 +1,15 @@
|
||||
import * as React from 'react';
|
||||
import classnames from 'classnames';
|
||||
|
||||
export const HeroA = ({
|
||||
href,
|
||||
children,
|
||||
className,
|
||||
...linkProps
|
||||
}) => (
|
||||
<a
|
||||
className={classnames('text-muted-light mx-1 hover:text-vibrant-light underline', className)}
|
||||
href={href}
|
||||
{...linkProps}
|
||||
>{children}</a>
|
||||
);
|
||||
@ -32,7 +32,7 @@ const MasonryGallery = ({ images, itemsPerRow: itemsPerRowByBreakpoint }) => {
|
||||
|
||||
return (
|
||||
<div
|
||||
className='w-full'
|
||||
className="w-full"
|
||||
style={{
|
||||
position: 'relative',
|
||||
}}
|
||||
@ -53,20 +53,20 @@ const MasonryGallery = ({ images, itemsPerRow: itemsPerRowByBreakpoint }) => {
|
||||
}
|
||||
return (
|
||||
<Link
|
||||
className="inline-block"
|
||||
key={`${image.base}`}
|
||||
className='inline-block'
|
||||
state={{modal: true}}
|
||||
style={{
|
||||
width,
|
||||
// marginLeft: '8px',
|
||||
}}
|
||||
state={{modal: true}} to={`/photogallery/${image.base}`}
|
||||
}} to={`/photogallery/${image.base}`}
|
||||
>
|
||||
<GatsbyImage
|
||||
className='w-full'
|
||||
objectFit='cover'
|
||||
alt={getName(image)}
|
||||
className="w-full"
|
||||
// style={{ width }}
|
||||
image={getImage(image)}
|
||||
alt={getName(image)}
|
||||
objectFit="cover"
|
||||
/>
|
||||
</Link>
|
||||
);
|
||||
|
||||
@ -32,7 +32,7 @@ const NotFoundPage = () => {
|
||||
<h1 style={headingStyles}>Page not found</h1>
|
||||
<p style={paragraphStyles}>
|
||||
Sorry{' '}
|
||||
<span role="img" aria-label="Pensive emoji">
|
||||
<span aria-label="Pensive emoji" role="img">
|
||||
😔
|
||||
</span>{' '}
|
||||
we couldn’t find what you were looking for.
|
||||
|
||||
@ -1,50 +1,106 @@
|
||||
import * as React from 'react';
|
||||
import { Link } from 'gatsby';
|
||||
import { StaticImage } from 'gatsby-plugin-image';
|
||||
import { Link, graphql } from 'gatsby';
|
||||
import { GatsbyImage, getImage } from 'gatsby-plugin-image';
|
||||
import { getVibrantToHelmetSafeBodyStyle, getVibrant } from '../utils';
|
||||
import { Helmet } from 'react-helmet';
|
||||
import { HeroA } from '../components/IndexComponents';
|
||||
|
||||
const IndexPage = () => {
|
||||
return (
|
||||
<main className="font-serif sm:block lg:grid">
|
||||
<StaticImage
|
||||
const IndexPage = ({ data }) => {
|
||||
const images = data.allFile.edges.map((edge) => edge.node);
|
||||
const [palette, setPalette] = React.useState([
|
||||
[0, 0, 0],
|
||||
[254, 254, 254],
|
||||
[200, 200, 200],
|
||||
[200, 200, 200],
|
||||
[180, 180, 180],
|
||||
]);
|
||||
const image = React.useRef(images[Math.floor(Math.random() * images.length)]).current;
|
||||
const vibrant = getVibrant(image);
|
||||
console.log('vibrant', getVibrant(image));
|
||||
return (<>
|
||||
<Helmet>
|
||||
<body
|
||||
className="bg-vibrant-dark"
|
||||
style={getVibrantToHelmetSafeBodyStyle(vibrant)}
|
||||
/>
|
||||
</Helmet>
|
||||
<main
|
||||
className="font-serif sm:block lg:grid"
|
||||
>
|
||||
<GatsbyImage
|
||||
alt=""
|
||||
className="sm:h-auto lg:h-screen hero-img"
|
||||
image={getImage(image)}
|
||||
loading="eager"
|
||||
style={{
|
||||
gridArea: '1/1',
|
||||
// maxHeight: '90vh',
|
||||
// height: '100vh',
|
||||
}}
|
||||
className='sm:h-auto lg:h-screen'
|
||||
layout='fullWidth'
|
||||
alt=''
|
||||
src='../../data/gallery/DSC4180.jpg'
|
||||
/>
|
||||
<div className='relative grid place-items-center' style={{gridArea: '1/1'}}>
|
||||
<div
|
||||
className="m-2 flex flex-col items-end"
|
||||
>
|
||||
{/* TODO: color thief and fonts */}
|
||||
<section className='bg-green-200 bg-opacity-80 rounded-xl py-6'>
|
||||
}} />
|
||||
<div className="relative grid place-items-center" style={{gridArea: '1/1'}}>
|
||||
<div className="m-2 flex flex-col items-end">
|
||||
<section className="rounded-xl py-6 bg-vibrant-dark-75">
|
||||
<div className="mx-auto px-6">
|
||||
<h1 className="italic font-normal text-5xl ">Chuck Dries</h1>
|
||||
<h2 className="italic text-blue-300 text-2xl">Full stack software engineer & hobbyist photographer</h2>
|
||||
<ul>
|
||||
<li>Software Developer, <span className="text-gray-800 italic">Axosoft</span></li>
|
||||
<li><a className="hover:text-pink-400 underline" href="mailto:chuck@chuckdries.com">chuck@chuckdries.com</a> / <span>602.618.0414</span></li>
|
||||
<h1 className="text-vibrant-light font-black text-6xl">Chuck Dries</h1>
|
||||
<h2 className="text-vibrant italic text-2xl" >Full stack software engineer & hobbyist photographer</h2>
|
||||
<ul className="text-muted-light">
|
||||
<li>Software Developer, <span className="italic">Axosoft</span></li>
|
||||
<li><HeroA className="ml-0" href="mailto:chuck@chuckdries.com">chuck@chuckdries.com</HeroA>/<span className="ml-1">602.618.0414</span></li>
|
||||
<li>
|
||||
<a className="mr-1 hover:text-pink-400 underline" href="http://github.com/chuckdries">Github</a>/
|
||||
<a className="mx-1 hover:text-pink-400 underline" href="https://www.linkedin.com/in/chuckdries/">LinkedIn</a>/
|
||||
<a className="mx-1 hover:text-pink-400 underline" href="https://devpost.com/chuckdries">Devpost</a>/
|
||||
<a className="mx-1 hover:text-pink-400 underline" href="CharlesDriesResumeCurrent.pdf">Resume [pdf]</a>/
|
||||
<a className="mx-1 hover:text-pink-400 underline" href="https://medium.com/@chuckdries">Medium (blog)</a>
|
||||
<HeroA className="ml-0" href="http://github.com/chuckdries">Github</HeroA>/
|
||||
<HeroA href="https://www.linkedin.com/in/chuckdries/">LinkedIn</HeroA>/
|
||||
<HeroA href="https://devpost.com/chuckdries">Devpost</HeroA>/
|
||||
<HeroA href="CharlesDriesResumeCurrent.pdf">Resume [pdf]</HeroA>/
|
||||
<HeroA href="https://medium.com/@chuckdries">Medium (blog)</HeroA>
|
||||
{/* <a href="https://pgp.mit.edu/pks/lookup?op=get&search=0x2BD9D0871DB5A518">Public Key</a> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<Link className='text-black hover:underline font-sans inline-block p-3 my-2 rounded-md bg-gray-300 border-2 arrow-after font-bold border-gray-400' to='/photogallery'>
|
||||
<Link className="text-muted-dark bg-muted-light border-muted-light hover:underline font-sans inline-block p-3 my-2 rounded-md border-2 arrow-after font-bold" to="/photogallery">
|
||||
Photography</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div id="asdf" style={{ display: 'block'}}></div>
|
||||
</main>
|
||||
);
|
||||
</>);
|
||||
};
|
||||
|
||||
export const query = graphql`
|
||||
{
|
||||
allFile(
|
||||
filter: {
|
||||
sourceInstanceName: {eq: "gallery"},
|
||||
base: {in: ["DSC00201.jpg", "DSC05851.jpg", "DSC4180.jpg", "DSC08521.jpg", "DSC06245.jpg", "_DSC4949.jpg"]}
|
||||
}
|
||||
) {
|
||||
edges {
|
||||
node {
|
||||
relativePath
|
||||
base
|
||||
childImageSharp {
|
||||
gatsbyImageData(
|
||||
layout: FULL_WIDTH
|
||||
# placeholder: BLURRED
|
||||
placeholder: NONE
|
||||
# blurredOptions: {width: 200}
|
||||
breakpoints: [750, 1080, 1366, 1920, 2560, 3840]
|
||||
)
|
||||
fields {
|
||||
imageMeta {
|
||||
vibrant {
|
||||
DarkMuted
|
||||
DarkVibrant
|
||||
LightMuted
|
||||
LightVibrant
|
||||
Muted
|
||||
Vibrant
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
export default IndexPage;
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');
|
||||
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap'); */
|
||||
/* black, bold, regular */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
|
||||
3
gatsby/src/styles/index.css
Normal file
3
gatsby/src/styles/index.css
Normal file
@ -0,0 +1,3 @@
|
||||
/* main.hero {
|
||||
|
||||
} */
|
||||
@ -1,7 +1,28 @@
|
||||
// import kebabCase from 'lodash/kebabCase';
|
||||
|
||||
export const getMeta = (image) => image.childImageSharp.fields.imageMeta;
|
||||
|
||||
export const getName = (image) => getMeta(image)?.iptc.object_name || image.base;
|
||||
|
||||
export const getVibrant = (image) => getMeta(image)?.vibrant;
|
||||
|
||||
export const hasName = (image) => Boolean(getMeta(image)?.iptc.object_name);
|
||||
|
||||
export const getAspectRatio = (image) => image.childImageSharp.fluid.aspectRatio;
|
||||
|
||||
export const getRgba = (palette, alpha) => `rgba(${palette[0]}, ${palette[1]}, ${palette[2]}, ${alpha || 1})`;
|
||||
|
||||
export const getVibrantToHelmetSafeBodyStyle = (vibrant) => {
|
||||
const style = {
|
||||
'--muted': vibrant.Muted,
|
||||
'--dark-muted': vibrant.DarkMuted,
|
||||
'--light-muted': vibrant.LightMuted,
|
||||
'--vibrant': vibrant.Vibrant,
|
||||
'--dark-vibrant': vibrant.DarkVibrant,
|
||||
'--light-vibrant': vibrant.LightVibrant,
|
||||
}
|
||||
if (typeof window === 'undefined') {
|
||||
return style;
|
||||
}
|
||||
return Object.keys(style).map(key => `${(key)}: ${style[key]}`).join(';');
|
||||
};
|
||||
|
||||
@ -12,6 +12,7 @@ module.exports = {
|
||||
'2xl': '1536px',
|
||||
},
|
||||
spacing: {
|
||||
'0': '0px',
|
||||
'1': '8px',
|
||||
'2': '12px',
|
||||
'3': '16px',
|
||||
@ -26,7 +27,26 @@ module.exports = {
|
||||
// serif: ['Didot', 'Didot LT', 'STD', 'Hoefler Text' , 'Garamond', 'Times New Roman', 'serif']
|
||||
serif: ['Playfair Display', 'serif'],
|
||||
},
|
||||
extend: {},
|
||||
extend: {
|
||||
colors: {
|
||||
vibrant: {
|
||||
DEFAULT: 'rgb(var(--vibrant))',
|
||||
light: 'rgb(var(--light-vibrant))',
|
||||
dark: 'rgb(var(--dark-vibrant))',
|
||||
'75': 'rgba(var(--vibrant), .75)',
|
||||
'light-75': 'rgba(var(--light-vibrant), .75)',
|
||||
'dark-75': 'rgba(var(--dark-vibrant), .75)',
|
||||
},
|
||||
muted: {
|
||||
DEFAULT: 'rgb(var(--muted))',
|
||||
light: 'rgb(var(--light-muted))',
|
||||
dark: 'rgb(var(--dark-muted))',
|
||||
'75': 'rgba(var(--muted), .75)',
|
||||
'light-75': 'rgba(var(--light-muted), .75)',
|
||||
'dark-75': 'rgba(var(--dark-muted), .75)',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
variants: {
|
||||
extend: {},
|
||||
|
||||
215
gatsby/yarn.lock
215
gatsby/yarn.lock
@ -1348,6 +1348,15 @@
|
||||
"@jimp/utils" "^0.14.0"
|
||||
bmp-js "^0.1.0"
|
||||
|
||||
"@jimp/bmp@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/bmp/-/bmp-0.16.1.tgz#6e2da655b2ba22e721df0795423f34e92ef13768"
|
||||
integrity sha512-iwyNYQeBawrdg/f24x3pQ5rEx+/GwjZcCXd3Kgc+ZUd+Ivia7sIqBsOnDaMZdKCBPlfW364ekexnlOqyVa0NWg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/utils" "^0.16.1"
|
||||
bmp-js "^0.1.0"
|
||||
|
||||
"@jimp/core@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/core/-/core-0.14.0.tgz#870c9ca25b40be353ebda1d2abb48723d9010055"
|
||||
@ -1365,6 +1374,23 @@
|
||||
pixelmatch "^4.0.2"
|
||||
tinycolor2 "^1.4.1"
|
||||
|
||||
"@jimp/core@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/core/-/core-0.16.1.tgz#68c4288f6ef7f31a0f6b859ba3fb28dae930d39d"
|
||||
integrity sha512-la7kQia31V6kQ4q1kI/uLimu8FXx7imWVajDGtwUG8fzePLWDFJyZl0fdIXVCL1JW2nBcRHidUot6jvlRDi2+g==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/utils" "^0.16.1"
|
||||
any-base "^1.1.0"
|
||||
buffer "^5.2.0"
|
||||
exif-parser "^0.1.12"
|
||||
file-type "^9.0.0"
|
||||
load-bmfont "^1.3.1"
|
||||
mkdirp "^0.5.1"
|
||||
phin "^2.9.1"
|
||||
pixelmatch "^4.0.2"
|
||||
tinycolor2 "^1.4.1"
|
||||
|
||||
"@jimp/custom@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/custom/-/custom-0.14.0.tgz#1dbbf0094df7403f4e03bc984ed92e7458842f74"
|
||||
@ -1373,6 +1399,14 @@
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/core" "^0.14.0"
|
||||
|
||||
"@jimp/custom@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/custom/-/custom-0.16.1.tgz#28b659c59e20a1d75a0c46067bd3f4bd302cf9c5"
|
||||
integrity sha512-DNUAHNSiUI/j9hmbatD6WN/EBIyeq4AO0frl5ETtt51VN1SvE4t4v83ZA/V6ikxEf3hxLju4tQ5Pc3zmZkN/3A==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/core" "^0.16.1"
|
||||
|
||||
"@jimp/gif@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/gif/-/gif-0.14.0.tgz#db159f57c3cfd1566bbe8b124958791998614960"
|
||||
@ -1383,6 +1417,16 @@
|
||||
gifwrap "^0.9.2"
|
||||
omggif "^1.0.9"
|
||||
|
||||
"@jimp/gif@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/gif/-/gif-0.16.1.tgz#d1f7c3a58f4666482750933af8b8f4666414f3ca"
|
||||
integrity sha512-r/1+GzIW1D5zrP4tNrfW+3y4vqD935WBXSc8X/wm23QTY9aJO9Lw6PEdzpYCEY+SOklIFKaJYUAq/Nvgm/9ryw==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/utils" "^0.16.1"
|
||||
gifwrap "^0.9.2"
|
||||
omggif "^1.0.9"
|
||||
|
||||
"@jimp/jpeg@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/jpeg/-/jpeg-0.14.0.tgz#8a687a6a653bbbae38c522edef8f84bb418d9461"
|
||||
@ -1392,6 +1436,15 @@
|
||||
"@jimp/utils" "^0.14.0"
|
||||
jpeg-js "^0.4.0"
|
||||
|
||||
"@jimp/jpeg@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/jpeg/-/jpeg-0.16.1.tgz#3b7bb08a4173f2f6d81f3049b251df3ee2ac8175"
|
||||
integrity sha512-8352zrdlCCLFdZ/J+JjBslDvml+fS3Z8gttdml0We759PnnZGqrnPRhkOEOJbNUlE+dD4ckLeIe6NPxlS/7U+w==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/utils" "^0.16.1"
|
||||
jpeg-js "0.4.2"
|
||||
|
||||
"@jimp/plugin-blit@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/plugin-blit/-/plugin-blit-0.14.0.tgz#5eb374be1201313b2113899fb842232d8fcfd345"
|
||||
@ -1530,6 +1583,14 @@
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/utils" "^0.14.0"
|
||||
|
||||
"@jimp/plugin-resize@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/plugin-resize/-/plugin-resize-0.16.1.tgz#65e39d848ed13ba2d6c6faf81d5d590396571d10"
|
||||
integrity sha512-u4JBLdRI7dargC04p2Ha24kofQBk3vhaf0q8FwSYgnCRwxfvh2RxvhJZk9H7Q91JZp6wgjz/SjvEAYjGCEgAwQ==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/utils" "^0.16.1"
|
||||
|
||||
"@jimp/plugin-rotate@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/plugin-rotate/-/plugin-rotate-0.14.0.tgz#3632bc159bf1c3b9ec9f459d9c05d02a11781ee7"
|
||||
@ -1600,6 +1661,15 @@
|
||||
"@jimp/utils" "^0.14.0"
|
||||
pngjs "^3.3.3"
|
||||
|
||||
"@jimp/png@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/png/-/png-0.16.1.tgz#f24cfc31529900b13a2dd9d4fdb4460c1e4d814e"
|
||||
integrity sha512-iyWoCxEBTW0OUWWn6SveD4LePW89kO7ZOy5sCfYeDM/oTPLpR8iMIGvZpZUz1b8kvzFr27vPst4E5rJhGjwsdw==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/utils" "^0.16.1"
|
||||
pngjs "^3.3.3"
|
||||
|
||||
"@jimp/tiff@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/tiff/-/tiff-0.14.0.tgz#a5b25bbe7c43fc3b07bad4e2ab90e0e164c1967f"
|
||||
@ -1608,6 +1678,14 @@
|
||||
"@babel/runtime" "^7.7.2"
|
||||
utif "^2.0.1"
|
||||
|
||||
"@jimp/tiff@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/tiff/-/tiff-0.16.1.tgz#0e8756695687d7574b6bc73efab0acd4260b7a12"
|
||||
integrity sha512-3K3+xpJS79RmSkAvFMgqY5dhSB+/sxhwTFA9f4AVHUK0oKW+u6r52Z1L0tMXHnpbAdR9EJ+xaAl2D4x19XShkQ==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
utif "^2.0.1"
|
||||
|
||||
"@jimp/types@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/types/-/types-0.14.0.tgz#ef681ff702883c5f105b5e4e30d49abf39ee9e34"
|
||||
@ -1621,6 +1699,19 @@
|
||||
"@jimp/tiff" "^0.14.0"
|
||||
timm "^1.6.1"
|
||||
|
||||
"@jimp/types@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/types/-/types-0.16.1.tgz#0dbab37b3202315c91010f16c31766d35a2322cc"
|
||||
integrity sha512-g1w/+NfWqiVW4CaXSJyD28JQqZtm2eyKMWPhBBDCJN9nLCN12/Az0WFF3JUAktzdsEC2KRN2AqB1a2oMZBNgSQ==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
"@jimp/bmp" "^0.16.1"
|
||||
"@jimp/gif" "^0.16.1"
|
||||
"@jimp/jpeg" "^0.16.1"
|
||||
"@jimp/png" "^0.16.1"
|
||||
"@jimp/tiff" "^0.16.1"
|
||||
timm "^1.6.1"
|
||||
|
||||
"@jimp/utils@^0.14.0":
|
||||
version "0.14.0"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/utils/-/utils-0.14.0.tgz#296254e63118554c62c31c19ac6b8c4bfe6490e5"
|
||||
@ -1629,6 +1720,14 @@
|
||||
"@babel/runtime" "^7.7.2"
|
||||
regenerator-runtime "^0.13.3"
|
||||
|
||||
"@jimp/utils@^0.16.1":
|
||||
version "0.16.1"
|
||||
resolved "https://registry.yarnpkg.com/@jimp/utils/-/utils-0.16.1.tgz#2f51e6f14ff8307c4aa83d5e1a277da14a9fe3f7"
|
||||
integrity sha512-8fULQjB0x4LzUSiSYG6ZtQl355sZjxbv8r9PPAuYHzS9sGiSHJQavNqK/nKnpDsVkU88/vRGcE7t3nMU0dEnVw==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.7.2"
|
||||
regenerator-runtime "^0.13.3"
|
||||
|
||||
"@mdx-js/mdx@^1.6.22":
|
||||
version "1.6.22"
|
||||
resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.6.22.tgz#8a723157bf90e78f17dc0f27995398e6c731f1ba"
|
||||
@ -1992,6 +2091,11 @@
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-15.12.2.tgz#1f2b42c4be7156ff4a6f914b2fb03d05fa84e38d"
|
||||
integrity sha512-zjQ69G564OCIWIOHSXyQEEDpdpGl+G348RAKY0XXy9Z5kU9Vzv1GMNnkar/ZJ8dzXB3COzD9Mo9NtRZ4xfgUww==
|
||||
|
||||
"@types/node@^10.12.18":
|
||||
version "10.17.60"
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.60.tgz#35f3d6213daed95da7f0f73e75bcc6980e90597b"
|
||||
integrity sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==
|
||||
|
||||
"@types/node@^14.14.10":
|
||||
version "14.17.3"
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-14.17.3.tgz#6d327abaa4be34a74e421ed6409a0ae2f47f4c3d"
|
||||
@ -2186,6 +2290,94 @@
|
||||
"@typescript-eslint/types" "4.27.0"
|
||||
eslint-visitor-keys "^2.0.0"
|
||||
|
||||
"@vibrant/color@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/color/-/color-3.2.1-alpha.1.tgz#1bcee4545d2276d36f9a1acb42ab3485a9b489ec"
|
||||
integrity sha512-cvm+jAPwao2NerTr3d1JttYyLhp3eD/AQBeevxF7KT6HctToWZCwr2AeTr003/wKgbjzdOV1qySnbyOeu+R+Jw==
|
||||
|
||||
"@vibrant/core@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/core/-/core-3.2.1-alpha.1.tgz#9adff0835b5c750be3386ec01669d2a8d6389fdb"
|
||||
integrity sha512-X9Oa9WfPEQnZ6L+5dLRlh+IlsxJkYTw9b/g3stFKoNXbVRKCeXHmH48l7jIBBOg3VcXOGUdsYBqsTwPNkIveaA==
|
||||
dependencies:
|
||||
"@vibrant/color" "^3.2.1-alpha.1"
|
||||
"@vibrant/generator" "^3.2.1-alpha.1"
|
||||
"@vibrant/image" "^3.2.1-alpha.1"
|
||||
"@vibrant/quantizer" "^3.2.1-alpha.1"
|
||||
"@vibrant/types" "^3.2.1-alpha.1"
|
||||
"@vibrant/worker" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/generator-default@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/generator-default/-/generator-default-3.2.1-alpha.1.tgz#70ae71ea1f72d3e71aa6b244830d01ecae1d755a"
|
||||
integrity sha512-BWnQhDaz92UhyHnpdAzKXHQecY+jvyMXtzjKYbveFxThm6+HVoLjwONlbck7oyOpFzV2OM7V11XuR85BxaHvjw==
|
||||
dependencies:
|
||||
"@vibrant/color" "^3.2.1-alpha.1"
|
||||
"@vibrant/generator" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/generator@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/generator/-/generator-3.2.1-alpha.1.tgz#887b36f7ed978ff94c93cc8a3ac742ce769b6112"
|
||||
integrity sha512-luS5YvMhwMqG01YTj1dJ+cmkuIw1VCByOR6zIaCOwQqI/mcOs88JBWcA1r2TywJTOPlVpjfnDvAlyaKBKh4dMA==
|
||||
dependencies:
|
||||
"@vibrant/color" "^3.2.1-alpha.1"
|
||||
"@vibrant/types" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/image-browser@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/image-browser/-/image-browser-3.2.1-alpha.1.tgz#fe595bfe0c0ddc412300b5419e1e42d8b88d4380"
|
||||
integrity sha512-6xWvQfB20sE6YtCWylgEAHuee3iD8h3aFIDbCS2yj7jIelKcYTrrp5jg2d2BhOOB6pC5JzF+QfpCrm0DmAIlgQ==
|
||||
dependencies:
|
||||
"@vibrant/image" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/image-node@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/image-node/-/image-node-3.2.1-alpha.1.tgz#2901e09aee05d64ac9e792a951ee0727299ab80f"
|
||||
integrity sha512-/Io/Rpo4EkO6AhaXdcxUXkbOFhSFtjm0LSAM4c0AyGA5EbC8PyZqjk8b11bQAEMCaYaweFQfTdGD7oVbXe21CQ==
|
||||
dependencies:
|
||||
"@jimp/custom" "^0.16.1"
|
||||
"@jimp/plugin-resize" "^0.16.1"
|
||||
"@jimp/types" "^0.16.1"
|
||||
"@vibrant/image" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/image@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/image/-/image-3.2.1-alpha.1.tgz#8bcde820f5ad873e2e96b00479def80f86e925a5"
|
||||
integrity sha512-4aF5k79QfyhZOqRovJpbnIjWfe3uuWhY8voqVdd4/qgu4o70/AwVlM+pYmCaJVzI45VWNWWHYA5QlYuKsXnBqQ==
|
||||
dependencies:
|
||||
"@vibrant/color" "^3.2.1-alpha.1"
|
||||
"@vibrant/types" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/quantizer-mmcq@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/quantizer-mmcq/-/quantizer-mmcq-3.2.1-alpha.1.tgz#b36ecb48f4bff9ea35ed23389d8af79c079c079a"
|
||||
integrity sha512-Wuk9PTZtxr8qsWTcgP6lcrrmrq36syVwxf+BUxdgQYntBcQ053SaN34lVGOJ0WPdK5vABoxbYljhceCgiILtZw==
|
||||
dependencies:
|
||||
"@vibrant/color" "^3.2.1-alpha.1"
|
||||
"@vibrant/image" "^3.2.1-alpha.1"
|
||||
"@vibrant/quantizer" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/quantizer@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/quantizer/-/quantizer-3.2.1-alpha.1.tgz#8d29e288ea7acbcd0c9ab8c6b86f80adce606210"
|
||||
integrity sha512-iHnPx/+n4iLtYLm1GClSfyg2fFbMatFG0ipCyp9M6tXNIPAg+pSvUJSGBnVnH7Nl/bR8Gkkj1h0pJ4RsKcdIrQ==
|
||||
dependencies:
|
||||
"@vibrant/color" "^3.2.1-alpha.1"
|
||||
"@vibrant/image" "^3.2.1-alpha.1"
|
||||
"@vibrant/types" "^3.2.1-alpha.1"
|
||||
|
||||
"@vibrant/types@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/types/-/types-3.2.1-alpha.1.tgz#54ecf8b4d1045af699bfaf592e455079801bc951"
|
||||
integrity sha512-ts9u7nsrENoYI5s0MmPOeY5kCLFKvQndKVDOPFCbTA0z493uhDp8mpiQhjFYTf3kPbS04z9zbHLE2luFC7x4KQ==
|
||||
|
||||
"@vibrant/worker@^3.2.1-alpha.1":
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/@vibrant/worker/-/worker-3.2.1-alpha.1.tgz#d09e4ec72902d36b9632c2c0aab855747acf1015"
|
||||
integrity sha512-mtSlBdHkFNr4FOnMtqtHJxy9z5AsUcZzGlpiHzvWOoaoN9lNTDPwxOBd0q4VTYWuGPrIm6Fuq5m7aRbLv7KqiQ==
|
||||
dependencies:
|
||||
"@vibrant/types" "^3.2.1-alpha.1"
|
||||
|
||||
"@webassemblyjs/ast@1.11.0":
|
||||
version "1.11.0"
|
||||
resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.0.tgz#a5aa679efdc9e51707a4207139da57920555961f"
|
||||
@ -8198,6 +8390,11 @@ joi@^17.2.1, joi@^17.4.0:
|
||||
"@sideway/formula" "^3.0.0"
|
||||
"@sideway/pinpoint" "^2.0.0"
|
||||
|
||||
jpeg-js@0.4.2:
|
||||
version "0.4.2"
|
||||
resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.4.2.tgz#8b345b1ae4abde64c2da2fe67ea216a114ac279d"
|
||||
integrity sha512-+az2gi/hvex7eLTMTlbRLOhH6P6WFdk2ITI8HJsaH2VqYO0I594zXSYEP+tf4FW+8Cy68ScDXoAsQdyQanv3sw==
|
||||
|
||||
jpeg-js@^0.4.0:
|
||||
version "0.4.3"
|
||||
resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.4.3.tgz#6158e09f1983ad773813704be80680550eff977b"
|
||||
@ -8319,6 +8516,11 @@ junk@^3.1.0:
|
||||
resolved "https://registry.yarnpkg.com/junk/-/junk-3.1.0.tgz#31499098d902b7e98c5d9b9c80f43457a88abfa1"
|
||||
integrity sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==
|
||||
|
||||
kebab-case@^1.0.1:
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/kebab-case/-/kebab-case-1.0.1.tgz#bf734fc95400a3701869215d99a902bd3fe72f60"
|
||||
integrity sha512-txPHx6nVLhv8PHGXIlAk0nYoh894SpAqGPXNvbg2hh8spvHXIah3+vT87DLoa59nKgC6scD3u3xAuRIgiMqbfQ==
|
||||
|
||||
keyv@3.0.0:
|
||||
version "3.0.0"
|
||||
resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
|
||||
@ -9472,6 +9674,19 @@ node-releases@^1.1.61, node-releases@^1.1.71:
|
||||
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.73.tgz#dd4e81ddd5277ff846b80b52bb40c49edf7a7b20"
|
||||
integrity sha512-uW7fodD6pyW2FZNZnp/Z3hvWKeEW1Y8R1+1CnErE8cXFXzl5blBOoVB41CvMer6P6Q0S5FXDwcHgFd1Wj0U9zg==
|
||||
|
||||
node-vibrant@^3.2.1-alpha.1:
|
||||
version "3.2.1-alpha.1"
|
||||
resolved "https://registry.yarnpkg.com/node-vibrant/-/node-vibrant-3.2.1-alpha.1.tgz#d80a3dd22741150b804ae0d3eb99ceaf9f79980a"
|
||||
integrity sha512-EQergCp7fvbvUCE0VMCBnvaAV0lGWSP8SXLmuWQIBzQK5M5pIwcd9fIOXuzFkJx/8hUiiiLvAzzGDS/bIy2ikA==
|
||||
dependencies:
|
||||
"@types/node" "^10.12.18"
|
||||
"@vibrant/core" "^3.2.1-alpha.1"
|
||||
"@vibrant/generator-default" "^3.2.1-alpha.1"
|
||||
"@vibrant/image-browser" "^3.2.1-alpha.1"
|
||||
"@vibrant/image-node" "^3.2.1-alpha.1"
|
||||
"@vibrant/quantizer-mmcq" "^3.2.1-alpha.1"
|
||||
url "^0.11.0"
|
||||
|
||||
noms@0.0.0:
|
||||
version "0.0.0"
|
||||
resolved "https://registry.yarnpkg.com/noms/-/noms-0.0.0.tgz#da8ebd9f3af9d6760919b27d9cdc8092a7332859"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user