/setupTests.js'],
17 | snapshotSerializers: ['enzyme-to-json/serializer'],
18 | coverageThreshold: {
19 | global: {
20 | branches: 0,
21 | functions: 75,
22 | lines: 68,
23 | statements: 68,
24 | },
25 | },
26 | };
27 |
--------------------------------------------------------------------------------
/loadershim.js:
--------------------------------------------------------------------------------
1 | global.___loader = {
2 | enqueue: jest.fn(),
3 | };
4 |
--------------------------------------------------------------------------------
/setupTests.js:
--------------------------------------------------------------------------------
1 | import { configure } from 'enzyme';
2 | import Adapter from 'enzyme-adapter-react-16';
3 |
4 | configure({ adapter: new Adapter() });
5 |
--------------------------------------------------------------------------------
/src/components/__tests__/__snapshots__/loader.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Loader renders correctly 1`] = `
4 |
7 |
8 | ↓
9 |
10 |
11 | ↓
12 |
13 |
14 | ↓
15 |
16 |
17 | ↓
18 |
19 |
20 | ↓
21 |
22 |
23 | `;
24 |
--------------------------------------------------------------------------------
/src/components/__tests__/__snapshots__/subtitle.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`Subtitle renders correctly 1`] = `
4 |
7 |
10 | Subtitle
11 |
12 |
18 |
8 |
11 | {children}
12 |
15 |
16 | );
17 | export default Layout;
18 |
19 | Layout.defaultProps = {
20 | children: '',
21 | };
22 |
23 | Layout.propTypes = {
24 | children: PropTypes.element,
25 | };
26 |
--------------------------------------------------------------------------------
/src/components/loader.jsx:
--------------------------------------------------------------------------------
1 | import React, { useRef, useEffect } from 'react';
2 | import gsap from 'gsap';
3 |
4 | const Loader = () => {
5 | const arrow = useRef([]);
6 | useEffect(() => {
7 | const tl = gsap.timeline({ repeat: -1 });
8 | tl.fromTo(
9 | arrow.current,
10 | {
11 | y: 0,
12 | color: '#3b3b4f',
13 | },
14 | {
15 | y: -50,
16 | color: '#d0d0d5',
17 | stagger: 0.1,
18 | duration: 0.5,
19 | ease: 'Linear.easeNone',
20 | },
21 | );
22 | tl.add('cp');
23 | tl.fromTo(
24 | arrow.current,
25 | {
26 | y: -50,
27 | color: '#d0d0d5',
28 | },
29 | {
30 | y: 0,
31 | color: '#3b3b4f',
32 | stagger: 0.1,
33 | duration: 0.5,
34 | ease: 'Linear.easeNone',
35 | },
36 | 'cp-=0.3',
37 | );
38 | });
39 | return (
40 |
41 | {
43 | arrow.current[0] = el;
44 | }}
45 | >
46 | ↓
47 |
48 | {
50 | arrow.current[1] = el;
51 | }}
52 | >
53 | ↓
54 |
55 | {
57 | arrow.current[2] = el;
58 | }}
59 | >
60 | ↓
61 |
62 | {
64 | arrow.current[3] = el;
65 | }}
66 | >
67 | ↓
68 |
69 | {
71 | arrow.current[4] = el;
72 | }}
73 | >
74 | ↓
75 |
76 |
77 | );
78 | };
79 |
80 | export default Loader;
81 |
--------------------------------------------------------------------------------
/src/components/seo.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * SEO component that queries for data with
3 | * Gatsby's useStaticQuery React hook
4 | *
5 | * See: https://www.gatsbyjs.org/docs/use-static-query/
6 | */
7 |
8 | import React from 'react';
9 | import PropTypes from 'prop-types';
10 | import { Helmet } from 'react-helmet';
11 | import { useStaticQuery, graphql } from 'gatsby';
12 |
13 | function SEO({ description, lang, meta, title }) {
14 | const { site } = useStaticQuery(
15 | graphql`
16 | query {
17 | site {
18 | siteMetadata {
19 | title
20 | description
21 | author
22 | }
23 | }
24 | }
25 | `,
26 | );
27 |
28 | const metaDescription = description || site.siteMetadata.description;
29 |
30 | return (
31 |
72 | );
73 | }
74 |
75 | SEO.defaultProps = {
76 | lang: `en`,
77 | meta: [],
78 | description: ``,
79 | };
80 |
81 | SEO.propTypes = {
82 | description: PropTypes.string,
83 | lang: PropTypes.string,
84 | meta: PropTypes.arrayOf(PropTypes.object),
85 | title: PropTypes.string.isRequired,
86 | };
87 |
88 | export default SEO;
89 |
--------------------------------------------------------------------------------
/src/components/subtitle.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import PropTypes from 'prop-types';
3 |
4 | const Subtitle = (props) => {
5 | const { data, handleDataChange } = props;
6 | return (
7 |
8 |
Subtitle
9 |
handleDataChange('subtitle', event)}
14 | />
15 |
8 |
Support
9 |
10 |
11 |
16 |
handleSupportChange('buyMeACoffee', event)}
22 | />
23 |
24 |
25 |
30 |
handleSupportChange('buyMeAKofi', event)}
36 | />
37 |
38 |
39 |
6 |
7 |
NOT FOUND
8 |
You just hit a route that doesn't exist... the sadness.
9 |
21 |
22 |
{frontmatter.title}
23 |
24 |
25 |
46 | 
8 |
9 |
10 | Please note we have a code of conduct, please follow it in all your interactions with the project.
11 |
12 | ## Pull Request Process
13 |
14 | 1. Ensure any install or build dependencies are removed before the end of the layer when doing a
15 | build.
16 | 2. Update the README.md with details of changes to the interface, this includes new environment
17 | variables, exposed ports, useful file locations and container parameters.
18 | 3. Increase the version numbers in any examples files and the README.md to the new version that this
19 | Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
20 | 4. You may merge the Pull Request once you have the sign-off of two other developers, or if you
21 | do not have permission to do that, you may request the second reviewer merge it for you.
22 |
--------------------------------------------------------------------------------
/__mocks__/file-mock.js:
--------------------------------------------------------------------------------
1 | module.exports = 'test-file-stub';
2 |
--------------------------------------------------------------------------------
/__mocks__/gatsby.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | const React = require('react');
3 |
4 | const gatsby = jest.requireActual('gatsby');
5 |
6 | module.exports = {
7 | ...gatsby,
8 | graphql: jest.fn(),
9 | Link: jest.fn().mockImplementation(
10 | // these props are invalid for an `a` tag
11 | ({ activeClassName, activeStyle, getProps, innerRef, partiallyActive, ref, replace, to, ...rest }) =>
12 | React.createElement('a', {
13 | ...rest,
14 | href: to,
15 | }),
16 | ),
17 | StaticQuery: jest.fn(),
18 | useStaticQuery: jest.fn(),
19 | };
20 |
--------------------------------------------------------------------------------
/gatsby-browser.js:
--------------------------------------------------------------------------------
1 | import './src/styles/tailwind.css';
2 | require('prismjs/themes/prism-okaidia.css');
3 |
--------------------------------------------------------------------------------
/gatsby-config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | pathPrefix: `/gh-profile-readme-generator`,
3 | siteMetadata: {
4 | title: `GitHub Profile Readme Generator`,
5 | description: `Prettify your github profile using this amazing readme generator.`,
6 | author: `@rahuldkjain`,
7 | },
8 | plugins: [
9 | `gatsby-plugin-react-helmet`,
10 | {
11 | resolve: `gatsby-source-filesystem`,
12 | options: {
13 | name: `images`,
14 | path: `${__dirname}/src/images`,
15 | },
16 | },
17 | {
18 | resolve: `gatsby-source-filesystem`,
19 | options: {
20 | name: `markdown-pages`,
21 | path: `${__dirname}/src/markdown-pages`,
22 | },
23 | },
24 | {
25 | resolve: `gatsby-transformer-remark`,
26 | options: {
27 | plugins: [`gatsby-remark-prismjs`],
28 | },
29 | },
30 | `gatsby-transformer-sharp`,
31 | `gatsby-plugin-sharp`,
32 | {
33 | resolve: `gatsby-plugin-manifest`,
34 | options: {
35 | name: `gatsby-starter-default`,
36 | short_name: `starter`,
37 | start_url: `/`,
38 | background_color: `#663399`,
39 | theme_color: `#663399`,
40 | display: `minimal-ui`,
41 | icon: `src/images/mdg.png`, // This path is relative to the root of the site.
42 | },
43 | },
44 | {
45 | resolve: `gatsby-plugin-google-analytics`,
46 | options: {
47 | trackingId: 'UA-168596085-3',
48 | // this option places the tracking script into the head of the DOM
49 | head: true,
50 | // other options
51 | },
52 | },
53 | {
54 | resolve: `gatsby-plugin-postcss`,
55 | options: {
56 | postCssPlugins: [require('tailwindcss')],
57 | },
58 | },
59 | {
60 | resolve: `gatsby-plugin-purgecss`,
61 | options: {
62 | printRejected: false,
63 | develop: false,
64 | tailwind: true,
65 | },
66 | },
67 | `gatsby-plugin-twitter`,
68 | ],
69 | // this (optional) plugin enables Progressive Web App + Offline functionality
70 | // To learn more, visit: https://gatsby.dev/offline
71 | // `gatsby-plugin-offline`,
72 | };
73 |
--------------------------------------------------------------------------------
/gatsby-node.js:
--------------------------------------------------------------------------------
1 | exports.createPages = async ({ actions, graphql, reporter }) => {
2 | const { createPage } = actions;
3 |
4 | const blogPostTemplate = require.resolve(`./src/templates/blogTemplate.js`);
5 |
6 | const result = await graphql(`
7 | {
8 | allMarkdownRemark(sort: { order: DESC, fields: [frontmatter___date] }, limit: 1000) {
9 | edges {
10 | node {
11 | frontmatter {
12 | slug
13 | }
14 | }
15 | }
16 | }
17 | }
18 | `);
19 |
20 | // Handle errors
21 | if (result.errors) {
22 | reporter.panicOnBuild(`Error while running GraphQL query.`);
23 | return;
24 | }
25 |
26 | result.data.allMarkdownRemark.edges.forEach(({ node }) => {
27 | createPage({
28 | path: node.frontmatter.slug,
29 | component: blogPostTemplate,
30 | context: {
31 | // additional data can be passed via context
32 | slug: node.frontmatter.slug,
33 | },
34 | });
35 | });
36 | };
37 |
--------------------------------------------------------------------------------
/jest-preprocess.js:
--------------------------------------------------------------------------------
1 | const babelOptions = {
2 | presets: ['babel-preset-gatsby'],
3 | };
4 |
5 | module.exports = require('babel-jest').createTransformer(babelOptions);
6 |
--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | transform: {
3 | '^.+\\.jsx?$': `