@treely/strapi-slices 7.17.0 → 8.0.0

package/src/utils/mergeGlobalAndStrapiProjectData.test.ts

@@ -1,385 +0,0 @@
-import portfolioProjectMock from '../test/integrationMocks/portfolioProjectMock';
-import getStaticPropsContextMock from '../test/mocks/getStaticPropsContext';
-import minimalGlobalData from '../test/strapiMocks/minimalGlobalData';
-import { strapiBlogPostMock } from '../test/strapiMocks/strapiBlogPost';
-import { strapiMetadataMock } from '../test/strapiMocks/strapiMetadata';
-import { strapiProjectMock } from '../test/strapiMocks/strapiProject';
-import mergeGlobalAndStrapiProjectData from './mergeGlobalAndStrapiProjectData';
-
-describe('The mergeGlobalAndStrapiProjectData util', () => {
-  it('returns the global metadata if there is no page metadata', () => {
-    const projectDataWithoutMetadata = {
-      ...strapiProjectMock,
-      attributes: {
-        ...strapiProjectMock.attributes,
-        metadata: null,
-      },
-    };
-
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      projectDataWithoutMetadata,
-      [],
-      []
-    );
-
-    expect(result.attributes.metadata).toBe(
-      minimalGlobalData.attributes.metadata
-    );
-    expect(result.metadata.title).toBe(
-      minimalGlobalData.attributes.metadata.title
-    );
-    expect(result.metadata.description).toBe(
-      minimalGlobalData.attributes.metadata.description
-    );
-    expect(result.isFallbackLocale).toBeFalsy();
-  });
-
-  it('returns the pages metadata if the page data includes metadata', () => {
-    const projectDataWithMetadata = {
-      ...strapiProjectMock,
-      attributes: {
-        ...strapiProjectMock.attributes,
-        metadata: strapiMetadataMock,
-      },
-    };
-
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      projectDataWithMetadata,
-      [],
-      []
-    );
-
-    expect(result.attributes.metadata?.title).toBe(strapiMetadataMock.title);
-    expect(result.metadata?.title).toBe(strapiMetadataMock.title);
-  });
-
-  it('returns the navbar links if there are links in the global data', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      {
-        ...minimalGlobalData,
-        attributes: {
-          ...minimalGlobalData.attributes,
-          navbar: {
-            ...minimalGlobalData.attributes.navbar,
-            navMenus: [
-              {
-                link: { id: Infinity, text: 'Text', url: '/' },
-                title: 'Title',
-                items: [],
-              },
-            ],
-          },
-        },
-      },
-      strapiProjectMock,
-      [],
-      []
-    );
-
-    expect(result.headerNavMenus).toStrictEqual([
-      {
-        title: 'Title',
-        items: [],
-        link: { id: Infinity, text: 'Text', url: '/' },
-      },
-    ]);
-  });
-
-  it('returns the navbar buttons if there are buttons in the global data', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      {
-        ...minimalGlobalData,
-        attributes: {
-          ...minimalGlobalData.attributes,
-          navbar: {
-            ...minimalGlobalData.attributes.navbar,
-            buttons: [{ id: Infinity, text: 'Header button', url: '/' }],
-          },
-        },
-      },
-      strapiProjectMock,
-      [],
-      []
-    );
-
-    expect(result.headerButtons).toStrictEqual([
-      { id: Infinity, text: 'Header button', url: '/' },
-    ]);
-  });
-
-  it('returns the footer links if there are links in the global data', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      {
-        ...minimalGlobalData,
-        attributes: {
-          ...minimalGlobalData.attributes,
-          footer: {
-            ...minimalGlobalData.attributes.footer,
-            links: [{ id: Infinity, title: 'Title', links: [] }],
-          },
-        },
-      },
-      strapiProjectMock,
-      [],
-      []
-    );
-
-    expect(result.footerLinks).toStrictEqual([
-      { id: Infinity, title: 'Title', links: [] },
-    ]);
-  });
-
-  it('returns a light theme header type if the first slice of the page is not a hero', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [{ __component: 'no.hero.section' }],
-        },
-      },
-      [],
-      []
-    );
-
-    expect(result.headerType?.theme).toBe('light');
-  });
-
-  it('returns a light theme header type if the slices array is empty', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [],
-        },
-      },
-      [],
-      []
-    );
-
-    expect(result.headerType?.theme).toBe('light');
-  });
-
-  it('returns a dark theme header type if the first slice of the page is a hero', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [{ __component: 'sections.hero' }],
-        },
-      },
-      [],
-      []
-    );
-
-    expect(result.headerType?.theme).toBe('dark');
-  });
-
-  it('returns a not extendable header type if the first slice of the page is not a hero', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [{ __component: 'no.hero.section' }],
-        },
-      },
-      [],
-      []
-    );
-
-    expect(result.headerType?.extendable).toBe(false);
-  });
-
-  it('returns a not extendable header type if the slices array is empty', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [],
-        },
-      },
-      [],
-      []
-    );
-
-    expect(result.headerType?.extendable).toBe(false);
-  });
-
-  it('returns an extendable header type if the first slice of the page is a hero', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [{ __component: 'sections.hero' }],
-        },
-      },
-      [],
-      []
-    );
-
-    expect(result.headerType?.extendable).toBe(true);
-  });
-
-  it('returns the blog posts if the page includes slices which need blog posts', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [{ __component: 'sections.blog-cards' }],
-        },
-      },
-      [strapiBlogPostMock],
-      []
-    );
-
-    expect(result.blogPosts).toStrictEqual([strapiBlogPostMock]);
-    expect(result.projects).toStrictEqual([]);
-  });
-
-  it('returns the projects if the page includes slices which need projects', () => {
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      {
-        ...strapiProjectMock,
-        attributes: {
-          ...strapiProjectMock.attributes,
-          slices: [{ __component: 'sections.projects-grid' }],
-        },
-      },
-      [],
-      [portfolioProjectMock]
-    );
-
-    expect(result.blogPosts).toStrictEqual([]);
-    expect(result.projects).toStrictEqual([portfolioProjectMock]);
-  });
-
-  it('returns isFallbackLocale=true if the project is in a different language', () => {
-    const projectDataInDe = {
-      ...strapiProjectMock,
-      attributes: {
-        ...strapiProjectMock.attributes,
-        locale: 'de',
-      },
-    };
-
-    const result = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      minimalGlobalData,
-      projectDataInDe,
-      [],
-      []
-    );
-
-    expect(result.isFallbackLocale).toBeTruthy();
-  });
-
-  it('handles schema markup types correctly', () => {
-    const globalDataWithSchemaMarkup = {
-      ...minimalGlobalData,
-      attributes: {
-        ...minimalGlobalData.attributes,
-        metadata: {
-          ...minimalGlobalData.attributes.metadata,
-          schemaMarkupTypes: ['Organization'],
-        },
-      },
-    };
-
-    const projectDataWithSchemaMarkup = {
-      ...strapiProjectMock,
-      attributes: {
-        ...strapiProjectMock.attributes,
-        metadata: {
-          ...strapiMetadataMock,
-          schemaMarkupTypes: ['Article', 'BlogPosting'],
-        },
-      },
-    };
-
-    // Test project-level schema markup
-    const resultWithProjectSchema = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      globalDataWithSchemaMarkup,
-      projectDataWithSchemaMarkup,
-      [],
-      []
-    );
-    expect(resultWithProjectSchema.metadata.schemaMarkupTypes).toEqual([
-      'Article',
-      'BlogPosting',
-    ]);
-
-    // Test global fallback
-    const projectDataWithoutSchema = {
-      ...strapiProjectMock,
-      attributes: {
-        ...strapiProjectMock.attributes,
-        metadata: {
-          ...strapiMetadataMock,
-          schemaMarkupTypes: undefined,
-        },
-      },
-    };
-
-    const resultWithGlobalSchema = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      globalDataWithSchemaMarkup,
-      projectDataWithoutSchema,
-      [],
-      []
-    );
-    expect(resultWithGlobalSchema.metadata.schemaMarkupTypes).toEqual([
-      'Organization',
-    ]);
-
-    // Test empty array fallback
-    const globalDataWithoutSchema = {
-      ...minimalGlobalData,
-      attributes: {
-        ...minimalGlobalData.attributes,
-        metadata: {
-          ...minimalGlobalData.attributes.metadata,
-          schemaMarkupTypes: undefined,
-        },
-      },
-    };
-
-    const resultWithNoSchema = mergeGlobalAndStrapiProjectData(
-      getStaticPropsContextMock,
-      globalDataWithoutSchema,
-      projectDataWithoutSchema,
-      [],
-      []
-    );
-    expect(resultWithNoSchema.metadata.schemaMarkupTypes).toEqual([]);
-  });
-});

package/src/utils/mergeGlobalAndStrapiProjectData.ts

@@ -1,96 +0,0 @@
-import { GetStaticPropsContext } from 'next';
-import strapiMediaUrl from './strapiMediaUrl';
-import {
-  IStrapiData,
-  StrapiBlogPost,
-  StrapiGlobal,
-  StrapiProject,
-  StrapiProjectProps,
-} from '..';
-import PortfolioProject from '../models/PortfolioProject';
-import {
-  DARK_THEME_HEADER_SECTIONS,
-  EXTENDABLE_HEADER_SECTIONS,
-  SLICES_WITH_BLOG_POSTS,
-  SLICES_WITH_PROJECTS,
-} from '../constants/slicesConfig';
-import { DEFAULT_SHARE_ALT, DEFAULT_SHARE_IMAGE } from '../constants/metadata';
-
-const mergeGlobalAndStrapiProject = (
-  context: GetStaticPropsContext,
-  global: IStrapiData<StrapiGlobal>,
-  project: IStrapiData<StrapiProject>,
-  blogPosts: IStrapiData<StrapiBlogPost>[],
-  projects: PortfolioProject[]
-): StrapiProjectProps => {
-  const metaShareImageUrl = project.attributes.metadata?.shareImage
-    ? strapiMediaUrl(
-        project.attributes.metadata?.shareImage.media ??
-          global.attributes.metadata.shareImage?.media,
-        'large'
-      )
-    : DEFAULT_SHARE_IMAGE;
-
-  const schemaMarkupTypes =
-    project.attributes.metadata?.schemaMarkupTypes ??
-    global.attributes.metadata?.schemaMarkupTypes ??
-    [];
-
-  const returnBlogPosts = project.attributes.slices.some((slice) =>
-    SLICES_WITH_BLOG_POSTS.includes(slice.__component)
-  );
-  const returnProjects = project.attributes.slices.some((slice) =>
-    SLICES_WITH_PROJECTS.includes(slice.__component)
-  );
-
-  return {
-    ...project,
-    // Portfolio Projects
-    projects: returnProjects ? projects : [],
-    // StrapiProject
-    attributes: {
-      ...project.attributes,
-      metadata: project?.attributes?.metadata || global.attributes.metadata,
-    },
-    headerType: {
-      extendable: EXTENDABLE_HEADER_SECTIONS.includes(
-        project.attributes.slices[0]?.__component
-      ),
-      theme: DARK_THEME_HEADER_SECTIONS.includes(
-        project.attributes.slices[0]?.__component
-      )
-        ? 'dark'
-        : 'light',
-    },
-    // PageProps
-    headerNavMenus: global.attributes.navbar.navMenus || [],
-    headerButtons: global.attributes.navbar.buttons || [],
-    footerLinks: global.attributes.footer.links || [],
-    metadata: {
-      title:
-        project.attributes.metadata?.title ?? global.attributes.metadata.title,
-      description:
-        project.attributes.metadata?.description ??
-        global.attributes.metadata.description,
-      shareImage: {
-        url: metaShareImageUrl,
-        alt:
-          project.attributes.metadata?.shareImage?.alt ??
-          global.attributes.metadata.shareImage?.alt ??
-          DEFAULT_SHARE_ALT,
-      },
-      metaTitleSuffix: global.attributes.metaTitleSuffix,
-      favicon: strapiMediaUrl(global.attributes.favicon, 'thumbnail'),
-      schemaMarkupTypes,
-    },
-    slices: project.attributes.slices,
-    blogPosts: returnBlogPosts ? blogPosts : [],
-    banner: global.attributes.banner,
-    topBanner: project?.attributes.topBanner || global.attributes.topBanner,
-    customerStories: [],
-    preview: !!context.preview,
-    isFallbackLocale: context.locale !== project.attributes.locale,
-  };
-};
-
-export default mergeGlobalAndStrapiProject;

package/src/utils/mergeProjectData.ts

@@ -1,34 +0,0 @@
-import { FeatureCollection } from 'geojson';
-import { IStrapiData, StrapiProject } from '..';
-
-const mergeProjectData = (
-  featureCollection: FeatureCollection,
-  strapiProjects: Map<string, IStrapiData<StrapiProject>>
-): FeatureCollection => {
-  // Add slug and portfolioHost to each feature's properties if we have Strapi data
-  const mergedFeatureCollection = {
-    ...featureCollection,
-    features: featureCollection.features.map((feature) => {
-      const fpmProjectId = feature.properties?.id;
-      const strapiProject = fpmProjectId
-        ? strapiProjects.get(fpmProjectId)
-        : null;
-
-      if (strapiProject) {
-        feature.properties = {
-          ...feature.properties,
-          slug: strapiProject.attributes.slug || undefined,
-          portfolioHost:
-            strapiProject.attributes.portfolio?.data?.attributes.host ||
-            undefined,
-        };
-      }
-
-      return feature;
-    }),
-  };
-
-  return mergedFeatureCollection;
-};
-
-export default mergeProjectData;

package/src/utils/openHubSpotChat.ts

@@ -1,15 +0,0 @@
-const openHubSpotChat = () => {
-  const w = window as any;
-
-  if (w.HubSpotConversations) {
-    w.HubSpotConversations.widget.open();
-  } else {
-    w.hsConversationsOnReady = [
-      () => {
-        w.HubSpotConversations.widget.open();
-      },
-    ];
-  }
-};
-
-export default openHubSpotChat;

package/src/utils/shuffleElements.test.ts

@@ -1,48 +0,0 @@
-import shuffleElements from './shuffleElements';
-
-const originalSlides = [
-  { id: 1 },
-  { id: 2 },
-  { id: 3 },
-  { id: 4 },
-  { id: 5 },
-  { id: 6 },
-  { id: 7 },
-  { id: 8 },
-  { id: 9 },
-  { id: 10 },
-];
-
-describe('shuffleElement', () => {
-  it('returns a new array with the same elements without mutating the original array', () => {
-    const shuffled = shuffleElements(originalSlides);
-
-    // Check that the shuffled array is not the same reference as the original
-    expect(shuffled).not.toBe(originalSlides);
-
-    // Check that the shuffled array has the same elements as the original
-    expect(shuffled).toEqual(expect.arrayContaining(originalSlides));
-    expect(originalSlides).toEqual(expect.arrayContaining(shuffled));
-
-    // Check that the arrays have the same length
-    expect(shuffled).toHaveLength(originalSlides.length);
-  });
-
-  it('produces a different order when shuffled multiple times', () => {
-    // Test multiple shuffles to ensure at least one produces a different order
-    const shuffles = [
-      shuffleElements(originalSlides),
-      shuffleElements(originalSlides),
-      shuffleElements(originalSlides),
-    ];
-
-    // Check that at least one shuffle produces a different order
-    const hasDifferentOrder = shuffles.some((shuffled) => {
-      return shuffled.some(
-        (element, index) => element.id !== originalSlides[index].id
-      );
-    });
-
-    expect(hasDifferentOrder).toBe(true);
-  });
-});

package/src/utils/shuffleElements.ts

@@ -1,10 +0,0 @@
-const shuffleElements = (slides: any[]) => {
-  const slidesCopy = [...slides]; // Create a copy to avoid mutating the original array
-  for (let i = slidesCopy.length - 1; i > 0; i--) {
-    const j = Math.floor(Math.random() * (i + 1));
-    [slidesCopy[i], slidesCopy[j]] = [slidesCopy[j], slidesCopy[i]];
-  }
-  return slidesCopy;
-};
-
-export default shuffleElements;

package/src/utils/strapiLinkUrl.test.ts

@@ -1,26 +0,0 @@
-import { strapiLinkPageMock } from '../test/strapiMocks/strapiLinkPage';
-import strapiLinkUrl from './strapiLinkUrl';
-
-describe('The strapiLinkUrl util', () => {
-  it('returns the page slug if there is a page in the given link', () => {
-    const result = strapiLinkUrl({
-      id: 1,
-      text: 'Text',
-      page: { data: strapiLinkPageMock },
-    });
-
-    expect(result).toBe(`/${strapiLinkPageMock.attributes.slug}`);
-  });
-
-  it('returns url if there is no page in the given link', () => {
-    const result = strapiLinkUrl({ id: 1, text: 'Text', url: '/url' });
-
-    expect(result).toBe('/url');
-  });
-
-  it('return / if undefined is passed in', () => {
-    const result = strapiLinkUrl();
-
-    expect(result).toBe('/');
-  });
-});

package/src/utils/strapiLinkUrl.ts

@@ -1,13 +0,0 @@
-import StrapiLink from '../models/strapi/StrapiLink';
-
-const strapiLinkUrl = (
-  strapiLink: StrapiLink | undefined = undefined
-): string => {
-  if (strapiLink?.page?.data) {
-    return `/${strapiLink.page.data.attributes.slug}`;
-  }
-
-  return strapiLink?.url || '/';
-};
-
-export default strapiLinkUrl;

package/src/utils/strapiMediaUrl.test.ts

@@ -1,54 +0,0 @@
-import { STRAPI_URI } from '../constants/strapi';
-import { strapiMediaMock } from '../test/strapiMocks/strapiMedia';
-import strapiMediaUrl from './strapiMediaUrl';
-
-const fileSizes: ('xSmall' | 'small' | 'medium' | 'large' | 'xLarge')[] = [
-  'xSmall',
-  'small',
-  'medium',
-  'large',
-  'xLarge',
-];
-
-describe('The strapiMediaUrl util', () => {
-  it('returns the native url if no preferredUrl parameter is given', () => {
-    const result = strapiMediaUrl({ data: strapiMediaMock });
-
-    expect(result).toBe(`${STRAPI_URI}${strapiMediaMock.attributes.url}`);
-  });
-
-  it('returns the native url if `native` is given as the preferredUrl parameter', () => {
-    const result = strapiMediaUrl({ data: strapiMediaMock }, 'native');
-
-    expect(result).toBe(`${STRAPI_URI}${strapiMediaMock.attributes.url}`);
-  });
-
-  it('returns the native url if the extension of the image file is `.svg`', () => {
-    const result = strapiMediaUrl(
-      {
-        data: {
-          ...strapiMediaMock,
-          attributes: {
-            ...strapiMediaMock.attributes,
-            ext: '.svg',
-          },
-        },
-      },
-      'medium'
-    );
-
-    expect(result).toBe(`${STRAPI_URI}${strapiMediaMock.attributes.url}`);
-  });
-
-  fileSizes.forEach(
-    (fileSize: 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge') => {
-      it(`returns the ${fileSize} url if '${fileSize}' is given as the preferredUrl parameter`, () => {
-        const result = strapiMediaUrl({ data: strapiMediaMock }, fileSize);
-
-        expect(result).toBe(
-          `${STRAPI_URI}${strapiMediaMock.attributes.formats[fileSize]?.url}`
-        );
-      });
-    }
-  );
-});