@newskit-render/core 4.23.29 → 4.24.0-alpha.0

package/helpers/mocks/getUniversalArticleMock.ts

@@ -1,88 +0,0 @@
-/* eslint-disable import/no-anonymous-default-export */
-import { GET_UNIVERSAL_ARTICLE } from '../../queries/getUniversalArticle'
-
-export default [
-  {
-    request: {
-      query: GET_UNIVERSAL_ARTICLE,
-      variables: {
-        publisher: 'DEMO',
-        id: 'demo-1',
-      },
-    },
-    result: {
-      data: {
-        universalArticle: {
-          id: 'demo-6',
-          url: 'https://mock-site-url/some-location',
-          label: 'Mock label',
-          slug: 'some-location',
-          publisher: 'DEMO',
-          headline:
-            'Mock Article: Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet consectetur adipiscing elit',
-          kicker: 'Latest',
-          authors: null,
-          flags: [],
-          topics: [
-            {
-              name: 'Some topic one',
-              slug: 'some-topic-one',
-              link: null,
-            },
-            {
-              name: 'Some topic one',
-              slug: 'some-topic-one',
-              link: null,
-            },
-          ],
-          template: null,
-          bylines: [
-            {
-              type: 'author',
-              slug: 'mock-author',
-              name: 'Mock Author',
-            },
-            {
-              value: 'Chief Mock Author',
-              type: 'inline',
-            },
-          ],
-          publishedDateTime: '2019-02-14T00:00:00.000Z',
-          updatedDateTime: '2019-02-14T00:37:17.000Z',
-          summary: {
-            children: [
-              {
-                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget lorem vel nunc feugiat malesuada ut ac nisi. Morbi odio ipsum, dignissim nec turpis vel, laoreet condimentum tortor. Duis laoreet tincidunt ullamcorper.',
-              },
-              {
-                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget lorem vel nunc feugiat malesuada ut ac nisi. Morbi odio ipsum, dignissim nec turpis vel, laoreet condimentum tortor. Duis laoreet tincidunt ullamcorper.',
-              },
-              {
-                url: 'http://this-is-a-url/',
-                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget lorem vel nunc feugiat malesuada ut ac nisi. Morbi odio ipsum, dignissim nec turpis vel, laoreet condimentum tortor. Duis laoreet tincidunt ullamcorper.',
-              },
-              {
-                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget lorem vel nunc feugiat malesuada ut ac nisi. Morbi odio ipsum, dignissim nec turpis vel, laoreet condimentum tortor. Duis laoreet tincidunt ullamcorper.',
-              },
-            ],
-          },
-          media: {
-            crops: null,
-
-            accountId: 'brightcove-acc-id-mock',
-            videoId: 'video-id-mock',
-            posterImage: {
-              crops: [
-                {
-                  url: 'https://localhost:3000/video-thumbnail-artwork-mock.jpg',
-                  alt: null,
-                  aspectRatio: null,
-                },
-              ],
-            },
-          },
-        },
-      },
-    },
-  },
-]

package/pages/[section]/[articleId]/[articleSlug].tsx

@@ -1,104 +0,0 @@
-import React from 'react'
-import { replaceConsoleAndSetTransactionName } from '../../../helpers/logger'
-import {
-  createApolloClient,
-  ClientTypes,
-  getAcsCookie,
-  Config,
-} from '@newskit-render/api'
-import { UserData } from '@newskit-render/my-account'
-import { ArticleRecommendationsProvider } from '@newskit-render/standalone-components'
-import { getHost } from '@newskit-render/shared-components'
-import { initAndGetFeatureFlag } from '@newskit-render/feature-flags' /* cra-effected */
-import { GET_UNIVERSAL_ARTICLE } from '../../../queries'
-import ArticlePage, { UniversalArticle } from '../../../components/article'
-import { fetchUser } from '../../../helpers/getUser'
-import { getAccountQueryUrl } from '../../../constants'
-import { addCacheHeaders } from '../../../helpers/addCacheHeaders'
-import {
-  twitterUsername as configTwitterUsername,
-  gscId as configGscId,
-  newskitApiEnvUrl,
-  newskitApiXApiKey,
-  optimizelysdkKey /* cra-effected */,
-} from '../../../config'
-
-export type ArticleSlug = {
-  universalArticle: UniversalArticle
-  articleURL: string
-  twitterUsername: string
-  siteHost: string
-  gscId?: string
-  user?: UserData
-  articleId: string
-  config: Config
-}
-
-const ArticleSlugPage: React.FC<ArticleSlug> = ({
-  universalArticle,
-  articleURL,
-  twitterUsername,
-  siteHost,
-  gscId,
-  user,
-  articleId,
-  config,
-}) => (
-  <ArticleRecommendationsProvider articleId={articleId} config={config}>
-    <ArticlePage
-      articleURL={articleURL}
-      {...universalArticle}
-      siteHost={siteHost}
-      gscId={gscId}
-      twitterUsername={twitterUsername}
-      user={user}
-    />
-  </ArticleRecommendationsProvider>
-)
-
-export async function getServerSideProps(context) {
-  const apolloClient = await createApolloClient(ClientTypes.nkapi)
-  const acsCookie = context.req.headers.cookie
-    ? getAcsCookie(ClientTypes.main, context.req.headers.cookie)
-    : ''
-  const siteHost = getHost(context.req)
-  const {
-    params: { articleId, section, articleSlug },
-  } = context
-
-  replaceConsoleAndSetTransactionName(
-    `Article: /${section}/${articleId}/${articleSlug}`
-  )
-
-  const [{ data }, user] = await Promise.all([
-    apolloClient.query({
-      query: GET_UNIVERSAL_ARTICLE,
-      variables: { publisher: 'DEMO', id: articleId },
-    }),
-    await fetchUser(acsCookie, getAccountQueryUrl(siteHost)),
-  ])
-  /* start cra-effected */
-  const featureFlags = await initAndGetFeatureFlag(optimizelysdkKey)
-  /* end cra-effected */
-
-  addCacheHeaders(context.res)
-  return {
-    props: {
-      universalArticle: data.universalArticle,
-      articleURL: `${siteHost}/${section}/${articleId}/${articleSlug}`,
-      twitterUsername: configTwitterUsername || '',
-      siteHost,
-      gscId: configGscId || '',
-      showAds: true,
-      user,
-      articleId,
-      config: {
-        newskitApiEnvUrl,
-        newskitApiXApiKey,
-      },
-      featureFlags /* cra-effected */,
-    },
-  }
-}
-
-export default ArticleSlugPage

package/pages/preview/[articleId]/version/[versionId]/index.tsx

@@ -1,159 +0,0 @@
-import React from 'react'
-import {
-  Block,
-  IndeterminateProgressIndicator,
-  Headline,
-  Button,
-  Banner,
-  toNewsKitIcon,
-} from 'newskit'
-import {
-  SessionProvider,
-  PageWithAuth,
-  getSession,
-  signIn,
-  signOut,
-  CookieView,
-} from '@newskit-render/auth'
-import {
-  createApolloClient,
-  ClientTypes,
-  getAcsCookie,
-} from '@newskit-render/api'
-import { ArticleRecommendationsProvider } from '@newskit-render/standalone-components'
-import { getHost } from '@newskit-render/shared-components'
-import { Info as FilledInfo } from '@emotion-icons/material/Info'
-import { GET_UNIVERSAL_ARTICLE } from '../../../../../queries'
-import ArticlePage from '../../../../../components/article'
-import { fetchUser } from '../../../../../helpers/getUser'
-import { getAccountQueryUrl } from '../../../../../constants'
-import { addCacheHeaders } from '../../../../../helpers/addCacheHeaders'
-import {
-  twitterUsername as configTwitterUsername,
-  gscId as configGscId,
-  newskitApiEnvUrl,
-  newskitApiXApiKey,
-} from '../../../../../config'
-
-const IconFilledInfo = toNewsKitIcon(FilledInfo)
-
-const PreviewArticle = ({
-  universalArticle,
-  section,
-  articleURL,
-  twitterUsername,
-  siteHost,
-  gscId,
-  user,
-  articleId,
-  config,
-  ...props
-}) => {
-  let userId
-  if (typeof window !== 'undefined') {
-    userId = window?.utag?.data['cp.utag_main_v_id']
-  }
-  const accessDeniedPage = (
-    <Banner
-      overrides={{ stylePreset: 'bannerNotice' }}
-      icon={<IconFilledInfo overrides={{ size: 'iconSize020' }} />}
-      title="Access Denied"
-      actions={[
-        () => (
-          <Button
-            size="medium"
-            onClick={() => signIn('okta')}
-            overrides={{ stylePreset: 'buttonSolidInverse' }}
-          >
-            Sign in
-          </Button>
-        ),
-      ]}
-    >
-      You must sign in to see preview articles
-    </Banner>
-  )
-
-  const showOnLoading = (
-    <Block>
-      <Headline>...Loading</Headline>
-      <IndeterminateProgressIndicator overrides={{}} />
-    </Block>
-  )
-
-  return (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    <SessionProvider pageProps={props as unknown as any}>
-      <PageWithAuth onDenied={accessDeniedPage} isLoading={showOnLoading}>
-        <>
-          <CookieView>
-            <Button size="medium" onClick={() => signOut()}>
-              sign out
-            </Button>
-          </CookieView>
-          <ArticleRecommendationsProvider articleId={articleId} config={config}>
-            <ArticlePage
-              section={section}
-              articleURL={articleURL}
-              {...universalArticle}
-              siteHost={siteHost}
-              gscId={gscId}
-              twitterUsername={twitterUsername}
-              user={user}
-            />
-          </ArticleRecommendationsProvider>
-        </>
-      </PageWithAuth>
-    </SessionProvider>
-  )
-}
-
-export async function getServerSideProps(context) {
-  const apolloClient = await createApolloClient(ClientTypes.nkapi)
-  const session = await getSession(context)
-  const acsCookie = context.req.headers.cookie
-    ? getAcsCookie(ClientTypes.main, context.req.headers.cookie)
-    : ''
-  const siteHost = getHost(context.req)
-  if (!session) {
-    return {
-      props: {},
-    }
-  }
-  const {
-    params: { articleId, versionId },
-  } = context
-
-  const [{ data }, user] = await Promise.all([
-    apolloClient.query({
-      query: GET_UNIVERSAL_ARTICLE,
-      variables: {
-        publisher: 'DEMO',
-        id: articleId,
-        version: versionId,
-      },
-    }),
-    await fetchUser(acsCookie, getAccountQueryUrl(siteHost)),
-  ])
-
-  addCacheHeaders(context.res)
-  return {
-    props: {
-      universalArticle: data.universalArticle,
-      session,
-      articleURL: `${siteHost}/preview/${articleId}/version/${versionId}`,
-      twitterUsername: configTwitterUsername || '',
-      siteHost,
-      gscId: configGscId || '',
-      showAds: true,
-      user,
-      articleId,
-      config: {
-        newskitApiEnvUrl,
-        newskitApiXApiKey,
-      },
-    },
-  }
-}
-
-export default PreviewArticle

package/queries/getUniversalArticle.ts

@@ -1,68 +0,0 @@
-import { gql } from '@apollo/client'
-
-export const GET_UNIVERSAL_ARTICLE = gql`
-  query getUniversalArticle($publisher: Publisher!, $id: ID!, $version: ID) {
-    universalArticle(publisher: $publisher, id: $id, version: $version) {
-      id
-      url
-      label
-      slug
-      publisher
-      headline
-      kicker
-      flags
-      topics {
-        name
-        slug
-        link
-      }
-      template
-      bylines {
-        ... on TextByline {
-          value
-          type
-        }
-        ... on AuthorByline {
-          type
-          slug
-          name
-        }
-      }
-      publishedDateTime
-      updatedDateTime
-      summary {
-        children {
-          ... on ArticleText {
-            text
-          }
-          ... on ArticleHyperlink {
-            url
-            text
-          }
-        }
-      }
-      media {
-        ... on Image {
-          crops {
-            url
-            alt
-            aspectRatio
-          }
-        }
-        ... on Video {
-          accountId
-          videoId
-          posterImage {
-            ... on Image {
-              crops {
-                url
-                alt
-                aspectRatio
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-`