erudit 3.0.0-dev.4 → 3.0.0-dev.5

package/shared/bitran/link/Link.vue

@@ -1,167 +1,166 @@
-<script lang="ts" setup>
-import type { ElementProps } from '@bitran-js/renderer-vue';
-import { isContentType, isTopicPart } from 'erudit-cog/schema';
-
-import { CONTENT_TYPE_ICON, ICON, TOPIC_PART_ICON } from '@erudit/shared/icons';
-import type { LinkSchema } 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<ElementProps<LinkSchema>>();
-const { label } = node.parseData;
-const linkTarget = node.renderData;
-
-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 useBitranElementIcon(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: node.parseData,
-        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%);
-    }
-
-    .label {
-        font-weight: 450;
-    }
-}
-</style>
+<script lang="ts" setup>
+import type { ElementProps } from '@bitran-js/renderer-vue';
+import { isContentType, isTopicPart } from 'erudit-cog/schema';
+
+import { CONTENT_TYPE_ICON, ICON, TOPIC_PART_ICON } from '@erudit/shared/icons';
+import type { LinkSchema } 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<ElementProps<LinkSchema>>();
+const { label } = node.parseData;
+const linkTarget = node.renderData;
+
+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 useBitranElementIcon(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: node.parseData,
+        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;
+
+    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%);
+    }
+
+    .label {
+        font-weight: 450;
+    }
+}
+</style>

package/shared/bitran/link/factory.ts

@@ -1,24 +1,24 @@
-import {
-    RegexpInlinerParseFactory,
-    StringifyFactory,
-} from '@bitran-js/transpiler';
-
-import type { LinkNode, LinkSchema } from './shared';
-
-export class LinkParser extends RegexpInlinerParseFactory<LinkSchema> {
-    regexp = /\[(.+?)\]\((.+?)\)/gm;
-
-    override async parseDataFromRegexp(match: RegExpExecArray) {
-        return {
-            label: match[1]!,
-            target: match[2]!,
-        };
-    }
-}
-
-export class LinkStringifier extends StringifyFactory<LinkSchema> {
-    override async stringifyElement(elementNode: LinkNode): Promise<string> {
-        const parseData = elementNode.parseData;
-        return `[${parseData.label}](${parseData.target})`;
-    }
-}
+import {
+    RegexpInlinerParseFactory,
+    StringifyFactory,
+} from '@bitran-js/transpiler';
+
+import type { LinkSchema } from './shared';
+
+export class LinkParser extends RegexpInlinerParseFactory<LinkSchema> {
+    regexp = /\[(.+?)\]\((.+?)\)/gm;
+
+    override async parseDataFromRegexp(match: RegExpExecArray) {
+        return {
+            label: match[1]!,
+            target: match[2]!,
+        };
+    }
+}
+
+export class LinkStringifier extends StringifyFactory<LinkSchema> {
+    override async stringifyElement(): Promise<string> {
+        const { parseData } = this.payload();
+        return `[${parseData.label}](${parseData.target})`;
+    }
+}

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

@@ -1,7 +1,7 @@
-import { defineLanguage } from '@bitran-js/renderer-vue';
-
-const english = defineLanguage({
-    _element_title: 'Link',
-});
-
-export default english;
+import { defineLanguage } from '@bitran-js/renderer-vue';
+
+const english = defineLanguage({
+    _element_title: 'Link',
+});
+
+export default english;

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

@@ -1,7 +1,7 @@
-import { defineLanguage } from '@bitran-js/renderer-vue';
-
-const russian = defineLanguage({
-    _element_title: 'Ссылка',
-});
-
-export default russian;
+import { defineLanguage } from '@bitran-js/renderer-vue';
+
+const russian = defineLanguage({
+    _element_title: 'Ссылка',
+});
+
+export default russian;

package/shared/bitran/link/renderer.ts

@@ -1,21 +1,21 @@
-import {
-    defineElementVueRenderer,
-    defineComponent,
-    defineIcon,
-    defineLanguages,
-} from '@bitran-js/renderer-vue';
-
-import { LinkNode, type LinkSchema } from './shared';
-
-export const linkRenderer = defineElementVueRenderer<LinkSchema>({
-    Node: LinkNode,
-    component: defineComponent(() => import('./Link.vue')),
-    icon: defineIcon(() => import('./icon.svg?raw')),
-    languages: defineLanguages({
-        en: () => import('./languages/en'),
-        ru: () => import('./languages/ru'),
-    }),
-    createRenderData: async () => {
-        throw Error('Render data for Links must be built only on server side!');
-    },
-});
+import {
+    defineElementVueRenderer,
+    defineComponent,
+    defineIcon,
+    defineLanguages,
+} from '@bitran-js/renderer-vue';
+
+import { LinkNode, type LinkSchema } from './shared';
+
+export const linkRenderer = defineElementVueRenderer<LinkSchema>({
+    Node: LinkNode,
+    component: defineComponent(() => import('./Link.vue')),
+    icon: defineIcon(() => import('./icon.svg?raw')),
+    languages: defineLanguages({
+        en: () => import('./languages/en'),
+        ru: () => import('./languages/ru'),
+    }),
+    createRenderData: async () => {
+        throw Error('Render data for Links must be built only on server side!');
+    },
+});

package/shared/bitran/link/shared.ts

@@ -1,17 +1,17 @@
-import { InlinerNode, type DefineElementSchema } from '@bitran-js/core';
-
-import type { LinkTarget } from './target';
-
-export const linkName = 'link';
-
-export interface LinkParseData {
-    target: string;
-    label: string;
-}
-
-export type LinkSchema = DefineElementSchema<{
-    ParseData: LinkParseData;
-    RenderData: LinkTarget;
-}>;
-
-export class LinkNode extends InlinerNode<LinkSchema> {}
+import { InlinerNode, type DefineElementSchema } from '@bitran-js/core';
+
+import type { LinkTarget } from './target';
+
+export const linkName = 'link';
+
+export interface LinkParseData {
+    target: string;
+    label: string;
+}
+
+export type LinkSchema = DefineElementSchema<{
+    ParseData: LinkParseData;
+    RenderData: LinkTarget;
+}>;
+
+export class LinkNode extends InlinerNode<LinkSchema> {}