) =>
15 | React.createElement(level, props, children);
16 |
17 | return {children} ;
18 | }
19 |
20 | export default Heading;
21 | export type { HeadingProps };
22 |
--------------------------------------------------------------------------------
/faust/src/components/Hero.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import styles from 'scss/components/Hero.module.scss';
3 |
4 | interface Props {
5 | title: string;
6 | id?: string;
7 | bgImage?: string;
8 | buttonText?: string;
9 | buttonURL?: string;
10 | button2Text?: string;
11 | button2URL?: string;
12 | children?: React.ReactNode;
13 | }
14 |
15 | function Hero({
16 | title = 'Hero Title',
17 | id,
18 | bgImage,
19 | buttonText,
20 | buttonURL,
21 | button2Text,
22 | button2URL,
23 | children,
24 | }: Props): JSX.Element {
25 | return (
26 |
52 | );
53 | }
54 |
55 | export default Hero;
56 |
--------------------------------------------------------------------------------
/faust/src/components/Pagination.tsx:
--------------------------------------------------------------------------------
1 | import Link from 'next/link';
2 | import type { WPPageInfo } from 'client';
3 |
4 | interface NextPageNavigationProps {
5 | href: string;
6 | }
7 |
8 | function NextPageNavigation(props: NextPageNavigationProps) {
9 | return (
10 | Next Page →
12 |
13 | );
14 | }
15 |
16 | interface PreviousPageNavigationProps {
17 | href: string;
18 | }
19 |
20 | function PreviousPageNavigation(props: PreviousPageNavigationProps) {
21 | return (
22 | ← Previous Page
24 |
25 | );
26 | }
27 |
28 | export interface PaginationProps {
29 | pageInfo: WPPageInfo;
30 | basePath: string;
31 | }
32 |
33 | export default function Pagination({ pageInfo, basePath }: PaginationProps) {
34 | const previousPageUrl = `${basePath}/before/${pageInfo?.startCursor}`;
35 | const nextPageUrl = `${basePath}/after/${pageInfo?.endCursor}`;
36 |
37 | return (
38 |
39 |
40 |
41 | {pageInfo.hasPreviousPage && (
42 |
43 |
45 | )}
46 |
47 | {pageInfo.hasNextPage && (
48 |
49 |
51 | )}
52 |
53 |
55 | );
56 | }
57 |
--------------------------------------------------------------------------------
/faust/src/components/index.ts:
--------------------------------------------------------------------------------
1 | import CTA from './CTA';
2 | import Footer from './Footer';
3 | import Header from './Header';
4 | import Hero from './Hero';
5 | import Posts from './Posts';
6 | import Pagination from './Pagination';
7 |
8 | export { CTA, Footer, Header, Hero, Posts, Pagination };
9 |
--------------------------------------------------------------------------------
/faust/src/faust.config.js:
--------------------------------------------------------------------------------
1 | import { config as coreConfig } from '@faustjs/core';
2 |
3 | if (!process.env.NEXT_PUBLIC_WORDPRESS_URL) {
4 | console.error(
5 | 'You must provide a NEXT_PUBLIC_WORDPRESS_URL environment variable, did you forget to load your .env.local file?',
6 | );
7 | }
8 |
9 | /**
10 | * @type {import("@faustjs/core").Config}
11 | */
12 | export default coreConfig({
13 | wpUrl: process.env.NEXT_PUBLIC_WORDPRESS_URL,
14 | apiClientSecret: process.env.FAUSTWP_SECRET_KEY,
15 | });
16 |
--------------------------------------------------------------------------------
/faust/src/lib/utils/flatListToHierarchical.js:
--------------------------------------------------------------------------------
1 | export const flatListToHierarchical = (
2 | data = [],
3 | {idKey='key',parentKey='parentId',childrenKey='children'} = {}
4 | ) => {
5 | const tree = [];
6 | const childrenOf = {};
7 | data.forEach((item) => {
8 | const newItem = {...item};
9 | const { [idKey]: id, [parentKey]: parentId = 0 } = newItem;
10 | childrenOf[id] = childrenOf[id] || [];
11 | newItem[childrenKey] = childrenOf[id];
12 | parentId
13 | ? (
14 | childrenOf[parentId] = childrenOf[parentId] || []
15 | ).push(newItem)
16 | : tree.push(newItem);
17 | });
18 | return tree;
19 | };
--------------------------------------------------------------------------------
/faust/src/pages/404.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { client } from 'client';
3 | import { Header, Hero, Footer } from '../components';
4 |
5 | export default function Page(): JSX.Element {
6 | const { useQuery } = client;
7 | const generalSettings = useQuery().generalSettings;
8 |
9 | return (
10 | <>
11 |
15 |
16 |
18 |
19 |
20 |
21 | The page you were looking for does not exist or is no longer
22 | available.
23 |
24 |
25 |
26 |
28 |
29 |
30 | );
31 | }
32 |
--------------------------------------------------------------------------------
/faust/src/pages/[...pageUri].tsx:
--------------------------------------------------------------------------------
1 | import { getNextStaticProps, is404 } from '@faustjs/next';
2 | import { Footer, Header, Hero } from 'components';
3 | import { GetStaticPropsContext } from 'next';
4 | import Head from 'next/head';
5 | import { client, Page as PageType } from 'client';
6 |
7 | export interface PageProps {
8 | page: PageType | PageType['preview']['node'] | null | undefined;
9 | }
10 |
11 | export function PageComponent({ page }: PageProps) {
12 | const { useQuery } = client;
13 | const generalSettings = useQuery().generalSettings;
14 |
15 | return (
16 | <>
17 |
21 |
22 |
23 |
24 | {page?.title()} - {generalSettings.title}
25 |
26 |
27 |
28 |
34 |
37 |
38 |
39 |
40 |
41 | );
42 | }
43 |
44 | export default function Page() {
45 | const { usePage } = client;
46 | const page = usePage();
47 |
48 | return
13 |
15 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/faust/src/pages/_document.tsx:
--------------------------------------------------------------------------------
1 | import Document, { Html, Head, Main, NextScript } from 'next/document';
2 |
3 | class MyDocument extends Document {
4 | render() {
5 | return (
6 |
7 |
8 | Posts - {generalSettings?.title}
33 |
34 |
35 |
36 |
37 |
Category: {category?.name}
38 |
39 |
40 |
44 |
46 |
47 |
48 |
49 | );
50 | }
51 |
52 | export async function getStaticProps(context: GetStaticPropsContext) {
53 | return getNextStaticProps(context, {
54 | Page,
55 | client,
56 | notFound: await is404(context, { client }),
57 | });
58 | }
59 |
60 | export function getStaticPaths() {
61 | return {
62 | paths: [],
63 | fallback: 'blocking',
64 | };
65 | }
66 |
--------------------------------------------------------------------------------
/faust/src/pages/custom-page.tsx:
--------------------------------------------------------------------------------
1 | import { getNextStaticProps } from '@faustjs/next';
2 | import { client } from 'client';
3 | import { Footer, Header, Hero } from 'components';
4 | import { GetStaticPropsContext } from 'next';
5 | import Head from 'next/head';
6 |
7 | export default function Page() {
8 | const { useQuery } = client;
9 | const generalSettings = useQuery().generalSettings;
10 |
11 | return (
12 | <>
13 |
17 |
18 |
19 | Custom Page - {generalSettings.title}
20 |
21 |
22 |
25 |
26 |
27 | You can still create pages just as you would in{' '}
28 |
32 | Next.js
33 |
34 | . Take a look at src/pages/custom-page.tsx for an
35 | example.
36 |
37 |
39 |
40 |
41 |
42 | );
43 | }
44 |
45 | export async function getStaticProps(context: GetStaticPropsContext) {
46 | return getNextStaticProps(context, {
47 | Page,
48 | client,
49 | });
50 | }
51 |
--------------------------------------------------------------------------------
/faust/src/pages/posts/[postSlug]/[postCursor].tsx:
--------------------------------------------------------------------------------
1 | import { getNextStaticProps } from '@faustjs/next';
2 | import { GetStaticPropsContext } from 'next';
3 | import Page from '..';
4 | import { client } from 'client';
5 |
6 | export default Page;
7 |
8 | export async function getStaticProps(context: GetStaticPropsContext) {
9 | const { postSlug } = context.params;
10 |
11 | if (!(postSlug === 'after' || postSlug === 'before')) {
12 | return {
13 | notFound: true,
14 | };
15 | }
16 |
17 | return getNextStaticProps(context, {
18 | Page,
19 | client,
20 | });
21 | }
22 |
23 | export function getStaticPaths() {
24 | return {
25 | paths: [],
26 | fallback: 'blocking',
27 | };
28 | }
29 |
--------------------------------------------------------------------------------
/faust/src/pages/posts/[postSlug]/index.tsx:
--------------------------------------------------------------------------------
1 | import { getNextStaticProps, is404 } from '@faustjs/next';
2 | import { client, Post } from 'client';
3 | import { Footer, Header, Hero } from 'components';
4 | import { GetStaticPropsContext } from 'next';
5 | import Head from 'next/head';
6 |
7 | export interface PostProps {
8 | post: Post | Post['preview']['node'] | null | undefined;
9 | }
10 |
11 | export function PostComponent({ post }: PostProps) {
12 | const { useQuery } = client;
13 | const generalSettings = useQuery().generalSettings;
14 |
15 | return (
16 | <>
17 |
21 |
22 |
23 |
24 | {post?.title()} - {generalSettings.title}
25 |
26 |
27 |
28 |
34 |
37 |
38 |
39 |
40 |
41 | );
42 | }
43 |
44 | export default function Page() {
45 | const { usePost } = client;
46 | const post = usePost();
47 |
48 | return
38 | {generalSettings.title} - {generalSettings.description}
39 |
40 |
41 |
42 |
43 |
52 |
53 |
54 |
55 | );
56 | }
57 |
58 | export async function getStaticProps(context: GetStaticPropsContext) {
59 | return getNextStaticProps(context, {
60 | Page,
61 | client,
62 | });
63 | }
64 |
--------------------------------------------------------------------------------
/faust/src/pages/preview.tsx:
--------------------------------------------------------------------------------
1 | import { PageComponent } from './[...pageUri]';
2 | import { PostComponent } from './posts/[postSlug]';
3 | import { client } from 'client';
4 |
5 | export default function Preview() {
6 | const { usePreview } = client.auth;
7 | const result = usePreview();
8 |
9 | if (client.useIsLoading() || !result) {
10 | return loading...
;
11 | }
12 |
13 | if (result.type === 'page') {
14 | if (!result.page) {
15 | return <>Not Found;
16 | }
17 |
18 | return
20 |
{node.title}
21 |
24 |
25 |
32 |
8 |
9 |
10 |
11 |
13 |
14 |
15 | {children}
16 |
18 |
19 |
20 |
22 | )
23 | }
24 |
25 | export default DocsLayout
26 |
--------------------------------------------------------------------------------
/next-apollo/components/DocsNav/DocsNav.js:
--------------------------------------------------------------------------------
1 | import { documentationNav } from '/navs/documentation.js'
2 | import Link from 'next/link'
3 |
4 | const getNav = () => {
5 | return Object.keys(documentationNav).map((key, i) => {
6 | const children = documentationNav[key]
7 |
8 | if (children.length > 0) {
9 | return (
10 |
11 |
{key}
12 |
13 | {children.map((child, i) => {
14 | return (
15 |
16 |
18 | {child.title}
19 |
20 |
21 |
22 | )
23 | })}
24 |
25 |
21 |
{extension.title}
22 |
25 |
30 |
20 |
{filter.title}
21 |
24 |
25 |
32 |
20 |
{node.title}
21 |
24 |
25 |
32 |
Heading...
5 | {JSON.stringify(props, null, 2)}
6 |
7 | )
8 | }
9 |
10 | export default Heading
11 |
--------------------------------------------------------------------------------
/next-apollo/components/HomepageCta/HomepageCta.js:
--------------------------------------------------------------------------------
1 | /* This example requires Tailwind CSS v2.0+ */
2 | const HomepageCta = () => {
3 | return (
4 |
24 | )
25 | }
26 |
27 | export default HomepageCta
28 |
--------------------------------------------------------------------------------
/next-apollo/components/PostPreviewCategoryLink/PostPreviewCategoryLink.js:
--------------------------------------------------------------------------------
1 | import { gql } from "@apollo/client"
2 | import Link from "next/link"
3 |
4 | export const PostPreviewCategoryLinkFragment = gql`
5 | fragment PostPreviewCategoryLink on Category {
6 | id
7 | name
8 | uri
9 | }
10 | `
11 |
12 | const PostPreviewCategoryLink = ({ category }) => {
13 |
14 | return (
15 |
17 | {category.name}
18 |
19 |
20 | )
21 | }
22 |
23 | export default PostPreviewCategoryLink
--------------------------------------------------------------------------------
/next-apollo/components/RecipePreview/RecipePreview.js:
--------------------------------------------------------------------------------
1 | import { gql } from "@apollo/client"
2 | import Link from "next/link"
3 |
4 | export const RecipePreviewFragment = gql`
5 | fragment RecipePreview on CodeSnippet {
6 | id
7 | title
8 | content
9 | uri
10 | }
11 | `
12 |
13 | const RecipePreview = ({ recipe }) => {
14 |
15 | const paragraphs = recipe?.content ? recipe.content.split('') : null
16 | const excerpt = paragraphs ? paragraphs[0] + '' : null
17 |
18 | return (
19 |
20 |
{recipe.title}
21 |
24 |
25 |
32 |
11 |
12 | On this page
13 |
14 |
25 |
6 | Docs
7 |
8 | )
9 | }
10 |
11 | export default Docs
12 |
--------------------------------------------------------------------------------
/next-apollo/docs/interfaces.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/interfaces/"
3 | title: "Interfaces"
4 | ---
5 |
6 | Add some interesting interfaces here.
7 |
--------------------------------------------------------------------------------
/next-apollo/docs/mutations.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/wpgraphql-mutations/"
3 | title: "Mutations"
4 | ---
5 |
6 | WPGraphQL provides support for Mutations, or the ability to use GraphQL to create, update and delete data managed in WordPress. This page covers general concepts of how WPGraphQL implements mutations. This page will be most useful for developers that are already [familiar with GraphQL](/docs/intro-to-graphql/).
7 |
8 | ## Register a new Mutation
9 |
10 | To register a mutation to the GraphQL Schema, you can use the `register_graphql_mutation` function [documented here](/functions/register_graphql_mutation/).
11 |
--------------------------------------------------------------------------------
/next-apollo/docs/performance.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/performance/"
3 | title: "Performance"
4 | ---
5 |
6 | Add some interesting performance details here.
7 |
--------------------------------------------------------------------------------
/next-apollo/docs/support.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: "Support"
3 | description: "Learn where you can get support in using WPGraphQL"
4 | ---
--------------------------------------------------------------------------------
/next-apollo/docs/themes.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/themes/"
3 | title: "Themes"
4 | ---
5 |
6 | This page will be most useful for users what are familiar with [GraphQL Concepts](/docs/intro-to-graphql/) and understand the basics of [writing GraphQL Queries](/docs/intro-to-graphql/#queries-and-mutation).
7 |
8 | ## Querying Themes
9 |
10 | WPGraphQL provides support for querying Themes in various ways.
11 |
12 | ### List of Themes
13 |
14 | Below is an example of querying a list of Themes.
15 |
16 | ```graphql
17 | {
18 | themes {
19 | nodes {
20 | id
21 | name
22 | version
23 | }
24 | }
25 | }
26 | ```
27 |
28 | **Query from Authenticated User**
29 |
30 | Authenticated users with the "edit_themes" capability can query a list of Themes and see all available themes for the site.
31 |
32 | 
33 |
34 | **Query from Public User**
35 |
36 | A public user or a user without "edit_themes" capability can make the same query and only the active theme will be returned.
37 |
38 | The active theme is considered a public entity in WordPress and can be publicly accessed and WPGraphQL respects this access control right.
39 |
40 | 
41 |
42 | ## Mutations
43 |
44 | > WPGraphQL does not currently support mutations for themes.
45 |
--------------------------------------------------------------------------------
/next-apollo/docs/upgrading.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/upgrading/"
3 | title: "Upgrading"
4 | ---
5 |
6 | It is recommended that anytime you want to update WPGraphQL that you get familiar with what's changed in the release.
7 |
8 | WPGraphQL publishes [release notes on Github](https://github.com/wp-graphql/wp-graphql/releases).
9 |
10 | WPGraphQL has been following Semver practices for a few years. We will continue to follow Semver and let version numbers communicate meaning. The summary of Semver versioning is as follows:
11 |
12 | - **MAJOR** version when you make incompatible API changes,
13 | - **MINOR** version when you add functionality in a backwards compatible manner, and
14 | - **PATCH** version when you make backwards compatible bug fixes.
15 |
16 | You can read more about the details of Semver at semver.org.
17 |
--------------------------------------------------------------------------------
/next-apollo/docs/use-with-php.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/use-with-php/"
3 | title: "Use with PHP"
4 | ---
5 |
6 | This document will be useful for users that want to use GraphQL within php files of their WordPress themes and plugins.
7 |
--------------------------------------------------------------------------------
/next-apollo/docs/using-data-from-custom-database-tables.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/using-data-from-custom-database-tables/"
3 | title: "Using Data from Custom Database Tables"
4 | ---
5 |
6 | This is an advanced guide that will be most useful for developers with experience with PHP and MySQL.
7 |
8 | ## Overview
9 |
10 | WordPress can do a lot of things with [Custom Post Types](/docs/custom-post-types/) and [Custom Taxonomies](/docs/custom-taxonomies/), but sometimes you need to use Custom Database Tables.
11 |
12 | In this guide, we will look into how to use data from Custom Database Tables with WPGraphQL.
13 |
14 | After reading this guide, you should be familiar with how WPGraphQL handles data and have a better understanding of WPGraphQL APIs to [register object types](/functions/register_graphql_object_type/), [register connections](/functions/register_graphql_connection/), create custom Data Loaders and custom Connection Resolvers.
15 |
16 | ## Thinking in Graphs
17 |
18 | WPGraphQL treats WordPress data like an application data graph. What that means, is that each post, page, term, comment, user or other object that can be uniquely identified is considered a "Node".
19 |
20 | Each Node can have properties. For example, a Post can have a Title, such as "Hello World"
21 |
22 | 
23 |
--------------------------------------------------------------------------------
/next-apollo/docs/widgets.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | uri: "/docs/widgets/"
3 | title: "Widgets"
4 | ---
5 |
6 | WPGraphQL currently does not support queries or mutations for widgets.
7 |
8 | Widgets don't have a proper server registry so it's difficult to provide formal WPGraphQL support for querying and/or mutating Widgets.
9 |
10 | [Read more about the decision not to officially support widgets](https://github.com/wp-graphql/wp-graphql/issues/20#issuecomment-554426933).
11 |
--------------------------------------------------------------------------------
/next-apollo/graphql.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | projects: {
3 | 'WPGraphQL': {
4 | schema: 'https://content.wpgraphql.com/graphql',
5 | }
6 | }
7 | }
--------------------------------------------------------------------------------
/next-apollo/hooks/useIsomorphicLayoutEffect.js:
--------------------------------------------------------------------------------
1 | import { useEffect, useLayoutEffect } from 'react'
2 |
3 | export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect
4 |
--------------------------------------------------------------------------------
/next-apollo/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": ".",
4 | "paths": {
5 | "@/*": ["src/*"]
6 | }
7 | }
8 | }
--------------------------------------------------------------------------------
/next-apollo/lib/helpers/flatListToHierarchical.js:
--------------------------------------------------------------------------------
1 | export const flatListToHierarchical = (
2 | data = [],
3 | { idKey = 'key', parentKey = 'parentId', childrenKey = 'children' } = {}
4 | ) => {
5 | const tree = []
6 | const childrenOf = {}
7 | data.forEach((item) => {
8 | const newItem = { ...item }
9 | const { [idKey]: id, [parentKey]: parentId = 0 } = newItem
10 | childrenOf[id] = childrenOf[id] || []
11 | newItem[childrenKey] = childrenOf[id]
12 | parentId
13 | ? (childrenOf[parentId] = childrenOf[parentId] || []).push(newItem)
14 | : tree.push(newItem)
15 | })
16 | return tree
17 | }
18 |
--------------------------------------------------------------------------------
/next-apollo/lib/mdx/components.js:
--------------------------------------------------------------------------------
1 | import Link from 'next/link'
2 | import clsx from 'clsx'
3 |
4 | export const Heading = ({ as, id, children, ...rest }) => {
5 | const Tag = as ?? 'h2'
6 | return (
7 |
8 | {children}
9 |
10 | )
11 | }
12 |
13 | export const LinkedHeading = ({ id, as, children, className }) => {
14 | if (id) {
15 | return (
16 |
24 | {children}
25 |
27 |
28 |
38 |
39 |
40 |
41 | )
42 | }
43 | return This is my custom singular template
13 | // {JSON.stringify(props, null, 2)}
14 | //
15 | // )
16 | // }
17 | // }
18 | // }
19 |
20 | const WordPressNodeTemplate = props => {
21 | return
10 |
12 | )
13 | }
14 |
15 | export default MyApp
16 |
--------------------------------------------------------------------------------
/next-apollo/pages/api/hello.js:
--------------------------------------------------------------------------------
1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2 |
3 | export default function handler(req, res) {
4 | res.status(200).json({ name: 'John Doe' })
5 | }
6 |
--------------------------------------------------------------------------------
/next-apollo/pages/developer-reference.js:
--------------------------------------------------------------------------------
1 | import SiteLayout from 'components/SiteLayout/SiteLayout'
2 | import SiteFooter from 'components/SiteFooter/SiteFooter'
3 |
4 | const DeveloperReference = () => {
5 | return (
6 |
7 |
8 |
Developer Reference
9 |
10 |
12 | )
13 | }
14 |
15 | export default DeveloperReference
16 |
--------------------------------------------------------------------------------
/next-apollo/pages/docs/[slug].js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { renderToString } from 'react-dom/server'
3 | import DocsLayout from '../../components/DocsLayout/DocsLayout'
4 |
5 | import { MDXRemote } from 'next-mdx-remote'
6 | import { getDoc, getDocData, getDocSlugs, getTableOfContents } from 'lib/helpers/parse-docs'
7 | import { components } from 'lib/mdx/components'
8 | import TableOfContents from 'components/TableOfContents/TableOfContents'
9 |
10 | const Doc = ({ source, toc, content }) => {
11 | return (
12 |
13 |
14 | {source?.frontmatter?.title && (
15 |
16 | {source.frontmatter.title}
17 |
18 | )}
19 |
21 |
22 |
30 |
31 | )
32 | }
33 |
34 | export default Doc
35 |
36 | export const getStaticProps = async ({ params }) => {
37 | const doc = await getDoc(params.slug)
38 | const source = doc
39 |
40 | return {
41 | props: {
42 | toc: getTableOfContents(renderToString(
14 |
21 | )
22 | }
23 |
24 | export default Home
25 |
26 | Home.layoutProps = {
27 | meta: {
28 | title: 'WPGraphQL - The GraphQL API for WordPress',
29 | },
30 | }
31 |
32 | export async function getStaticProps() {
33 | const apolloClient = initializeApollo()
34 |
35 | await apolloClient.query({
36 | query: NAV_QUERY,
37 | variables: { menu_name: 'Primary Nav' },
38 | })
39 |
40 | return addApolloState(apolloClient, {
41 | props: {},
42 | revalidate: 30
43 | })
44 | }
45 |
--------------------------------------------------------------------------------
/next-apollo/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: [
3 | 'postcss-import',
4 | 'tailwindcss/nesting',
5 | 'tailwindcss',
6 | 'postcss-focus-visible',
7 | 'autoprefixer',
8 | ],
9 | }
--------------------------------------------------------------------------------
/next-apollo/prettier.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | semi: false,
3 | singleQuote: true,
4 | printWidth: 100,
5 | trailingComma: 'es5',
6 | arrowParens: 'always',
7 | tabWidth: 2,
8 | useTabs: false,
9 | quoteProps: 'as-needed',
10 | jsxSingleQuote: false,
11 | bracketSpacing: true,
12 | bracketSameLine: false,
13 | }
--------------------------------------------------------------------------------
/next-apollo/public/application-data-graph.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/application-data-graph.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-delete-not-allowed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-delete-not-allowed.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-delete-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-delete-success.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-mutation-create-not-allowed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-mutation-create-not-allowed.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-mutation-create-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-mutation-create-success.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-mutation-update-not-allowed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-mutation-update-not-allowed.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-mutation-update-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-mutation-update-success.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-query-by-global-id.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-query-by-global-id.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-query-edges-nodes.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-query-edges-nodes.png
--------------------------------------------------------------------------------
/next-apollo/public/categories-query-nodes.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/categories-query-nodes.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-closed-failure.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-closed-failure.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-delete-denied.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-delete-denied.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-delete.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-delete.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-duplicate-error.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-duplicate-error.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-not-allowed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-not-allowed.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-public-user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-public-user.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-restore-not-allowed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-restore-not-allowed.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-restore-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-restore-success.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-mutation-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-mutation-success.png
--------------------------------------------------------------------------------
/next-apollo/public/comments-query-post.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/comments-query-post.png
--------------------------------------------------------------------------------
/next-apollo/public/connections-graph.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/connections-graph.png
--------------------------------------------------------------------------------
/next-apollo/public/data-graph-category-term-connections.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/data-graph-category-term-connections.png
--------------------------------------------------------------------------------
/next-apollo/public/data-graph-category-terms-connection-complex.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/data-graph-category-terms-connection-complex.png
--------------------------------------------------------------------------------
/next-apollo/public/data-graph-category-terms.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/data-graph-category-terms.png
--------------------------------------------------------------------------------
/next-apollo/public/data-graph-hello-world.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/data-graph-hello-world.png
--------------------------------------------------------------------------------
/next-apollo/public/data-graph-query-filter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/data-graph-query-filter.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-graphql-query-logs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-graphql-query-logs.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-graphql-response.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-graphql-response.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-graphql-trace-log.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-graphql-trace-log.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-graphql-unexpected-token.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-graphql-unexpected-token.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-output-graphql-debug.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-output-graphql-debug.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-setting-enable-graphql-query-logs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-setting-enable-graphql-query-logs.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-setting-enable-graphql.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-setting-enable-graphql.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-setting-graphql-enable-tracing.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-setting-graphql-enable-tracing.png
--------------------------------------------------------------------------------
/next-apollo/public/debugging-unexpected-token.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/debugging-unexpected-token.gif
--------------------------------------------------------------------------------
/next-apollo/public/extension-graphiql-explorer-custom-type.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/extension-graphiql-explorer-custom-type.png
--------------------------------------------------------------------------------
/next-apollo/public/extension-graphiql-explorer-search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/extension-graphiql-explorer-search.png
--------------------------------------------------------------------------------
/next-apollo/public/extension-query-custom-field.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/extension-query-custom-field.png
--------------------------------------------------------------------------------
/next-apollo/public/extension-query-custom-type.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/extension-query-custom-type.png
--------------------------------------------------------------------------------
/next-apollo/public/extension-wordpress-admin-screen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/extension-wordpress-admin-screen.png
--------------------------------------------------------------------------------
/next-apollo/public/extension-wordpress-plugin-dir.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/extension-wordpress-plugin-dir.png
--------------------------------------------------------------------------------
/next-apollo/public/extension-wordpress-plugin-filename.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/extension-wordpress-plugin-filename.png
--------------------------------------------------------------------------------
/next-apollo/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/favicon.ico
--------------------------------------------------------------------------------
/next-apollo/public/graphiql-auth-switch.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/graphiql-auth-switch.gif
--------------------------------------------------------------------------------
/next-apollo/public/graphiql-full-window-mode.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/graphiql-full-window-mode.gif
--------------------------------------------------------------------------------
/next-apollo/public/graphiql-ide-screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/graphiql-ide-screenshot.png
--------------------------------------------------------------------------------
/next-apollo/public/graphiql-query-composer.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/graphiql-query-composer.gif
--------------------------------------------------------------------------------
/next-apollo/public/graphiql-query-posts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/graphiql-query-posts.png
--------------------------------------------------------------------------------
/next-apollo/public/interacting-fetch-graphql-from-browser-console-1024x619.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/interacting-fetch-graphql-from-browser-console-1024x619.gif
--------------------------------------------------------------------------------
/next-apollo/public/interacting-wordpress-admin-graphiql.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/interacting-wordpress-admin-graphiql.png
--------------------------------------------------------------------------------
/next-apollo/public/intro-graphql-MenuItems.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/intro-graphql-MenuItems.gif
--------------------------------------------------------------------------------
/next-apollo/public/intro-graphql-fragments.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/intro-graphql-fragments.png
--------------------------------------------------------------------------------
/next-apollo/public/logo-wpgraphql.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logo-wpgraphql.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-angular.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-angular.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-apollo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-apollo.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-credit-karma.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-credit-karma.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-dfuzr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-dfuzr.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-ember.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-ember.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-funkhaus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-funkhaus.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-gatsby.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-gatsby.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-harness.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-harness.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-hope-lab.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-hope-lab.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-nevernull.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-nevernull.webp
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-nextjs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-nextjs.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-players-tribune.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-players-tribune.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-quartz.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-quartz.jpg
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-react.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-react.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-svelte.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-svelte.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-twincities.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-twincities.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-valu-digital.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-valu-digital.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-vue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-vue.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-webdev-studios.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/logos/logo-webdev-studios.png
--------------------------------------------------------------------------------
/next-apollo/public/logos/logo-zeek.svg:
--------------------------------------------------------------------------------
1 |
3 |
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-acf-search-schema.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-acf-search-schema.gif
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-nested-query.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-nested-query.gif
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-query-100-posts-graphql.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-query-100-posts-graphql.png
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-query-100-posts-rest.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-query-100-posts-rest.png
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-query-acf-flex.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-query-acf-flex.gif
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-query-batch-postman.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-query-batch-postman.png
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-query-github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-query-github.png
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-query-multiple-resources.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-query-multiple-resources.png
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-query-types-fields.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-query-types-fields.png
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-wordpress-dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-wordpress-dashboard.png
--------------------------------------------------------------------------------
/next-apollo/public/wpgraphql-wordpress-rest-api-acf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/public/wpgraphql-wordpress-rest-api-acf.png
--------------------------------------------------------------------------------
/next-apollo/redirects.json:
--------------------------------------------------------------------------------
1 | []
--------------------------------------------------------------------------------
/next-apollo/scripts/build-rss.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/next-apollo/scripts/build-rss.js
--------------------------------------------------------------------------------
/next-apollo/scripts/getPossibleTypes.js:
--------------------------------------------------------------------------------
1 | /**
2 | * This script is used to fetch the possible types for use in Apollo
3 | */
4 | const fetch = require('cross-fetch');
5 | const fs = require('fs');
6 |
7 | fetch(process.env.WPGRAPHQL_ENDPOINT ?? 'https://content.wpgraphql.com/graphql', {
8 | method: 'POST',
9 | headers: { 'Content-Type': 'application/json' },
10 | body: JSON.stringify({
11 | variables: {},
12 | query: `
13 | {
14 | __schema {
15 | types {
16 | kind
17 | name
18 | possibleTypes {
19 | name
20 | }
21 | }
22 | }
23 | }
24 | `,
25 | }),
26 | }).then(result => result.json())
27 | .then(result => {
28 | const possibleTypes = {};
29 |
30 | result.data.__schema.types.forEach(supertype => {
31 | if (supertype.possibleTypes) {
32 | possibleTypes[supertype.name] =
33 | supertype.possibleTypes.map(subtype => subtype.name);
34 | }
35 | });
36 |
37 | fs.writeFile('./possibleTypes.json', JSON.stringify(possibleTypes), err => {
38 | if (err) {
39 | console.error('Error writing possibleTypes.json', err);
40 | } else {
41 | console.log('Fragment types successfully extracted!');
42 | }
43 | });
44 | });
--------------------------------------------------------------------------------
/next-apollo/styles/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 |
3 | html {
4 | scroll-behavior: smooth;
5 | }
6 |
7 | @tailwind components;
8 | @tailwind utilities;
9 |
--------------------------------------------------------------------------------
/next-apollo/templates/Category/Category.js:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client'
2 | import PostPreview, { PostPreviewFragment } from 'components/PostPreview/PostPreview'
3 | import SiteLayout from 'components/SiteLayout/SiteLayout'
4 | import SiteFooter from 'components/SiteFooter/SiteFooter'
5 |
6 | const Category = {
7 | name: 'Category',
8 | }
9 |
10 | Category.variables = ({ id }) => ({
11 | id,
12 | })
13 |
14 | Category.query = gql`
15 | query GetCategory($id: ID!) {
16 | category(id: $id) {
17 | name
18 | description
19 | posts {
20 | nodes {
21 | ...PostPreview
22 | }
23 | }
24 | }
25 | }
26 | ${PostPreviewFragment}
27 | `
28 |
29 | Category.loading = () => {
30 | ;Loading...
31 | }
32 | Category.error = () => {
33 | ;Error...
34 | }
35 |
36 | Category.component = (props) => {
37 | const { data } = props
38 |
39 | if (!data) {
40 | return null
41 | }
42 |
43 | if (!data.category) {
44 | return null
45 | }
46 |
47 | const { category } = data
48 |
49 | return (
50 | <>
51 |
52 |
53 |
54 |
55 | Category: {category?.name ?? null}
56 |
57 |
58 | {category?.description ?? null}
59 |
60 |
61 |
62 | {category?.posts?.nodes?.map((post) => (
63 |
64 |
66 | ))}
67 |
68 |
71 |
72 | )
73 | }
74 |
75 | export default Category
76 |
--------------------------------------------------------------------------------
/next-apollo/templates/Index/Index.js:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client'
2 |
3 | const Index = {
4 | name: 'Index',
5 | }
6 |
7 | Index.query = gql`
8 | {
9 | INDEX: __typename
10 | posts {
11 | nodes {
12 | id
13 | title
14 | author {
15 | node {
16 | name
17 | uri
18 | }
19 | }
20 | }
21 | }
22 | }
23 | `
24 |
25 | Index.component = (props) => (
26 | <>
27 | INDEX...
28 | {JSON.stringify(props, null, 2)}
29 |
30 | )
31 |
32 | export default Index
33 |
--------------------------------------------------------------------------------
/next-apollo/wp-next/README.md:
--------------------------------------------------------------------------------
1 | # WP Next
2 |
3 | This is some abstractions for routing from a URI in Next to the proper node in WordPress, and landing at the proper template.
4 |
5 | This allows for a convention similar to the WordPress template hierarchy.
6 |
--------------------------------------------------------------------------------
/next-apollo/wp-next/index.js:
--------------------------------------------------------------------------------
1 | import { WordPressNode, wordPressServerSideProps } from "./template";
2 |
3 | export { wordPressServerSideProps, WordPressNode };
--------------------------------------------------------------------------------
/remix-run/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": ["@remix-run/eslint-config", "@remix-run/eslint-config/node"]
3 | }
4 |
--------------------------------------------------------------------------------
/remix-run/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 |
3 | /.cache
4 | /build
5 | !/public
6 | /public/build
7 | .env
8 | api/index.js
--------------------------------------------------------------------------------
/remix-run/.nvmrc:
--------------------------------------------------------------------------------
1 | v14.19.0
--------------------------------------------------------------------------------
/remix-run/README.md:
--------------------------------------------------------------------------------
1 | # Welcome to Remix!
2 |
3 | - [Remix Docs](https://remix.run/docs)
4 |
5 | ## Development
6 |
7 | From your terminal:
8 |
9 | ```sh
10 | npm run dev
11 | ```
12 |
13 | This starts your app in development mode, rebuilding assets on file changes.
14 |
15 | ## Deployment
16 |
17 | First, build your app for production:
18 |
19 | ```sh
20 | npm run build
21 | ```
22 |
23 | Then run the app in production mode:
24 |
25 | ```sh
26 | npm start
27 | ```
28 |
29 | Now you'll need to pick a host to deploy it to.
30 |
31 | ### DIY
32 |
33 | If you're familiar with deploying node applications, the built-in Remix app server is production-ready.
34 |
35 | Make sure to deploy the output of `remix build`
36 |
37 | - `build/`
38 | - `public/build/`
39 |
40 | ### Using a Template
41 |
42 | When you ran `npx create-remix@latest` there were a few choices for hosting. You can run that again to create a new project, then copy over your `app/` folder to the new project that's pre-configured for your target server.
43 |
44 | ```sh
45 | cd ..
46 | # create a new project, and pick a pre-configured host
47 | npx create-remix@latest
48 | cd my-new-remix-app
49 | # remove the new project's app (not the old one!)
50 | rm -rf app
51 | # copy your app over
52 | cp -R ../my-old-remix-app/app app
53 | ```
54 |
--------------------------------------------------------------------------------
/remix-run/app/WordPressNode.jsx:
--------------------------------------------------------------------------------
1 | import { useQuery, gql } from '@apollo/client'
2 | import { getTemplateForSeedNode, SEED_QUERY } from '../wp-remix/template';
3 | import { initApollo } from './context/apollo'
4 | import { useLoaderData } from "@remix-run/react";
5 | import { json } from "@remix-run/server-runtime";
6 |
7 | const GET_POSTS = gql`
8 | {
9 | posts {
10 | nodes {
11 | id
12 | title
13 | }
14 | }
15 | }
16 | `
17 |
18 | export const loader = async (props) => {
19 | console.log( { props })
20 | const { params } = props
21 | const apolloClient = initApollo();
22 |
23 | const uri = params['*'] ?? null;
24 | if ( ! uri ) {
25 | return null;
26 | }
27 | const root = await apolloClient.query({ query: SEED_QUERY, variables: { uri } } );
28 |
29 | const rootNode = root.data.node ?? null
30 |
31 | if (!rootNode) {
32 | // we know we can't render the component
33 | // so throw immediately to stop executing code
34 | // and show the not found page
35 | throw new Response("Not Found", { status: 404 });
36 | }
37 |
38 | const template = getTemplateForSeedNode(rootNode);
39 | const { query, variables } = template;
40 | const { data } = await apolloClient.query({ query, variables });
41 |
42 | return json({
43 | uri,
44 | params,
45 | rootNode,
46 | pageData: data,
47 | })
48 | }
49 |
50 | const Index = (props) => {
51 |
52 | const loaded = useLoaderData();
53 | const { rootNode, pageData } = loaded;
54 |
55 | const template = getTemplateForSeedNode(rootNode);
56 | const { query, variables } = template;
57 | const Component = template.component ?? Fallback Template...
58 |
59 | const { data, loading, error } = useQuery(query, {
60 | variables,
61 | ssr: true
62 | })
63 |
64 | return
10 |
12 | )
13 | }
14 |
15 | hydrate(
17 |
19 | )
20 |
21 | return getDataFromTree(App).then(() => {
22 |
23 | const initialState = client.extract();
24 |
25 | const markup = renderToString(
26 |
27 | {App}
28 |
29 | );
30 |
31 | responseHeaders.set("Content-Type", "text/html");
32 |
33 | return new Response("" + markup, {
34 | status: responseStatusCode,
35 | headers: responseHeaders,
36 | });
37 | });
38 |
39 |
40 | }
41 |
--------------------------------------------------------------------------------
/remix-run/app/root.jsx:
--------------------------------------------------------------------------------
1 | import { useContext } from 'react';
2 | import {
3 | Links,
4 | LiveReload,
5 | Meta,
6 | Outlet,
7 | Scripts,
8 | ScrollRestoration,
9 | } from "@remix-run/react";
10 | import { ApolloContext } from "./context/apollo";
11 |
12 | export const meta = () => ({
13 | charset: "utf-8",
14 | title: "New Remix App",
15 | viewport: "width=device-width,initial-scale=1",
16 | });
17 |
18 | import styles from "./styles/app.css";
19 |
20 | export function links() {
21 | return [{ rel: "stylesheet", href: styles }]
22 | }
23 |
24 | export default function App() {
25 |
26 | // send the Apollo state to the client
27 | const initialState = useContext(ApolloContext);
28 |
29 | return (
30 |
31 |
32 | Fallback Template...
58 |
59 | const { data, loading, error } = useQuery(query, {
60 | variables,
61 | ssr: true
62 | })
63 |
64 | return Loading...
31 | }
32 |
33 | if (error) {
34 | return Error: {error.message}
35 | }
36 |
37 | const { posts } = data
38 |
39 | return (
40 |
41 |
42 |
43 |
44 | Blog
45 |
46 |
47 | Read the latest posts from the WPGraphQL team
48 |
49 |
50 |
51 | {posts.nodes.map((post) => (
52 |
53 |
55 | ))}
56 |
57 |
60 | )
61 | }
62 |
63 | export default Blog
--------------------------------------------------------------------------------
/remix-run/app/routes/developer-reference.jsx:
--------------------------------------------------------------------------------
1 | import SiteLayout from '../../components/SiteLayout/SiteLayout'
2 | import SiteFooter from '../../components/SiteFooter/SiteFooter'
3 |
4 | const DeveloperReference = () => {
5 | return (
6 |
7 |
8 |
Developer Reference
9 |
10 |
12 | )
13 | }
14 |
15 | export default DeveloperReference
16 |
--------------------------------------------------------------------------------
/remix-run/app/routes/index.jsx:
--------------------------------------------------------------------------------
1 | import HomepageCta from '../../components/HomepageCta/HomepageCta'
2 | import HomepageFeatures from '../../components/HomepageFeatures/HomepageFeatures'
3 | import HomepageFrameworks from '../../components/HomepageFrameworks/HomepageFrameworks'
4 | import HomepageHero from '../../components/HomepageHero/HomepageHero'
5 | import HomePageTrust from '../../components/HomepageTrust/HomepageTrust'
6 | import SiteLayout from '../../components/SiteLayout/SiteLayout'
7 | import SiteFooter from '../../components/SiteFooter/SiteFooter'
8 |
9 | const Home = () => {
10 | return (
11 |
12 |
19 | )
20 | }
21 |
22 | export default Home
23 |
24 | Home.layoutProps = {
25 | meta: {
26 | title: 'WPGraphQL - The GraphQL API for WordPress',
27 | },
28 | }
29 |
--------------------------------------------------------------------------------
/remix-run/components/DocsLayout/DocsLayout.js:
--------------------------------------------------------------------------------
1 | import DocsNav from 'components/DocsNav/DocsNav'
2 | import SiteLayout from 'components/SiteLayout/SiteLayout'
3 | import SiteFooter from 'components/SiteFooter/SiteFooter'
4 |
5 | const DocsLayout = ({ children }) => {
6 | return (
7 |
8 |
9 |
10 |
11 |
13 |
14 |
15 | {children}
16 |
18 |
19 |
20 |
22 | )
23 | }
24 |
25 | export default DocsLayout
26 |
--------------------------------------------------------------------------------
/remix-run/components/DocsNav/DocsNav.js:
--------------------------------------------------------------------------------
1 | import { documentationNav } from '/navs/documentation.js'
2 | import { Link } from '@remix-run/react'
3 |
4 | const getNav = () => {
5 | return Object.keys(documentationNav).map((key, i) => {
6 | const children = documentationNav[key]
7 |
8 | if (children.length > 0) {
9 | return (
10 |
11 |
{key}
12 |
13 | {children.map((child, i) => {
14 | return (
15 |
16 |
20 | )
21 | })}
22 |
23 |
Heading...
5 | {JSON.stringify(props, null, 2)}
6 |
7 | )
8 | }
9 |
10 | export default Heading
11 |
--------------------------------------------------------------------------------
/remix-run/components/HomepageCta/HomepageCta.js:
--------------------------------------------------------------------------------
1 | import { Link } from '@remix-run/react'
2 |
3 | /* This example requires Tailwind CSS v2.0+ */
4 | const HomepageCta = () => {
5 | return (
6 |
27 | )
28 | }
29 |
30 | export default HomepageCta
31 |
--------------------------------------------------------------------------------
/remix-run/components/SiteLayout/SiteLayout.js:
--------------------------------------------------------------------------------
1 | import SiteHeader from '../SiteHeader/SiteHeader'
2 |
3 | const SiteLayout = ({ children }) => {
4 | return (
5 | <>
6 |
11 |
12 | On this page
13 |
14 |
15 | {toc.map((item, index) => (
16 |
17 |
21 | ))}
22 |
23 |
8 | {children}
9 |
10 | )
11 | }
12 |
13 | export const LinkedHeading = ({ id, as, children, className }) => {
14 | if (id) {
15 | return (
16 |
24 | {children}
25 |
27 |
28 |
38 |
39 |
40 |
41 | )
42 | }
43 | return
3 |
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-acf-search-schema.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-acf-search-schema.gif
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-nested-query.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-nested-query.gif
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-query-100-posts-graphql.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-query-100-posts-graphql.png
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-query-100-posts-rest.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-query-100-posts-rest.png
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-query-acf-flex.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-query-acf-flex.gif
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-query-batch-postman.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-query-batch-postman.png
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-query-github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-query-github.png
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-query-multiple-resources.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-query-multiple-resources.png
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-query-types-fields.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-query-types-fields.png
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-wordpress-dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-wordpress-dashboard.png
--------------------------------------------------------------------------------
/remix-run/public/wpgraphql-wordpress-rest-api-acf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/public/wpgraphql-wordpress-rest-api-acf.png
--------------------------------------------------------------------------------
/remix-run/remix.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @type {import('@remix-run/dev').AppConfig}
3 | */
4 | module.exports = {
5 | serverBuildTarget: "vercel",
6 | // When running locally in development mode, we use the built in remix
7 | // server. This does not understand the vercel lambda module format,
8 | // so we default back to the standard build output.
9 | server: process.env.NODE_ENV === "development" ? undefined : "./server.js",
10 | ignoredRouteFiles: [".*"],
11 | // appDirectory: "app",
12 | // assetsBuildDirectory: "public/build",
13 | // serverBuildPath: "build/index.js",
14 | // publicPath: "/build/",
15 | };
16 |
--------------------------------------------------------------------------------
/remix-run/scripts/build-rss.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jasonbahl/headless-wp-template-hierarchy/1a489a4e2e40b62af454c0f76e3720b7871e78e7/remix-run/scripts/build-rss.js
--------------------------------------------------------------------------------
/remix-run/scripts/getPossibleTypes.js:
--------------------------------------------------------------------------------
1 | /**
2 | * This script is used to fetch the possible types for use in Apollo
3 | */
4 | const fetch = require('cross-fetch');
5 | const fs = require('fs');
6 |
7 | fetch(process.env.WPGRAPHQL_ENDPOINT ?? 'https://content.wpgraphql.com/graphql', {
8 | method: 'POST',
9 | headers: { 'Content-Type': 'application/json' },
10 | body: JSON.stringify({
11 | variables: {},
12 | query: `
13 | {
14 | __schema {
15 | types {
16 | kind
17 | name
18 | possibleTypes {
19 | name
20 | }
21 | }
22 | }
23 | }
24 | `,
25 | }),
26 | }).then(result => result.json())
27 | .then(result => {
28 | const possibleTypes = {};
29 |
30 | result.data.__schema.types.forEach(supertype => {
31 | if (supertype.possibleTypes) {
32 | possibleTypes[supertype.name] =
33 | supertype.possibleTypes.map(subtype => subtype.name);
34 | }
35 | });
36 |
37 | fs.writeFile('./possibleTypes.json', JSON.stringify(possibleTypes), err => {
38 | if (err) {
39 | console.error('Error writing possibleTypes.json', err);
40 | } else {
41 | console.log('Fragment types successfully extracted!');
42 | }
43 | });
44 | });
--------------------------------------------------------------------------------
/remix-run/server.js:
--------------------------------------------------------------------------------
1 | import { createRequestHandler } from "@remix-run/vercel";
2 | import * as build from "@remix-run/dev/server-build";
3 |
4 | export default createRequestHandler({ build, mode: process.env.NODE_ENV });
5 |
--------------------------------------------------------------------------------
/remix-run/styles/app.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 |
3 | html {
4 | scroll-behavior: smooth;
5 | }
6 |
7 | @tailwind components;
8 | @tailwind utilities;
9 |
--------------------------------------------------------------------------------
/remix-run/templates/Archive/Archive.js:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client'
2 | import SiteLayout from 'components/SiteLayout/SiteLayout'
3 |
4 | const Archive = {
5 | name: 'Archive',
6 | }
7 |
8 | Archive.variables = ({ id }) => {
9 | return {
10 | id,
11 | }
12 | }
13 |
14 | Archive.query = gql`
15 | query GetContentType($id: ID!) {
16 | archive: contentType(id: $id) {
17 | __typename
18 | id
19 | uri
20 | name
21 | description
22 | graphqlPluralName
23 | contentNodes {
24 | nodes {
25 | __typename
26 | ... on ExtensionPlugin {
27 | id
28 | title
29 | uri
30 | content
31 | extensionFields {
32 | pluginHost
33 | pluginLink
34 | pluginReadmeLink
35 | }
36 | }
37 | }
38 | }
39 | }
40 | }
41 | `
42 |
43 | Archive.loading = () => {
44 | ;Loading...
45 | }
46 | Archive.error = () => {
47 | ;Error...
48 | }
49 | Archive.component = ({ data: { archive } }) => (
50 | <>
51 |
52 |
53 |
54 |
55 | {archive?.graphqlPluralName ?? 'Archive'}
56 |
57 |
58 | {archive?.description ?? null}
59 |
60 |
61 |
68 |
70 |
71 | )
72 |
73 | export default Archive
74 |
--------------------------------------------------------------------------------
/remix-run/templates/Index/Index.js:
--------------------------------------------------------------------------------
1 | import { gql } from '@apollo/client'
2 |
3 | const Index = {
4 | name: 'Index',
5 | }
6 |
7 | Index.query = gql`
8 | {
9 | INDEX: __typename
10 | posts {
11 | nodes {
12 | id
13 | title
14 | author {
15 | node {
16 | name
17 | uri
18 | }
19 | }
20 | }
21 | }
22 | }
23 | `
24 |
25 | Index.component = (props) => (
26 | <>
27 | INDEX...
28 | {JSON.stringify(props, null, 2)}
29 |
30 | )
31 |
32 | export default Index
33 |
--------------------------------------------------------------------------------
/remix-run/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "build": {
3 | "env": {
4 | "ENABLE_FILE_SYSTEM_API": "1"
5 | }
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/remix-run/wp-remix/README.md:
--------------------------------------------------------------------------------
1 | # WP Next
2 |
3 | This is some abstractions for routing from a URI in Next to the proper node in WordPress, and landing at the proper template.
4 |
5 | This allows for a convention similar to the WordPress template hierarchy.
6 |
--------------------------------------------------------------------------------
/remix-run/wp-remix/index.js:
--------------------------------------------------------------------------------
1 | import { WordPressNode, wordPressServerSideProps } from "./template";
2 |
3 | export { wordPressServerSideProps, WordPressNode };
--------------------------------------------------------------------------------
10 | )
11 | }
12 |
13 | export default SiteLogo
14 |
--------------------------------------------------------------------------------
/remix-run/components/TableOfContents/TableOfContents.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'react'
2 | import { Link } from '@remix-run/react'
3 |
4 | const TableOfContents = ({ toc }) => {
5 | if (!toc || !toc.length) {
6 | return null
7 | }
8 |
9 | return (
10 |