erudit 3.0.0-dev.23 → 3.0.0-dev.25

package/app/plugins/analytics.ts

@@ -1,95 +0,0 @@
-import eruditConfig from '#erudit/config';
-
-export default defineNuxtPlugin({
-    name: 'erudit-analytics',
-    hooks: {
-        'app:rendered': (context) => {
-            if (!context.ssrContext || !eruditConfig.analytics) {
-                return;
-            }
-
-            if (typeof eruditConfig?.debug?.analytics === 'undefined') {
-                if (import.meta.dev) {
-                    return;
-                }
-            } else if (!Boolean(eruditConfig?.debug?.analytics)) {
-                return;
-            }
-
-            if (eruditConfig.analytics.yandex) {
-                const yandex = eruditConfig.analytics.yandex;
-
-                if (yandex.verification) {
-                    context.ssrContext.head.push({
-                        meta: [
-                            {
-                                name: 'yandex-verification',
-                                content: yandex.verification,
-                            },
-                        ],
-                    });
-                }
-
-                if (yandex.metricsId) {
-                    context.ssrContext.head.push({
-                        script: [
-                            {
-                                innerHTML: `
-                                    (function(m,e,t,r,i,k,a){
-                                        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
-                                        m[i].l=1*new Date();
-                                        k=e.createElement(t),a=e.getElementsByTagName(t)[0],
-                                        k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
-                                    })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
-
-                                    ym(${yandex.metricsId}, "init", {
-                                            clickmap:true,
-                                            trackLinks:true,
-                                            accurateTrackBounce:true,
-                                            webvisor:true
-                                    });
-                            `,
-                            },
-                        ],
-                    });
-                }
-            }
-
-            if (eruditConfig.analytics.google) {
-                const google = eruditConfig.analytics.google;
-
-                if (google.verification) {
-                    context.ssrContext.head.push({
-                        meta: [
-                            {
-                                name: 'google-site-verification',
-                                content: google.verification,
-                            },
-                        ],
-                    });
-                }
-
-                if (google.gtag) {
-                    context.ssrContext.head.push({
-                        script: [
-                            {
-                                src:
-                                    'https://www.googletagmanager.com/gtag/js?id=' +
-                                    google.gtag,
-                                async: true,
-                            },
-                            {
-                                innerHTML: `
-                                    window.dataLayer = window.dataLayer || [];
-                                    function gtag(){window.dataLayer.push(arguments);}
-                                    gtag('js', new Date());
-                                    gtag('config', '${google.gtag}');
-                            `,
-                            },
-                        ],
-                    });
-                }
-            }
-        },
-    },
-});

package/app/public/favicon/article.svg

@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="gradient" x1="75" y1="423" x2="437" y2="61" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#4aa44c"/>
-      <stop offset="1" stop-color="#1278b9"/>
-    </linearGradient>
-  </defs>
-  <circle fill="url(#gradient)" cx="256" cy="256" r="256"/>
-  <path fill="white" d="M372.4,179.3h-232.8c-6.6,0-12-5.4-12-12v-26.3c0-6.6,5.4-12,12-12h232.8c6.6,0,12,5.4,12,12v26.3c0,6.6-5.4,12-12,12ZM384.4,269.2v-26.3c0-6.6-5.4-12-12-12h-232.8c-6.6,0-12,5.4-12,12v26.3c0,6.6,5.4,12,12,12h232.8c6.6,0,12-5.4,12-12ZM384.4,371v-26.3c0-6.6-5.4-12-12-12h-232.8c-6.6,0-12,5.4-12,12v26.3c0,6.6,5.4,12,12,12h232.8c6.6,0,12-5.4,12-12Z"/>
-</svg>

package/app/public/favicon/default.svg

@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="gradient" x1="75" y1="423" x2="437" y2="61" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#4aa44c"/>
-      <stop offset="1" stop-color="#1278b9"/>
-    </linearGradient>
-  </defs>
-  <circle fill="url(#gradient)" cx="256" cy="256" r="256"/>
-  <path fill="white" d="M385.2,317.4v-91.1l-122.9,61.9c-5.5,2.8-11.4,4.3-17.5,4.3s-12-1.4-17.4-4.3l-126.5-63.9c-3.3-1.7-5.9-4.1-7.9-7s-2.9-6.1-2.9-9.6,1-6.6,2.9-9.6c2-3,4.6-5.4,7.9-7.2l126.5-63.9c2.8-1.5,5.7-2.6,8.6-3.3,2.9-.7,5.9-1,8.9-1s5.9.4,8.9,1c2.9.7,5.8,1.8,8.6,3.3l149.2,75.2c3.1,1.7,5.6,4,7.6,6.9,1.9,2.9,2.9,6.1,2.9,9.8v98.7c0,5-1.8,9.3-5.4,12.9-3.6,3.6-7.8,5.4-12.9,5.4s-9.3-1.8-13-5.4c-3.6-3.6-5.5-7.9-5.5-13h0ZM235.8,388.5c3,.5,5.9.8,8.9.8s5.9-.3,8.9-.8c2.9-.5,5.9-1.6,8.6-3.1l67.9-34.1c6.2-3.1,11.2-7.7,14.9-13.7,3.8-6.1,5.6-12.6,5.6-19.6v-37.9l-88.4,44.6c-5.4,2.9-11.3,4.3-17.4,4.3s-12-1.5-17.5-4.3l-88.4-44.6v37.9c0,7,1.9,13.6,5.6,19.6,3.8,6,8.7,10.6,14.9,13.7l67.9,34.1h0c2.8,1.5,5.7,2.6,8.6,3.1Z"/>
-</svg>

package/app/public/favicon/practice.svg

@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="gradient" x1="74.98" y1="423.02" x2="437.02" y2="60.98" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#4aa44c"/>
-      <stop offset="1" stop-color="#1278b9"/>
-    </linearGradient>
-  </defs>
-  <circle cx="256" cy="256" r="256" fill="url(#gradient)"/>
-  <path fill="white" d="M216.29,267.91l129.71-129.71,52.94,52.94-182.66,182.66-103.24-103.24,52.94-52.94,50.3,50.3Z" />
-</svg>

package/app/public/favicon/summary.svg

@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <defs>
-    <linearGradient id="gradient" x1="74.98" y1="423.02" x2="437.02" y2="60.98" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#4aa44c"/>
-      <stop offset="1" stop-color="#1278b9"/>
-    </linearGradient>
-  </defs>
-  <circle fill="url(#gradient)" cx="256" cy="256" r="256" />
-  <path fill="white" d="M271.03,131.48c-2.77-5.75-8.63-9.42-15.07-9.42s-12.24,3.66-15.07,9.42l-33.64,69.21-75.12,11.09c-6.28.94-11.51,5.34-13.44,11.35s-.37,12.66,4.13,17.11l54.51,53.93-12.87,76.22c-1.05,6.28,1.57,12.66,6.75,16.37,5.18,3.71,12.03,4.18,17.68,1.2l67.12-35.83,67.12,35.83c5.65,2.98,12.5,2.56,17.68-1.2,5.18-3.77,7.79-10.1,6.75-16.37l-12.92-76.22,54.51-53.93c4.5-4.45,6.12-11.09,4.13-17.11-1.99-6.02-7.17-10.41-13.44-11.35l-75.17-11.09-33.64-69.21Z" />
-</svg>

package/app/scripts/_immediate.js

@@ -1,9 +0,0 @@
-// Instant color theme setup
-const theme = localStorage.getItem('theme') ?? 'auto';
-const binaryTheme =
-    theme === 'auto'
-        ? window.matchMedia('(prefers-color-scheme: dark)').matches
-            ? 'dark'
-            : 'light'
-        : theme;
-document.documentElement.setAttribute('data-theme', binaryTheme);

package/app/scripts/aside/index.ts

@@ -1,59 +0,0 @@
-// TODO: Push this shit into <SiteAside /> or make composable or make something...
-
-export enum AsideType {
-    Major = 'major',
-    Minor = 'minor',
-}
-
-export const switchVisible = ref<boolean>(true);
-export const forcedAside = ref<AsideType>();
-
-export const clickTargets: {
-    major: HTMLElement[];
-    minor: HTMLElement[];
-} = {
-    major: [],
-    minor: [],
-};
-
-if (import.meta.client) {
-    //
-    // Switch visibility logic
-    //
-
-    let lastY = window.scrollY;
-    let sumDelta = 0;
-    let scrollTimeout: any;
-
-    window.addEventListener('scroll', () => {
-        const currentY = window.scrollY;
-        const delta = currentY - lastY;
-
-        sumDelta += delta;
-
-        switchVisible.value = sumDelta <= -1;
-
-        lastY = currentY;
-
-        clearTimeout(scrollTimeout);
-        scrollTimeout = setTimeout(() => {
-            sumDelta = 0;
-        }, 200);
-    });
-
-    //
-    // Unpin forced asides when click outside logic
-    //
-
-    window.addEventListener('click', (e) => {
-        if (forcedAside.value) {
-            const toIgnoreTargets = clickTargets[forcedAside.value]; // Ignore currently pinned aside elements
-
-            for (const target of toIgnoreTargets)
-                if (target.contains(e.target as Element)) return;
-
-            forcedAside.value = undefined;
-            switchVisible.value = true;
-        }
-    });
-}

package/app/scripts/aside/major/nav.ts

@@ -1,26 +0,0 @@
-import type { InjectionKey, ShallowRef } from 'vue';
-import type { FrontNav } from '@shared/frontNav';
-
-export const insideNavBook = ref(false);
-export const navBookId = ref<string>();
-
-export const navBookVisible = computed(() => {
-    return insideNavBook.value && navBookId.value;
-});
-
-type AsideMajorNav = {
-    booksIds: string[];
-    globalNav: FrontNav;
-};
-
-export function getAsideMajorNavPayload() {
-    const key = 'aside-major-nav';
-    const nuxtApp = useNuxtApp();
-    return (nuxtApp.static.data[key] ||= nuxtApp.payload.data[key] ||=
-        {}) as AsideMajorNav;
-}
-
-export type NavStateValue = ShallowRef<null | 'active' | 'activePart'>;
-export type NavState = { [contentId: string]: NavStateValue };
-
-export const navStateKey = Symbol() as InjectionKey<ShallowRef<NavState>>;

package/app/scripts/aside/minor/state.ts

@@ -1,37 +0,0 @@
-import type { InjectionKey, ShallowRef } from 'vue';
-import type {
-    AsideMinorData,
-    AsideMinorNews,
-    AsideMinorTopic,
-    AsideMinorType,
-} from '@shared/asideMinor';
-
-export const asideMinorKey = Symbol() as InjectionKey<
-    ShallowRef<AsideMinorData>
->;
-
-export function injectAsideData<T extends AsideMinorData>() {
-    return inject(asideMinorKey) as ShallowRef<T>;
-}
-
-// export function injectTopicData(): Ref<AsideMinorTopic>
-// {
-//     const dataRef = inject(asideMinorKey);
-//     return createTypeSafeDataComputed(dataRef, 'topic') as any;
-// }
-
-// export function injectNewsData(): Ref<AsideMinorNews>
-// {
-//     const dataRef = inject(asideMinorKey);
-//     return createTypeSafeDataComputed(dataRef, 'news') as any;
-// }
-
-// function createTypeSafeDataComputed(dataRef: Ref<AsideMinorData>, targetType: AsideMinorType)
-// {
-//     return computed(() => {
-//         if (dataRef.value.type !== targetType)
-//             throw new Error(`Aside minor data type mismatch! Expected "${targetType}", got "${dataRef.value.type}"!`);
-
-//         return dataRef.value;
-//     });
-// }

package/app/scripts/flag.ts

@@ -1,28 +0,0 @@
-import type { MyIconName } from '#my-icons';
-import type { ContentFlag } from '@erudit-js/cog/schema';
-
-interface FlagData {
-    icon: MyIconName;
-    title: EruditPhraseId;
-}
-
-export const flagsData: Record<ContentFlag, FlagData> = {
-    //
-    // Global Content Flags
-    //
-
-    dev: {
-        icon: 'construction',
-        title: 'flag_dev',
-    },
-
-    advanced: {
-        icon: 'asterisk',
-        title: 'flag_advanced',
-    },
-
-    secondary: {
-        icon: 'puzzle',
-        title: 'flag_secondary',
-    },
-};

package/app/scripts/og.ts

@@ -1,28 +0,0 @@
-import eruditConfig from '#erudit/config';
-import type { ImageData } from '@erudit/shared/image';
-import { normalizeUrl } from '@erudit/utils/url';
-
-export const defaultOgImage = eruditConfig.seo?.defaultOgImage || {
-    src: eruditAsset('og-default.png'),
-    width: 300,
-    height: 300,
-};
-
-export function createOgImageTags(siteUrl: string, data: ImageData | string) {
-    const tags = [];
-    const isImage = typeof data !== 'string';
-
-    tags.push({
-        name: 'og:image',
-        content: normalizeUrl(siteUrl + (isImage ? data.src : data)),
-    });
-
-    if (isImage) {
-        tags.push(
-            { name: 'og:image:width', content: data.width },
-            { name: 'og:image:height', content: data.height },
-        );
-    }
-
-    return tags;
-}

package/app/scripts/preview/build.ts

@@ -1,76 +0,0 @@
-import { PreviewDataType, type PreviewData } from './data';
-import { createPreviewError } from './data/alert';
-import { PreviewRequestType, type PreviewRequest } from './request';
-import { PreviewThemeName } from './state';
-
-const builders = [
-    async (request: PreviewRequest) =>
-        (await import('./data/genericLink')).buildGenericLink(request),
-    async (request: PreviewRequest) =>
-        (await import('./data/pageLink')).buildPageLink(request),
-    async (request: PreviewRequest) =>
-        (await import('./data/unique')).buildUnique(request),
-];
-
-export async function buildPreviewData(
-    request: PreviewRequest,
-): Promise<PreviewData> {
-    if (request.type === PreviewRequestType.Data) return request.data;
-
-    if (request.type === PreviewRequestType.MissingElement) {
-        if (request.hashMismatch) {
-            const phrase = await usePhrases(
-                'preview_missing_title',
-                'preview_missing_explain_mismatch',
-                'element_id',
-                'current_page_hash',
-                'expected_page_hash',
-            );
-
-            return createPreviewError({
-                title: phrase.preview_missing_title,
-                message: phrase.preview_missing_explain_mismatch,
-                pre: `${phrase.element_id}: ${request.elementId}\n${phrase.current_page_hash}: ${request.hashMismatch.current}\n${phrase.expected_page_hash}: ${request.hashMismatch.expected}`,
-            });
-        } else {
-            const phrase = await usePhrases(
-                'preview_missing_title',
-                'preview_missing_explain',
-                'element_id',
-            );
-
-            return createPreviewError({
-                title: phrase.preview_missing_title,
-                message: phrase.preview_missing_explain,
-                pre: `${phrase.element_id}: ${request.elementId}`,
-            });
-        }
-    }
-
-    if (request.type === PreviewRequestType.HashMismatch) {
-        const phrase = await usePhrases(
-            'preview_hash_mismatch_title',
-            'preview_hash_mismatch_explain',
-            'current_page_hash',
-            'expected_page_hash',
-        );
-
-        return {
-            type: PreviewDataType.Alert,
-            theme: PreviewThemeName.Warn,
-            title: phrase.preview_hash_mismatch_title,
-            message: phrase.preview_hash_mismatch_explain,
-            pre: `${phrase.current_page_hash}: ${request.currentHash}\n${phrase.expected_page_hash}: ${request.expectedHash}`,
-        };
-    }
-
-    for (const build of builders) {
-        const result = await build(request);
-        if (result) return result;
-    }
-
-    throw createPreviewError({
-        message: `Unable to build preview data for request!`,
-        pre: JSON.stringify(request, null, 4),
-    });
-}

package/app/scripts/preview/data/alert.ts

@@ -1,19 +0,0 @@
-import { PreviewDataType, type PreviewDataBase } from '../data';
-import { PreviewThemeName } from '../state';
-
-export type AlertData = Partial<{
-    theme: PreviewThemeName;
-    title: string;
-    message: string;
-    pre: string;
-}>;
-
-export type PreviewDataAlert = PreviewDataBase & AlertData;
-
-export function createPreviewError(alertData: AlertData): PreviewDataAlert {
-    return {
-        type: PreviewDataType.Alert,
-        theme: PreviewThemeName.Error,
-        ...alertData,
-    };
-}

package/app/scripts/preview/data/custom.ts

@@ -1,8 +0,0 @@
-import type { PreviewDataBase, PreviewDataType } from '../data';
-import type { PreviewFooter } from '../footer';
-
-export interface PreviewDataCustom extends PreviewDataBase {
-    type: PreviewDataType.Custom;
-    message: string;
-    footer?: PreviewFooter;
-}

package/app/scripts/preview/data/genericLink.ts

@@ -1,24 +0,0 @@
-import { PreviewDataType, type PreviewDataBase } from '../data';
-import { PreviewRequestType, type PreviewRequest } from '../request';
-
-export interface PreviewDataGenericLink extends PreviewDataBase {
-    type: PreviewDataType.GenericLink;
-    external: boolean;
-    href: string;
-}
-
-export async function buildGenericLink(
-    request: PreviewRequest,
-): Promise<PreviewDataGenericLink> {
-    if (request.type !== PreviewRequestType.Link) return;
-
-    const { linkTarget } = request;
-
-    if (!['external', 'absolute'].includes(linkTarget.type)) return;
-
-    return {
-        type: PreviewDataType.GenericLink,
-        external: linkTarget.type === 'external',
-        href: linkTarget.href,
-    };
-}

package/app/scripts/preview/data/pageLink.ts

@@ -1,24 +0,0 @@
-import { trailingSlash } from '@erudit/utils/url';
-
-import { PreviewDataType, type PreviewDataBase } from '../data';
-import { PreviewRequestType, type PreviewRequest } from '../request';
-import type { PreviewFooter } from '../footer';
-
-export interface PreviewDataPageLink extends PreviewDataBase {
-    type: PreviewDataType.PageLink;
-    footer: PreviewFooter;
-    description?: string;
-}
-
-export async function buildPageLink(
-    request: PreviewRequest,
-): Promise<PreviewDataPageLink> {
-    if (request.type !== PreviewRequestType.Link) return;
-
-    const { linkTarget } = request;
-
-    if (linkTarget.type !== 'page') return;
-
-    const route = trailingSlash(`/api/preview/page${linkTarget._href}`, false);
-    return await $fetch(route, { responseType: 'json' });
-}

package/app/scripts/preview/data/unique.ts

@@ -1,69 +0,0 @@
-import { encodeBitranLocation } from '@erudit-js/cog/schema';
-
-import { trailingSlash } from '@erudit/utils/url';
-import type { RawBitranContent } from '@shared/bitran/content';
-
-import { PreviewDataType, type PreviewDataBase } from '../data';
-import type { PreviewFooter } from '../footer';
-import { PreviewRequestType, type PreviewRequest } from '../request';
-
-export interface PreviewDataUnique extends PreviewDataBase {
-    type: PreviewDataType.Unique;
-    elementName: string;
-    title: string;
-    rawBitranContent: RawBitranContent;
-    footer: PreviewFooter;
-}
-
-export async function buildUnique(
-    request: PreviewRequest,
-): Promise<PreviewDataUnique | undefined> {
-    if (request.type !== PreviewRequestType.Link) return;
-
-    const { linkTarget } = request;
-
-    if (linkTarget.type !== 'unique') return;
-
-    const route = trailingSlash(
-        `/api/preview/unique/${encodeBitranLocation(linkTarget._absoluteStrLocation!)}`,
-        false,
-    );
-
-    const serverData = (await $fetch(route, { responseType: 'json' })) as any;
-    const elementName = serverData.elementName;
-    const customTitle = serverData.title;
-
-    const icon = await useBitranElementIcon(elementName);
-
-    const productPhraseName = await (async () => {
-        const elementPhrase = await useBitranElementLanguage(elementName);
-        try {
-            return elementPhrase('_element_title');
-        } catch {
-            return elementName;
-        }
-    })();
-
-    let secondary = serverData.context
-        .filter((i) => !i.hidden)
-        .map((i) => i.title)
-        .join(' / ');
-    secondary += customTitle
-        ? (secondary ? ' • ' : '') + productPhraseName
-        : '';
-
-    const primary = customTitle || productPhraseName || elementName;
-
-    return {
-        type: PreviewDataType.Unique,
-        elementName: elementName,
-        title: customTitle || productPhraseName,
-        rawBitranContent: serverData.rawBitranContent as RawBitranContent,
-        footer: {
-            iconSvg: icon,
-            primary,
-            secondary,
-            href: linkTarget._href,
-        },
-    };
-}

package/app/scripts/preview/data.ts

@@ -1,24 +0,0 @@
-import type { PreviewDataAlert } from './data/alert';
-import type { PreviewDataCustom } from './data/custom';
-import type { PreviewDataGenericLink } from './data/genericLink';
-import type { PreviewDataPageLink } from './data/pageLink';
-import type { PreviewDataUnique } from './data/unique';
-
-export enum PreviewDataType {
-    Alert = 'alert',
-    Custom = 'custom',
-    GenericLink = 'generic-link',
-    PageLink = 'page-link',
-    Unique = 'unique',
-}
-
-export interface PreviewDataBase {
-    type: `${PreviewDataType}`;
-}
-
-export type PreviewData =
-    | PreviewDataAlert
-    | PreviewDataCustom
-    | PreviewDataGenericLink
-    | PreviewDataPageLink
-    | PreviewDataUnique;

package/app/scripts/preview/display.ts

@@ -1,37 +0,0 @@
-import type { Component } from 'vue';
-
-import { PreviewDataType, type PreviewData } from './data';
-
-import {
-    LazyPreviewDisplayAlert,
-    LazyPreviewDisplayCustom,
-    LazyPreviewDisplayGenericLink,
-    LazyPreviewDisplayPageLink,
-    LazyPreviewDisplayUnique,
-} from '#components';
-
-import { createPreviewError } from './data/alert';
-
-export interface PreviewDisplayProps<T extends PreviewData> {
-    data: T;
-}
-
-export function getPreviewDisplayComponent(data: PreviewData): Component {
-    switch (data.type) {
-        case PreviewDataType.Alert:
-            return LazyPreviewDisplayAlert;
-        case PreviewDataType.Custom:
-            return LazyPreviewDisplayCustom;
-        case PreviewDataType.GenericLink:
-            return LazyPreviewDisplayGenericLink;
-        case PreviewDataType.PageLink:
-            return LazyPreviewDisplayPageLink;
-        case PreviewDataType.Unique:
-            return LazyPreviewDisplayUnique;
-    }
-
-    throw createPreviewError({
-        message: `Unable to build preview data for request!`,
-        pre: JSON.stringify(data, null, 4),
-    });
-}

package/app/scripts/preview/footer.ts

@@ -1,9 +0,0 @@
-import type { MyIconName } from '#my-icons';
-
-export type PreviewFooter = Partial<{
-    iconName: MyIconName;
-    iconSvg: string;
-    secondary: string;
-    primary: string;
-    href: string;
-}>;