erudit 3.0.0-dev.3 → 3.0.0-dev.30

package/app/composables/contentData.ts

@@ -1,36 +0,0 @@
-import type { ContentData } from '@shared/content/data';
-
-export function useContentData<T extends ContentData>() {
-    const nuxtApp = useNuxtApp();
-    const contentRoute = useContentRoute();
-
-    const payloadKey = 'content-data';
-    const payload =
-        (nuxtApp.static.data[payloadKey] ||=
-        nuxtApp.payload.data[payloadKey] ||=
-            {});
-
-    const data = ref<T>();
-    let promise: Promise<typeof data> | undefined;
-
-    watchEffect(() => {
-        // @ts-ignore
-        promise = (async () => {
-            if (!contentRoute.value) {
-                data.value = undefined;
-                return;
-            }
-
-            const contentId = contentRoute.value.contentId;
-
-            const payloadValue = (payload[contentId] ||= await $fetch(
-                '/api/content/data',
-                { query: { contentId } },
-            ));
-            data.value = payloadValue as T;
-            return data;
-        })();
-    });
-
-    return promise as any as Promise<Ref<T>>;
-}

package/app/composables/contentPage.ts

@@ -1,156 +0,0 @@
-import eruditConfig from '#erudit/config';
-
-import { createOgImageTags, defaultOgImage } from '@app/scripts/og';
-import type { ContentData } from '@shared/content/data';
-
-export function useContentPage(contentData: Ref<ContentData>) {
-    const contentRoute = useContentRoute();
-    const siteUrl = useSiteUrl();
-    const favicon = useFavicon();
-
-    const phrasePromise = usePhrases(
-        'article',
-        'summary',
-        'practice',
-        'site_info_title',
-        'seo_article_description',
-        'seo_summary_description',
-        'seo_practice_description',
-    );
-
-    //
-    // Favicon
-    //
-
-    const contentFavicon = () => {
-        setTimeout(() => {
-            const newFavicon = (() => {
-                switch (contentRoute.value?.type) {
-                    case 'topic':
-                        const topicPart = contentRoute.value.topicPart;
-                        return (
-                            eruditConfig.site?.favicon?.[topicPart] ||
-                            eruditAsset(`favicon/${topicPart}.svg`)
-                        );
-                }
-
-                return defaultFavicon;
-            })();
-
-            favicon.value = newFavicon;
-        }, 500);
-    };
-
-    //
-    // SEO
-    //
-
-    let seoTitlePromise: Promise<void>, seoDescriptionPromise: Promise<void>;
-
-    const seo = {
-        title: ref<string>(),
-        description: ref<string>(),
-    };
-
-    const setupSeoTitle = () => {
-        seoTitlePromise = (async () => {
-            const phrase = await phrasePromise;
-
-            let title: string = '';
-            title +=
-                contentData.value.generic?.seo?.title ||
-                contentData.value.generic.title ||
-                contentData.value.generic.contentId.split('/').pop();
-
-            if (contentData.value.type !== 'book') {
-                const bookTitle = contentData.value?.bookTitle;
-                title += bookTitle ? ` | ${bookTitle}` : '';
-            }
-
-            if (contentRoute.value!.type === 'topic') {
-                const topicPart = contentRoute.value!.topicPart;
-
-                if (topicPart !== 'article') title += ` | ${phrase[topicPart]}`;
-            }
-
-            title +=
-                ' - ' + eruditConfig.seo?.title ||
-                eruditConfig.site?.title ||
-                phrase.site_info_title;
-
-            seo.title.value = title;
-        })();
-    };
-
-    const setupSeoDescription = () => {
-        seoDescriptionPromise = (async () => {
-            const phrase = await phrasePromise;
-            const customDescription =
-                contentData.value.generic?.seo?.description ||
-                contentData.value.generic?.description;
-
-            if (customDescription) {
-                seo.description.value = customDescription;
-                return;
-            }
-
-            if (contentRoute.value!.type === 'topic') {
-                const phraseFunc =
-                    phrase[`seo_${contentRoute.value!.topicPart}_description`];
-                seo.description.value = phraseFunc(
-                    contentData.value.generic?.seo?.title ||
-                        contentData.value.generic.title!,
-                );
-                return;
-            }
-
-            seo.description.value = '';
-        })();
-    };
-
-    useSeoMeta({
-        // @ts-ignore
-        title: seo.title,
-        ogTitle: seo.title,
-        description: seo.description,
-        ogDescription: seo.description,
-    });
-
-    const meta = computed(() => {
-        return [
-            ...createOgImageTags(siteUrl, defaultOgImage),
-            ...(contentData.value.generic?.ogImage
-                ? createOgImageTags(siteUrl, contentData.value.generic?.ogImage)
-                : []),
-        ];
-    });
-
-    useHead({
-        meta,
-    });
-
-    //
-    //
-    //
-
-    watchEffect(() => {
-        setupSeoTitle();
-        setupSeoDescription();
-    });
-
-    onMounted(() => {
-        watchEffect(() => {
-            contentFavicon();
-        });
-    });
-
-    onBeforeUnmount(() => {
-        favicon.value = defaultFavicon;
-    });
-
-    //
-    //
-    //
-
-    return Promise.all([seoTitlePromise!, seoDescriptionPromise!]);
-}

package/app/composables/contentRoute.ts

@@ -1,45 +0,0 @@
-import type { ContentType, TopicPart } from 'erudit-cog/schema';
-
-interface ContentRouteBase {
-    type: ContentType;
-    contentId: string;
-}
-
-interface TopicRoute extends ContentRouteBase {
-    type: 'topic';
-    topicPart: TopicPart;
-}
-
-interface ContentRoute extends ContentRouteBase {
-    type: Exclude<ContentType, 'topic'>;
-}
-
-export function useContentRoute(): ComputedRef<
-    TopicRoute | ContentRoute | undefined
-> {
-    const route = useRoute();
-    return computed(() => {
-        const match = route.path.match(/\/(.+?)\/(.+)/);
-
-        if (!match || !match[1] || !match[2]) return undefined;
-
-        switch (match[1]) {
-            case 'article':
-            case 'summary':
-            case 'practice':
-                return <TopicRoute>{
-                    type: 'topic',
-                    contentId: match[2],
-                    topicPart: match[1],
-                };
-            case 'group':
-            case 'book':
-                return <ContentRoute>{
-                    type: match[1],
-                    contentId: match[2],
-                };
-        }
-
-        return undefined;
-    });
-}

package/app/composables/darkMagic.ts

@@ -1,24 +0,0 @@
-declare let Ya: any;
-
-const getElementId = (bannerId: string) => {
-    return `DarkMagic_${bannerId}`;
-};
-
-const registerBanner = (bannerId: string) => {
-    const { binaryTheme } = useTheme();
-
-    (window['yaContextCb'] ||= []).push(() => {
-        Ya.Context.AdvManager.render({
-            renderTo: getElementId(bannerId),
-            blockId: bannerId,
-            darkTheme: binaryTheme.value === 'dark',
-        });
-    });
-};
-
-export function useDarkMagic() {
-    return {
-        getElementId,
-        registerBanner,
-    };
-}

package/app/composables/externalApi.ts

@@ -1,63 +0,0 @@
-import type { EruditConfigDebug } from 'erudit-cog/schema';
-
-import eruditConfig from '#erudit/config';
-
-function useFakeUrl(
-    fakeApiTarget: keyof EruditConfigDebug['fakeApi'],
-): boolean {
-    return eruditConfig.debug?.fakeApi?.[fakeApiTarget] ?? import.meta.dev;
-}
-
-function getPayload() {
-    const nuxt = useNuxtApp();
-    const payloadKey = 'external-api';
-    const payload =
-        (nuxt.static.data[payloadKey] ||=
-        nuxt.payload.data[payloadKey] ||=
-            {});
-
-    return payload;
-}
-
-export async function useExternalApiLanguages() {
-    const sharedUrl = eruditConfig.repository?.sharedUrl;
-    if (!sharedUrl) return {};
-
-    const payload = getPayload();
-    const fake = useFakeUrl('languages');
-
-    if (fake) {
-        payload.languages ||= await $fetch('/api/fake/shared/languages');
-    } else {
-        payload.languages ||= await $fetch(
-            `https://api.github.com/repos/${sharedUrl}/contents/languages.json`,
-            {
-                headers: { Accept: 'application/vnd.github.v3.raw' },
-                responseType: 'json',
-                //transform: (response: string) => JSON.parse(response),
-            },
-        );
-    }
-
-    return payload.languages;
-}
-
-export async function useExternalApiRepository() {
-    const repositoryName = eruditConfig.repository?.name;
-    const repositoryBranch = eruditConfig.repository?.branch;
-
-    if (!repositoryName || !repositoryBranch) return undefined;
-
-    const payload = getPayload();
-    const fake = useFakeUrl('repository');
-
-    if (fake) {
-        payload.repository ||= await $fetch('/api/fake/content');
-    } else {
-        payload.repository ||= await $fetch(
-            `https://api.github.com/repos/${repositoryName}/branches/${repositoryBranch}`,
-        );
-    }
-
-    return payload.repository;
-}

package/app/composables/majorPane.ts

@@ -1,60 +0,0 @@
-import type { Component } from 'vue';
-
-import type { MyIconName } from '#my-icons';
-
-import Nav from '@app/components/aside/major/panes/nav/Nav.vue';
-import Pages from '@app/components/aside/major/panes/Pages.vue';
-import Search from '@app/components/aside/major/panes/Search.vue';
-import Language from '@app/components/aside/major/panes/Language.vue';
-import Other from '@app/components/aside/major/panes/other/Other.vue';
-
-interface MajorPane {
-    icon: MyIconName;
-    phrase: EruditPhraseId;
-    content: Component;
-}
-
-function definePane<TPane extends MajorPane>(pane: TPane) {
-    return pane;
-}
-
-export const majorPanes = {
-    index: definePane({ icon: 'book', phrase: 'index', content: Nav }),
-    pages: definePane({ icon: 'file-lines', phrase: 'pages', content: Pages }),
-    search: definePane({ icon: 'search', phrase: 'search', content: Search }),
-    language: definePane({
-        icon: 'globe',
-        phrase: 'language',
-        content: Language,
-    }),
-    other: definePane({
-        icon: 'ellipsis-vertical',
-        phrase: 'other',
-        content: Other,
-    }),
-};
-
-function getPaneOrder(paneKey: MajorPaneKey) {
-    return Object.keys(majorPanes).indexOf(paneKey);
-}
-
-export type MajorPaneKey = keyof typeof majorPanes;
-
-export function useMajorPane() {
-    const route = useRoute();
-
-    const activePane = useState<MajorPaneKey>('major-pane', () => {
-        switch (route.path) {
-            case '/members':
-                return 'pages';
-            default:
-                return 'index';
-        }
-    });
-
-    return {
-        panes: majorPanes,
-        activePane,
-        getPaneOrder,
-    };
-}

package/app/pages/_test/preview.vue

@@ -1,110 +0,0 @@
-<script lang="ts" setup>
-import { PreviewDataType } from '@app/scripts/preview/data';
-import { createPreviewError } from '@app/scripts/preview/data/alert';
-import { PreviewRequestType } from '@app/scripts/preview/request';
-import {
-    PreviewThemeName,
-    showPreview,
-    togglePreview,
-} from '@app/scripts/preview/state';
-
-function showCustom() {
-    showPreview({
-        type: PreviewRequestType.Data,
-        data: {
-            type: PreviewDataType.Custom,
-            message: 'This is custom message for preview!',
-            footer: {
-                //iconName: 'arrow-left',
-                iconSvg:
-                    '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.42436 0H9.57565L14.995 16H11.8276L10.8115 13H5.18855L4.17242 16H1.005L6.42436 0ZM6.20468 10H9.79533L8 4.69952L6.20468 10Z"></path> </g></svg>',
-                secondary: 'Secondary raw text',
-                primary: 'Primary raw text',
-                href: 'https://google.com',
-            },
-        },
-    });
-}
-
-function showAlert(theme: PreviewThemeName) {
-    showPreview({
-        type: PreviewRequestType.Data,
-        data: createPreviewError({
-            theme,
-            message: 'This is message!',
-            title: 'Custom Title',
-            pre: JSON.stringify(
-                {
-                    foo: 1337,
-                    bar: 'Some text',
-                },
-                null,
-                4,
-            ),
-        }),
-    });
-}
-</script>
-
-<template>
-    <button @click="() => togglePreview()">Toggle Preview</button>
-    <div>
-        Show:
-        <br />
-        <button :class="$style.button" @click="showCustom">Custom</button>
-        <br />
-        <button
-            :class="$style.button"
-            v-for="theme in PreviewThemeName"
-            @click="() => showAlert(theme)"
-        >
-            Alert {{ theme }}
-        </button>
-        <br />
-        <button
-            :class="$style.button"
-            @click="
-                showPreview({
-                    type: PreviewRequestType.MissingElement,
-                    elementId: 'foo-id',
-                })
-            "
-        >
-            Missing element
-        </button>
-        <button
-            :class="$style.button"
-            @click="
-                showPreview({
-                    type: PreviewRequestType.MissingElement,
-                    elementId: 'foo-id',
-                    hashMismatch: { current: 'bar', expected: 'baz' },
-                })
-            "
-        >
-            Missing element + hash mismatch
-        </button>
-        <br />
-        <button
-            :class="$style.button"
-            @click="
-                showPreview({
-                    type: PreviewRequestType.HashMismatch,
-                    currentHash: 'foo',
-                    expectedHash: 'bar',
-                })
-            "
-        >
-            Hash mismatch
-        </button>
-    </div>
-</template>
-
-<style lang="scss" module>
-.button {
-    border: 2px solid var(--border);
-    border-radius: 3px;
-    padding: 3px;
-    margin: 3px;
-}
-</style>

package/app/pages/members.vue

@@ -1,6 +0,0 @@
-<script lang="ts" setup></script>
-
-<template>
-    <p>Members</p>
-    <NuxtLink to="/practice/topic-b">Погнали епты!</NuxtLink>
-</template>

package/app/pages/practice/[...practice].vue

@@ -1,3 +0,0 @@
-<template>
-    <MainTopic />
-</template>

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="74.98" y1="423.02" x2="437.02" y2="60.98" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#6fa552"/>
-      <stop offset="1" stop-color="#4475bc"/>
-    </linearGradient>
-  </defs>
-  <circle cx="256" cy="256" r="256" fill="url(#gradient)"/>
-  <path d="M124.13,354.9c-4.67,0-8.59-1.58-11.74-4.74-3.16-3.16-4.74-7.07-4.74-11.74s1.58-8.59,4.74-11.74c3.16-3.16,7.07-4.74,11.74-4.74h164.84c4.67,0,8.59,1.58,11.74,4.74,3.16,3.16,4.74,7.07,4.74,11.74s-1.58,8.59-4.74,11.74c-3.16,3.16-7.07,4.74-11.74,4.74H124.13ZM124.13,272.48c-4.67,0-8.59-1.58-11.74-4.74-3.16-3.16-4.74-7.07-4.74-11.74s1.58-8.59,4.74-11.74c3.16-3.16,7.07-4.74,11.74-4.74h263.74c4.67,0,8.59,1.58,11.74,4.74,3.16,3.16,4.74,7.07,4.74,11.74s-1.58,8.59-4.74,11.74c-3.16,3.16-7.07,4.74-11.74,4.74H124.13ZM124.13,190.07c-4.67,0-8.59-1.58-11.74-4.74-3.16-3.16-4.74-7.07-4.74-11.74s1.58-8.59,4.74-11.74c3.16-3.16,7.07-4.74,11.74-4.74h263.74c4.67,0,8.59,1.58,11.74,4.74,3.16,3.16,4.74,7.07,4.74,11.74s-1.58,8.59-4.74,11.74c-3.16,3.16-7.07,4.74-11.74,4.74H124.13Z" fill="#fff"/>
-</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="#6fa552"/>
-      <stop offset="1" stop-color="#4475bc"/>
-    </linearGradient>
-  </defs>
-  <circle fill="url(#gradient)" class="cls-2" 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="#6fa552"/>
-      <stop offset="1" stop-color="#4475bc"/>
-    </linearGradient>
-  </defs>
-  <circle cx="256" cy="256" r="256" fill="url(#gradient)"/>
-  <path 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" fill="#fff"/>
-</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="#6fa552"/>
-      <stop offset="1" stop-color="#4475bc"/>
-    </linearGradient>
-  </defs>
-  <circle cx="256" cy="256" r="256" fill="url(#gradient)"/>
-  <path 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" fill="#fff"/>
-</svg>

package/app/public/user.svg

@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
-  <defs>
-    <linearGradient id="gradient" x1="0" y1="500" x2="500" y2="0" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#bcbcbc"/>
-      <stop offset="1" stop-color="#e6e6e6"/>
-    </linearGradient>
-  </defs>
-  <rect width="500" height="500" fill="url(#gradient)"/>
-  <path d="M250,224c-20.62,0-38.28-7.34-52.97-22.03-14.69-14.69-22.03-32.34-22.03-52.97s7.34-38.28,22.03-52.97,32.34-22.03,52.97-22.03,38.28,7.34,52.97,22.03,22.03,32.34,22.03,52.97-7.34,38.28-22.03,52.97c-14.69,14.69-32.34,22.03-52.97,22.03ZM100,374v-52.5c0-10.62,2.73-20.39,8.2-29.3,5.47-8.91,12.73-15.7,21.8-20.39,19.38-9.69,39.06-16.95,59.06-21.8,20-4.84,40.31-7.27,60.94-7.27s40.94,2.42,60.94,7.27c20,4.84,39.69,12.11,59.06,21.8,9.06,4.69,16.33,11.48,21.8,20.39,5.47,8.91,8.2,18.67,8.2,29.3v52.5H100ZM137.5,336.5h225v-15c0-3.44-.86-6.56-2.58-9.37-1.72-2.81-3.98-5-6.8-6.56-16.87-8.44-33.91-14.77-51.09-18.98-17.19-4.22-34.53-6.33-52.03-6.33s-34.84,2.11-52.03,6.33c-17.19,4.22-34.22,10.55-51.09,18.98-2.81,1.56-5.08,3.75-6.8,6.56s-2.58,5.94-2.58,9.37v15ZM250,186.5c10.31,0,19.14-3.67,26.48-11.02,7.34-7.34,11.02-16.17,11.02-26.48s-3.67-19.14-11.02-26.48c-7.34-7.34-16.17-11.02-26.48-11.02s-19.14,3.67-26.48,11.02c-7.34,7.34-11.02,16.17-11.02,26.48s3.67,19.14,11.02,26.48c7.34,7.34,16.17,11.02,26.48,11.02Z" fill="#666"/>
-</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>>;