15 |
33 | );
34 | }
35 |
36 | export default AboutAuthor;
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/avatar.tsx:
--------------------------------------------------------------------------------
1 | import { resizeImage } from '@starter-kit/utils/image';
2 | import { DEFAULT_AVATAR } from '../utils/const';
3 |
4 | type Props = {
5 | username: string;
6 | name: string;
7 | picture: string | null | undefined;
8 | size: number;
9 | };
10 |
11 | export const Avatar = ({ username, name, picture, size }: Props) => {
12 | return (
13 |
16 |
32 |
17 |
31 | 18 | Written by 19 |
20 |
21 | {allAuthors.map((_author) => {
22 | return (
23 |
30 |
14 |
24 | 
29 |
30 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/container.tsx:
--------------------------------------------------------------------------------
1 | type Props = {
2 | children?: React.ReactNode;
3 | className?: string;
4 | };
5 |
6 | export const Container = ({ children, className }: Props) => {
7 | return
31 |
32 | {name}
33 |
34 |
35 | {children}
;
8 | };
9 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/contexts/appContext.tsx:
--------------------------------------------------------------------------------
1 | import React, { createContext, useContext } from 'react';
2 | import {
3 | PostFullFragment,
4 | PublicationFragment,
5 | SeriesPostsByPublicationQuery,
6 | StaticPageFragment,
7 | } from '../../generated/graphql';
8 |
9 | type AppContext = {
10 | publication: PublicationFragment;
11 | post: PostFullFragment | null;
12 | page: StaticPageFragment | null;
13 | series: NonNullable
16 |
25 | );
26 | return (
27 |
28 | {slug ? (
29 |
30 | {image}
31 |
32 | ) : (
33 | image
34 | )}
35 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/date-formatter.tsx:
--------------------------------------------------------------------------------
1 | import { format, parseISO } from 'date-fns';
2 |
3 | type Props = {
4 | dateString: string;
5 | };
6 |
7 | export const DateFormatter = ({ dateString }: Props) => {
8 | if (!dateString) return <>;
9 | const date = parseISO(dateString);
10 |
11 | return (
12 | <>
13 |
14 |
15 | );
16 | };
17 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/index.js:
--------------------------------------------------------------------------------
1 | export * from './svgs';
2 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/ArticleSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class ArticleSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/BookOpenSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class BookOpenSVG extends React.Component {
4 | render() {
5 | return (
6 |
9 | );
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/ChevronDownSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class ChevronDownSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/CloseSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class CloseSVG extends React.Component {
4 | render() {
5 | return (
6 |
9 | );
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/ExternalArrowSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class ExternalArrowSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/GithubSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class GithubSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/HamburgerSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class HamburgerSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/HashnodeSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class HashnodeSVG extends React.Component {
4 | render() {
5 | return (
6 |
18 | );
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/LinkedinSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class LinkedinSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/PlusCircleSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class PlusCircleSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/RssSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class RssSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/XSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class XSVG extends React.Component {
4 | render() {
5 | return (
6 |
14 | );
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/icons/svgs/index.js:
--------------------------------------------------------------------------------
1 | import ArticleSVG from './ArticleSVG';
2 | import ChevronDownSVG from './ChevronDownSVG';
3 | import ExternalArrowSVG from './ExternalArrowSVG';
4 | import GithubSVG from './GithubSVG';
5 | import HashnodeSVG from './HashnodeSVG';
6 | import LinkedinSVG from './LinkedinSVG';
7 | import NewsletterPlusSVG from './NewsletterPlusSVG';
8 | import PlusCircleSVG from './PlusCircleSVG';
9 | import RssSVG from './RssSVG';
10 | import XSVG from './XSVG';
11 |
12 | export {
13 | ArticleSVG,
14 | ChevronDownSVG,
15 | ExternalArrowSVG,
16 | GithubSVG,
17 | HashnodeSVG,
18 | LinkedinSVG,
19 | NewsletterPlusSVG,
20 | PlusCircleSVG,
21 | RssSVG,
22 | XSVG,
23 | };
24 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/layout.tsx:
--------------------------------------------------------------------------------
1 | import { Analytics } from './analytics';
2 | import { Integrations } from './integrations';
3 | import { Meta } from './meta';
4 | import { Scripts } from './scripts';
5 |
6 | type Props = {
7 | children: React.ReactNode;
8 | };
9 |
10 | export const Layout = ({ children }: Props) => {
11 | return (
12 | <>
13 |
14 |
16 | {children}
17 |
18 | 14 | More Posts 15 |
16 | )} 17 |
18 | {posts.map((post) => (
19 |
33 |
7 |
10 | );
11 | };
12 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/post-read-time-in-minutes.tsx:
--------------------------------------------------------------------------------
1 | import BookOpenSVG from './icons/svgs/BookOpenSVG';
2 |
3 | type Props = { readTimeInMinutes: number };
4 |
5 | export const ReadTimeInMinutes = ({ readTimeInMinutes }: Props) => {
6 | return (
7 | <>
8 |
9 |
10 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/publication-logo.tsx:
--------------------------------------------------------------------------------
1 | import { resizeImage } from '@starter-kit/utils/image';
2 | import Link from 'next/link';
3 | import { useAppContext } from './contexts/appContext';
4 | import { PublicationFragment } from '../generated/graphql';
5 |
6 | const getPublicationLogo = (publication: PublicationFragment, isSidebar?: boolean) => {
7 | if (isSidebar) {
8 | return publication.preferences.logo; // Always display light mode logo in sidebar
9 | }
10 | return publication.preferences.darkMode?.logo || publication.preferences.logo;
11 | }
12 |
13 | export const PublicationLogo = ({ isSidebar }: { isSidebar?: boolean }) => {
14 | const { publication } = useAppContext();
15 | const PUBLICATION_LOGO = getPublicationLogo(publication, isSidebar);
16 |
17 | return (
18 | {children}
11 |
19 |
24 | {PUBLICATION_LOGO ? (
25 | <>
26 | 
31 | Blog
32 |
33 | ) : (
34 |
39 | {publication.title}
40 |
41 | )}
42 |
43 |
44 | );
45 | };
46 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/components/resizable-image.js:
--------------------------------------------------------------------------------
1 | import { ProgressiveImage } from './progressive-image';
2 |
3 | function ResizableImage(props) {
4 | const { src, alt, resize, className, ...restOfTheProps } = props;
5 |
6 | return (
7 | ; 3 | }; 4 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/enterprise/components/subscribe.tsx: -------------------------------------------------------------------------------- 1 | import * as Popover from '@radix-ui/react-popover'; 2 | import { Button } from './button'; 3 | import { NewsletterPlusSVG } from './icons'; 4 | import { SubscribeForm } from './subscribe-form'; 5 | 6 | export const Subscribe = () => { 7 | return ( 8 |
9 |
10 |
11 | }
15 | className="!bg-white dark:!bg-neutral-950"
16 | />
17 |
18 |
19 |
24 |
29 |
30 |
31 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/fragments/PageInfo.graphql:
--------------------------------------------------------------------------------
1 | fragment PageInfo on PageInfo {
2 | endCursor
3 | hasNextPage
4 | }
5 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/fragments/Post.graphql:
--------------------------------------------------------------------------------
1 | fragment Post on Post {
2 | id
3 | title
4 | url
5 | author {
6 | name
7 | profilePicture
8 | }
9 | coverImage {
10 | url
11 | }
12 | publishedAt
13 | slug
14 | brief
15 | }
16 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/fragments/Publication.graphql:
--------------------------------------------------------------------------------
1 | fragment Publication on Publication {
2 | id
3 | title
4 | displayTitle
5 | url
6 | metaTags
7 | favicon
8 | isTeam
9 | followersCount
10 | descriptionSEO
11 | author {
12 | name
13 | username
14 | profilePicture
15 | followersCount
16 | }
17 | ogMetaData {
18 | image
19 | }
20 | preferences {
21 | logo
22 | darkMode {
23 | logo
24 | }
25 | navbarItems {
26 | id
27 | type
28 | label
29 | url
30 | }
31 | }
32 | links {
33 | twitter
34 | github
35 | linkedin
36 | hashnode
37 | }
38 | integrations {
39 | umamiWebsiteUUID
40 | gaTrackingID
41 | fbPixelID
42 | hotjarSiteID
43 | matomoURL
44 | matomoSiteID
45 | fathomSiteID
46 | gTagManagerID
47 | fathomCustomDomain
48 | fathomCustomDomainEnabled
49 | plausibleAnalyticsEnabled
50 | koalaPublicKey
51 | msClarityID
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/mutations/SubscribeToNewsletter.graphql:
--------------------------------------------------------------------------------
1 | mutation SubscribeToNewsletter($input: SubscribeToNewsletterInput!) {
2 | subscribeToNewsletter(input: $input) {
3 | status
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/DraftById.graphql:
--------------------------------------------------------------------------------
1 | query DraftById($id: ObjectId!) {
2 | draft(id: $id) {
3 | id
4 | title
5 | content {
6 | markdown
7 | }
8 | author {
9 | id
10 | name
11 | username
12 | profilePicture
13 | }
14 | coverImage {
15 | url
16 | }
17 | readTimeInMinutes
18 | dateUpdated
19 | tags {
20 | id
21 | name
22 | slug
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/PageByPublication.graphql:
--------------------------------------------------------------------------------
1 | query PageByPublication($slug: String!, $host: String!) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: 0) {
5 | totalDocuments
6 | }
7 | staticPage(slug: $slug) {
8 | ...StaticPage
9 | }
10 | }
11 | }
12 |
13 | fragment StaticPage on StaticPage {
14 | id
15 | title
16 | slug
17 | content {
18 | markdown
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/PostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query PostsByPublication($host: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: $first, after: $after) {
5 | totalDocuments
6 | edges {
7 | node {
8 | ...Post
9 | }
10 | }
11 | pageInfo {
12 | ...PageInfo
13 | }
14 | }
15 | }
16 | }
17 |
18 | query MorePostsByPublication($host: String!, $first: Int!, $after: String) {
19 | publication(host: $host) {
20 | posts(first: $first, after: $after) {
21 | edges {
22 | node {
23 | ...Post
24 | comments(first: 0) {
25 | totalDocuments
26 | }
27 | }
28 | }
29 | pageInfo {
30 | ...PageInfo
31 | }
32 | }
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/PublicationByHost.graphql:
--------------------------------------------------------------------------------
1 | query PublicationByHost($host: String!) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first:0) {
5 | totalDocuments
6 | }
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/RSSFeed.graphql:
--------------------------------------------------------------------------------
1 | query RSSFeed($host: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: $first, after: $after) {
5 | edges {
6 | node {
7 | id
8 | title
9 | url
10 | slug
11 | content {
12 | html
13 | }
14 | tags {
15 | id
16 | name
17 | slug
18 | }
19 | author {
20 | name
21 | username
22 | }
23 | }
24 | }
25 | pageInfo {
26 | ...PageInfo
27 | }
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/SearchPostsOfPublication.graphql:
--------------------------------------------------------------------------------
1 | query SearchPostsOfPublication($first: Int!, $filter: SearchPostsOfPublicationFilter!) {
2 | searchPostsOfPublication(first: $first, filter: $filter) {
3 | edges {
4 | cursor
5 | node {
6 | id
7 | brief
8 | title
9 | cuid
10 | slug
11 | coverImage {
12 | url
13 | }
14 | author {
15 | id
16 | name
17 | }
18 | publication {
19 | title
20 | url
21 | }
22 | }
23 | }
24 | pageInfo {
25 | ...PageInfo
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/SeriesPostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query SeriesPostsByPublication($host: String!, $seriesSlug: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: 0) {
5 | totalDocuments
6 | }
7 | series(slug: $seriesSlug) {
8 | ...Series
9 | }
10 | }
11 | }
12 |
13 | fragment Series on Series {
14 | id
15 | name
16 | slug
17 | description {
18 | html
19 | }
20 | coverImage
21 | posts(first: $first, after: $after) {
22 | edges {
23 | node {
24 | ...Post
25 | }
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/Sitemap.graphql:
--------------------------------------------------------------------------------
1 | query Sitemap($host: String!, $postsCount: Int!, $postsAfter: String, $staticPagesCount: Int!) {
2 | publication(host: $host) {
3 | id
4 | url
5 | staticPages(first: $staticPagesCount) {
6 | edges {
7 | node {
8 | slug
9 | }
10 | }
11 | }
12 | posts(first: $postsCount, after: $postsAfter) {
13 | edges {
14 | node {
15 | ...RequiredSitemapPostFields
16 | }
17 | }
18 | pageInfo {
19 | ...PageInfo
20 | }
21 | }
22 | }
23 | }
24 |
25 | query MoreSitemapPosts($host: String!, $postsCount: Int!, $postsAfter: String) {
26 | publication(host: $host) {
27 | id
28 | posts(first: $postsCount, after: $postsAfter) {
29 | edges {
30 | node {
31 | ...RequiredSitemapPostFields
32 | }
33 | }
34 | pageInfo {
35 | ...PageInfo
36 | }
37 | }
38 | }
39 | }
40 |
41 | fragment RequiredSitemapPostFields on Post {
42 | id
43 | url
44 | slug
45 | publishedAt
46 | updatedAt
47 | tags {
48 | id
49 | name
50 | slug
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/SlugPostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query SlugPostsByPublication($host: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: $first, after: $after) {
5 | edges {
6 | node {
7 | slug
8 | }
9 | }
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/lib/api/queries/TagPostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query TagPostsByPublication(
2 | $host: String!
3 | $tagSlug: String!
4 | $first: Int!
5 | $after: String
6 | ) {
7 | publication(host: $host) {
8 | ...Publication
9 | posts(first: $first, filter: { tagSlugs: [$tagSlug] }, after: $after) {
10 | totalDocuments
11 | edges {
12 | node {
13 | ...Post
14 | }
15 | }
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/enterprise/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import { AppProps } from 'next/app';
2 | import { useEffect } from 'react';
3 | import '../styles/index.css';
4 |
5 | export default function MyApp({ Component, pageProps }: AppProps) {
6 | useEffect(() => {
7 | (window as any).adjustIframeSize = (id: string, newHeight: string) => {
8 | const i = document.getElementById(id);
9 | if (!i) return;
10 | // eslint-disable-next-line radix
11 | i.style.height = `${parseInt(newHeight)}px`;
12 | };
13 | }, []);
14 | return 25 | Subscribe to our newsletter for updates and changelog. 26 |
27 |
15 |
33 | );
34 | }
35 |
36 | export default AboutAuthor;
37 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/components/container.tsx:
--------------------------------------------------------------------------------
1 | type Props = {
2 | children?: React.ReactNode;
3 | className?: string;
4 | };
5 |
6 | export const Container = ({ children, className }: Props) => {
7 | return
16 |
32 |
17 |
31 | 18 | Written by 19 |
20 |
21 | {allAuthors.map((_author) => {
22 | return (
23 |
30 | {children}
;
8 | };
9 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/components/contexts/appContext.tsx:
--------------------------------------------------------------------------------
1 | import React, { createContext, useContext } from 'react';
2 | import {
3 | PostFullFragment,
4 | PublicationFragment,
5 | SeriesPageInitialQuery,
6 | StaticPageFragment,
7 | } from '../../generated/graphql';
8 |
9 | type AppContext = {
10 | publication: PublicationFragment;
11 | post: PostFullFragment | null;
12 | page: StaticPageFragment | null;
13 | series: NonNullable
16 | {children}
17 |
18 |
25 |
27 | )}
28 | The comments have been disabled by the author for this article
26 |
20 |
32 | );
33 | };
34 |
35 | export default PublicationMeta;
36 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/components/publication-social-link-item.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { twJoin } from 'tailwind-merge';
3 |
4 | type Props = {
5 | href: string;
6 | labelText: string;
7 | children: React.ReactElement | null;
8 | isSidebar?: boolean;
9 | };
10 |
11 | function PublicationSocialLinkItem(props: Props) {
12 | const { href, labelText, children, isSidebar } = props;
13 |
14 | return (
15 |
30 | {children}
31 |
32 | );
33 | }
34 |
35 | export default PublicationSocialLinkItem;
36 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/components/resizable-image.js:
--------------------------------------------------------------------------------
1 | import { ProgressiveImage } from './progressive-image';
2 |
3 | function ResizableImage(props) {
4 | const { src, alt, resize, className, ...restOfTheProps } = props;
5 |
6 | return (
7 |
21 |
31 |
22 | {aboutHTML ? (
23 |
28 | ) : null}
29 |
30 | ; 3 | }; 4 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/hashnode/components/separator-root.js: -------------------------------------------------------------------------------- 1 | import { Root as SeparatorRoot } from '@radix-ui/react-separator'; 2 | import { twMerge } from 'tailwind-merge'; 3 | 4 | export const Separator = ({ className, ...props }) => ( 5 |
12 |
27 | );
28 | }
29 |
30 | export default StaticPageContent;
31 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/components/toast.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { twJoin } from 'tailwind-merge';
3 |
4 | import { CheckSVG, CloseSVG, AlertSVG } from './icons/svgs';
5 |
6 | export default class Toast extends React.Component {
7 | constructor(props, context) {
8 | super(props, context);
9 | this.state = {};
10 | this.classNameMap = {
11 | success: `bg-green-600`,
12 | error: `bg-red-600`,
13 | warning: `bg-yellow-500`,
14 | };
15 | }
16 |
17 | render() {
18 | const { type, title, message, closeToast } = this.props;
19 | return (
20 |
15 |
26 | 18 | {title} 19 |
20 | 25 |
27 |
37 | );
38 | }
39 | }
40 |
41 | export { Toast };
42 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/fragments/Draft.graphql:
--------------------------------------------------------------------------------
1 | fragment Draft on Draft {
2 | id
3 | title
4 | canonicalUrl
5 | subtitle
6 | features {
7 | tableOfContents {
8 | isEnabled
9 | items {
10 | id
11 | level
12 | parentId
13 | slug
14 | title
15 | }
16 | }
17 | }
18 | content {
19 | markdown
20 | }
21 | coverImage {
22 | url
23 | }
24 | author {
25 | id
26 | name
27 | username
28 | profilePicture
29 | }
30 | updatedAt
31 | tags {
32 | id
33 | name
34 | slug
35 | }
36 | }
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/fragments/PageInfo.graphql:
--------------------------------------------------------------------------------
1 | fragment PageInfo on PageInfo {
2 | endCursor
3 | hasNextPage
4 | }
5 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/fragments/Post.graphql:
--------------------------------------------------------------------------------
1 | fragment Post on Post {
2 | id
3 | title
4 | url
5 | author {
6 | name
7 | profilePicture
8 | username
9 | }
10 | coverImage {
11 | url
12 | }
13 | publishedAt
14 | slug
15 | brief
16 | }
17 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/fragments/PostThumbnail.graphql:
--------------------------------------------------------------------------------
1 | fragment PostThumbnail on Post {
2 | __typename
3 | id
4 | title
5 | slug
6 | publishedAt
7 | cuid
8 | url
9 | subtitle
10 | brief
11 | readTimeInMinutes
12 | views
13 | author {
14 | __typename
15 | id
16 | username
17 | name
18 | profilePicture
19 | followersCount
20 | }
21 | coverImage {
22 | __typename
23 | url
24 | isPortrait
25 | isAttributionHidden
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/fragments/StaticPage.graphql:
--------------------------------------------------------------------------------
1 | query StaticPage($host: String!, $slug: String!) {
2 | publication(host: $host) {
3 | ...Publication
4 | staticPage(slug: $slug) {
5 | ...RequiredStaticPageFields
6 | }
7 | }
8 | }
9 |
10 | fragment RequiredStaticPageFields on StaticPage {
11 | id
12 | slug
13 | title
14 | content {
15 | html
16 | }
17 | seo {
18 | title
19 | description
20 | }
21 | ogMetaData {
22 | image
23 | }
24 | }
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/mutations/SubscribeToNewsletter.graphql:
--------------------------------------------------------------------------------
1 | mutation SubscribeToNewsletter($input: SubscribeToNewsletterInput!) {
2 | subscribeToNewsletter(input: $input) {
3 | status
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/DraftById.graphql:
--------------------------------------------------------------------------------
1 | query DraftById($id: ObjectId!) {
2 | draft(id: $id) {
3 | ...Draft
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/HomePage.graphql:
--------------------------------------------------------------------------------
1 | query HomePageInitial($host: String!) {
2 | publication(host: $host) {
3 | ...Publication
4 | about {
5 | markdown
6 | html
7 | }
8 | posts (first: 10) {
9 | totalDocuments
10 | }
11 | followersCount
12 | author {
13 | id
14 | followersCount
15 | }
16 | pinnedPost {
17 | ...PostThumbnail
18 | }
19 | }
20 | }
21 |
22 | query HomePagePosts($host: String!, $after: String, $first: Int!, $filter: PublicationPostConnectionFilter) {
23 | publication(host: $host) {
24 | id
25 | posts(after: $after, first: $first, filter: $filter) {
26 | totalDocuments
27 | edges {
28 | node {
29 | ...PostThumbnail
30 | }
31 | cursor
32 | }
33 | pageInfo {
34 | hasNextPage
35 | endCursor
36 | }
37 | }
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/Newsletter.graphql:
--------------------------------------------------------------------------------
1 | query Newsletter($host: String!, $slug: String!) {
2 | publication(host: $host) {
3 | ...Publication
4 | author {
5 | id
6 | followersCount
7 | }
8 | staticPage(slug: $slug) {
9 | id
10 | }
11 | recentPosts: posts(first: 3) {
12 | edges {
13 | node {
14 | ...PostThumbnail
15 | }
16 | }
17 | }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/PageByPublication.graphql:
--------------------------------------------------------------------------------
1 | query PageByPublication($slug: String!, $host: String!) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: 0) {
5 | totalDocuments
6 | }
7 | staticPage(slug: $slug) {
8 | ...StaticPage
9 | }
10 | }
11 | }
12 |
13 | fragment StaticPage on StaticPage {
14 | id
15 | title
16 | slug
17 | content {
18 | markdown
19 | html
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/PostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query PostsByPublication($host: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: $first, after: $after) {
5 | totalDocuments
6 | edges {
7 | node {
8 | ...Post
9 | }
10 | }
11 | pageInfo {
12 | ...PageInfo
13 | }
14 | }
15 | }
16 | }
17 |
18 | query MorePostsByPublication($host: String!, $first: Int!, $after: String) {
19 | publication(host: $host) {
20 | posts(first: $first, after: $after) {
21 | edges {
22 | ...MorePostsEdge
23 | }
24 | pageInfo {
25 | ...PageInfo
26 | }
27 | }
28 | }
29 | }
30 |
31 | fragment MorePostsEdge on PostEdge {
32 | node {
33 | ...Post
34 | comments(first: 0) {
35 | totalDocuments
36 | }
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/PublicationByHost.graphql:
--------------------------------------------------------------------------------
1 | query PublicationByHost($host: String!) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first:0) {
5 | totalDocuments
6 | }
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/RSSFeed.graphql:
--------------------------------------------------------------------------------
1 | query RSSFeed($host: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: $first, after: $after) {
5 | edges {
6 | node {
7 | id
8 | title
9 | url
10 | slug
11 | content {
12 | html
13 | }
14 | tags {
15 | id
16 | name
17 | slug
18 | }
19 | author {
20 | name
21 | username
22 | }
23 | }
24 | }
25 | pageInfo {
26 | ...PageInfo
27 | }
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/SearchPostsOfPublication.graphql:
--------------------------------------------------------------------------------
1 | query SearchPostsOfPublication(
2 | $first: Int!
3 | $filter: SearchPostsOfPublicationFilter!
4 | $after: String
5 | ) {
6 | searchPostsOfPublication(first: $first, after: $after, filter: $filter) {
7 | edges {
8 | cursor
9 | node {
10 | id
11 | brief
12 | title
13 | cuid
14 | slug
15 | reactionCount
16 | publishedAt
17 | url
18 | coverImage {
19 | url
20 | }
21 | author {
22 | id
23 | name
24 | }
25 | publication {
26 | title
27 | url
28 | }
29 | }
30 | }
31 | pageInfo {
32 | ...PageInfo
33 | }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/SeriesPageInitial.graphql:
--------------------------------------------------------------------------------
1 | query SeriesPageInitial($host: String!, $slug: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 |
5 | series(slug: $slug) {
6 | id
7 | name
8 | coverImage
9 | slug
10 | description {
11 | html
12 | # We don't need these field. But because of our legacy mapper we need to have it present.
13 | markdown
14 | text
15 | }
16 | cuid
17 | author {
18 | id
19 | name
20 | username
21 | __typename
22 | }
23 |
24 | posts(first: $first, after: $after) {
25 | edges {
26 | node {
27 | ...PostThumbnail
28 | }
29 | cursor
30 | __typename
31 | }
32 | pageInfo {
33 | endCursor
34 | hasNextPage
35 | }
36 | __typename
37 | }
38 | __typename
39 | }
40 | __typename
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/SeriesPostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query SeriesPostsByPublication($host: String!, $seriesSlug: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: 0) {
5 | totalDocuments
6 | }
7 | series(slug: $seriesSlug) {
8 | ...Series
9 | }
10 | }
11 | }
12 |
13 | fragment Series on Series {
14 | id
15 | name
16 | slug
17 | description {
18 | html
19 | }
20 | coverImage
21 | posts(first: $first, after: $after) {
22 | edges {
23 | node {
24 | ...Post
25 | }
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/Sitemap.graphql:
--------------------------------------------------------------------------------
1 | query Sitemap($host: String!, $postsCount: Int!, $postsAfter: String, $staticPagesCount: Int!) {
2 | publication(host: $host) {
3 | id
4 | url
5 | staticPages(first: $staticPagesCount) {
6 | edges {
7 | node {
8 | slug
9 | }
10 | }
11 | }
12 | posts(first: $postsCount, after: $postsAfter) {
13 | edges {
14 | node {
15 | ...RequiredSitemapPostFields
16 | }
17 | }
18 | pageInfo {
19 | ...PageInfo
20 | }
21 | }
22 | }
23 | }
24 |
25 | query MoreSitemapPosts($host: String!, $postsCount: Int!, $postsAfter: String) {
26 | publication(host: $host) {
27 | id
28 | posts(first: $postsCount, after: $postsAfter) {
29 | edges {
30 | node {
31 | ...RequiredSitemapPostFields
32 | }
33 | }
34 | pageInfo {
35 | ...PageInfo
36 | }
37 | }
38 | }
39 | }
40 |
41 | fragment RequiredSitemapPostFields on Post {
42 | id
43 | url
44 | slug
45 | publishedAt
46 | updatedAt
47 | tags {
48 | id
49 | name
50 | slug
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/SlugPostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query SlugPostsByPublication($host: String!, $first: Int!, $after: String) {
2 | publication(host: $host) {
3 | ...Publication
4 | posts(first: $first, after: $after) {
5 | edges {
6 | node {
7 | slug
8 | }
9 | }
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/Tag.graphql:
--------------------------------------------------------------------------------
1 | query TagInitial($slug: String!, $host: String!, $first: Int!, $after: String) {
2 | tag(slug: $slug) {
3 | id
4 | name
5 | logo
6 | slug
7 | tagline
8 | }
9 | publication(host: $host) {
10 | ...Publication
11 | posts(first: $first, after: $after, filter: { tagSlugs: [$slug] }) {
12 | edges {
13 | node {
14 | ...PostThumbnail
15 | }
16 | cursor
17 | __typename
18 | }
19 | pageInfo {
20 | endCursor
21 | hasNextPage
22 | }
23 | __typename
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/lib/api/queries/TagPostsByPublication.graphql:
--------------------------------------------------------------------------------
1 | query TagPostsByPublication(
2 | $host: String!
3 | $tagSlug: String!
4 | $first: Int!
5 | $after: String
6 | ) {
7 | publication(host: $host) {
8 | ...Publication
9 | posts(first: $first, filter: { tagSlugs: [$tagSlug] }, after: $after) {
10 | totalDocuments
11 | edges {
12 | node {
13 | ...Post
14 | }
15 | }
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/hashnode/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | import { withUrqlClient } from 'next-urql';
2 | import { AppProps } from 'next/app';
3 | import { useEffect } from 'react';
4 | import 'tailwindcss/tailwind.css';
5 |
6 | import { GlobalFontVariables } from '../components/fonts';
7 | import { getUrqlClientConfig } from '../lib/api/client';
8 | import '../styles/index.css';
9 |
10 | import { Fragment } from 'react';
11 |
12 | function MyApp({ Component, pageProps }: AppProps) {
13 | useEffect(() => {
14 | (window as any).adjustIframeSize = (id: string, newHeight: string) => {
15 | const i = document.getElementById(id);
16 | if (!i) return;
17 | // eslint-disable-next-line radix
18 | i.style.height = `${parseInt(newHeight)}px`;
19 | };
20 | }, []);
21 | return (
22 |
28 | {type === 'success' &&
32 |
33 |
36 | {title}
34 | {message && } 35 |
14 |
15 |
20 |
21 |
27 | );
28 | };
29 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/container.tsx:
--------------------------------------------------------------------------------
1 | type Props = {
2 | children?: React.ReactNode;
3 | className?: string;
4 | };
5 |
6 | export const Container = ({ children, className }: Props) => {
7 | return
22 |
23 | {name}
24 |
25 |
26 | {children}
;
8 | };
9 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/contexts/appContext.tsx:
--------------------------------------------------------------------------------
1 | import React, { createContext, useContext } from 'react';
2 | import {
3 | PageByPublicationQuery,
4 | PostFullFragment,
5 | PublicationFragment,
6 | } from '../../generated/graphql';
7 |
8 | type AppContext = {
9 | publication: PublicationFragment;
10 | post: PostFullFragment | null;
11 | page: NonNullable
16 |
25 | );
26 | return (
27 |
28 | {slug ? (
29 |
30 | {image}
31 |
32 | ) : (
33 | image
34 | )}
35 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/date-formatter.tsx:
--------------------------------------------------------------------------------
1 | import { format, parseISO } from 'date-fns';
2 |
3 | type Props = {
4 | dateString: string;
5 | };
6 |
7 | export const DateFormatter = ({ dateString }: Props) => {
8 | if (!dateString) return <>;
9 | const date = parseISO(dateString);
10 |
11 | return ;
12 | };
13 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/footer.tsx:
--------------------------------------------------------------------------------
1 | import { useAppContext } from './contexts/appContext';
2 |
3 | export const Footer = () => {
4 | const { publication } = useAppContext();
5 |
6 | return (
7 |
10 | );
11 | };
12 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/index.js:
--------------------------------------------------------------------------------
1 | export * from './svgs';
2 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/ArticleSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class ArticleSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/ChevronDownSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class ChevronDownSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/ExternalArrowSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class ExternalArrowSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/GithubSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class GithubSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/HamburgerSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class HamburgerSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/HashnodeSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class HashnodeSVG extends React.Component {
4 | render() {
5 | return (
6 |
18 | );
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/LinkedinSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class LinkedinSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/Moon.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class Moon extends React.Component {
4 | render() {
5 | return (
6 |
18 | );
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/PlusCircleSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class PlusCircleSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/RssSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class RssSVG extends React.Component {
4 | render() {
5 | return (
6 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/Sun.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class Sun extends React.Component {
4 | render() {
5 | return (
6 |
26 | );
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/XSVG.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class XSVG extends React.Component {
4 | render() {
5 | return (
6 |
14 | );
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/icons/svgs/index.js:
--------------------------------------------------------------------------------
1 | import ArticleSVG from './ArticleSVG';
2 | import ChevronDownSVG from './ChevronDownSVG';
3 | import ExternalArrowSVG from './ExternalArrowSVG';
4 | import GithubSVG from './GithubSVG';
5 | import HashnodeSVG from './HashnodeSVG';
6 | import LinkedinSVG from './LinkedinSVG';
7 | import Moon from './Moon';
8 | import NewsletterPlusSVG from './NewsletterPlusSVG';
9 | import PlusCircleSVG from './PlusCircleSVG';
10 | import RssSVG from './RssSVG';
11 | import Sun from './Sun';
12 | import XSVG from './XSVG';
13 |
14 | export {
15 | ArticleSVG,
16 | ChevronDownSVG,
17 | ExternalArrowSVG,
18 | GithubSVG,
19 | HashnodeSVG,
20 | LinkedinSVG,
21 | Moon,
22 | NewsletterPlusSVG,
23 | PlusCircleSVG,
24 | RssSVG,
25 | Sun,
26 | XSVG,
27 | };
28 |
--------------------------------------------------------------------------------
/packages/blog-starter-kit/themes/personal/components/layout.tsx:
--------------------------------------------------------------------------------
1 | import { Analytics } from './analytics';
2 | import { Integrations } from './integrations';
3 | import { Meta } from './meta';
4 | import { Scripts } from './scripts';
5 |
6 | type Props = {
7 | children: React.ReactNode;
8 | };
9 |
10 | export const Layout = ({ children }: Props) => {
11 | return (
12 | <>
13 |
14 |
16 | {children}
17 |
18 | 21 | {title} 22 |
23 |
24 |
25 |
; 3 | }; 4 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/components/toggle-theme.tsx: -------------------------------------------------------------------------------- 1 | import { ComponentProps } from 'react'; 2 | import { useTheme } from 'next-themes'; 3 | import { Moon, Sun } from './icons'; 4 | 5 | type Props = ComponentProps<'button'>; 6 | 7 | export function ToggleTheme(props: Props) { 8 | const { setTheme, theme } = useTheme(); 9 | 10 | return ( 11 | 22 | ); 23 | } 24 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/fragments/PageInfo.graphql: -------------------------------------------------------------------------------- 1 | fragment PageInfo on PageInfo { 2 | endCursor 3 | hasNextPage 4 | } 5 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/fragments/Post.graphql: -------------------------------------------------------------------------------- 1 | fragment Post on Post { 2 | id 3 | title 4 | url 5 | author { 6 | name 7 | profilePicture 8 | } 9 | coverImage { 10 | url 11 | } 12 | publishedAt 13 | slug 14 | brief 15 | comments(first: 0) { 16 | totalDocuments 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/fragments/Publication.graphql: -------------------------------------------------------------------------------- 1 | fragment Publication on Publication { 2 | id 3 | title 4 | displayTitle 5 | url 6 | metaTags 7 | favicon 8 | isTeam 9 | followersCount 10 | descriptionSEO 11 | author { 12 | name 13 | username 14 | profilePicture 15 | followersCount 16 | } 17 | ogMetaData { 18 | image 19 | } 20 | preferences { 21 | logo 22 | darkMode { 23 | logo 24 | } 25 | navbarItems { 26 | id 27 | type 28 | label 29 | url 30 | } 31 | } 32 | links { 33 | twitter 34 | github 35 | linkedin 36 | hashnode 37 | } 38 | integrations { 39 | umamiWebsiteUUID 40 | gaTrackingID 41 | fbPixelID 42 | hotjarSiteID 43 | matomoURL 44 | matomoSiteID 45 | fathomSiteID 46 | gTagManagerID 47 | fathomCustomDomain 48 | fathomCustomDomainEnabled 49 | plausibleAnalyticsEnabled 50 | koalaPublicKey 51 | msClarityID 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/DraftById.graphql: -------------------------------------------------------------------------------- 1 | query DraftById($id: ObjectId!) { 2 | draft(id: $id) { 3 | id 4 | title 5 | content { 6 | markdown 7 | } 8 | author { 9 | id 10 | name 11 | username 12 | } 13 | dateUpdated 14 | tags { 15 | id 16 | name 17 | slug 18 | } 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/PageByPublication.graphql: -------------------------------------------------------------------------------- 1 | query PageByPublication($slug: String!, $host: String!) { 2 | publication(host: $host) { 3 | ...Publication 4 | staticPage(slug: $slug) { 5 | ...StaticPage 6 | } 7 | } 8 | } 9 | 10 | fragment StaticPage on StaticPage { 11 | id 12 | title 13 | slug 14 | content { 15 | markdown 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/PostsByPublication.graphql: -------------------------------------------------------------------------------- 1 | query PostsByPublication($host: String!, $first: Int!, $after: String) { 2 | publication(host: $host) { 3 | ...Publication 4 | posts(first: $first, after: $after) { 5 | totalDocuments 6 | edges { 7 | node { 8 | ...Post 9 | comments(first: 0) { 10 | totalDocuments 11 | } 12 | } 13 | } 14 | pageInfo { 15 | ...PageInfo 16 | } 17 | } 18 | } 19 | } 20 | 21 | query MorePostsByPublication($host: String!, $first: Int!, $after: String) { 22 | publication(host: $host) { 23 | posts(first: $first, after: $after) { 24 | edges { 25 | node { 26 | ...Post 27 | comments(first: 0) { 28 | totalDocuments 29 | } 30 | } 31 | } 32 | pageInfo { 33 | ...PageInfo 34 | } 35 | } 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/PublicationByHost.graphql: -------------------------------------------------------------------------------- 1 | query PublicationByHost($host: String!) { 2 | publication(host: $host) { 3 | ...Publication 4 | posts(first:0) { 5 | totalDocuments 6 | } 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/RSSFeed.graphql: -------------------------------------------------------------------------------- 1 | query RSSFeed($host: String!, $first: Int!, $after: String) { 2 | publication(host: $host) { 3 | ...Publication 4 | posts(first: $first, after: $after) { 5 | edges { 6 | node { 7 | id 8 | title 9 | url 10 | slug 11 | content { 12 | html 13 | } 14 | tags { 15 | id 16 | name 17 | slug 18 | } 19 | author { 20 | name 21 | username 22 | } 23 | } 24 | } 25 | pageInfo { 26 | ...PageInfo 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/SinglePostByPublication.graphql: -------------------------------------------------------------------------------- 1 | query SinglePostByPublication($slug: String!, $host: String!) { 2 | publication(host: $host) { 3 | ...Publication 4 | post(slug: $slug) { 5 | ...PostFull 6 | } 7 | } 8 | } 9 | 10 | fragment PostFull on Post { 11 | id 12 | slug 13 | url 14 | brief 15 | title 16 | subtitle 17 | hasLatexInPost 18 | publishedAt 19 | updatedAt 20 | readTimeInMinutes 21 | reactionCount 22 | responseCount 23 | publication { 24 | id 25 | } 26 | seo { 27 | title 28 | description 29 | } 30 | coverImage { 31 | url 32 | } 33 | author { 34 | name 35 | username 36 | profilePicture 37 | } 38 | title 39 | content { 40 | markdown 41 | html 42 | } 43 | ogMetaData { 44 | image 45 | } 46 | tags { 47 | id 48 | name 49 | slug 50 | } 51 | features { 52 | tableOfContents { 53 | isEnabled 54 | items { 55 | id 56 | level 57 | parentId 58 | slug 59 | title 60 | } 61 | } 62 | } 63 | preferences { 64 | disableComments 65 | } 66 | comments(first: 25) { 67 | totalDocuments 68 | edges { 69 | node { 70 | id 71 | totalReactions 72 | content { 73 | markdown 74 | } 75 | author { 76 | name 77 | username 78 | profilePicture 79 | } 80 | } 81 | } 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/Sitemap.graphql: -------------------------------------------------------------------------------- 1 | query Sitemap($host: String!, $postsCount: Int!, $postsAfter: String, $staticPagesCount: Int!) { 2 | publication(host: $host) { 3 | id 4 | url 5 | staticPages(first: $staticPagesCount) { 6 | edges { 7 | node { 8 | slug 9 | } 10 | } 11 | } 12 | posts(first: $postsCount, after: $postsAfter) { 13 | edges { 14 | node { 15 | ...RequiredSitemapPostFields 16 | } 17 | } 18 | pageInfo { 19 | ...PageInfo 20 | } 21 | } 22 | } 23 | } 24 | 25 | query MoreSitemapPosts($host: String!, $postsCount: Int!, $postsAfter: String) { 26 | publication(host: $host) { 27 | id 28 | posts(first: $postsCount, after: $postsAfter) { 29 | edges { 30 | node { 31 | ...RequiredSitemapPostFields 32 | } 33 | } 34 | pageInfo { 35 | ...PageInfo 36 | } 37 | } 38 | } 39 | } 40 | 41 | fragment RequiredSitemapPostFields on Post { 42 | id 43 | url 44 | slug 45 | publishedAt 46 | updatedAt 47 | tags { 48 | id 49 | name 50 | slug 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/SlugPostsByPublication.graphql: -------------------------------------------------------------------------------- 1 | query SlugPostsByPublication($host: String!, $first: Int!, $after: String) { 2 | publication(host: $host) { 3 | ...Publication 4 | posts(first: $first, after: $after) { 5 | edges { 6 | node { 7 | slug 8 | } 9 | } 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/lib/api/queries/TagPostsByPublication.graphql: -------------------------------------------------------------------------------- 1 | query TagPostsByPublication( 2 | $host: String! 3 | $tagSlug: String! 4 | $first: Int! 5 | $after: String 6 | ) { 7 | publication(host: $host) { 8 | ...Publication 9 | posts(first: $first, filter: { tagSlugs: [$tagSlug] }, after: $after) { 10 | totalDocuments 11 | edges { 12 | node { 13 | ...Post 14 | } 15 | } 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/blog-starter-kit/themes/personal/pages/_app.tsx: -------------------------------------------------------------------------------- 1 | import { ThemeProvider } from 'next-themes'; 2 | import { AppProps } from 'next/app'; 3 | import { useEffect } from 'react'; 4 | import '../styles/index.css'; 5 | 6 | export default function MyApp({ Component, pageProps }: AppProps) { 7 | useEffect(() => { 8 | (window as any).adjustIframeSize = (id: string, newHeight: string) => { 9 | const i = document.getElementById(id); 10 | if (!i) return; 11 | // eslint-disable-next-line radix 12 | i.style.height = `${parseInt(newHeight)}px`; 13 | }; 14 | }, []); 15 | return ( 16 |