kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-06-17 01:52:02 +02:00
Code Issues Projects Releases Wiki Activity

Add way to disable site modules in config

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-12-13 17:17:17 +00:00 • committed by GitHub
parent a972bf6234
commit f704547b25
8 changed files with 359 additions and 210 deletions
Download patch file Download diff file Expand all files Collapse all files

5
config.js
View file

@ -3,6 +3,11 @@ module.exports = {
siteName: "KevinK.dev", siteName: "KevinK.dev",
siteAuthor: "@Unkn0wnKevin", siteAuthor: "@Unkn0wnKevin",
siteURL: "https://kevink.dev", siteURL: "https://kevink.dev",
modules: {
blog: true,
projects: true,
donation: true,
},
payPalMail: "kevin@1in9.net", payPalMail: "kevin@1in9.net",
siteKeywords: siteKeywords:
"Kevin Kandlbinder, Kevin, Kandlbinder, Web, Web Developer, Developer, JavaScript, PHP, Java, Photos, Fotos", "Kevin Kandlbinder, Kevin, Kandlbinder, Web, Web Developer, Developer, JavaScript, PHP, Java, Photos, Fotos",

175
gatsby-config.js
View file

@ -1,11 +1,101 @@
/* eslint-disable no-undef */ /* eslint-disable no-undef */
const extConfig = require("./config"); const extConfig = require("./config");
const dynamicPlugins = [];
if (extConfig.modules.blog) {
dynamicPlugins.push({
resolve: `gatsby-plugin-feed`,
options: {
query: `
{
site {
siteMetadata {
title
description
siteUrl
site_url: siteUrl
}
}
}
`,
feeds: [
{
serialize: ({ query: { site, blog } }) => {
return blog.nodes.map((node) => {
if (!node.childMdx) return null;
return {
title: node.childMdx.frontmatter.title,
description: node.childMdx.excerpt,
date: node.childMdx.frontmatter.date,
url:
site.siteMetadata.siteUrl +
`/${
node.childMdx.frontmatter.language
}/blog/${
node.childMdx.frontmatter.section
? node.childMdx.frontmatter
.section + "/"
: ""
}${node.childMdx.frontmatter.published}/${
node.childMdx.frontmatter.url
}`,
guid:
site.siteMetadata.siteUrl +
`/${
node.childMdx.frontmatter.language
}/blog/${
node.childMdx.frontmatter.section
? node.childMdx.frontmatter
.section + "/"
: ""
}${node.childMdx.frontmatter.published}/${
node.childMdx.frontmatter.url
}`,
category: node.childMdx.frontmatter.section,
};
});
},
query: `
{
blog: allFile(
filter: { sourceInstanceName: { eq: "blogContent" } }
) {
nodes {
childMdx {
id
body
excerpt
frontmatter {
platform
tags
title
url
section
language
published(formatString: "YYYY/MM")
date: published
}
}
}
}
}
`,
output: "/blog/feed.rss",
title: extConfig.siteName + " Blog",
},
],
},
});
}
module.exports = { module.exports = {
siteMetadata: { siteMetadata: {
title: extConfig.siteName, title: extConfig.siteName,
author: extConfig.siteAuthor, author: extConfig.siteAuthor,
siteUrl: extConfig.siteURL, siteUrl: extConfig.siteURL,
modules: extConfig.modules,
keywords: extConfig.siteKeywords, keywords: extConfig.siteKeywords,
payPalMail: extConfig.payPalMail, payPalMail: extConfig.payPalMail,
contactEmail: extConfig.contactEmail, contactEmail: extConfig.contactEmail,
@ -146,89 +236,6 @@ module.exports = {
generateMatchPathRewrites: false, generateMatchPathRewrites: false,
}, },
}, },
{ ...dynamicPlugins,
resolve: `gatsby-plugin-feed`,
options: {
query: `
{
site {
siteMetadata {
title
description
siteUrl
site_url: siteUrl
}
}
}
`,
feeds: [
{
serialize: ({ query: { site, blog } }) => {
return blog.nodes.map((node) => {
if (!node.childMdx) return null;
return {
title: node.childMdx.frontmatter.title,
description: node.childMdx.excerpt,
date: node.childMdx.frontmatter.date,
url:
site.siteMetadata.siteUrl +
`/${
node.childMdx.frontmatter.language
}/blog/${
node.childMdx.frontmatter.section
? node.childMdx.frontmatter
.section + "/"
: ""
}${
node.childMdx.frontmatter.published
}/${node.childMdx.frontmatter.url}`,
guid:
site.siteMetadata.siteUrl +
`/${
node.childMdx.frontmatter.language
}/blog/${
node.childMdx.frontmatter.section
? node.childMdx.frontmatter
.section + "/"
: ""
}${
node.childMdx.frontmatter.published
}/${node.childMdx.frontmatter.url}`,
category: node.childMdx.frontmatter.section,
};
});
},
query: `
{
blog: allFile(
filter: { sourceInstanceName: { eq: "blogContent" } }
) {
nodes {
childMdx {
id
body
excerpt
frontmatter {
platform
tags
title
url
section
language
published(formatString: "YYYY/MM")
date: published
}
}
}
}
}
`,
output: "/blog/feed.rss",
title: extConfig.siteName + " Blog",
},
],
},
},
], ],
}; };

121
gatsby-node.js
View file

@ -2,6 +2,8 @@
const path = require(`path`); const path = require(`path`);
const { paginate } = require("gatsby-awesome-pagination"); const { paginate } = require("gatsby-awesome-pagination");
const { modules: moduleConfig, languages } = require("./config.js");
exports.createPages = async ({ actions, graphql, reporter }) => { exports.createPages = async ({ actions, graphql, reporter }) => {
const { createPage, createRedirect } = actions; const { createPage, createRedirect } = actions;
@ -48,6 +50,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
return; return;
} }
if (moduleConfig.projects) {
activity.setStatus("Generating project pages..."); activity.setStatus("Generating project pages...");
result.data.allProjectsJson.nodes.forEach((node) => { result.data.allProjectsJson.nodes.forEach((node) => {
@ -66,15 +69,19 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
}, },
}); });
}); });
}
if (moduleConfig.blog) {
activity.setStatus("Generating blog pages..."); activity.setStatus("Generating blog pages...");
const blogListingTemplate = path.resolve(`src/templates/blogListing.js`); const blogListingTemplate = path.resolve(
`src/templates/blogListing.js`
);
const blogTemplate = path.resolve(`src/templates/blogPost.js`); const blogTemplate = path.resolve(`src/templates/blogPost.js`);
reporter.info("Creating blog listings..."); reporter.info("Creating blog listings...");
["en", "de"].forEach((lang) => languages.forEach((lang) =>
paginate({ paginate({
createPage, createPage,
items: result.data.blog.nodes, items: result.data.blog.nodes,
@ -105,7 +112,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
"..." "..."
); );
["en", "de"].forEach((lang) => languages.forEach((lang) =>
paginate({ paginate({
createPage, createPage,
items: result.data.blog.nodes.filter( items: result.data.blog.nodes.filter(
@ -146,7 +153,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
}, },
}); });
["en", "de"].forEach((lang) => { languages.forEach((lang) => {
if (lang === node.childMdx.frontmatter.language) return; if (lang === node.childMdx.frontmatter.language) return;
createRedirect({ createRedirect({
@ -184,7 +191,113 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
} }
}); });
}); });
}
activity.setStatus("Pages generated."); activity.setStatus("Pages generated.");
activity.end(); activity.end();
}; };
exports.onCreatePage = ({ page, actions: { deletePage } }) => {
if (!moduleConfig.projects) {
if (page.path.startsWith("/projects")) {
deletePage(page);
return;
}
languages.forEach((lng) => {
if (page.path.startsWith(`/${lng}/projects`)) {
deletePage(page);
}
});
}
if (!moduleConfig.donation) {
if (page.path.startsWith("/donate")) {
deletePage(page);
return;
}
languages.forEach((lng) => {
if (page.path.startsWith(`/${lng}/donate`)) {
deletePage(page);
}
});
}
if (!moduleConfig.blog) {
if (page.path.startsWith("/blog")) {
deletePage(page);
return;
}
languages.forEach((lng) => {
if (page.path.startsWith(`/${lng}/blog`)) {
deletePage(page);
}
});
}
};
exports.createSchemaCustomization = ({ actions }) => {
const { createTypes } = actions;
const typeDefs = `
type MultiLocaleString {
en: String
de: String
}
type CareerJson implements Node {
type: String
title: MultiLocaleString
sortDate(difference: String
formatString: String
fromNow: Boolean
locale: String): Date
startDate: MultiLocaleString
endDate: MultiLocaleString
description: MultiLocaleString
externalLink: String
}
type FriendsJson implements Node {
profession: String
name: String
url: String
imageURL: String
localImage: File
}
type ProjectsJsonLinks {
website: String
github: String
}
type ProjectsJson implements Node {
urlname: String
lang: String
name: String
shortDescription: String
links: ProjectsJsonLinks
#image: File
featured: Int
date: String
}
type SocialsJson implements Node {
platformName: String
platformHandle: String
url: String
image: String
localImage: File
}
type SkillsJson implements Node {
name: String
href: String
type: String
}
`;
createTypes(typeDefs);
};

7
src/components/navigation.js
View file

@ -7,12 +7,15 @@ import { graphql, StaticQuery } from "gatsby";
import * as styles from "./navigation.module.scss"; import * as styles from "./navigation.module.scss";
import { Fade as Hamburger } from "hamburger-react"; import { Fade as Hamburger } from "hamburger-react";
import OffScreenNav from "./offscreenNav"; import OffScreenNav from "./offscreenNav";
import useSiteMetadata from "../helpers/useSiteMetadata";
const Navigation = ({ isHome }) => { const Navigation = ({ isHome }) => {
let [atTop, setAtTop] = useState(false); let [atTop, setAtTop] = useState(false);
const [offscreenNavActive, setOffscreenNavActive] = useState(false); const [offscreenNavActive, setOffscreenNavActive] = useState(false);
const { t } = useTranslation(); const { t } = useTranslation();
const { modules } = useSiteMetadata();
const closeOffscreenNav = () => setOffscreenNavActive(false); const closeOffscreenNav = () => setOffscreenNavActive(false);
const updateTransparency = () => { const updateTransparency = () => {
@ -87,15 +90,19 @@ const Navigation = ({ isHome }) => {
<Link to="/about" activeClassName={styles.active}> <Link to="/about" activeClassName={styles.active}>
<Trans>about.title</Trans> <Trans>about.title</Trans>
</Link> </Link>
{modules.projects && (
<Link to="/projects" activeClassName={styles.active}> <Link to="/projects" activeClassName={styles.active}>
<Trans>project.plural</Trans> <Trans>project.plural</Trans>
</Link> </Link>
)}
<Link to="/social" activeClassName={styles.active}> <Link to="/social" activeClassName={styles.active}>
<Trans>social.title</Trans> <Trans>social.title</Trans>
</Link> </Link>
{modules.blog && (
<Link to="/blog" activeClassName={styles.active}> <Link to="/blog" activeClassName={styles.active}>
<Trans>blog.title</Trans> <Trans>blog.title</Trans>
</Link> </Link>
)}
<div className={styles.hamburger}> <div className={styles.hamburger}>
<Hamburger <Hamburger
toggle={setOffscreenNavActive} toggle={setOffscreenNavActive}

7
src/components/offscreenNav.js
View file

@ -6,9 +6,12 @@ import { createPortal } from "react-dom";
import * as styles from "./navigation.module.scss"; import * as styles from "./navigation.module.scss";
import { X } from "lucide-react"; import { X } from "lucide-react";
import useSiteMetadata from "../helpers/useSiteMetadata";
const OffScreenNav = ({ active, close }) => { const OffScreenNav = ({ active, close }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const { modules } = useSiteMetadata();
if (typeof document === "undefined") return <></>; if (typeof document === "undefined") return <></>;
return createPortal( return createPortal(
@ -34,15 +37,19 @@ const OffScreenNav = ({ active, close }) => {
<Link to="/about" activeClassName={styles.active}> <Link to="/about" activeClassName={styles.active}>
<Trans>about.title</Trans> <Trans>about.title</Trans>
</Link> </Link>
{modules.projects && (
<Link to="/projects" activeClassName={styles.active}> <Link to="/projects" activeClassName={styles.active}>
<Trans>project.plural</Trans> <Trans>project.plural</Trans>
</Link> </Link>
)}
<Link to="/social" activeClassName={styles.active}> <Link to="/social" activeClassName={styles.active}>
<Trans>social.title</Trans> <Trans>social.title</Trans>
</Link> </Link>
{modules.blog && (
<Link to="/blog" activeClassName={styles.active}> <Link to="/blog" activeClassName={styles.active}>
<Trans>blog.title</Trans> <Trans>blog.title</Trans>
</Link> </Link>
)}
</div> </div>
</div>, </div>,
document.getElementById("osnav") document.getElementById("osnav")

5
src/helpers/useSiteMetadata.js
View file

@ -26,6 +26,11 @@ const useSiteMetadata = () => {
height height
nationality nationality
sameAs sameAs
modules {
blog
projects
donation
}
} }
} }
} }

4
src/pages/about.js
View file

@ -18,6 +18,7 @@ import {
Loader, Loader,
} from "lucide-react"; } from "lucide-react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import useSiteMetadata from "../helpers/useSiteMetadata";
export const query = graphql` export const query = graphql`
query GetProjectsAndSkills($language: String) { query GetProjectsAndSkills($language: String) {
@ -98,6 +99,7 @@ export const query = graphql`
const AboutPage = (props) => { const AboutPage = (props) => {
const { t, i18n } = useTranslation(); const { t, i18n } = useTranslation();
const { modules } = useSiteMetadata();
let file = props.data.file; let file = props.data.file;
@ -291,6 +293,7 @@ const AboutPage = (props) => {
</div> </div>
</div> </div>
</section> </section>
{modules.donation && (
<Link className={styles.donationSection} to="/donate"> <Link className={styles.donationSection} to="/donate">
<div> <div>
<span> <span>
@ -299,6 +302,7 @@ const AboutPage = (props) => {
<ArrowRight /> <ArrowRight />
</div> </div>
</Link> </Link>
)}
</Layout> </Layout>
); );
}; };

1
src/pages/projects.js
View file

@ -45,6 +45,7 @@ export const query = graphql`
const ProjectsPage = ({ data }) => { const ProjectsPage = ({ data }) => {
const { t } = useI18next(); const { t } = useI18next();
const meta = useSiteMetadata(); const meta = useSiteMetadata();
return ( return (
<Layout <Layout
title={t("project.plural")} title={t("project.plural")}