+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| src | +
+
+ |
+ 0% | +0/41 | +0% | +0/26 | +0% | +0/11 | +0% | +0/41 | +
| src/components | +
+
+ |
+ 100% | +15/15 | +95.83% | +23/24 | +100% | +6/6 | +100% | +15/15 | +
| src/lib | +
+
+ |
+ 100% | +4/4 | +50% | +1/2 | +100% | +2/2 | +100% | +4/4 | +
| src/logging | +
+
+ |
+ 0% | +0/4 | +0% | +0/3 | +0% | +0/2 | +0% | +0/4 | +
| src/pages | +
+
+ |
+ 69.56% | +16/23 | +41.66% | +5/12 | +63.63% | +7/11 | +69.56% | +16/23 | +
| src/pages/api | +
+
+ |
+ 0% | +0/1 | +100% | +0/0 | +0% | +0/1 | +0% | +0/1 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 | + + + + + + + + + + + + +4x +6x + + + + + + + + + +4x + + + + + + | import React from 'react'
+
+export interface DateModifiedProps {
+ // text to be displayed
+ text?: string
+
+ // id of the element for testing if needed
+ id?: string
+}
+
+/**
+ * Contains build time stamp
+ */
+const DateModified: React.FC<DateModifiedProps> = ({ id, text }) => {
+ return (
+ <dl id={id} className="container mx-auto py-8 px-4">
+ <dt className="inline mr-1">{text}</dt>
+ <dd className="inline ml-1">
+ <time>{process.env.NEXT_PUBLIC_BUILD_DATE}</time>
+ </dd>
+ </dl>
+ )
+}
+
+DateModified.defaultProps = {
+ id: 'date-modified',
+ text: 'Date Modified:',
+}
+
+export default DateModified
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 | + + + + + + + + + + + + + + + + + + + + + +3x +5x +5x + + + + + + + + + + + + + + + + +38x + + + + + + + + + + + + + + + + + + + + + + + + + +24x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react'
+import DateModified from './DateModified'
+import { useTranslation } from 'next-i18next'
+
+interface FooterProps {
+ footerNav1: string
+ footerNav2: string
+ footerBoxLinks: {
+ footerBoxlink: string
+ footerBoxLinkText: string
+ }[]
+ links: {
+ link: string
+ linkText: string
+ }[]
+ footerLogoAltText: string
+ footerLogoImage: string
+}
+
+/**
+ * footer element for all pages
+ */
+const Footer: React.FC<FooterProps> = (props) => {
+ const { t } = useTranslation('common')
+ return (
+ <footer>
+ <h2 className="sr-only">siteFooter</h2>
+ <div className="container mx-auto px-6 mt-5">{t('reportProblem')}</div>
+ <DateModified text={t('dateModified')} />
+ <div className="w-full">
+ <div className="w-full h-auto bg-footer-parliament-image bg-no-repeat bg-right-bottom bg-[#173451]">
+ <div
+ className="py-7 container mx-auto px-6"
+ role="navigation"
+ aria-labelledby="footerNav1"
+ >
+ <h3 className="sr-only" id="footerNav1">
+ {props.footerNav1}
+ </h3>
+ <ul className="flex flex-col text-sm sm:grid sm:grid-cols-2 xl:grid xl:grid-cols-3 sm:gap-1">
+ {props.footerBoxLinks.map((value, index) => {
+ return (
+ <li
+ key={index}
+ className="text-white w-64 md:w-56 lg:w-80 my-2.5 hover:underline"
+ >
+ <a className="font-body" href={value.footerBoxlink}>
+ {value.footerBoxLinkText}
+ </a>
+ </li>
+ )
+ })}
+ </ul>
+ </div>
+ </div>
+ <div className="w-full h-full pb-4">
+ <div className="h-auto pt-5 container mx-auto px-6 flex flex-col xl:flex xl:flex-row md:justify-between">
+ <div
+ className="mt-3.5 xl:mt-5"
+ role="navigation"
+ aria-labelledby="footerNav2"
+ >
+ <h3 className="sr-only" id="footerNav2">
+ {props.footerNav2}
+ </h3>
+ <ul className="flex flex-col md:grid md:grid-cols-2 xl:flex lg:flex-row">
+ {props.links.map((value, index) => {
+ return (
+ <li
+ key={index}
+ className={
+ index === 0
+ ? 'lg:mb-4 mb-5 mr-2.5 list-inside list-disc xl:list-none text-sm'
+ : 'lg:mb-4 mb-5 mr-2.5 list-inside list-disc text-sm'
+ }
+ >
+ <a
+ className="text-sm font-body text-[#21303F] hover:text-[#5E8EBD]"
+ data-cy="social-media-link"
+ href={value.link}
+ >
+ {value.linkText}
+ </a>
+ </li>
+ )
+ })}
+ </ul>
+ </div>
+ <div>
+ <img
+ className="mb-2.5 mt-8 xl:mt-0 h-6 md:h-10 w-auto float-right"
+ src={props.footerLogoImage}
+ alt={props.footerLogoAltText}
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+ </footer>
+ )
+}
+
+export default Footer
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 | + + + + + + + + +3x +6x +6x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import React from 'react'
+import Link from 'next/link'
+import { useTranslation } from 'next-i18next'
+
+interface HeaderProps {
+ language: string
+ langToggleLink?: string
+}
+
+const Header: React.FC<HeaderProps> = (props) => {
+ const { t } = useTranslation('common')
+ return (
+ <>
+ <nav
+ role="navigation"
+ aria-label={t('skipToMainContent')}
+ className="absolute w-px h-px -left-96 focus-within:w-screen focus-within:h-auto focus-within:top-4 focus-within:z-50 focus-within:flex focus-within:justify-center"
+ >
+ <a
+ id="skipToMainContent"
+ className="bg-blue-800 text-white px-2 focus:outline-black-solid hover:bg-gray-dark"
+ href="#homeContent"
+ draggable={false}
+ >
+ {t('skipToMainContent')}
+ </a>
+ </nav>
+
+ <header>
+ <div className="container mx-auto px-6 flex-col flex md:flex md:flex-row justify-between pt-6">
+ <div className="flex flex-row justify-between items-center lg:mt-7">
+ <a href={t('gocLink')}>
+ <img
+ className="h-5 w-auto xs:h-6 sm:h-8 md:h-8 lg:h-7 xl:h-8"
+ src={
+ props.language === 'en'
+ ? '/assets/sig-blk-en.svg'
+ : '/assets/sig-blk-fr.svg'
+ }
+ alt={
+ props.language === 'en'
+ ? 'Government of Canada'
+ : 'Gouvernement du Canada'
+ }
+ />
+ </a>
+
+ {/* Language selector for small screens */}
+ <Link
+ key={props.language}
+ href={props.langToggleLink || '/'}
+ locale={props.language === 'en' ? 'fr' : 'en'}
+ className="block md:hidden md:text-sm ml-6 pb-2 sm:ml-16 underline font-body font-bold text-[#284162] text-base hover:text-[#0535d2]"
+ lang={props.language === 'en' ? 'fr' : 'en'}
+ >
+ {props.language === 'en' ? 'FR' : 'EN'}
+ </Link>
+ </div>
+
+ <div className="flex-col flex">
+ {/* Language selector for mid to larger screens */}
+ <Link
+ key={props.language}
+ href={props.langToggleLink || '/'}
+ locale={props.language === 'en' ? 'fr' : 'en'}
+ className="md:block hidden pb-0 lg:pb-4 self-end underline font-body text-[#284162] hover:text-[#0535d2] "
+ data-cy="toggle-language-link"
+ lang={props.language === 'en' ? 'fr' : 'en'}
+ >
+ {props.language === 'en' ? 'Français' : 'English'}
+ </Link>
+ </div>
+ </div>
+
+ <div className="mb-2 border-t pb-2 mt-4"></div>
+ </header>
+ </>
+ )
+}
+
+export default Header
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 | + + + + + + + + + + + +2x +4x + +4x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +2x + + + + + | import React, { ReactNode } from 'react'
+import Header from './Header'
+import Footer from './Footer'
+import { useTranslation } from 'next-i18next'
+
+interface LayoutProps {
+ children: ReactNode
+ locale?: string
+ title?: string
+ langToggleLink?: string
+}
+
+const Layout: React.FC<LayoutProps> = (props) => {
+ const { t } = useTranslation('common')
+
+ return (
+ <>
+ <Header
+ language={props.locale ?? 'en'}
+ langToggleLink={props.langToggleLink}
+ />
+
+ <main>
+ <div>{props.children}</div>
+ </main>
+
+ <Footer
+ footerLogoAltText="symbol2"
+ footerLogoImage="/assets/wmms-blk.svg"
+ footerNav1="aboutGovernment"
+ footerNav2="aboutThisSite"
+ links={[
+ {
+ link: t('footerSocialMediaURL'),
+ linkText: t('footerSocialMedia'),
+ },
+ {
+ link: t('footerMobileAppURL'),
+ linkText: t('footerMobileApp'),
+ },
+ {
+ link: t('footerAboutURL'),
+ linkText: t('footerAbout'),
+ },
+ {
+ link: t('footerTermsAndConditionURL'),
+ linkText: t('footerTermsAndCondition'),
+ },
+ {
+ link: t('footerPrivacyURL'),
+ linkText: t('footerPrivacy'),
+ },
+ ]}
+ footerBoxLinks={[
+ {
+ footerBoxlink: t('footerContactUsURL'),
+ footerBoxLinkText: t('footerContactUs'),
+ },
+ {
+ footerBoxlink: t('footerNewsURL'),
+ footerBoxLinkText: t('footerNews'),
+ },
+ {
+ footerBoxlink: t('footerPmURL'),
+ footerBoxLinkText: t('footerPm'),
+ },
+ {
+ footerBoxlink: t('footerDepartmentAgenciesURL'),
+ footerBoxLinkText: t('footerDepartmentAgencies'),
+ },
+ {
+ footerBoxlink: t('footerTreatiesURL'),
+ footerBoxLinkText: t('footerTreaties'),
+ },
+ {
+ footerBoxlink: t('footerHowGovWorksURL'),
+ footerBoxLinkText: t('footerHowGovWorks'),
+ },
+ {
+ footerBoxlink: t('footerPublicServiceURL'),
+ footerBoxLinkText: t('footerPublicService'),
+ },
+ {
+ footerBoxlink: t('footerGovReportingURL'),
+ footerBoxLinkText: t('footerGovReporting'),
+ },
+ {
+ footerBoxlink: t('footerOpenGovURL'),
+ footerBoxLinkText: t('footerOpenGov'),
+ },
+ ]}
+ />
+ </>
+ )
+}
+
+Layout.defaultProps = {
+ title: 'Next Template - Canada.ca',
+}
+
+export default Layout
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| DateModified.tsx | +
+
+ |
+ 100% | +3/3 | +100% | +0/0 | +100% | +1/1 | +100% | +3/3 | +
| Footer.tsx | +
+
+ |
+ 100% | +5/5 | +100% | +2/2 | +100% | +3/3 | +100% | +5/5 | +
| Header.tsx | +
+
+ |
+ 100% | +3/3 | +100% | +20/20 | +100% | +1/1 | +100% | +3/3 | +
| Layout.tsx | +
+
+ |
+ 100% | +4/4 | +50% | +1/2 | +100% | +1/1 | +100% | +4/4 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| instrumentation.node.ts | +
+
+ |
+ 0% | +0/28 | +0% | +0/18 | +0% | +0/9 | +0% | +0/28 | +
| instrumentation.ts | +
+
+ |
+ 0% | +0/2 | +0% | +0/2 | +0% | +0/1 | +0% | +0/2 | +
| middleware.ts | +
+
+ |
+ 0% | +0/11 | +0% | +0/6 | +0% | +0/1 | +0% | +0/11 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | /**
+ * This file initializes OpenTelemetry for the application using the @opentelemetry/sdk-node package.
+ *
+ * Two Dynatrace exporters are provided, and rely on the following (optional) environment variables:
+ *
+ * <ul>
+ * <li>
+ * OTEL_METRICS_ENDPOINT -- defines the Dynatrace OpenTelemetry metrics endpoint
+ * (ex: https://example.com/e/00000000-0000-0000-0000-000000000000/api/v2/otlp/v1/metrics)
+ * </li>
+ * <li>
+ * - OTEL_TRACES_ENDPOINT -- defines the Dynatrace Opentelemetry traces endpoint
+ * (ex: https://example.com/e/00000000-0000-0000-0000-000000000000/api/v2/otlp/v1/traces)
+ * </li>
+ * <li>
+ * - OTEL_API_KEY -- defines the Dynatrace API key used by the metrics and traces endpoint
+ * </li>
+ * </ul>
+ *
+ * If either Dynatrace endpoint is not provided, a NOOP metrics and/or a NOOP traces exporter will be configured.
+ *
+ * NOTE: to ensure that tracing is fully initialized, NodeSDK must be initialized early during runtime.
+ * For Next.js, this can be done by importing this file in next.config.js.
+ *
+ * NOTE: because of limitations in the Next.js runtimes, metrics cannot be emitted from middleware.
+ *
+ * References:
+ *
+ * <ul>
+ * <li>https://www.npmjs.com/package/@opentelemetry/sdk-node</li>
+ * <li>https://www.dynatrace.com/support/help/extend-dynatrace/opentelemetry</li>
+ * <li>https://nextjs.org/docs/api-reference/edge-runtime</li>
+ * </ul>
+ */
+import { ExportResultCode } from '@opentelemetry/core'
+import { OTLPMetricExporter } from '@opentelemetry/exporter-metrics-otlp-proto'
+import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-proto'
+import { CompressionAlgorithm } from '@opentelemetry/otlp-exporter-base'
+import {
+ Resource,
+ envDetector,
+ hostDetector,
+ osDetector,
+ processDetector,
+} from '@opentelemetry/resources'
+import {
+ AggregationTemporality,
+ PeriodicExportingMetricReader,
+ PushMetricExporter,
+} from '@opentelemetry/sdk-metrics'
+import { NodeSDK } from '@opentelemetry/sdk-node'
+import { SpanExporter } from '@opentelemetry/sdk-trace-base'
+import { SemanticResourceAttributes } from '@opentelemetry/semantic-conventions'
+
+import { getLogger } from './logging/log-util'
+
+const logger = getLogger('instrumentation.node')
+
+const getMetricExporter = (): PushMetricExporter => {
+ const exportMetrics = process.env.OTEL_METRICS_ENDPOINT
+
+ if (exportMetrics) {
+ if (!process.env.OTEL_API_KEY) {
+ throw new Error(
+ 'OTEL_API_KEY must be configured when OTEL_METRICS_ENDPOINT is set',
+ )
+ }
+
+ logger.info(
+ `Exporting metrics to ${
+ process.env.OTEL_METRICS_ENDPOINT
+ } every ${getMetricExportInterval()} ms`,
+ )
+
+ return new OTLPMetricExporter({
+ compression: CompressionAlgorithm.GZIP,
+ headers: { Authorization: `Api-Token ${process.env.OTEL_API_KEY}` },
+ temporalityPreference: AggregationTemporality.DELTA,
+ url: process.env.OTEL_METRICS_ENDPOINT,
+ })
+ }
+
+ logger.info(
+ 'Metrics exporting is disabled; set OTEL_METRICS_ENDPOINT to enable.',
+ )
+
+ return {
+ // a no-op PushMetricExporter implementation
+ export: (metrics, resultCallback) =>
+ resultCallback({ code: ExportResultCode.SUCCESS }),
+ forceFlush: async () => {},
+ shutdown: async () => {},
+ }
+}
+
+const getMetricExportInterval = () => {
+ return parseInt(process.env.OTEL_METRICS_EXPORT_INTERVAL_MILLIS ?? '60000')
+}
+
+const getMetricTimeout = () => {
+ return parseInt(process.env.OTEL_METRICS_EXPORT_TIMEOUT_MILLIS ?? '30000')
+}
+
+const getTraceExporter = (): SpanExporter => {
+ const exportTraces = process.env.OTEL_TRACES_ENDPOINT
+
+ if (exportTraces) {
+ if (!process.env.OTEL_API_KEY) {
+ throw new Error(
+ 'OTEL_API_KEY must be configured when OTEL_TRACES_ENDPOINT is set',
+ )
+ }
+
+ logger.info(
+ `Exporting traces to ${process.env.OTEL_TRACES_ENDPOINT} every 30000 ms`,
+ )
+
+ return new OTLPTraceExporter({
+ compression: CompressionAlgorithm.GZIP,
+ headers: { Authorization: `Api-Token ${process.env.OTEL_API_KEY}` },
+ url: process.env.OTEL_TRACES_ENDPOINT,
+ })
+ }
+
+ logger.info(
+ 'Traces exporting is disabled; set OTEL_TRACES_ENDPOINT to enable.',
+ )
+
+ return {
+ // a no-op SpanExporter implementation
+ export: (spans, resultCallback) =>
+ resultCallback({ code: ExportResultCode.SUCCESS }),
+ shutdown: async () => {},
+ }
+}
+
+logger.info(`Initializing OpenTelemetry SDK...`)
+
+const sdk = new NodeSDK({
+ metricReader: new PeriodicExportingMetricReader({
+ exporter: getMetricExporter(),
+ exportIntervalMillis: getMetricExportInterval(),
+ exportTimeoutMillis: getMetricTimeout(),
+ }),
+ resource: new Resource({
+ // Note: any attributes added here must be configured in Dynatrace under
+ // Settings → Metrics → OpenTelemetry metrics → Allow list: resource and scope attributes
+ //
+ // see: node_modules/@opentelemetry/semantic-conventions/build/src/resource/SemanticResourceAttributes.js
+ // see: node_modules/@opentelemetry/semantic-conventions/build/src/trace/SemanticResourceAttributes.js
+ [SemanticResourceAttributes.DEPLOYMENT_ENVIRONMENT]:
+ process.env.OTEL_ENVIRONMENT ?? 'local',
+ [SemanticResourceAttributes.SERVICE_NAME]:
+ process.env.OTEL_SERVICE_NAME ?? 'next-template',
+ [SemanticResourceAttributes.SERVICE_VERSION]:
+ process.env.BUILD_VERSION ?? '00000000-0000-00000000',
+ }),
+ resourceDetectors: [envDetector, hostDetector, osDetector, processDetector],
+ traceExporter: getTraceExporter(),
+})
+sdk.start()
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 | + + + + + | export async function register() { + if (process.env.NEXT_RUNTIME === 'nodejs') { + await import('./instrumentation.node') + } +} + |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 | +1x +1x + + + +1x + + +1x + + | export async function fetchContent() {
+ const res = undefined
+ return res ? res : exampleResponse()
+}
+
+async function exampleResponse() {
+ console.log(
+ 'Please replace this example response with a CMS call and error handling',
+ )
+ return { header: 'Hello World!', paragraph: 'Add your content here' }
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| cms.ts | +
+
+ |
+ 100% | +4/4 | +50% | +1/2 | +100% | +2/2 | +100% | +4/4 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| log-level.ts | +
+
+ |
+ 0% | +0/1 | +100% | +0/0 | +100% | +0/0 | +0% | +0/1 | +
| log-util.ts | +
+
+ |
+ 0% | +0/3 | +0% | +0/3 | +0% | +0/2 | +0% | +0/3 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 | + + + + + + + | const logLevelData = {
+ '*': 'silent',
+ 'middleware': 'trace',
+ 'home': 'info',
+}
+
+export default logLevelData
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 | + + + + + + + + + + + + | import logLevelData from './log-level'
+import pino, { Logger } from 'pino'
+
+const logLevels = new Map<string, string>(Object.entries(logLevelData))
+
+export function getLogLevel(logger: string): string {
+ return logLevels.get(logger) || logLevels.get('*') || 'info'
+}
+
+export function getLogger(name: string): Logger {
+ return pino({ name, level: getLogLevel(name) })
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import { NextRequest, NextResponse } from 'next/server'
+import { getLogger } from './logging/log-util'
+
+export function middleware(req: NextRequest) {
+ const { nextUrl, url } = req
+ const { locale, pathname } = nextUrl
+ const logger = getLogger('middleware')
+
+ if (
+ new RegExp('^/((api|_next/static|_next/image|assets|favicon.ico))').test(
+ pathname,
+ )
+ ) {
+ return NextResponse.next()
+ }
+
+ logger.trace(`Incoming request for [${url}]`)
+
+ if (locale === '' && pathname !== '/') {
+ logger.trace(
+ `Requested path [${pathname}] does not include required locale of [en|fr]`,
+ )
+
+ req.nextUrl.pathname = '/404'
+ return NextResponse.rewrite(req.nextUrl, { status: 404 })
+ }
+
+ return NextResponse.next()
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 | + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x + + + | import Link from 'next/link'
+import React from 'react'
+import { NextPage } from 'next'
+import { NextSeo } from 'next-seo'
+
+export default function Custom404() {
+ return (
+ <>
+ <NextSeo title="Error 404 | Erreur 404" />
+ <div className="grid md:grid-cols-2 sm:grid-cols-1 items-center justify-center md:h-96 sm:h-screen my-2 gap-5">
+ <div className="px-20">
+ <h1 className="text-2xl">We couldn't find that Web page</h1>
+ <h2>An error 404 occured on server</h2>
+ <p>
+ We're sorry you ended up here. Sometimes a page gets moved or
+ deleted, but hopefully we can help you find what you're looking for.
+ What next?
+ </p>
+ <p>
+ <span>Return to the </span>
+ <Link href="/" className="text-cyan-600 underline">
+ home page
+ </Link>
+ </p>
+ <p>
+ <Link
+ href="https://www.canada.ca/en/contact.html"
+ className="text-cyan-600 underline"
+ >
+ Contact us
+ </Link>
+ <span> and we'll help you out</span>
+ </p>
+ </div>
+ <div className="px-20">
+ <h1 className="text-2xl">Nous ne pouvons trouver cette page Web</h1>
+ <h2>Erreur 404</h2>
+ <p>
+ Nous sommes désolés que vous ayez abouti ici. Il arrive parfois
+ qu'une page ait été déplacée ou supprimée. Heureusement, nous
+ pouvons vous aider à trouver ce que vous cherchez. Que faire?
+ </p>
+ <p>
+ <span>Retournez à la </span>
+ <Link href="/" className="text-cyan-600 underline">
+ page d'accueil
+ </Link>
+ </p>
+ <p>
+ <Link
+ href="https://www.canada.ca/en/contact.html"
+ className="text-cyan-600 underline"
+ >
+ Communiquez avec nous
+ </Link>
+ <span> pour obtenir de l'aide.</span>
+ </p>
+ </div>
+ </div>
+ </>
+ )
+}
+
+Custom404.getLayout = function PageLayout(page: NextPage) {
+ return <>{page}</>
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 | + + + + + + + + + + + + + + + + +1x +1x +1x + + + + + + + + + + + + + + + + + + + | import '../styles/globals.css'
+import Layout from '../components/Layout'
+import { AppProps } from 'next/app'
+import React, { ComponentType, ReactElement, ReactNode } from 'react'
+import { NextPage } from 'next'
+import { appWithTranslation } from 'next-i18next'
+import Head from 'next/head'
+
+type Page<P = {}> = NextPage<P> & {
+ getLayout?: (page: ReactElement) => ReactNode
+ layout?: ComponentType
+}
+
+type Props = AppProps & {
+ Component: Page
+}
+
+const App = ({ Component, pageProps }: Props) => {
+ Eif (Component.getLayout) {
+ return Component.getLayout(<Component {...pageProps} />)
+ }
+
+ return (
+ <>
+ <Head>
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ </Head>
+ <Layout
+ locale={pageProps.locale}
+ langToggleLink={pageProps.langToggleLink}
+ >
+ <Component {...pageProps} />
+ </Layout>
+ </>
+ )
+}
+
+export default appWithTranslation(App)
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 | + + + + + + + + + + + + + + + + + + + + + + + + + + + | import { Html, Head, Main, NextScript } from 'next/document'
+
+interface DocumentProps {
+ locale?: string
+}
+
+export default function Document({ locale }: DocumentProps) {
+ const lang = locale ?? 'en'
+ return (
+ <Html lang={lang}>
+ <Head>
+ <meta charSet="utf-8" />
+ <link rel="icon" href="/assets/favicon.ico" />
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
+ <link rel="preconnect" href="https://fonts.gstatic.com" />
+ <link
+ href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
+ rel="stylesheet"
+ />
+ </Head>
+ <body>
+ <Main />
+ <NextScript />
+ </body>
+ </Html>
+ )
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 | + + + + + + + + +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x + + + +1x + + + + + + | import Link from 'next/link'
+import React from 'react'
+import { NextPage, NextPageContext } from 'next'
+
+interface ErrorProps {
+ statusCode?: number
+}
+
+export function CustomError({ statusCode }: ErrorProps) {
+ return (
+ <div className="grid md:grid-cols-2 sm:grid-cols-1 items-center justify-center md:h-96 sm:h-screen my-2 gap-5">
+ <div className="px-20">
+ <h1 className="text-2xl">We couldn't find that Web page</h1>
+ <h2>
+ {statusCode
+ ? `An error ${statusCode} occurred on server`
+ : 'An error occurred on client'}
+ </h2>
+ <p>
+ We're sorry you ended up here. Sometimes a page gets moved or deleted,
+ but hopefully we can help you find what you're looking for. What next?
+ </p>
+ <p>
+ <span>Return to the </span>
+ <Link href="/" className="text-cyan-600 underline">
+ home page
+ </Link>
+ </p>
+ <p>
+ <Link
+ href="https://www.canada.ca/en/contact.html"
+ className="text-cyan-600 underline"
+ >
+ Contact us
+ </Link>
+ <span> and we'll help you out</span>
+ </p>
+ </div>
+ <div className="px-20">
+ <h1 className="text-2xl">Nous ne pouvons trouver cette page Web</h1>
+ <h2>
+ {statusCode
+ ? `Erreur ${statusCode}`
+ : 'Erreur produite sur le client'}
+ </h2>
+ <p>
+ Nous sommes désolés que vous ayez abouti ici. Il arrive parfois qu'une
+ page ait été déplacée ou supprimée. Heureusement, nous pouvons vous
+ aider à trouver ce que vous cherchez. Que faire?
+ </p>
+ <p>
+ <span>Retournez à la </span>
+ <Link href="/" className="text-cyan-600 underline">
+ page d'accueil
+ </Link>
+ </p>
+ <p>
+ <Link
+ href="https://www.canada.ca/en/contact.html"
+ className="text-cyan-600 underline"
+ >
+ Communiquez avec nous
+ </Link>
+ <span> pour obtenir de l'aide.</span>
+ </p>
+ </div>
+ </div>
+ )
+}
+
+CustomError.getLayout = function PageLayout(page: NextPage) {
+ return <>{page}</>
+}
+
+CustomError.getInitialProps = ({ res, err }: NextPageContext) => {
+ const statusCode = res ? res.statusCode : err ? err.statusCode : 404
+ return { statusCode }
+}
+
+export default CustomError
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 | + + + + + | import { NextApiRequest, NextApiResponse } from 'next'
+
+export default function handler(req: NextApiRequest, res: NextApiResponse) {
+ res.status(200).json({ apiEnv: process.env.ENV_EXAMPLE })
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| envAPIExample.ts | +
+
+ |
+ 0% | +0/1 | +100% | +0/0 | +0% | +0/1 | +0% | +0/1 | +
| metrics.ts | +
+
+ |
+ 0% | +0/0 | +0% | +0/0 | +0% | +0/0 | +0% | +0/0 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 | + + + + + + + + + + + | import { register, collectDefaultMetrics } from 'prom-client'
+import { NextApiRequest, NextApiResponse } from 'next'
+
+/* istanbul ignore next */
+collectDefaultMetrics({ prefix: 'omnidevfrontend_' })
+
+/* istanbul ignore next */
+export default function handler(req: NextApiRequest, res: NextApiResponse) {
+ res.setHeader('Content-type', register.contentType)
+ res.send(register.metrics())
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 | + + + + + + + + + + + + + + + +1x +1x + + + + + + + + + + + + + +1x +1x + + + + +1x + + + + + + + + + | import React from 'react'
+import { GetStaticProps } from 'next'
+import { fetchContent } from '../lib/cms'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { NextSeo } from 'next-seo'
+import { useTranslation } from 'next-i18next'
+
+interface HomeProps {
+ locale: string
+ content: {
+ header: string
+ paragraph: string
+ }
+}
+
+export default function Home(props: HomeProps) {
+ const { t } = useTranslation(['home', 'common'])
+ return (
+ <>
+ <NextSeo title={t('title')} />
+ <div
+ id="homeContent"
+ className="container mx-auto px-6 mt-5 bg-slate-300 p-8"
+ >
+ <h1>{props.content.header}</h1>
+ <p>{props.content.paragraph}</p>
+ </div>
+ </>
+ )
+}
+
+export const getStaticProps: GetStaticProps = async ({ locale }) => {
+ const content = await fetchContent()
+
+ /* istanbul ignore next */
+ const langToggleLink = locale === 'en' ? '/fr/home' : '/home'
+
+ return {
+ props: {
+ ...(await serverSideTranslations(locale as string, ['common', 'home'])),
+ locale,
+ langToggleLink,
+ content,
+ },
+ }
+}
+ |
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| 404.tsx | +
+
+ |
+ 66.66% | +2/3 | +100% | +0/0 | +50% | +1/2 | +66.66% | +2/3 | +
| _app.tsx | +
+
+ |
+ 75% | +3/4 | +50% | +1/2 | +100% | +1/1 | +75% | +3/4 | +
| _document.tsx | +
+
+ |
+ 0% | +0/2 | +0% | +0/2 | +0% | +0/1 | +0% | +0/2 | +
| _error.tsx | +
+
+ |
+ 50% | +3/6 | +50% | +4/8 | +33.33% | +1/3 | +50% | +3/6 | +
| home.tsx | +
+
+ |
+ 100% | +5/5 | +100% | +0/0 | +100% | +2/2 | +100% | +5/5 | +
| index.tsx | +
+
+ |
+ 100% | +3/3 | +100% | +0/0 | +100% | +2/2 | +100% | +3/3 | +
+ Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 | + + + + + +2x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +2x +1x + + | import Link from 'next/link'
+import React from 'react'
+import { NextPage } from 'next'
+import { NextSeo } from 'next-seo'
+
+export default function Index() {
+ return (
+ <>
+ <NextSeo title="Next Template - Canada.ca" />
+ <main
+ role="main"
+ className="container mx-auto px-6 my-5 bg-slate-300 p-12"
+ >
+ <div className="flex flex-col justify-center items-center m-auto">
+ <div className="z-10 bg-white h-auto w-[18.75rem] xl:w-[31.25rem]">
+ <h1 className="sr-only">service.canada.ca-digital-center</h1>
+ <div className="p-2">
+ <img
+ src="/assets/sig-blk-en.svg"
+ alt="Government of Canada / Gouvernement du Canada logo"
+ className="w-3/4"
+ />
+ </div>
+ <div className="flex w-max container py-11 mx-auto font-display">
+ <div className="grid grid-cols-2 gap-2 xl:gap-6">
+ <Link
+ href="/home"
+ className="font-display rounded focus:ring-1 focus:ring-black focus:ring-offset-2 py-2 px-10 whitespace-pre bg-[#173451] text-white text-center border border-[#173451] active:bg-[#21303F] hover:bg-#245C81 grid place-items-center"
+ role="button"
+ draggable="false"
+ lang="en"
+ id="english-button"
+ >
+ English
+ </Link>
+ <Link
+ href="/fr/home"
+ className="font-display rounded focus:ring-1 focus:ring-black focus:ring-offset-2 py-2 px-10 whitespace-pre bg-[#173451] text-white text-center border border-[#173451] active:bg-[#21303F] hover:bg-#245C81 grid place-items-center"
+ role="button"
+ draggable="false"
+ lang="fr"
+ id="french-button"
+ >
+ Français
+ </Link>
+ </div>
+ </div>
+ </div>
+
+ <div className="relative py-8 bg-gray-light text-p h-auto min-w-[18.75rem] w-[18.75rem] flex justify-between p-6 xl:w-[31.25rem] xl:items-center">
+ <div className="w-28 text-base xl:text-p xl:w-max font-body text-bright-blue-dark">
+ <Link
+ href="https://www.canada.ca/en/transparency/terms.html"
+ className="inline-block w-28 xl:w-max mr-0 hover:underline splash-a text-lg"
+ lang="en"
+ data-cy="terms"
+ >
+ Terms & conditions
+ </Link>
+ <span> • </span>
+ <Link
+ href="https://www.canada.ca/fr/transparence/avis.html"
+ className="inline-block hover:underline font-body text-lg"
+ lang="fr"
+ data-cy="avis"
+ >
+ Avis
+ </Link>
+ </div>
+ <img
+ className="h-auto w-24 xl:w-28"
+ src="/assets/wmms-blk.svg"
+ alt=""
+ />
+ </div>
+ </div>
+ </main>
+ </>
+ )
+}
+
+Index.getLayout = function PageLayout(page: NextPage) {
+ return <>{page}</>
+}
+ |