kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-28 09:46:52 +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
Show stats 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",
siteAuthor: "@Unkn0wnKevin",
siteURL: "https://kevink.dev",
modules: {
blog: true,
projects: true,
donation: true,
},
payPalMail: "kevin@1in9.net",
siteKeywords:
"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 */
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 = {
siteMetadata: {
title: extConfig.siteName,
author: extConfig.siteAuthor,
siteUrl: extConfig.siteURL,
modules: extConfig.modules,
keywords: extConfig.siteKeywords,
payPalMail: extConfig.payPalMail,
contactEmail: extConfig.contactEmail,
@ -146,89 +236,6 @@ module.exports = {
generateMatchPathRewrites: false,
},
},
{
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",
},
],
},
},
...dynamicPlugins,
],
};

121
gatsby-node.js
View file

@ -2,6 +2,8 @@
const path = require(`path`);
const { paginate } = require("gatsby-awesome-pagination");
const { modules: moduleConfig, languages } = require("./config.js");
exports.createPages = async ({ actions, graphql, reporter }) => {
const { createPage, createRedirect } = actions;
@ -48,6 +50,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
return;
}
if (moduleConfig.projects) {
activity.setStatus("Generating project pages...");
result.data.allProjectsJson.nodes.forEach((node) => {
@ -66,15 +69,19 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
},
});
});
}
if (moduleConfig.blog) {
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`);
reporter.info("Creating blog listings...");
["en", "de"].forEach((lang) =>
languages.forEach((lang) =>
paginate({
createPage,
items: result.data.blog.nodes,
@ -105,7 +112,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
"..."
);
["en", "de"].forEach((lang) =>
languages.forEach((lang) =>
paginate({
createPage,
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;
createRedirect({
@ -184,7 +191,113 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
}
});
});
}
activity.setStatus("Pages generated.");
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 { Fade as Hamburger } from "hamburger-react";
import OffScreenNav from "./offscreenNav";
import useSiteMetadata from "../helpers/useSiteMetadata";
const Navigation = ({ isHome }) => {
let [atTop, setAtTop] = useState(false);
const [offscreenNavActive, setOffscreenNavActive] = useState(false);
const { t } = useTranslation();
const { modules } = useSiteMetadata();
const closeOffscreenNav = () => setOffscreenNavActive(false);
const updateTransparency = () => {
@ -87,15 +90,19 @@ const Navigation = ({ isHome }) => {
<Link to="/about" activeClassName={styles.active}>
<Trans>about.title</Trans>
</Link>
{modules.projects && (
<Link to="/projects" activeClassName={styles.active}>
<Trans>project.plural</Trans>
</Link>
)}
<Link to="/social" activeClassName={styles.active}>
<Trans>social.title</Trans>
</Link>
{modules.blog && (
<Link to="/blog" activeClassName={styles.active}>
<Trans>blog.title</Trans>
</Link>
)}
<div className={styles.hamburger}>
<Hamburger
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 { X } from "lucide-react";
import useSiteMetadata from "../helpers/useSiteMetadata";
const OffScreenNav = ({ active, close }) => {
const { t } = useTranslation();
const { modules } = useSiteMetadata();
if (typeof document === "undefined") return <></>;
return createPortal(
@ -34,15 +37,19 @@ const OffScreenNav = ({ active, close }) => {
<Link to="/about" activeClassName={styles.active}>
<Trans>about.title</Trans>
</Link>
{modules.projects && (
<Link to="/projects" activeClassName={styles.active}>
<Trans>project.plural</Trans>
</Link>
)}
<Link to="/social" activeClassName={styles.active}>
<Trans>social.title</Trans>
</Link>
{modules.blog && (
<Link to="/blog" activeClassName={styles.active}>
<Trans>blog.title</Trans>
</Link>
)}
</div>
</div>,
document.getElementById("osnav")

5
src/helpers/useSiteMetadata.js
View file

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

4
src/pages/about.js
View file

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

1
src/pages/projects.js
View file

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