@akinon/projectzero 2.0.152-rc.3 → 2.0.152

package/app-template/src/__tests__/data-source-landing-page.test.tsx

@@ -1,132 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import { getDataSourcePageData, getWidgetData } from '@akinon/next/data/server';
-import Page, {
-  generateMetadata
-} from '../app/[pz]/data-source-landing-page/[pk]/page';
-
-jest.mock('@akinon/next/data/server', () => ({
-  getDataSourcePageData: jest.fn(),
-  getWidgetData: jest.fn()
-}));
-
-jest.mock('@akinon/next/hocs/server', () => ({
-  withSegmentDefaults: (component) => component
-}));
-
-jest.mock('@akinon/next/utils/pz-segments', () => ({
-  parsePzParams: () => ({ locale: 'tr' })
-}));
-
-jest.mock('next/navigation', () => ({
-  notFound: jest.fn(() => {
-    throw new Error('NEXT_NOT_FOUND');
-  })
-}));
-
-// `@theme/*` modules resolve to these paths; jest keys mocks by resolved path.
-jest.mock('../settings', () => ({ __esModule: true, default: {} }));
-jest.mock('../views/data-source-page/layout', () => ({
-  __esModule: true,
-  default: ({ data }) => <div data-testid="store-page">{data.pk}</div>
-}));
-
-const mockGetDataSourcePageData = getDataSourcePageData as jest.Mock;
-const mockGetWidgetData = getWidgetData as jest.Mock;
-
-const page = {
-  pk: 3,
-  data_source: {
-    pk: 17,
-    name: 'ayse-ticaret',
-    slug: 'ayse-ticaret',
-    title: 'Ayşe Ticaret'
-  },
-  widget: 'ayse-ticaret-0',
-  product_collection_widget: 'ayse-ticaret-collection',
-  is_active: true
-};
-
-const renderPage = async (pk: string) =>
-  render(await Page({ params: { pk }, searchParams: {} }));
-
-// Route params arrive as strings even though the page types them as numbers.
-const metadataFor = (pk: string) =>
-  generateMetadata({
-    params: Promise.resolve({ pk })
-  } as unknown as Parameters<typeof generateMetadata>[0]);
-
-describe('data source landing page route', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('renders the store page for an active landing page', async () => {
-    mockGetDataSourcePageData.mockResolvedValue(page);
-
-    await renderPage('3');
-
-    expect(mockGetDataSourcePageData).toHaveBeenCalledWith({ pk: 3 });
-    expect(screen.getByTestId('store-page')).toHaveTextContent('3');
-  });
-
-  it.each([
-    ['a missing page', null],
-    ['a failed request', undefined],
-    ['an inactive page', { ...page, is_active: false }]
-  ])('responds with not found for %s', async (_, data) => {
-    mockGetDataSourcePageData.mockResolvedValue(data);
-
-    await expect(renderPage('3')).rejects.toThrow('NEXT_NOT_FOUND');
-  });
-
-  it('responds with not found for an invalid pk without fetching', async () => {
-    await expect(renderPage('03')).rejects.toThrow('NEXT_NOT_FOUND');
-    await expect(renderPage('abc')).rejects.toThrow('NEXT_NOT_FOUND');
-    expect(mockGetDataSourcePageData).not.toHaveBeenCalled();
-  });
-
-  it('builds the metadata from the store and its page widget', async () => {
-    mockGetDataSourcePageData.mockResolvedValue(page);
-    mockGetWidgetData.mockResolvedValue({
-      attributes: {
-        footer: {
-          value: { description: '<p>Kargo &amp; İade</p><p>Hızlı teslimat</p>' }
-        }
-      }
-    });
-
-    await expect(metadataFor('3')).resolves.toEqual({
-      title: 'Ayşe Ticaret',
-      description: 'Kargo & İade Hızlı teslimat'
-    });
-    expect(mockGetDataSourcePageData).toHaveBeenCalledWith({
-      pk: 3,
-      locale: 'tr'
-    });
-    expect(mockGetWidgetData).toHaveBeenCalledWith({
-      slug: 'ayse-ticaret-0',
-      locale: 'tr'
-    });
-
-    mockGetWidgetData.mockResolvedValue({
-      attributes: { banner: { value: { subtitle: 'Yeni sezon' } } }
-    });
-    mockGetDataSourcePageData.mockResolvedValue({
-      ...page,
-      data_source: { ...page.data_source, title: '' }
-    });
-
-    await expect(metadataFor('3')).resolves.toEqual({
-      title: 'ayse-ticaret',
-      description: 'Yeni sezon'
-    });
-  });
-
-  it('returns empty metadata when there is no page', async () => {
-    mockGetDataSourcePageData.mockResolvedValue(null);
-
-    await expect(metadataFor('3')).resolves.toEqual({});
-    await expect(metadataFor('x')).resolves.toEqual({});
-    expect(mockGetWidgetData).not.toHaveBeenCalled();
-  });
-});

package/app-template/src/app/[pz]/data-source-landing-page/[pk]/loading.tsx

@@ -1,5 +0,0 @@
-import { PageLoaderSpinner } from '@theme/views/page-loader-spinner';
-
-export default function Loading() {
-  return <PageLoaderSpinner />;
-}

package/app-template/src/app/[pz]/data-source-landing-page/[pk]/page.tsx

@@ -1,62 +0,0 @@
-import { getDataSourcePageData, getWidgetData } from '@akinon/next/data/server';
-import { withSegmentDefaults } from '@akinon/next/hocs/server';
-import {
-  AsyncPageProps,
-  Metadata,
-  ResolvedPageProps
-} from '@akinon/next/types';
-import { parsePzParams } from '@akinon/next/utils/pz-segments';
-import settings from '@theme/settings';
-import { DataSourcePageData } from '@theme/types';
-import { toPlainText } from '@theme/utils/sanitize';
-import DataSourcePageLayout from '@theme/views/data-source-page/layout';
-import { notFound } from 'next/navigation';
-
-const isValidPk = (pk: unknown) => /^[1-9]\d*$/.test(String(pk));
-
-export async function generateMetadata(
-  props: AsyncPageProps<{ pk: number }>
-): Promise<Metadata> {
-  const params = await props.params;
-
-  if (!isValidPk(params.pk)) {
-    return {};
-  }
-
-  const { locale } = parsePzParams(params, settings);
-  const data = await getDataSourcePageData({ pk: Number(params.pk), locale });
-  const title = data?.data_source?.title || data?.data_source?.name;
-
-  if (!title) {
-    return {};
-  }
-
-  const pageData = await getWidgetData<DataSourcePageData>({
-    slug: data.widget,
-    locale
-  });
-  const description = (
-    pageData?.attributes?.banner?.value?.subtitle ||
-    toPlainText(pageData?.attributes?.footer?.value?.description)
-  ).slice(0, 160);
-
-  return description ? { title, description } : { title };
-}
-
-async function Page({ params }: ResolvedPageProps<{ pk: number }>) {
-  if (!isValidPk(params.pk)) {
-    notFound();
-  }
-
-  const data = await getDataSourcePageData({ pk: Number(params.pk) });
-
-  if (!data?.pk || data.is_active === false) {
-    notFound();
-  }
-
-  return <DataSourcePageLayout data={data} />;
-}
-
-export default withSegmentDefaults(Page, {
-  segmentType: 'page'
-});

package/app-template/src/app/api/client-env/route.ts

@@ -1,5 +0,0 @@
-export { GET } from '@akinon/next/api/client-env';
-
-// NEXT_PUBLIC_* values are read from the server runtime, not the build. Force
-// dynamic so Next never statically caches an (empty) build-time response.
-export const dynamic = 'force-dynamic';

package/app-template/src/app/global-error.tsx

@@ -1,22 +0,0 @@
-'use client';
-
-import { useSentryUncaughtErrors } from '@akinon/next/hooks';
-
-export default function GlobalError({
-  error,
-  reset
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  useSentryUncaughtErrors(error);
-
-  return (
-    <html>
-      <body>
-        <h2>Something went wrong!</h2>
-        <button onClick={() => reset()}>Try again</button>
-      </body>
-    </html>
-  );
-}

package/app-template/src/hooks/favourite-product-ids-context.tsx

@@ -1,104 +0,0 @@
-'use client';
-
-import {
-  createContext,
-  ReactNode,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from 'react';
-import { useSession } from 'next-auth/react';
-import { useGetFavouriteProductIdsQuery } from '@akinon/next/data/client/wishlist';
-import {
-  isFavouriteProductIdsSuspended,
-  suspendFavouriteProductIds
-} from '@theme/utils/favourite-product-ids-fallback';
-
-interface FavouriteProductIdsContextValue {
-  // False while the batch flow is unavailable (endpoint 404'd or errored), so
-  // consumers can fall back to the legacy favourites-list request.
-  isActive: boolean;
-  getFavouriteId: (productPk: number) => number | undefined;
-}
-
-const FavouriteProductIdsContext =
-  createContext<FavouriteProductIdsContextValue | null>(null);
-
-export const useFavouriteProductIds = () =>
-  useContext(FavouriteProductIdsContext);
-
-type Phase = 'init' | 'batch' | 'fallback';
-
-interface FavouriteProductIdsProviderProps {
-  productIds: Array<number | string>;
-  children: ReactNode;
-}
-
-export function FavouriteProductIdsProvider({
-  productIds,
-  children
-}: FavouriteProductIdsProviderProps) {
-  const { status } = useSession();
-
-  // Storage can only be read on the client, so the first render stays neutral
-  // to keep SSR and hydration output identical.
-  const [phase, setPhase] = useState<Phase>('init');
-
-  useEffect(() => {
-    setPhase(isFavouriteProductIdsSuspended() ? 'fallback' : 'batch');
-  }, []);
-
-  const sortedProductIds = useMemo(() => {
-    const unique = Array.from(
-      new Set(productIds.map(Number).filter((id) => Number.isFinite(id)))
-    );
-    // Stable order keeps the RTK Query cache key deterministic for the page.
-    return unique.sort((a, b) => a - b);
-  }, [productIds]);
-
-  const { data, error } = useGetFavouriteProductIdsQuery(
-    { productIds: sortedProductIds },
-    {
-      skip:
-        status !== 'authenticated' ||
-        phase !== 'batch' ||
-        sortedProductIds.length === 0
-    }
-  );
-
-  useEffect(() => {
-    if (!error) return;
-
-    if ('status' in error && error.status === 404) {
-      suspendFavouriteProductIds();
-    }
-
-    setPhase('fallback');
-  }, [error]);
-
-  const favouriteIdByProductPk = useMemo(() => {
-    const map = new Map<number, number>();
-
-    data?.favourite_products?.forEach((item) => {
-      map.set(Number(item.product_id), item.favourite_id);
-    });
-
-    return map;
-  }, [data]);
-
-  const value = useMemo<FavouriteProductIdsContextValue>(
-    () => ({
-      isActive: phase !== 'fallback',
-      getFavouriteId: (productPk: number) =>
-        favouriteIdByProductPk.get(Number(productPk))
-    }),
-    [phase, favouriteIdByProductPk]
-  );
-
-  return (
-    <FavouriteProductIdsContext.Provider value={value}>
-      {children}
-    </FavouriteProductIdsContext.Provider>
-  );
-}

package/app-template/src/utils/__tests__/favourite-product-ids-fallback.test.ts

@@ -1,42 +0,0 @@
-import {
-  FAVOURITE_PRODUCT_IDS_RETRY_AFTER_MS,
-  isFavouriteProductIdsSuspended,
-  suspendFavouriteProductIds
-} from '../favourite-product-ids-fallback';
-
-const STORAGE_KEY = 'pz-favourite-product-ids-unavailable-until';
-
-describe('favourite-product-ids-fallback', () => {
-  beforeEach(() => {
-    window.localStorage.clear();
-  });
-
-  it('is not suspended by default', () => {
-    expect(isFavouriteProductIdsSuspended()).toBe(false);
-  });
-
-  it('suspends after a 404 marker is written', () => {
-    suspendFavouriteProductIds();
-
-    expect(isFavouriteProductIdsSuspended()).toBe(true);
-
-    const until = Number(window.localStorage.getItem(STORAGE_KEY));
-    expect(until).toBeGreaterThan(Date.now());
-    expect(until).toBeLessThanOrEqual(
-      Date.now() + FAVOURITE_PRODUCT_IDS_RETRY_AFTER_MS
-    );
-  });
-
-  it('expires the suspension and clears the marker', () => {
-    window.localStorage.setItem(STORAGE_KEY, String(Date.now() - 1000));
-
-    expect(isFavouriteProductIdsSuspended()).toBe(false);
-    expect(window.localStorage.getItem(STORAGE_KEY)).toBeNull();
-  });
-
-  it('treats a corrupt marker as not suspended', () => {
-    window.localStorage.setItem(STORAGE_KEY, 'not-a-number');
-
-    expect(isFavouriteProductIdsSuspended()).toBe(false);
-  });
-});

package/app-template/src/utils/__tests__/sanitize.test.ts

@@ -1,127 +0,0 @@
-import {
-  getSafeLinkProps,
-  toPlainText,
-  toSafeColor,
-  toSafeHtml
-} from '../sanitize';
-
-describe('toSafeHtml', () => {
-  it('returns an empty string for empty values', () => {
-    expect(toSafeHtml()).toBe('');
-    expect(toSafeHtml('')).toBe('');
-  });
-
-  it('keeps plain text and existing character references', () => {
-    expect(toSafeHtml('Kargo & İade garantisi ş')).toBe(
-      'Kargo & İade garantisi ş'
-    );
-    expect(toSafeHtml(`Tom & "Jerry's" <3`)).toBe(
-      'Tom &amp; &quot;Jerry&#39;s&quot; &lt;3'
-    );
-  });
-
-  it('keeps allowed tags and drops their attributes', () => {
-    expect(
-      toSafeHtml(
-        '<P style="text-align:center">Hızlı <strong>kargo</strong></P><br/><ul><li>a</li></ul><h3 class="x">Hakkımızda</h3>'
-      )
-    ).toBe(
-      '<p>Hızlı <strong>kargo</strong></p><br><ul><li>a</li></ul><h3>Hakkımızda</h3>'
-    );
-  });
-
-  it('removes other tags but keeps their text', () => {
-    expect(
-      toSafeHtml(
-        '<span style="color:red">kırmızı</span> <a href="https://x.com">Instagram</a>'
-      )
-    ).toBe('kırmızı Instagram');
-  });
-
-  it('removes scripts, styles and event handlers', () => {
-    expect(toSafeHtml('<script>alert(1)</script>ok<style>p{}</style>')).toBe(
-      'ok'
-    );
-    expect(toSafeHtml('<img src=x onerror=alert(1)>')).toBe('');
-    expect(toSafeHtml('<p onclick="alert(1)">x</p>')).toBe('<p>x</p>');
-    expect(toSafeHtml('<a href="javascript:alert(1)">x</a>')).toBe('x');
-    expect(toSafeHtml('<scr<script></script>ipt>alert(1)</script>')).toBe(
-      'alert(1)'
-    );
-  });
-
-  it('never turns malformed tags into markup', () => {
-    expect(toSafeHtml('<p/onclick=alert(1)>x')).toBe(
-      '&lt;p/onclick=alert(1)&gt;x'
-    );
-    expect(toSafeHtml('<p title="&gt;<script>">x</p>')).not.toMatch(
-      /<script|onclick|onerror/i
-    );
-  });
-
-  it('balances tags so nothing leaks out of the container', () => {
-    expect(toSafeHtml('<b>Kargo bedava')).toBe('<b>Kargo bedava</b>');
-    expect(toSafeHtml('</b>x')).toBe('x');
-    expect(toSafeHtml('<b/>x')).toBe('x');
-    expect(toSafeHtml('<b><i>x</b>y</i>')).toBe('<b><i>x</i></b>y');
-  });
-});
-
-describe('toPlainText', () => {
-  it('strips tags, decodes common entities and collapses whitespace', () => {
-    expect(
-      toPlainText(
-        '<p>Kargo &amp; İade</p>\n<script>x</script><p>Hızlı&nbsp;teslimat</p>'
-      )
-    ).toBe('Kargo & İade Hızlı teslimat');
-    expect(toPlainText()).toBe('');
-  });
-});
-
-describe('toSafeColor', () => {
-  it('accepts plain colors', () => {
-    expect(toSafeColor('#7b9d76', '#000')).toBe('#7b9d76');
-    expect(toSafeColor(' rgb(10, 20, 30) ', '#000')).toBe('rgb(10, 20, 30)');
-    expect(toSafeColor('rgba(0 0 0 / 50%)', '#000')).toBe('rgba(0 0 0 / 50%)');
-    expect(toSafeColor('white', '#000')).toBe('white');
-  });
-
-  it('falls back for anything that could add declarations', () => {
-    expect(toSafeColor('red;position:fixed;inset:0', '#000')).toBe('#000');
-    expect(toSafeColor('url(https://tracker.example/p.gif)', '#000')).toBe(
-      '#000'
-    );
-    expect(toSafeColor(undefined, '#fff')).toBe('#fff');
-  });
-});
-
-describe('getSafeLinkProps', () => {
-  const siteUrl = 'https://shop.example.com';
-
-  it('keeps site-relative paths and same-site urls', () => {
-    expect(getSafeLinkProps('/list/?seller_ids=17', siteUrl)).toEqual({
-      href: '/list/?seller_ids=17'
-    });
-    expect(getSafeLinkProps('https://shop.example.com/x/', siteUrl)).toEqual({
-      href: 'https://shop.example.com/x/'
-    });
-  });
-
-  it('opens other http(s) urls in a new tab without passing link equity', () => {
-    expect(getSafeLinkProps('https://instagram.com/ayse', siteUrl)).toEqual({
-      href: 'https://instagram.com/ayse',
-      target: '_blank',
-      rel: 'nofollow ugc noopener noreferrer'
-    });
-  });
-
-  it('drops empty, protocol-relative and non-http links', () => {
-    expect(getSafeLinkProps(undefined, siteUrl)).toBeNull();
-    expect(getSafeLinkProps('  ', siteUrl)).toBeNull();
-    expect(getSafeLinkProps('//evil.example', siteUrl)).toBeNull();
-    expect(getSafeLinkProps('/\\evil.example', siteUrl)).toBeNull();
-    expect(getSafeLinkProps('javascript:alert(1)', siteUrl)).toBeNull();
-    expect(getSafeLinkProps('data:text/html,x', siteUrl)).toBeNull();
-    expect(getSafeLinkProps('list/', siteUrl)).toBeNull();
-  });
-});

package/app-template/src/utils/favourite-product-ids-fallback.ts

@@ -1,51 +0,0 @@
-const STORAGE_KEY = 'pz-favourite-product-ids-unavailable-until';
-
-// Not every brand's backend ships the favourite-product-ids endpoint at the
-// same time, so a 404 suspends the new flow for this long before probing again.
-export const FAVOURITE_PRODUCT_IDS_RETRY_AFTER_MS = 6 * 60 * 60 * 1000;
-
-const getStorage = (): Storage | null => {
-  try {
-    // The property access itself is what throws when storage is blocked, so it
-    // has to be inside the try rather than guarded by a typeof check.
-    return typeof window === 'undefined' ? null : window.localStorage ?? null;
-  } catch {
-    return null;
-  }
-};
-
-// Fails open: when storage is unavailable the endpoint is probed again, which
-// at worst costs one extra 404 per page view.
-export const isFavouriteProductIdsSuspended = (): boolean => {
-  const storage = getStorage();
-  if (!storage) return false;
-
-  try {
-    const raw = storage.getItem(STORAGE_KEY);
-    if (!raw) return false;
-
-    const until = Number(raw);
-    if (!Number.isFinite(until) || Date.now() >= until) {
-      storage.removeItem(STORAGE_KEY);
-      return false;
-    }
-
-    return true;
-  } catch {
-    return false;
-  }
-};
-
-export const suspendFavouriteProductIds = (): void => {
-  const storage = getStorage();
-  if (!storage) return;
-
-  try {
-    storage.setItem(
-      STORAGE_KEY,
-      String(Date.now() + FAVOURITE_PRODUCT_IDS_RETRY_AFTER_MS)
-    );
-  } catch {
-    // Fail open; see isFavouriteProductIdsSuspended.
-  }
-};