From 88e36892472309fc41672888e70be7bf91dad10b Mon Sep 17 00:00:00 2001 From: Joe Fusco Date: Wed, 18 Oct 2023 13:19:09 -0400 Subject: [PATCH] Preview Signed-off-by: Joe Fusco --- pages/[...wordpressNode].js | 5 +- pages/api/faust/[[...route]].js | 2 +- wp-templates/IndexTemplate.js | 12 +-- wp-templates/index.js | 4 +- wp-templates/singular.js | 128 ++++++++++++++++++++++++++++++++ 5 files changed, 142 insertions(+), 9 deletions(-) create mode 100644 wp-templates/singular.js diff --git a/pages/[...wordpressNode].js b/pages/[...wordpressNode].js index 448b2cf..f53690d 100644 --- a/pages/[...wordpressNode].js +++ b/pages/[...wordpressNode].js @@ -5,7 +5,10 @@ export default function Page(props) { } export async function getStaticProps(ctx) { - return { ...(await getWordPressProps({ ctx })), revalidate: 1 } + return { + ...(await getWordPressProps({ ctx })), + revalidate: 1 + } } export async function getStaticPaths() { diff --git a/pages/api/faust/[[...route]].js b/pages/api/faust/[[...route]].js index 0144f2c..d76bec0 100644 --- a/pages/api/faust/[[...route]].js +++ b/pages/api/faust/[[...route]].js @@ -1,4 +1,4 @@ -import 'faust.config' +import '../../../faust.config' import { apiRouter } from '@faustwp/core' export default apiRouter diff --git a/wp-templates/IndexTemplate.js b/wp-templates/IndexTemplate.js index 29a9ba5..b64147d 100644 --- a/wp-templates/IndexTemplate.js +++ b/wp-templates/IndexTemplate.js @@ -6,13 +6,13 @@ import { Layout } from '@/components/Layout' import blocks from '@/wp-blocks' export const IndexTemplate = ({ data }) => { - const { node } = data + const myNode = data?.node - if (!node) { + if (!myNode) { return null } - const { editorBlocks } = node + const { editorBlocks } = myNode let toc = [] @@ -48,15 +48,15 @@ export const IndexTemplate = ({ data }) => { return ( - {node?.modified && ( + {myNode?.modified && (
Last Upated:{' '} - {new Date(node.modified).toLocaleDateString('en-us', { + {new Date(myNode.modified).toLocaleDateString('en-us', { weekday: 'long', year: 'numeric', month: 'short', diff --git a/wp-templates/index.js b/wp-templates/index.js index 355f5c1..248f62f 100644 --- a/wp-templates/index.js +++ b/wp-templates/index.js @@ -3,13 +3,15 @@ import { ArchiveFieldType } from './archive-field_type' import { FrontPage } from './front-page' import { IndexTemplate } from './IndexTemplate' import { SingleFieldType } from './single-field_type' +import { Singular } from './singular' const templates = { - index: IndexTemplate, + 'singular': Singular, 'single-field_type': SingleFieldType, 'archive-field_type': ArchiveFieldType, 'front-page': FrontPage, 'archive': Archive, + index: IndexTemplate, } export default templates diff --git a/wp-templates/singular.js b/wp-templates/singular.js new file mode 100644 index 0000000..9ba7fb0 --- /dev/null +++ b/wp-templates/singular.js @@ -0,0 +1,128 @@ +import { gql } from '@apollo/client' +import { WordPressBlocksViewer } from '@faustwp/blocks' +import { flatListToHierarchical } from '@faustwp/core' + +import { Layout } from '@/components/Layout' +import blocks from '@/wp-blocks' + +export const Singular = ({ data }) => { + const myNode = data?.node + + if (!myNode) { + return null + } + + const { editorBlocks } = myNode + + let toc = [] + + editorBlocks && + editorBlocks.map((block) => { + if (!block.attributes || !block.attributes.level) { + return null + } + + if (block.attributes.level === 2 || block.attributes.level === 3) { + let heading = { + tagName: `h${block.attributes.level}`, + children: [ + { + type: 'text', + value: block.attributes.content, + }, + ], + } + toc.push(heading) + } + }) + + const blockList = flatListToHierarchical(editorBlocks, { + childrenKey: 'innerBlocks', + }) + + // eslint-disable-next-line no-console + console.log({ + editorBlocks, + blockList, + }) + + return ( + + {node?.modified && ( +
+ Last Upated:{' '} + {new Date(node.modified).toLocaleDateString('en-us', { + weekday: 'long', + year: 'numeric', + month: 'short', + day: 'numeric', + })} +
+ )} + + + ) +} + +Singular.query = gql` +query SingularTemplate($id: ID!, $asPreview: Boolean = false) { + node: post(id: $id, idType: URI, asPreview: $asPreview) { + __typename + uri + ...on NodeWithTitle { + title + } + ...on NodeWithEditorBlocks { + editorBlocks { + __typename + name + renderedHtml + id: clientId + parentId: parentClientId + ...${blocks.CoreParagraph.fragments.key} + ...${blocks.CoreColumns.fragments.key} + ...${blocks.CoreColumn.fragments.key} + ...${blocks.CoreCode.fragments.key} + ...${blocks.CoreButtons.fragments.key} + ...${blocks.CoreButton.fragments.key} + ...${blocks.CoreQuote.fragments.key} + ...${blocks.CoreImage.fragments.key} + ...${blocks.CoreSeparator.fragments.key} + ...${blocks.CoreList.fragments.key} + ...${blocks.CoreHeading.fragments.key} + } + } + ...on ContentNode { + modified + ...on NodeWithContentEditor { + content + } + } + } + ...LayoutFragment +} +${blocks.CoreParagraph.fragments.entry} +${blocks.CoreColumns.fragments.entry} +${blocks.CoreColumn.fragments.entry} +${blocks.CoreCode.fragments.entry} +${blocks.CoreButtons.fragments.entry} +${blocks.CoreButton.fragments.entry} +${blocks.CoreQuote.fragments.entry} +${blocks.CoreImage.fragments.entry} +${blocks.CoreSeparator.fragments.entry} +${blocks.CoreList.fragments.entry} +${blocks.CoreHeading.fragments.entry} +${Layout.fragment} +` + +Singular.variables = ({ uri, asPreview }) => { + return { + id: uri, + asPreview + } +}