@prezly/theme-kit-nextjs 1.18.2 → 2.0.0-1

package/src/adapter-nextjs/page-props/gallery.ts

@@ -1,114 +0,0 @@
-import type { NewsroomGallery } from '@prezly/sdk';
-import type {
-    GetServerSidePropsContext,
-    GetServerSidePropsResult,
-    GetStaticPropsContext,
-    GetStaticPropsResult,
-} from 'next';
-
-import type { PaginationProps } from '../../infinite-loading/types';
-import { DEFAULT_GALLERY_PAGE_SIZE } from '../../utils';
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { getNewsroomStaticProps } from '../getNewsroomStaticProps';
-import { processRequest } from '../processRequest';
-import { processStaticRequest } from '../processStaticRequest';
-
-import type { PropsFunction } from './lib/types';
-
-export interface GalleryPageProps {
-    galleries: NewsroomGallery[];
-    pagination: PaginationProps;
-}
-
-interface Options {
-    pageSize?: number;
-}
-
-export function getGalleryPageServerSideProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
-    options?: Options,
-) {
-    const { pageSize = DEFAULT_GALLERY_PAGE_SIZE } = options || {};
-
-    return async function getServerSideProps(
-        context: GetServerSidePropsContext,
-    ): Promise<GetServerSidePropsResult<GalleryPageProps & CustomProps>> {
-        const { api, serverSideProps } = await getNewsroomServerSideProps(context);
-        const { query } = context;
-
-        const page = query.page && typeof query.page === 'string' ? Number(query.page) : undefined;
-        const { galleries, pagination } = await api.getGalleries({ page, pageSize });
-
-        // If there's only one gallery, redirect to it immediately
-        if (galleries.length === 1) {
-            const { uuid } = galleries[0];
-
-            return {
-                redirect: {
-                    destination: `/media/album/${uuid}`,
-                    permanent: false,
-                },
-            };
-        }
-
-        return processRequest(
-            context,
-            {
-                ...serverSideProps,
-                galleries,
-                pagination: {
-                    itemsTotal: pagination.matched_records_number,
-                    currentPage: page ?? 1,
-                    pageSize,
-                },
-                ...(typeof customProps === 'function'
-                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
-                    : customProps),
-            },
-            '/media',
-        );
-    };
-}
-
-export function getGalleryPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
-    options?: Options,
-) {
-    const { pageSize = DEFAULT_GALLERY_PAGE_SIZE } = options || {};
-
-    return async function getStaticProps(
-        context: GetStaticPropsContext,
-    ): Promise<GetStaticPropsResult<GalleryPageProps & CustomProps>> {
-        const { api, staticProps } = await getNewsroomStaticProps(context);
-
-        const { galleries, pagination } = await api.getGalleries({ pageSize });
-
-        // If there's only one gallery, redirect to it immediately
-        if (galleries.length === 1) {
-            const { uuid } = galleries[0];
-
-            return {
-                redirect: {
-                    destination: `/media/album/${uuid}`,
-                    permanent: false,
-                },
-            };
-        }
-
-        return processStaticRequest(context, {
-            ...staticProps,
-            galleries,
-            pagination: {
-                itemsTotal: pagination.matched_records_number,
-                currentPage: 1,
-                pageSize,
-            },
-            ...(typeof customProps === 'function'
-                ? await (customProps as PropsFunction<CustomProps, GetStaticPropsContext>)(
-                      context,
-                      staticProps,
-                  )
-                : customProps),
-        });
-    };
-}

package/src/adapter-nextjs/page-props/galleryAlbum.ts

@@ -1,89 +0,0 @@
-import type { NewsroomGallery } from '@prezly/sdk';
-import type {
-    GetServerSidePropsContext,
-    GetServerSidePropsResult,
-    GetStaticPathsResult,
-    GetStaticPropsContext,
-    GetStaticPropsResult,
-} from 'next';
-
-import { getPrezlyApi } from '../../data-fetching';
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { getNewsroomStaticProps } from '../getNewsroomStaticProps';
-import { processRequest } from '../processRequest';
-import { processStaticRequest } from '../processStaticRequest';
-
-import type { PropsFunction } from './lib/types';
-
-export interface GalleryAlbumPageProps {
-    gallery: NewsroomGallery;
-}
-
-export function getGalleryAlbumPageServerSideProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
-) {
-    return async function getServerSideProps(
-        context: GetServerSidePropsContext,
-    ): Promise<GetServerSidePropsResult<GalleryAlbumPageProps & CustomProps>> {
-        const { api, serverSideProps } = await getNewsroomServerSideProps(context);
-
-        const { uuid } = context.params as { uuid: string };
-        const gallery = await api.getGallery(uuid);
-
-        if (!gallery || !gallery.images_number) {
-            return { notFound: true };
-        }
-
-        return processRequest(
-            context,
-            {
-                ...serverSideProps,
-                gallery,
-                ...(typeof customProps === 'function'
-                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
-                    : customProps),
-            },
-            `/media/album/${uuid}`,
-        );
-    };
-}
-
-export function getGalleryAlbumPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
-) {
-    return async function getStaticProps(
-        context: GetStaticPropsContext,
-    ): Promise<GetStaticPropsResult<GalleryAlbumPageProps & CustomProps>> {
-        const { api, staticProps } = await getNewsroomStaticProps(context);
-
-        const { uuid } = context.params as { uuid: string };
-        const gallery = await api.getGallery(uuid);
-
-        if (!gallery || !gallery.images_number) {
-            return { notFound: true };
-        }
-
-        return processStaticRequest(context, {
-            ...staticProps,
-            gallery,
-            ...(typeof customProps === 'function'
-                ? await (customProps as PropsFunction<CustomProps, GetStaticPropsContext>)(
-                      context,
-                      staticProps,
-                  )
-                : customProps),
-        });
-    };
-}
-
-export async function getGalleryAlbumPageStaticPaths(): Promise<GetStaticPathsResult> {
-    const api = getPrezlyApi();
-    const { galleries } = await api.getGalleries({});
-
-    const paths = galleries.map(({ uuid }) => ({ params: { uuid } }));
-
-    return {
-        paths,
-        fallback: 'blocking',
-    };
-}

package/src/adapter-nextjs/page-props/home.ts

@@ -1,113 +0,0 @@
-import type { ExtraStoryFields, Story } from '@prezly/sdk';
-import type {
-    GetServerSidePropsContext,
-    GetServerSidePropsResult,
-    GetStaticPropsContext,
-    GetStaticPropsResult,
-} from 'next';
-
-import type { PaginationProps } from '../../infinite-loading/types';
-import { DEFAULT_PAGE_SIZE } from '../../utils';
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { getNewsroomStaticProps } from '../getNewsroomStaticProps';
-import { processRequest } from '../processRequest';
-import { processStaticRequest } from '../processStaticRequest';
-
-import type { PropsFunction } from './lib/types';
-
-export interface HomePageProps<StoryType extends Story = Story> {
-    stories: StoryType[];
-    pagination: PaginationProps;
-}
-
-interface Options {
-    extraStoryFields?: (keyof ExtraStoryFields)[];
-    pageSize?: number;
-}
-
-export function getHomepageServerSideProps<
-    CustomProps extends Record<string, any>,
-    StoryType extends Story = Story,
->(customProps: CustomProps | PropsFunction<CustomProps>, options?: Options) {
-    const { pageSize = DEFAULT_PAGE_SIZE, extraStoryFields } = options || {};
-
-    return async function getServerSideProps(
-        context: GetServerSidePropsContext,
-    ): Promise<GetServerSidePropsResult<HomePageProps<StoryType> & CustomProps>> {
-        const { api, serverSideProps } = await getNewsroomServerSideProps(context, {
-            loadHomepageContacts: true,
-        });
-
-        const { query } = context;
-        const page = query.page && typeof query.page === 'string' ? Number(query.page) : undefined;
-
-        const { localeCode } = serverSideProps.newsroomContextProps;
-
-        const storiesPaginated = await api.getStories({
-            page,
-            pageSize,
-            include: extraStoryFields,
-            localeCode,
-        });
-        const { stories, storiesTotal } = storiesPaginated;
-
-        return processRequest(
-            context,
-            {
-                ...serverSideProps,
-                // TODO: This is temporary until return types from API are figured out
-                stories: stories as StoryType[],
-                pagination: {
-                    itemsTotal: storiesTotal,
-                    currentPage: page ?? 1,
-                    pageSize,
-                },
-                ...(typeof customProps === 'function'
-                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
-                    : customProps),
-            },
-            '/',
-        );
-    };
-}
-
-export function getHomepageStaticProps<
-    CustomProps extends Record<string, any>,
-    StoryType extends Story = Story,
->(customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>, options?: Options) {
-    const { pageSize = DEFAULT_PAGE_SIZE, extraStoryFields } = options || {};
-
-    return async function getStaticProps(
-        context: GetStaticPropsContext,
-    ): Promise<GetStaticPropsResult<HomePageProps<StoryType> & CustomProps>> {
-        const { api, staticProps } = await getNewsroomStaticProps(context, {
-            loadHomepageContacts: true,
-        });
-
-        const { localeCode } = staticProps.newsroomContextProps;
-
-        const storiesPaginated = await api.getStories({
-            pageSize,
-            include: extraStoryFields,
-            localeCode,
-        });
-        const { stories, storiesTotal } = storiesPaginated;
-
-        return processStaticRequest(context, {
-            ...staticProps,
-            // TODO: This is temporary until return types from API are figured out
-            stories: stories as StoryType[],
-            pagination: {
-                itemsTotal: storiesTotal,
-                currentPage: 1,
-                pageSize,
-            },
-            ...(typeof customProps === 'function'
-                ? await (customProps as PropsFunction<CustomProps, GetStaticPropsContext>)(
-                      context,
-                      staticProps,
-                  )
-                : customProps),
-        });
-    };
-}

package/src/adapter-nextjs/page-props/index.ts

@@ -1,26 +0,0 @@
-export {
-    getCategoryPageServerSideProps,
-    getCategoryPageStaticPaths,
-    getCategoryPageStaticProps,
-    type CategoryPageProps,
-} from './category';
-export {
-    getGalleryPageServerSideProps,
-    getGalleryPageStaticProps,
-    type GalleryPageProps,
-} from './gallery';
-export {
-    getGalleryAlbumPageServerSideProps,
-    getGalleryAlbumPageStaticPaths,
-    getGalleryAlbumPageStaticProps,
-    type GalleryAlbumPageProps,
-} from './galleryAlbum';
-export { getHomepageServerSideProps, getHomepageStaticProps, type HomePageProps } from './home';
-export { getSearchPageServerSideProps, getSearchPageStaticProps } from './search';
-export * from './sitemap';
-export {
-    getStoryPageServerSideProps,
-    getStoryPageStaticPaths,
-    getStoryPageStaticProps,
-} from './story';
-export { getStoryPreviewPageServerSideProps } from './storyPreview';

package/src/adapter-nextjs/page-props/lib/types.ts

@@ -1,8 +0,0 @@
-import type { GetServerSidePropsContext, GetStaticPropsContext } from 'next';
-
-import type { PageProps } from '../../../types';
-
-export type PropsFunction<
-    CustomProps,
-    Context extends GetServerSidePropsContext | GetStaticPropsContext = GetServerSidePropsContext,
-> = (context: Context, props: PageProps) => CustomProps | Promise<CustomProps>;

package/src/adapter-nextjs/page-props/search.ts

@@ -1,53 +0,0 @@
-import type {
-    GetServerSidePropsContext,
-    GetServerSidePropsResult,
-    GetStaticPropsContext,
-} from 'next';
-
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { getNewsroomStaticProps } from '../getNewsroomStaticProps';
-import { processRequest } from '../processRequest';
-import { processStaticRequest } from '../processStaticRequest';
-
-import type { PropsFunction } from './lib/types';
-
-export function getSearchPageServerSideProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
-) {
-    return async function getServerSideProps(
-        context: GetServerSidePropsContext,
-    ): Promise<GetServerSidePropsResult<CustomProps>> {
-        const { serverSideProps } = await getNewsroomServerSideProps(context);
-
-        return processRequest(
-            context,
-            {
-                ...serverSideProps,
-                ...(typeof customProps === 'function'
-                    ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
-                    : customProps),
-            },
-            '/search',
-        );
-    };
-}
-
-export function getSearchPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
-) {
-    return async function getStaticProps(
-        context: GetServerSidePropsContext,
-    ): Promise<GetServerSidePropsResult<CustomProps>> {
-        const { staticProps } = await getNewsroomStaticProps(context);
-
-        return processStaticRequest(context, {
-            ...staticProps,
-            ...(typeof customProps === 'function'
-                ? await (customProps as PropsFunction<CustomProps, GetStaticPropsContext>)(
-                      context,
-                      staticProps,
-                  )
-                : customProps),
-        });
-    };
-}

package/src/adapter-nextjs/page-props/sitemap/SitemapBuilder.ts

@@ -1,56 +0,0 @@
-import type { SitemapUrl } from './types';
-
-export class SitemapBuilder {
-    private baseUrl: string;
-
-    private urls: SitemapUrl[] = [];
-
-    constructor(baseUrl: string) {
-        this.baseUrl = baseUrl;
-    }
-
-    public addUrl(location: string) {
-        this.urls.push({
-            location: this.baseUrl + location,
-            changeFrequency: SitemapBuilder.guessFrequency(location),
-            priority: SitemapBuilder.guessPriority(location),
-        });
-    }
-
-    private static guessFrequency(location: string) {
-        if (location === '/') return 'daily';
-
-        return 'weekly';
-    }
-
-    private static guessPriority(location: string) {
-        if (location === '/') return '0.9';
-
-        if (location.startsWith('/category/')) {
-            return '0.8';
-        }
-
-        return '0.7';
-    }
-
-    static serializeLocation(url: SitemapUrl) {
-        return [
-            '<url>',
-            url.location && `\t<loc>${url.location}</loc>`,
-            url.changeFrequency && `\t<changefreq>${url.changeFrequency}</changefreq>`,
-            url.priority && `\t<priority>${url.priority}</priority>`,
-            '</url>',
-        ]
-            .filter(Boolean)
-            .join('\n');
-    }
-
-    serialize() {
-        return [
-            '<?xml version="1.0" encoding="UTF-8" ?>',
-            '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">',
-            this.urls.map(SitemapBuilder.serializeLocation).join('\n'),
-            '</urlset>',
-        ].join('\n');
-    }
-}

package/src/adapter-nextjs/page-props/sitemap/createPaths.ts

@@ -1,21 +0,0 @@
-import type { Category, Story } from '@prezly/sdk';
-
-export function createPaths(stories: Story[], categories: Category[]) {
-    const storiesUrls = stories.map(({ slug }) => `/${slug}`);
-    const categoriesUrls = categories
-        .map((category) => {
-            const translations = Object.values(category.i18n);
-            const allSlugs = translations
-                .map(({ slug }) => slug || '')
-                .filter(Boolean)
-                .reduce<string[]>(
-                    (slugs, slug) => (slugs.includes(slug) ? [...slugs] : [...slugs, slug]),
-                    [],
-                );
-
-            return allSlugs.map((slug) => `/category/${slug}`);
-        })
-        .flat();
-
-    return [...storiesUrls, ...categoriesUrls];
-}

package/src/adapter-nextjs/page-props/sitemap/getServerSideProps.ts

@@ -1,43 +0,0 @@
-import type { NextPageContext } from 'next';
-
-import { getPrezlyApi } from '../../../data-fetching';
-
-import { createPaths } from './createPaths';
-import { SitemapBuilder } from './SitemapBuilder';
-
-export function getSitemapServerSideProps(additionalPaths?: string[]) {
-    return async function getServerSideProps(ctx: NextPageContext) {
-        const { res, req } = ctx;
-
-        if (!req || !res) {
-            // client side
-            return {
-                props: {},
-            };
-        }
-
-        const baseUrl = req.headers.host || '/';
-
-        const api = getPrezlyApi(req);
-        const stories = await api.getAllStories();
-        const categories = await api.getCategories();
-
-        const paths = createPaths(stories, categories);
-        const sitemapBuilder = new SitemapBuilder(baseUrl);
-
-        sitemapBuilder.addUrl('/');
-        paths.forEach((path) => sitemapBuilder.addUrl(path));
-
-        if (additionalPaths) {
-            additionalPaths.forEach((path) => sitemapBuilder.addUrl(path));
-        }
-
-        res.setHeader('Content-Type', 'text/xml');
-        res.write(sitemapBuilder.serialize());
-        res.end();
-
-        return {
-            props: {},
-        };
-    };
-}

package/src/adapter-nextjs/page-props/sitemap/index.ts

@@ -1,5 +0,0 @@
-export { getSitemapServerSideProps } from './getServerSideProps';
-
-export { SitemapBuilder } from './SitemapBuilder';
-export { createPaths } from './createPaths';
-export * from './types';

package/src/adapter-nextjs/page-props/sitemap/types.ts

@@ -1,5 +0,0 @@
-export type SitemapUrl = {
-    location: string;
-    changeFrequency?: string;
-    priority?: string;
-};

package/src/adapter-nextjs/page-props/story.ts

@@ -1,94 +0,0 @@
-import type {
-    GetServerSidePropsContext,
-    GetServerSidePropsResult,
-    GetStaticPropsContext,
-    GetStaticPropsResult,
-} from 'next';
-
-import { getPrezlyApi } from '../../data-fetching';
-import { DUMMY_DEFAULT_LOCALE } from '../../intl';
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { getNewsroomStaticProps } from '../getNewsroomStaticProps';
-import { processRequest } from '../processRequest';
-import { processStaticRequest } from '../processStaticRequest';
-
-import type { PropsFunction } from './lib/types';
-
-export function getStoryPageServerSideProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
-) {
-    return async function getServerSideProps(
-        context: GetServerSidePropsContext,
-    ): Promise<GetServerSidePropsResult<CustomProps>> {
-        const api = getPrezlyApi(context.req);
-
-        const { slug } = context.params as { slug?: string };
-        const story = slug ? await api.getStoryBySlug(slug) : null;
-        if (!story) {
-            return { notFound: true };
-        }
-
-        const { serverSideProps } = await getNewsroomServerSideProps(context, { story });
-
-        const { locale } = context;
-        if (locale && locale !== DUMMY_DEFAULT_LOCALE) {
-            return {
-                redirect: {
-                    destination: `/${slug}`,
-                    permanent: true,
-                },
-            };
-        }
-
-        serverSideProps.newsroomContextProps.currentStory = story;
-
-        return processRequest(context, {
-            ...serverSideProps,
-            ...(typeof customProps === 'function'
-                ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
-                : customProps),
-        });
-    };
-}
-
-export function getStoryPageStaticProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps, GetStaticPropsContext>,
-) {
-    return async function getStaticProps(
-        context: GetStaticPropsContext,
-    ): Promise<GetStaticPropsResult<CustomProps>> {
-        const api = getPrezlyApi();
-
-        const { slug } = context.params as { slug?: string };
-        const story = slug ? await api.getStoryBySlug(slug) : null;
-        if (!story) {
-            return { notFound: true };
-        }
-
-        const { staticProps } = await getNewsroomStaticProps(context, { story });
-
-        staticProps.newsroomContextProps.currentStory = story;
-
-        return processStaticRequest(context, {
-            ...staticProps,
-            ...(typeof customProps === 'function'
-                ? await (customProps as PropsFunction<CustomProps, GetStaticPropsContext>)(
-                      context,
-                      staticProps,
-                  )
-                : customProps),
-        });
-    };
-}
-
-export async function getStoryPageStaticPaths() {
-    const api = getPrezlyApi();
-    const stories = await api.getAllStories();
-
-    const paths = stories.map(({ slug }) => ({ params: { slug } }));
-
-    return {
-        paths,
-        fallback: 'blocking',
-    };
-}

package/src/adapter-nextjs/page-props/storyPreview.ts

@@ -1,33 +0,0 @@
-import type { GetServerSidePropsContext, GetServerSidePropsResult } from 'next';
-
-import { getPrezlyApi } from '../../data-fetching';
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { processRequest } from '../processRequest';
-
-import type { PropsFunction } from './lib/types';
-
-export function getStoryPreviewPageServerSideProps<CustomProps extends Record<string, any>>(
-    customProps: CustomProps | PropsFunction<CustomProps>,
-) {
-    return async function getServerSideProps(
-        context: GetServerSidePropsContext,
-    ): Promise<GetServerSidePropsResult<CustomProps>> {
-        const api = getPrezlyApi(context.req);
-        const { uuid } = context.params as { uuid: string };
-        const story = await api.getStory(uuid);
-        if (!story) {
-            return { notFound: true };
-        }
-
-        const { serverSideProps } = await getNewsroomServerSideProps(context, { story });
-
-        serverSideProps.newsroomContextProps.currentStory = story;
-
-        return processRequest(context, {
-            ...serverSideProps,
-            ...(typeof customProps === 'function'
-                ? await (customProps as PropsFunction<CustomProps>)(context, serverSideProps)
-                : customProps),
-        });
-    };
-}