@prezly/theme-kit-nextjs 4.2.0-alpha.2 → 4.2.0-alpha.3

package/src/newsroom-context/hooks/useGetTranslationUrl.ts

@@ -1,99 +0,0 @@
-import type { Category, ExtendedStory } from '@prezly/sdk';
-import { Story } from '@prezly/sdk';
-import type { LocaleObject } from '@prezly/theme-kit-core';
-import { getCategoryHasTranslation, getCategoryUrl } from '@prezly/theme-kit-core';
-import { useRouter } from 'next/router';
-import { useCallback } from 'react';
-
-import { useCurrentCategory } from './useCurrentCategory';
-import { useCurrentStory } from './useCurrentStory';
-
-// Pulled from SDK types to not leak the `@prezly/sdk` dependency into the client bundle
-// It looks like a hack, but the name of enum must be the same as in SDK
-enum Visibility {
-    PUBLIC = 'public',
-    EMBARGO = 'embargo',
-    PRIVATE = 'private',
-    CONFIDENTIAL = 'confidential',
-}
-
-function getAllowedTranslationVisibilityValues(story: ExtendedStory): Visibility[] {
-    const { visibility } = story;
-
-    switch (visibility) {
-        case Visibility.EMBARGO:
-            return [Visibility.EMBARGO, Visibility.PUBLIC];
-        case Visibility.PRIVATE:
-            return [Visibility.PRIVATE, Visibility.PUBLIC];
-        case Visibility.CONFIDENTIAL:
-            return [Visibility.CONFIDENTIAL, Visibility.PRIVATE, Visibility.PUBLIC];
-        default:
-            return [Visibility.PUBLIC];
-    }
-}
-
-/**
- * Determine correct URL for translated stories/categories with a fallback to homepage.
- * E.g. if a story has a translation, the function will return the localized slug URL.
- * If there is no translation for the story, it will return the index page URL (`/`),
- * or empty string, if `noFallback` is set to `true` (this is useful for alternate locale links).
- */
-function getTranslationUrl(
-    locale: LocaleObject,
-    path: string,
-    currentCategory?: Category,
-    currentStory?: ExtendedStory,
-    noFallback?: boolean,
-) {
-    if (currentCategory) {
-        if (getCategoryHasTranslation(currentCategory, locale)) {
-            return getCategoryUrl(currentCategory, locale);
-        }
-
-        if (noFallback) {
-            return '';
-        }
-
-        return '/';
-    }
-
-    const localeCode = locale.toUnderscoreCode();
-
-    if (currentStory && currentStory.culture.locale !== localeCode) {
-        const allowedVisibilityValues = getAllowedTranslationVisibilityValues(currentStory);
-
-        const translatedStory = currentStory.translations.find(
-            ({ culture, lifecycle_status, visibility }) =>
-                culture.locale === localeCode &&
-                Story.isPublished(lifecycle_status) &&
-                allowedVisibilityValues.includes(visibility),
-        );
-        if (translatedStory) {
-            return `/${translatedStory.slug}`;
-        }
-
-        if (noFallback) {
-            return '';
-        }
-
-        return '/';
-    }
-
-    return path;
-}
-
-/**
- * This hook returns a function that is meant to be used in language pickers and alternate locales list for the pages.
- * `noFallback` parameter is useful for alternate language links in the `head` section of the document (so that there are no unwanted links to the homepage).
- */
-export function useGetTranslationUrl() {
-    const { asPath } = useRouter();
-    const currentCategory = useCurrentCategory();
-    const currentStory = useCurrentStory();
-
-    return useCallback(
-        (locale: LocaleObject, noFallback?: boolean) =>
-            getTranslationUrl(locale, asPath, currentCategory, currentStory, noFallback),
-        [asPath, currentCategory, currentStory],
-    );
-}

package/src/newsroom-context/hooks/useLanguages.ts

@@ -1,7 +0,0 @@
-import { useNewsroomContext } from './useNewsroomContext';
-
-export function useLanguages() {
-    const context = useNewsroomContext();
-
-    return context.languages;
-}

package/src/newsroom-context/hooks/useNewsroom.ts

@@ -1,7 +0,0 @@
-import { useNewsroomContext } from './useNewsroomContext';
-
-export function useNewsroom() {
-    const context = useNewsroomContext();
-
-    return context.newsroom;
-}

package/src/newsroom-context/hooks/useNewsroomContext.ts

@@ -1,15 +0,0 @@
-import { useContext } from 'react';
-
-import type { NewsroomContextType } from '../context';
-import { NewsroomContext } from '../context';
-
-export function useNewsroomContext() {
-    // TS Compiler is having a hard time figuring this type implicitly, so we have to set it explicitly
-    // See https://github.com/microsoft/TypeScript/issues/5711#issuecomment-340283439
-    const newsroomContext: NewsroomContextType | undefined = useContext(NewsroomContext);
-    if (!newsroomContext) {
-        throw new Error('No `NewsroomContextProvider` found when calling `useNewsroomContext`');
-    }
-
-    return newsroomContext;
-}

package/src/newsroom-context/index.ts

@@ -1,2 +0,0 @@
-export { NewsroomContext, NewsroomContextProvider, type NewsroomContextProps } from './context';
-export * from './hooks';

package/src/sentry/client.ts

@@ -1,10 +0,0 @@
-import type { init } from '@sentry/nextjs';
-
-import { getCommonClientOptions } from './common';
-
-export function getSentryClientOptions(
-    dsn: string,
-    themeName: string | null,
-): Parameters<typeof init>[0] {
-    return getCommonClientOptions(dsn, themeName);
-}

package/src/sentry/common.ts

@@ -1,82 +0,0 @@
-import type { Exception, init, StackFrame } from '@sentry/nextjs';
-
-const IGNORED_EVENT_CULPRITS = [
-    // This usually means that something happened outside of application code.
-    // All instances of errors with this origin that I found usually were caused by referring to variables that couldn't ever exist in our code.
-    // Likely misbehaving browser extensions or people playing around in DevTools trying to break the app.
-    '<anonymous>',
-    '?(<anonymous>)',
-    'global code',
-];
-
-function shouldStackFrameBeIgnored(frame: StackFrame) {
-    const { abs_path, function: frameFunction } = frame;
-
-    if (
-        abs_path &&
-        IGNORED_EVENT_CULPRITS.some((ignoredCulprit) => abs_path.includes(ignoredCulprit))
-    ) {
-        return true;
-    }
-
-    if (
-        frameFunction &&
-        IGNORED_EVENT_CULPRITS.some((ignoredCulprit) => frameFunction.includes(ignoredCulprit))
-    ) {
-        return true;
-    }
-
-    return false;
-}
-
-function shouldExceptionBeIgnored(exception: Exception) {
-    const { stacktrace } = exception;
-
-    // Ignore global code errors that are not related to the application code.
-    // See comments in `IGNORED_EVENT_CULPRITS` const for context on each entry
-    if (stacktrace && stacktrace.frames?.some(shouldStackFrameBeIgnored)) {
-        return true;
-    }
-
-    return false;
-}
-
-export function getCommonClientOptions(
-    dsn: string,
-    themeName: string | null,
-): Parameters<typeof init>[0] {
-    return {
-        dsn,
-        // Adjust this value in production, or use tracesSampler for greater control
-        tracesSampleRate: 0.02,
-        // ...
-        // Note: if you want to override the automatic release value, do not set a
-        // `release` value here - use the environment variable `SENTRY_RELEASE`, so
-        // that it will also get attached to your source maps
-
-        ignoreErrors: [
-            // This particular error is coming from Microsoft Outlook SafeLink crawler.
-            // It doesn't affect the user experience in any way, but produces a lot of unwanted Sentry events.
-            // See https://forum.sentry.io/t/unhandledrejection-non-error-promise-rejection-captured-with-value/14062
-            'Object Not Found Matching Id',
-            // This error is caused by `beacon.min.js` polyfill in Cloudflare Insights. From what we see, it doesn't affect the user experience.
-            'Illegal invocation',
-        ],
-
-        beforeSend: (event) => {
-            if (event.exception?.values?.every(shouldExceptionBeIgnored)) {
-                return null;
-            }
-
-            return event;
-        },
-
-        // Attach theme tag to each event
-        initialScope: (scope) => {
-            if (themeName) {
-                scope.setTags({ prezly_theme: themeName });
-            }
-            return scope;
-        },
-    };
-}

package/src/sentry/index.ts

@@ -1,2 +0,0 @@
-export { getSentryClientOptions } from './client';
-export { getSentryServerOptions } from './server';

package/src/sentry/server.ts

@@ -1,10 +0,0 @@
-import type { init } from '@sentry/nextjs';
-
-import { getCommonClientOptions } from './common';
-
-export function getSentryServerOptions(
-    dsn: string,
-    themeName: string | null,
-): Parameters<typeof init>[0] {
-    return getCommonClientOptions(dsn, themeName);
-}

package/src/types.ts

@@ -1,16 +0,0 @@
-import type { NewsroomContextProps } from './newsroom-context';
-
-export interface ServerSidePageProps {
-    /**
-     * Indicates whether the locale requested by the Next application was correctly resolved to an active newsroom locale.
-     * This is used by `processRequest` method to redirect to the default locale if the property is `false`.
-     */
-    localeResolved: boolean;
-}
-
-/**
- * These are the props returned by the `processRequest` method that are meant to be passed to your `_app` to be injected into the `NewsroomContextProvider`.
- */
-export interface PageProps {
-    newsroomContextProps: NewsroomContextProps;
-}