1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +01:00

package updates

This commit is contained in:
Matthias Kretschmann 2020-03-21 23:55:40 +01:00
parent 58d3630c47
commit d1d4d09980
Signed by: m
GPG Key ID: 606EEEF3C479A91F
14 changed files with 2016 additions and 1087 deletions

3029
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -25,27 +25,27 @@
"@loadable/component": "^5.12.0", "@loadable/component": "^5.12.0",
"axios": "^0.19.2", "axios": "^0.19.2",
"file-saver": "^2.0.2", "file-saver": "^2.0.2",
"gatsby": "^2.19.32", "gatsby": "^2.20.2",
"gatsby-image": "^2.2.43", "gatsby-image": "^2.3.0",
"gatsby-plugin-manifest": "^2.2.44", "gatsby-plugin-manifest": "^2.3.1",
"gatsby-plugin-matomo": "^0.8.1", "gatsby-plugin-matomo": "^0.8.1",
"gatsby-plugin-offline": "^3.0.37", "gatsby-plugin-offline": "^3.1.0",
"gatsby-plugin-postcss": "^2.1.21", "gatsby-plugin-postcss": "^2.2.0",
"gatsby-plugin-react-helmet": "^3.1.23", "gatsby-plugin-react-helmet": "^3.2.0",
"gatsby-plugin-sharp": "^2.4.7", "gatsby-plugin-sharp": "^2.5.1",
"gatsby-plugin-sitemap": "^2.2.28", "gatsby-plugin-sitemap": "^2.3.0",
"gatsby-plugin-svgr": "^2.0.2", "gatsby-plugin-svgr": "^2.0.2",
"gatsby-plugin-use-dark-mode": "^1.1.2", "gatsby-plugin-use-dark-mode": "^1.1.2",
"gatsby-plugin-webpack-size": "^1.0.0", "gatsby-plugin-webpack-size": "^1.0.0",
"gatsby-source-filesystem": "^2.1.50", "gatsby-source-filesystem": "^2.2.1",
"gatsby-transformer-json": "^2.2.27", "gatsby-transformer-json": "^2.3.0",
"gatsby-transformer-sharp": "^2.3.17", "gatsby-transformer-sharp": "^2.4.1",
"gatsby-transformer-yaml": "^2.2.26", "gatsby-transformer-yaml": "^2.3.0",
"giphy-js-sdk-core": "^1.0.6", "giphy-js-sdk-core": "^1.0.6",
"graphql": "^14.6.0", "graphql": "^14.6.0",
"intersection-observer": "^0.7.0", "intersection-observer": "^0.7.0",
"react": "^16.13.0", "react": "^16.13.1",
"react-dom": "^16.13.0", "react-dom": "^16.13.1",
"react-feather": "^2.0.3", "react-feather": "^2.0.3",
"react-helmet": "^5.2.1", "react-helmet": "^5.2.1",
"react-pose": "^4.0.10", "react-pose": "^4.0.10",
@ -59,9 +59,9 @@
"vcf": "^2.0.6" "vcf": "^2.0.6"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.8.7", "@babel/core": "^7.9.0",
"@babel/node": "^7.8.7", "@babel/node": "^7.8.7",
"@babel/preset-env": "^7.8.7", "@babel/preset-env": "^7.9.0",
"@react-mock/localstorage": "^0.1.2", "@react-mock/localstorage": "^0.1.2",
"@svgr/webpack": "^5.2.0", "@svgr/webpack": "^5.2.0",
"@testing-library/jest-dom": "^5.1.1", "@testing-library/jest-dom": "^5.1.1",
@ -69,7 +69,7 @@
"@welldone-software/why-did-you-render": "^4.0.5", "@welldone-software/why-did-you-render": "^4.0.5",
"babel-eslint": "^10.1.0", "babel-eslint": "^10.1.0",
"babel-jest": "^25.1.0", "babel-jest": "^25.1.0",
"babel-preset-gatsby": "^0.2.31", "babel-preset-gatsby": "^0.2.36",
"chalk": "^3.0.0", "chalk": "^3.0.0",
"eslint": "^6.8.0", "eslint": "^6.8.0",
"eslint-config-prettier": "^6.10.0", "eslint-config-prettier": "^6.10.0",
@ -77,7 +77,7 @@
"eslint-plugin-graphql": "^3.1.1", "eslint-plugin-graphql": "^3.1.1",
"eslint-plugin-prettier": "^3.1.2", "eslint-plugin-prettier": "^3.1.2",
"eslint-plugin-react": "^7.19.0", "eslint-plugin-react": "^7.19.0",
"eslint-plugin-react-hooks": "^2.5.0", "eslint-plugin-react-hooks": "^2.5.1",
"eslint-plugin-testing-library": "^2.2.3", "eslint-plugin-testing-library": "^2.2.3",
"gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.8", "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.8",
"identity-obj-proxy": "^3.0.0", "identity-obj-proxy": "^3.0.0",
@ -87,10 +87,10 @@
"ora": "^4.0.3", "ora": "^4.0.3",
"postcss-preset-env": "^6.7.0", "postcss-preset-env": "^6.7.0",
"prepend": "^1.0.2", "prepend": "^1.0.2",
"prettier": "^1.19.1", "prettier": "^2.0.0",
"prettier-stylelint": "^0.4.2", "prettier-stylelint": "^0.4.2",
"slugify": "^1.4.0", "slugify": "^1.4.0",
"stylelint": "^13.2.0", "stylelint": "^13.2.1",
"stylelint-config-css-modules": "^2.2.0", "stylelint-config-css-modules": "^2.2.0",
"stylelint-config-standard": "^20.0.0" "stylelint-config-standard": "^20.0.0"
}, },

View File

@ -2,7 +2,7 @@ import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import styles from './Button.module.css' import styles from './Button.module.css'
const Button = props => ( const Button = (props) => (
<a className={styles.button} {...props}> <a className={styles.button} {...props}>
{props.children} {props.children}
</a> </a>

View File

@ -2,7 +2,7 @@ import React, { memo } from 'react'
import Helmet from 'react-helmet' import Helmet from 'react-helmet'
import { useMeta } from '../../hooks/use-meta' import { useMeta } from '../../hooks/use-meta'
const TypekitScript = typekitID => ( const TypekitScript = (typekitID) => (
<script> <script>
{` {`
(function(d) { (function(d) {

View File

@ -19,7 +19,7 @@ export default function Vcard() {
profiles profiles
} }
const handleAddressbookClick = e => { const handleAddressbookClick = (e) => {
e.preventDefault() e.preventDefault()
init(meta) init(meta)
} }
@ -36,7 +36,7 @@ export default function Vcard() {
) )
} }
export const init = async meta => { export const init = async (meta) => {
// first, convert the avatar to base64, then construct all vCard elements // first, convert the avatar to base64, then construct all vCard elements
const dataUrl = await toDataURL(meta.photoSrc, 'image/jpeg') const dataUrl = await toDataURL(meta.photoSrc, 'image/jpeg')
const vcard = await constructVcard(meta, dataUrl) const vcard = await constructVcard(meta, dataUrl)
@ -51,7 +51,7 @@ export const init = async meta => {
saveAs(blob, name) saveAs(blob, name)
} }
export const constructVcard = async meta => { export const constructVcard = async (meta) => {
const contact = new vCard() const contact = new vCard()
const blog = meta.profiles.filter(({ network }) => network === 'Blog')[0].url const blog = meta.profiles.filter(({ network }) => network === 'Blog')[0].url
const twitter = meta.profiles.filter( const twitter = meta.profiles.filter(

View File

@ -6,7 +6,7 @@ import Icon from '../atoms/Icon'
import { useResume } from '../../hooks/use-resume' import { useResume } from '../../hooks/use-resume'
import styles from './Networks.module.css' import styles from './Networks.module.css'
const linkClasses = key => const linkClasses = (key) =>
key === 'Mail' ? `u-email ${styles.link}` : `u-url ${styles.link}` key === 'Mail' ? `u-email ${styles.link}` : `u-url ${styles.link}`
const NetworkLink = ({ name, url }) => ( const NetworkLink = ({ name, url }) => (
@ -35,7 +35,7 @@ function Networks({ small, hide }) {
<Animation className={small ? styles.small : styles.networks}> <Animation className={small ? styles.small : styles.networks}>
<NetworkLink name="Mail" url={`mailto:${basics.email}`} /> <NetworkLink name="Mail" url={`mailto:${basics.email}`} />
{basics.profiles.map(profile => ( {basics.profiles.map((profile) => (
<NetworkLink <NetworkLink
key={profile.network} key={profile.network}
name={profile.network} name={profile.network}

View File

@ -16,7 +16,7 @@ export default function ProjectLinks({ links }) {
</h3> </h3>
<ul> <ul>
{links.map(link => { {links.map((link) => {
const { title, url, icon } = link const { title, url, icon } = link
return ( return (

View File

@ -84,7 +84,7 @@ export default class ProjectNav extends PureComponent {
return ( return (
<StaticQuery <StaticQuery
query={query} query={query}
render={data => { render={(data) => {
const projects = data.allProjectsYaml.edges const projects = data.allProjectsYaml.edges
return ( return (

View File

@ -8,7 +8,7 @@ const ProjectTechstack = ({ techstack }) => (
Tools & Technologies <span>The tech stack I was involved with.</span> Tools & Technologies <span>The tech stack I was involved with.</span>
</h3> </h3>
<ul> <ul>
{techstack.map(tech => ( {techstack.map((tech) => (
<li key={tech}>{tech}</li> <li key={tech}>{tech}</li>
))} ))}
</ul> </ul>

View File

@ -15,7 +15,7 @@ function Repositories({ repos }) {
<section className={styles.section}> <section className={styles.section}>
<h1 className={styles.sectionTitle}>Open Source Projects</h1> <h1 className={styles.sectionTitle}>Open Source Projects</h1>
<div className={styles.repos}> <div className={styles.repos}>
{repos.map(repo => ( {repos.map((repo) => (
<Repository key={repo.name} repo={repo} /> <Repository key={repo.name} repo={repo} />
))} ))}
</div> </div>

View File

@ -32,7 +32,7 @@ export default class NotFound extends Component {
} }
} }
handleClick = e => { handleClick = (e) => {
e.preventDefault() e.preventDefault()
this.getRandomGif() this.getRandomGif()
} }

View File

@ -34,7 +34,7 @@ export default function Header() {
</li> </li>
<li className={styles.languages}> <li className={styles.languages}>
<Icon name="Globe" /> <Icon name="Globe" />
{languages.map(item => ( {languages.map((item) => (
<p key={shortid.generate()}> <p key={shortid.generate()}>
{item.language} {item.language}
<span>{item.fluency}</span> <span>{item.fluency}</span>

View File

@ -7,7 +7,7 @@ import html from 'remark-html'
import breaks from 'remark-breaks' import breaks from 'remark-breaks'
import styles from './ResumeItem.module.css' import styles from './ResumeItem.module.css'
const markdownOutput = text => const markdownOutput = (text) =>
remark() remark()
.use(parse, { gfm: true, commonmark: true, pedantic: true }) .use(parse, { gfm: true, commonmark: true, pedantic: true })
.use(html) .use(html)

View File

@ -24,7 +24,7 @@ export default function Resume() {
</h3> </h3>
</div> </div>
<div> <div>
{work.map(workPlace => ( {work.map((workPlace) => (
<ResumeItem key={shortid.generate()} workPlace={workPlace} /> <ResumeItem key={shortid.generate()} workPlace={workPlace} />
))} ))}
</div> </div>
@ -36,7 +36,7 @@ export default function Resume() {
</h3> </h3>
</div> </div>
<div> <div>
{awards.map(award => ( {awards.map((award) => (
<ResumeItem key={shortid.generate()} award={award} /> <ResumeItem key={shortid.generate()} award={award} />
))} ))}
</div> </div>
@ -48,7 +48,7 @@ export default function Resume() {
</h3> </h3>
</div> </div>
<div> <div>
{education.map(eduPlace => ( {education.map((eduPlace) => (
<ResumeItem key={shortid.generate()} eduPlace={eduPlace} /> <ResumeItem key={shortid.generate()} eduPlace={eduPlace} />
))} ))}
</div> </div>