erudit 2.0.0-dev.7

package/shared/bitran/products/include/render/Include.vue

@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+import { Render, useParseData, type ProductProps } from 'bitran/render';
+
+import type { IncludeType } from '../shared';
+
+const { node } = defineProps<ProductProps<IncludeType>>();
+const { blocks } = useParseData(node);
+</script>
+
+<template>
+    <Render v-if="blocks" v-for="node of blocks.children" :node />
+    <div v-else>Блоков нема</div>
+</template>

package/shared/bitran/products/include/render/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24">
+    <path d="M0,13.3l8-8,1.9,1.9-4.8,4.8h12.9c.9,0,1.7-.3,2.4-1,.6-.6,1-1.4,1-2.4s-.3-1.7-1-2.4-1.4-1-2.4-1h-.7v-2.7h.7c1.7,0,3.1.6,4.2,1.7s1.7,2.6,1.7,4.2-.6,3.1-1.7,4.2-2.6,1.7-4.2,1.7H5.1s4.8,4.8,4.8,4.8l-1.9,1.9L0,13.3Z"/>
+</svg>

package/shared/bitran/products/include/render/index.ts

@@ -0,0 +1,18 @@
+import {
+    defineIcon,
+    defineLanguages,
+    defineProductComponent,
+    defineProductRender,
+    RenderMode,
+} from 'bitran/render';
+
+export const include = defineProductRender({
+    mode: RenderMode.Server,
+    component: defineProductComponent(() => import('./Include.vue')),
+    icon: defineIcon(() => import('./icon.svg?raw')),
+    customLayout: true,
+    languages: defineLanguages({
+        en: () => import('./languages/en'),
+        ru: () => import('./languages/ru'),
+    }),
+});

package/shared/bitran/products/include/render/languages/en.ts

@@ -0,0 +1,5 @@
+import { defineLanguage } from 'bitran/render';
+
+export default defineLanguage({
+    _name: 'Include',
+});

package/shared/bitran/products/include/render/languages/ru.ts

@@ -0,0 +1,5 @@
+import { defineLanguage } from 'bitran/render';
+
+export default defineLanguage({
+    _name: 'Вставка',
+});

package/shared/bitran/products/include/shared.ts

@@ -0,0 +1,15 @@
+import type { DefineProductType } from 'bitran';
+import type { BlocksNode } from 'bitran/default';
+
+export interface IncludeData {
+    location: string;
+    resolved?: boolean;
+    blocks?: BlocksNode;
+    error?: any;
+}
+
+export type IncludeType = DefineProductType<{
+    ParseData: IncludeData;
+}>;
+
+export const includeName = '__include';

package/shared/bitran/products/link/core/factory.ts

@@ -0,0 +1,20 @@
+import { ProductStrFactory, RegexpInlinerParseFactory } from 'bitran/process';
+
+import type { LinkData, LinkType } from '../shared';
+
+export class LinkParser extends RegexpInlinerParseFactory<LinkType> {
+    regexp = /\[(.+?)\]\((.+?)\)/gm;
+
+    async parseDataFromRegexp(match: RegExpExecArray) {
+        return {
+            label: match[1]!,
+            target: match[2]!,
+        };
+    }
+}
+
+export class LinkStr extends ProductStrFactory<LinkType> {
+    stringifyData(parseData: LinkData) {
+        return `[${parseData.label}](${parseData.target})`;
+    }
+}

package/shared/bitran/products/link/core/index.ts

@@ -0,0 +1,17 @@
+import { InlinerNode } from 'bitran/dom';
+import { defineProductCore } from 'bitran/core';
+
+import type { LinkType } from '../shared';
+import { LinkParser, LinkStr } from './factory';
+
+export class LinkNode extends InlinerNode<LinkType> {}
+
+export const link = defineProductCore<LinkType>({
+    Node: LinkNode,
+    Parser: LinkParser,
+    Stringifier: LinkStr,
+    renderDataSide: 'pre',
+    buildRenderData: async () => {
+        throw Error('Cache for Links must be built only on server!');
+    },
+});

package/shared/bitran/products/link/render/Link.vue

@@ -0,0 +1,174 @@
+<script lang="ts" setup>
+import { useParseData, useRenderData, type ProductProps } from 'bitran/render';
+import { isContentType, isTopicPart } from 'erudit-cog/schema';
+
+import { CONTENT_TYPE_ICON, ICON, TOPIC_PART_ICON } from '@erudit/shared/icons';
+import type { LinkType } from '../shared';
+import { MyIcon, MyRuntimeIcon } from '#components';
+import { showPreview, togglePreview } from '@erudit/app/scripts/preview/state';
+import { PreviewRequestType } from '@erudit/app/scripts/preview/request';
+import { encodeBitranLocation } from '@erudit/shared/bitran/location';
+
+const { node } = defineProps<ProductProps<LinkType>>();
+const { label } = useParseData(node);
+const linkTarget = useRenderData(node);
+
+const baseUrlPath = useBaseUrlPath();
+const formatText = useFormatText();
+
+const Icon = await (async () => {
+    const type = linkTarget.type;
+
+    if (type === 'unique') {
+        return h(MyRuntimeIcon, {
+            name: 'link-icon',
+            svg: await useBitranProductIcon(linkTarget._productName!),
+        });
+    } else if (type === 'absolute') {
+        return h(MyIcon, { name: 'link' });
+    } else if (type === 'external') {
+        return h(MyIcon, { name: 'link-external' });
+    } else if (type === 'page') {
+        const pageType = linkTarget.pageType;
+
+        if (isTopicPart(pageType))
+            return h(MyIcon, { name: TOPIC_PART_ICON[pageType] });
+        if (isContentType(pageType))
+            return h(MyIcon, { name: CONTENT_TYPE_ICON[pageType] });
+
+        switch (pageType) {
+            case 'contributor':
+                return h(MyIcon, { name: ICON.contributor });
+        }
+
+        return h(MyIcon, { name: 'link' });
+    }
+})();
+
+const href = (() => {
+    switch (linkTarget.type) {
+        case 'absolute':
+        case 'external':
+            return linkTarget.href;
+        case 'page':
+        case 'unique':
+            return linkTarget._href!;
+    }
+})();
+
+// Prerendering data for previews to work after site build
+switch (linkTarget.type) {
+    case 'page':
+        prerenderRoutes(`/api/preview/page${linkTarget._href}`);
+        break;
+    case 'unique':
+        prerenderRoutes(
+            `/api/preview/unique/${encodeBitranLocation(linkTarget._absoluteStrLocation!)}`,
+        );
+        break;
+}
+
+const doubleClick = {
+    timeout: null as any,
+    startTimeout() {
+        this.timeout = setTimeout(() => {
+            this.reset();
+        }, 400);
+    },
+    reset() {
+        clearTimeout(this.timeout);
+        this.timeout = null;
+    },
+};
+
+function linkClick(e: Event) {
+    // Direct link traversal is disabled, use double click instead!
+
+    e.stopPropagation();
+    e.preventDefault();
+
+    if (doubleClick.timeout) {
+        doubleClick.reset();
+        togglePreview(false);
+        window.open(baseUrlPath(href), '_blank');
+        return false;
+    }
+
+    showPreview({
+        type: PreviewRequestType.Link,
+        linkData: useParseData(node),
+        linkTarget,
+    });
+
+    doubleClick.startTimeout();
+
+    return false;
+}
+</script>
+
+<template>
+    <a
+        :href="baseUrlPath(href)"
+        :class="$style.link"
+        @click="linkClick"
+        :external="true"
+    >
+        <Icon :class="$style.icon" wrapper="span" />
+        <span :class="$style.label">{{ formatText(label) }}</span>
+    </a>
+</template>
+
+<style lang="scss" module>
+.link {
+    --linkColor: var(--brand); //light-dark(#3e66a1, #77a0db);
+
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+
+    position: relative;
+    top: 1px;
+
+    padding: 0 3px;
+    margin: 0 -2px;
+
+    color: var(--linkColor);
+    text-decoration-thickness: 2px;
+    text-decoration-style: solid;
+    text-decoration-color: color-mix(
+        in srgb,
+        var(--linkColor),
+        transparent 75%
+    );
+
+    border-radius: 5px;
+
+    @include transition(background);
+
+    &:hover,
+    &:active {
+        background: color-mix(in srgb, var(--linkColor), transparent 87.5%);
+    }
+
+    .icon {
+        flex-shrink: 0;
+        position: relative;
+        top: 1px;
+        font-size: 0.86em;
+
+        text-decoration: none;
+        color: color-mix(in srgb, var(--linkColor), transparent 10%);
+
+        // &,
+        // & svg {
+        //     width: #{$iconSize};
+        //     height: #{$iconSize};
+        //     fill: currentColor;
+        // }
+    }
+
+    .label {
+        font-weight: 450;
+    }
+}
+</style>

package/shared/bitran/products/link/render/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
+    <path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z" />
+</svg>

package/shared/bitran/products/link/render/index.ts

@@ -0,0 +1,17 @@
+import {
+    defineIcon,
+    defineLanguages,
+    defineProductComponent,
+    defineProductRender,
+    RenderMode,
+} from 'bitran/render';
+
+export const link = defineProductRender({
+    mode: RenderMode.Server,
+    component: defineProductComponent(() => import('./Link.vue')),
+    icon: defineIcon(() => import('./icon.svg?raw')),
+    languages: defineLanguages({
+        en: () => import('./languages/en'),
+        ru: () => import('./languages/ru'),
+    }),
+});

package/shared/bitran/products/link/render/languages/en.ts

@@ -0,0 +1,5 @@
+import { defineLanguage } from 'bitran/render';
+
+export default defineLanguage({
+    _name: 'Link',
+});

package/shared/bitran/products/link/render/languages/ru.ts

@@ -0,0 +1,5 @@
+import { defineLanguage } from 'bitran/render';
+
+export default defineLanguage({
+    _name: 'Ссылка',
+});

package/shared/bitran/products/link/shared.ts

@@ -0,0 +1,15 @@
+import type { DefineProductType } from 'bitran';
+
+import type { LinkTarget } from './target';
+
+export interface LinkData {
+    target: string;
+    label: string;
+}
+
+export type LinkType = DefineProductType<{
+    ParseData: LinkData;
+    RenderData: LinkTarget;
+}>;
+
+export const linkName = '__link';

package/shared/bitran/products/link/target.ts

@@ -0,0 +1,134 @@
+import { isTopicPart } from 'erudit-cog/schema';
+
+import type { BitranContext } from '@shared/bitran/context';
+import { tryReplaceAlias } from '@shared/bitran/alias';
+import {
+    bitranLocationTypes,
+    parsePartialBitranLocation,
+    stringifyBitranLocation,
+} from '@shared/bitran/location';
+
+export type LinkTargetType = 'unique' | 'page' | 'absolute' | 'external';
+
+interface LinkTargetBase {
+    type: LinkTargetType;
+}
+
+export interface UniqueLinkTarget extends LinkTargetBase {
+    type: 'unique';
+    strlocation: string;
+    _productName?: string;
+    _absoluteStrLocation?: string;
+    _href?: string;
+}
+
+export const linkTargetPageTypes = {
+    ...bitranLocationTypes,
+    // Custom page types, that does not have Bitran content
+    book: true,
+};
+
+export type LinkTargetPageType = keyof typeof linkTargetPageTypes;
+
+export function isLinkTargetPageType(
+    pageType: any,
+): pageType is LinkTargetPageType {
+    return pageType in linkTargetPageTypes;
+}
+
+function pageTypeRequiresPath(type: LinkTargetPageType) {
+    return linkTargetPageTypes[type];
+}
+
+export interface PageLinkTarget extends LinkTargetBase {
+    type: 'page';
+    pageType: LinkTargetPageType;
+    path?: string;
+    _href?: string;
+}
+
+export interface AbsoluteLinkTarget extends LinkTargetBase {
+    type: 'absolute';
+    href: string;
+}
+
+export interface ExternalLinkTarget extends LinkTargetBase {
+    type: 'external';
+    href: string;
+}
+
+export type LinkTarget =
+    | UniqueLinkTarget
+    | PageLinkTarget
+    | AbsoluteLinkTarget
+    | ExternalLinkTarget;
+
+export function createLinkTarget(
+    target: string,
+    context: BitranContext,
+): LinkTarget {
+    target = tryReplaceAlias(target, context.aliases);
+
+    if (target.startsWith('/'))
+        return {
+            type: 'absolute',
+            href: target,
+        };
+
+    try {
+        new URL(target);
+        return {
+            type: 'external',
+            href: target,
+        };
+    } catch {}
+
+    if (target.startsWith('page|')) {
+        let [, pageType, path] = target.split('|');
+
+        if (!isLinkTargetPageType(pageType))
+            throw new Error(
+                `Unknown page type "${pageType}" in link "${target}"!`,
+            );
+
+        if (!path) {
+            if (isTopicPart(pageType)) {
+                if (!isTopicPart(context.location.type))
+                    throw new Error(
+                        `Page link "${target}" is referencing topic part "${pageType}" without path in non-topic context!`,
+                    );
+
+                path = context.location.path;
+            } else {
+                if (pageTypeRequiresPath(pageType))
+                    throw new Error(
+                        `Page link "${target}" does not have a path!`,
+                    );
+            }
+        }
+
+        return {
+            type: 'page',
+            pageType,
+            path,
+        };
+    }
+
+    const location = parsePartialBitranLocation(target, context.location);
+
+    if (
+        !location.unique &&
+        isLinkTargetPageType(location.type) &&
+        !isTopicPart(location.type)
+    )
+        return {
+            type: 'page',
+            pageType: location.type,
+            path: location.path,
+        };
+
+    return {
+        type: 'unique',
+        strlocation: stringifyBitranLocation(location),
+    };
+}

package/shared/bitran/toc.ts

@@ -0,0 +1,8 @@
+export interface TocItem {
+    id: string;
+    level: number;
+    productName: string;
+    title?: string;
+}
+
+export type Toc = TocItem[];

package/shared/content/context.ts

@@ -0,0 +1,9 @@
+export interface ContextItem {
+    type: string;
+    icon: string;
+    title: string;
+    href: string;
+    hidden: boolean;
+}
+
+export type Context = ContextItem[];

package/shared/content/data/base.ts

@@ -0,0 +1,32 @@
+import type {
+    ContentFlag,
+    ContentReferences,
+    ContentSeo,
+    ContentType,
+    TopicPart,
+} from 'erudit-cog/schema';
+
+import type { Context } from '@shared/content/context';
+import type { PreviousNext } from '@shared/content/previousNext';
+import type { ImageData } from '@shared/image';
+
+export interface ContentGenericData {
+    contentId: string;
+    title?: string;
+    description?: string;
+    decoration?: string;
+    type: ContentType;
+    context: Context;
+    flags: Record<ContentFlag, boolean>;
+    topicPart?: TopicPart;
+    seo?: Partial<ContentSeo>;
+    ogImage?: ImageData;
+    previousNext: PreviousNext;
+    dependencies?: Record<string, string>;
+    references?: ContentReferences;
+}
+
+export interface ContentBaseData {
+    type: ContentType;
+    generic: ContentGenericData;
+}

package/shared/content/data/index.ts

@@ -0,0 +1,5 @@
+import type { ContentTopicData } from './type/topic';
+import type { ContentGroupData } from './type/group';
+import type { ContentBookData } from './type/book';
+
+export type ContentData = ContentTopicData | ContentGroupData | ContentBookData;

package/shared/content/data/type/book.ts

@@ -0,0 +1,5 @@
+import type { ContentBaseData } from '../base';
+
+export interface ContentBookData extends ContentBaseData {
+    type: 'book';
+}

package/shared/content/data/type/group.ts

@@ -0,0 +1,6 @@
+import type { ContentBaseData } from '../base';
+
+export interface ContentGroupData extends ContentBaseData {
+    type: 'group';
+    bookTitle?: string;
+}

package/shared/content/data/type/topic.ts

@@ -0,0 +1,11 @@
+import type { TopicPart } from 'erudit-cog/schema';
+
+import type { ContentBaseData } from '../base';
+
+export type TopicPartLinks = Partial<Record<TopicPart, string>>;
+
+export interface ContentTopicData extends ContentBaseData {
+    type: 'topic';
+    topicPartLinks: TopicPartLinks;
+    bookTitle?: string;
+}

package/shared/content/previousNext.ts

@@ -0,0 +1,9 @@
+export interface PreviousNext {
+    next?: PreviousNextItem;
+    previous?: PreviousNextItem;
+}
+
+export interface PreviousNextItem {
+    title: string;
+    link: string;
+}

package/shared/contributor.ts

@@ -0,0 +1,5 @@
+export interface ContentContributor {
+    contributorId: string;
+    displayName?: string;
+    avatar?: string;
+}

package/shared/frontNav.ts

@@ -0,0 +1,41 @@
+import type { ContentFlag, TopicPart } from 'erudit-cog/schema';
+
+export type FrontNavType = 'book' | 'topic' | 'separator' | 'folder';
+
+export interface FrontNavBase {
+    type: FrontNavType;
+    id: string;
+    fullId: string;
+    label: string;
+    level: number;
+    flags?: Record<ContentFlag, boolean>;
+}
+
+export interface FrontNavTopic extends FrontNavBase {
+    type: 'topic';
+    part: TopicPart;
+}
+
+export interface FrontNavContainer extends FrontNavBase {
+    children?: FrontNavItem[];
+}
+
+export interface FrontNavBook extends FrontNavContainer {
+    type: 'book';
+}
+
+export interface FrontNavSeparator extends FrontNavContainer {
+    type: 'separator';
+}
+
+export interface FrontNavFolder extends FrontNavContainer {
+    type: 'folder';
+}
+
+export type FrontNavItem =
+    | FrontNavTopic
+    | FrontNavBook
+    | FrontNavSeparator
+    | FrontNavFolder;
+
+export type FrontNav = FrontNavItem[];

package/shared/icons.ts

@@ -0,0 +1,38 @@
+import {
+    isContentType,
+    isTopicPart,
+    type ContentType,
+    type TopicPart,
+} from 'erudit-cog/schema';
+
+import type { MyIconName } from '#my-icons';
+import type { BitranLocation } from './bitran/location';
+
+export const TOPIC_PART_ICON = {
+    article: 'outline/file-lines',
+    summary: 'file-star',
+    practice: 'file-check',
+} satisfies Record<TopicPart, MyIconName>;
+
+export const CONTENT_TYPE_ICON = {
+    book: 'outline/book',
+    group: 'folder',
+    topic: 'outline/file-lines',
+} satisfies Record<ContentType, MyIconName>;
+
+export const ICON = {
+    contributor: 'user',
+} satisfies Record<string, MyIconName>;
+
+export function locationIcon(location: BitranLocation): MyIconName {
+    if (isTopicPart(location.type)) return TOPIC_PART_ICON[location.type];
+
+    if (isContentType(location.type)) return CONTENT_TYPE_ICON[location.type];
+
+    switch (location.type) {
+        case 'contributor':
+            return ICON['contributor'];
+    }
+
+    return '__missing';
+}

package/shared/image.ts

@@ -0,0 +1,5 @@
+export interface ImageData {
+    src: string;
+    width: number;
+    height: number;
+}