@erudit-js/prose 3.0.0-dev.25

package/dist/elements/diagram/core.d.ts

@@ -0,0 +1,194 @@
+import { type TagChildren } from '@jsprose/core';
+export declare const diagramSchema: {
+    name: "diagram";
+    type: "block";
+    linkable: true;
+    Data: undefined;
+    Storage: undefined;
+    Children: [{
+        name: "text";
+        type: "inliner";
+        linkable: false;
+        Data: string;
+        Storage: undefined;
+        Children: undefined;
+    }] | [{
+        name: "text";
+        type: "inliner";
+        linkable: false;
+        Data: string;
+        Storage: undefined;
+        Children: undefined;
+    }, {
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }];
+};
+export declare const Diagram: import("@jsprose/core").Tag<"Diagram", {
+    name: "diagram";
+    type: "block";
+    linkable: true;
+    Data: undefined;
+    Storage: undefined;
+    Children: [{
+        name: "text";
+        type: "inliner";
+        linkable: false;
+        Data: string;
+        Storage: undefined;
+        Children: undefined;
+    }] | [{
+        name: "text";
+        type: "inliner";
+        linkable: false;
+        Data: string;
+        Storage: undefined;
+        Children: undefined;
+    }, {
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }];
+}, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+export declare const diagramRegistryItem: import("@jsprose/core").RegistryItem<{
+    name: "diagram";
+    type: "block";
+    linkable: true;
+    Data: undefined;
+    Storage: undefined;
+    Children: [{
+        name: "text";
+        type: "inliner";
+        linkable: false;
+        Data: string;
+        Storage: undefined;
+        Children: undefined;
+    }] | [{
+        name: "text";
+        type: "inliner";
+        linkable: false;
+        Data: string;
+        Storage: undefined;
+        Children: undefined;
+    }, {
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }];
+}, {
+    Diagram: import("@jsprose/core").Tag<"Diagram", {
+        name: "diagram";
+        type: "block";
+        linkable: true;
+        Data: undefined;
+        Storage: undefined;
+        Children: [{
+            name: "text";
+            type: "inliner";
+            linkable: false;
+            Data: string;
+            Storage: undefined;
+            Children: undefined;
+        }] | [{
+            name: "text";
+            type: "inliner";
+            linkable: false;
+            Data: string;
+            Storage: undefined;
+            Children: undefined;
+        }, {
+            name: "caption";
+            type: "inliner";
+            linkable: false;
+            Data: import("../caption/core.js").CaptionData | undefined;
+            Storage: undefined;
+            Children: import("@jsprose/core").InlinerSchema[];
+        }];
+    }, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}, undefined>;
+declare const _default: {
+    registryItem: import("@jsprose/core").RegistryItem<{
+        name: "diagram";
+        type: "block";
+        linkable: true;
+        Data: undefined;
+        Storage: undefined;
+        Children: [{
+            name: "text";
+            type: "inliner";
+            linkable: false;
+            Data: string;
+            Storage: undefined;
+            Children: undefined;
+        }] | [{
+            name: "text";
+            type: "inliner";
+            linkable: false;
+            Data: string;
+            Storage: undefined;
+            Children: undefined;
+        }, {
+            name: "caption";
+            type: "inliner";
+            linkable: false;
+            Data: import("../caption/core.js").CaptionData | undefined;
+            Storage: undefined;
+            Children: import("@jsprose/core").InlinerSchema[];
+        }];
+    }, {
+        Diagram: import("@jsprose/core").Tag<"Diagram", {
+            name: "diagram";
+            type: "block";
+            linkable: true;
+            Data: undefined;
+            Storage: undefined;
+            Children: [{
+                name: "text";
+                type: "inliner";
+                linkable: false;
+                Data: string;
+                Storage: undefined;
+                Children: undefined;
+            }] | [{
+                name: "text";
+                type: "inliner";
+                linkable: false;
+                Data: string;
+                Storage: undefined;
+                Children: undefined;
+            }, {
+                name: "caption";
+                type: "inliner";
+                linkable: false;
+                Data: import("../caption/core.js").CaptionData | undefined;
+                Storage: undefined;
+                Children: import("@jsprose/core").InlinerSchema[];
+            }];
+        }, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, undefined>;
+    dependencies: {
+        mermaid: {
+            optimize: true;
+            transpile: true;
+        };
+        photoswipe: {
+            optimize: boolean;
+            transpile: boolean;
+        };
+        'photoswipe/lightbox': {
+            optimize: boolean;
+            transpile: boolean;
+        };
+    };
+};
+export default _default;

package/dist/elements/diagram/core.js

@@ -0,0 +1,36 @@
+import { defineRegistryItem, defineSchema, ensureRawElement, ensureTagChildren, textSchema } from "@jsprose/core";
+import { captionSchema } from "../caption/core.js";
+import { defineEruditTag } from "../../tag.js";
+import { defineEruditProseCoreElement } from "../../coreElement.js";
+import { photoswipeDependency } from "../../shared/photoswipe.js";
+export const diagramSchema = defineSchema({
+	name: "diagram",
+	type: "block",
+	linkable: true
+})();
+export const Diagram = defineEruditTag({
+	tagName: "Diagram",
+	schema: diagramSchema
+})(({ element, tagName, children }) => {
+	ensureTagChildren(tagName, children, [textSchema, captionSchema]);
+	ensureRawElement(children[0], textSchema);
+	element.children = [children[0]];
+	if (children[1]) {
+		ensureRawElement(children[1], captionSchema);
+		element.children = [children[0], children[1]];
+	}
+});
+export const diagramRegistryItem = defineRegistryItem({
+	schema: diagramSchema,
+	tags: [Diagram]
+});
+export default defineEruditProseCoreElement({
+	registryItem: diagramRegistryItem,
+	dependencies: {
+		...photoswipeDependency,
+		mermaid: {
+			optimize: true,
+			transpile: true
+		}
+	}
+});

package/dist/elements/diagram/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
+    <path d="M480-60q-63 0-106.5-43.5T330-210q0-52 31-91.5t79-53.5v-85H280q-33 0-56.5-23.5T200-520v-80h-60q-17 0-28.5-11.5T100-640v-200q0-17 11.5-28.5T140-880h200q17 0 28.5 11.5T380-840v200q0 17-11.5 28.5T340-600h-60v80h400v-85q-48-14-79-53.5T570-750q0-63 43.5-106.5T720-900q63 0 106.5 43.5T870-750q0 52-31 91.5T760-605v85q0 33-23.5 56.5T680-440H520v85q48 14 79 53.5t31 91.5q0 63-43.5 106.5T480-60Z"/>
+</svg>

package/dist/elements/diagram/languages/en.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    element_name: string;
+};
+export default _default;

package/dist/elements/diagram/languages/en.js

@@ -0,0 +1,2 @@
+import { defineElementLanguage } from "../../../app/language/element.js";
+export default defineElementLanguage({ element_name: "Diagram" });

package/dist/elements/diagram/languages/ru.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    element_name: string;
+};
+export default _default;

package/dist/elements/diagram/languages/ru.js

@@ -0,0 +1,2 @@
+import { defineElementLanguage } from "../../../app/language/element.js";
+export default defineElementLanguage({ element_name: "Диаграмма" });

package/dist/elements/emphasis/Emphasis.vue

@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import type { ProseElement } from '@jsprose/core';
+
+import type { emphasisSchema } from './core.js';
+import Render from '../../app/shared/Render.vue';
+
+defineProps<{ element: ProseElement<typeof emphasisSchema> }>();
+</script>
+
+<template>
+    <strong
+        v-if="element.data.type === 'bold'"
+        :class="[
+            'font-semibold transition-[color]',
+            element.data?.accent
+                ? 'text-(--accentText,var(--color-text-deep))'
+                : 'text-text-deep',
+        ]"
+    >
+        <Render v-for="child of element.children" :element="child" />
+    </strong>
+    <i v-else>
+        <Render v-for="child of element.children" :element="child" />
+    </i>
+</template>

package/dist/elements/emphasis/_global.d.ts

@@ -0,0 +1,18 @@
+/**
+ * There are several ways to emphasize text:
+ * * `<B>` to make text bold
+ * * `<I>` to italicize text
+ *
+ * Do not overuse these elements, as too much emphasis singificantly reduces readability!
+ *
+ * @title Emphasis
+ * @layout inliner
+ * @example
+ * ```tsx
+ * <>
+ *   Importart words can be <B>bolded</B> or <I>italicized</I> for emphasis.
+ * </>
+ * ```
+ */
+export const B = '_tag_';
+export const I = '_tag_';

package/dist/elements/emphasis/app.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("../../app/appElement.js").AppElement<{
+    name: "emphasis";
+    type: "inliner";
+    linkable: true;
+    Data: import("./core.js").EmphasisData;
+    Storage: undefined;
+    Children: import("@jsprose/core").InlinerSchema[];
+}>;
+export default _default;

package/dist/elements/emphasis/app.js

@@ -0,0 +1,6 @@
+import { defineEruditProseAppElement } from "../../app/appElement.js";
+import { emphasisSchema } from "./core.js";
+export default defineEruditProseAppElement({
+	schema: emphasisSchema,
+	component: () => import("./Emphasis.vue")
+});

package/dist/elements/emphasis/core.d.ts

@@ -0,0 +1,90 @@
+import { type InlinerSchema, type TagChildren } from '@jsprose/core';
+export type EmphasisData = {
+    type: 'italic';
+} | {
+    type: 'bold';
+    accent?: boolean;
+};
+export declare const emphasisSchema: {
+    name: "emphasis";
+    type: "inliner";
+    linkable: true;
+    Data: EmphasisData;
+    Storage: undefined;
+    Children: InlinerSchema[];
+};
+export declare const B: import("@jsprose/core").Tag<"B", {
+    name: "emphasis";
+    type: "inliner";
+    linkable: true;
+    Data: EmphasisData;
+    Storage: undefined;
+    Children: InlinerSchema[];
+}, {
+    accent?: boolean;
+} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+export declare const I: import("@jsprose/core").Tag<"I", {
+    name: "emphasis";
+    type: "inliner";
+    linkable: true;
+    Data: EmphasisData;
+    Storage: undefined;
+    Children: InlinerSchema[];
+}, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+export declare const emphasisRegistryItem: import("@jsprose/core").RegistryItem<{
+    name: "emphasis";
+    type: "inliner";
+    linkable: true;
+    Data: EmphasisData;
+    Storage: undefined;
+    Children: InlinerSchema[];
+}, {
+    B: import("@jsprose/core").Tag<"B", {
+        name: "emphasis";
+        type: "inliner";
+        linkable: true;
+        Data: EmphasisData;
+        Storage: undefined;
+        Children: InlinerSchema[];
+    }, {
+        accent?: boolean;
+    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    I: import("@jsprose/core").Tag<"I", {
+        name: "emphasis";
+        type: "inliner";
+        linkable: true;
+        Data: EmphasisData;
+        Storage: undefined;
+        Children: InlinerSchema[];
+    }, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}, undefined>;
+declare const _default: {
+    registryItem: import("@jsprose/core").RegistryItem<{
+        name: "emphasis";
+        type: "inliner";
+        linkable: true;
+        Data: EmphasisData;
+        Storage: undefined;
+        Children: InlinerSchema[];
+    }, {
+        B: import("@jsprose/core").Tag<"B", {
+            name: "emphasis";
+            type: "inliner";
+            linkable: true;
+            Data: EmphasisData;
+            Storage: undefined;
+            Children: InlinerSchema[];
+        }, {
+            accent?: boolean;
+        } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+        I: import("@jsprose/core").Tag<"I", {
+            name: "emphasis";
+            type: "inliner";
+            linkable: true;
+            Data: EmphasisData;
+            Storage: undefined;
+            Children: InlinerSchema[];
+        }, TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, undefined>;
+};
+export default _default;

package/dist/elements/emphasis/core.js

@@ -0,0 +1,32 @@
+import { defineRegistryItem, defineSchema, ensureTagInlinerChildren } from "@jsprose/core";
+import { defineEruditProseCoreElement } from "../../coreElement.js";
+import { defineEruditTag } from "../../tag.js";
+export const emphasisSchema = defineSchema({
+	name: "emphasis",
+	type: "inliner",
+	linkable: true
+})();
+export const B = defineEruditTag({
+	tagName: "B",
+	schema: emphasisSchema
+})(({ element, tagName, props, children, registry }) => {
+	ensureTagInlinerChildren(tagName, children, registry);
+	element.children = children;
+	element.data = { type: "bold" };
+	if (props.accent === true) {
+		element.data.accent = true;
+	}
+});
+export const I = defineEruditTag({
+	tagName: "I",
+	schema: emphasisSchema
+})(({ element, tagName, children, registry }) => {
+	ensureTagInlinerChildren(tagName, children, registry);
+	element.children = children;
+	element.data = { type: "italic" };
+});
+export const emphasisRegistryItem = defineRegistryItem({
+	schema: emphasisSchema,
+	tags: [B, I]
+});
+export default defineEruditProseCoreElement({ registryItem: emphasisRegistryItem });

package/dist/elements/flex/Flex.vue

@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import type { ProseElement } from '@jsprose/core';
+
+import type { flexSchema } from './core.js';
+import Block from '../../app/shared/block/Block.vue';
+import Render from '../../app/shared/Render.vue';
+
+const { element } = defineProps<{ element: ProseElement<typeof flexSchema> }>();
+
+const justify = (() => {
+    return element?.data?.justifyContent ?? 'center';
+})();
+
+const gap = (() => {
+    return element?.data?.gap ?? 'var(--spacing-big)';
+})();
+</script>
+
+<template>
+    <Block :element>
+        <div
+            :style="{ justifyContent: justify, gap }"
+            class="flex flex-wrap items-center"
+        >
+            <template v-for="item of element.children">
+                <div>
+                    <Render :element="item" />
+                </div>
+            </template>
+        </div>
+    </Block>
+</template>

package/dist/elements/flex/_global.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Flex allows to place items next to each other in a row.
+ * This is useful for grouping blocks with same context (images, diagrams, etc.), side-by-side comparisons, and similar layouts.
+ *
+ * By default items are placed at center with a small gap between them.
+ * Placement and gap can be customized via `justify` and `gap` props, which work the same way as CSS `justify-content` and `gap` properties.
+ *
+ * @title Flex
+ * @layout block
+ * @example
+ * ```tsx
+ * <Flex>
+ *   <Image src={schema1} width="100px" />
+ *   <Image src={schema2} width="75px" />
+ * </Flex>
+ *
+ * <Flex gap="40px" justify="space-between">
+ *   <Image src={schema1} width="100px" />
+ *   <Image src={schema2} width="75px" />
+ * </Flex>
+ * ```
+ */
+export const Flex = '_tag_';

package/dist/elements/flex/app.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("../../app/appElement.js").AppElement<{
+    name: "flex";
+    type: "block";
+    linkable: true;
+    Data: import("./core.js").FlexData | undefined;
+    Storage: undefined;
+    Children: import("@jsprose/core").BlockSchema[];
+}>;
+export default _default;

package/dist/elements/flex/app.js

@@ -0,0 +1,11 @@
+import { defineEruditProseAppElement } from "../../app/appElement.js";
+import { flexSchema } from "./core.js";
+export default defineEruditProseAppElement({
+	schema: flexSchema,
+	component: () => import("./Flex.vue"),
+	languages: {
+		en: () => import("./languages/en.js"),
+		ru: () => import("./languages/ru.js")
+	},
+	icon: () => import("./icon.svg?raw")
+});

package/dist/elements/flex/core.d.ts

@@ -0,0 +1,67 @@
+import { type BlockSchema, type TagChildren } from '@jsprose/core';
+export interface FlexData {
+    gap?: string;
+    justifyContent?: string;
+}
+export declare const flexSchema: {
+    name: "flex";
+    type: "block";
+    linkable: true;
+    Data: FlexData | undefined;
+    Storage: undefined;
+    Children: BlockSchema[];
+};
+export declare const Flex: import("@jsprose/core").Tag<"Flex", {
+    name: "flex";
+    type: "block";
+    linkable: true;
+    Data: FlexData | undefined;
+    Storage: undefined;
+    Children: BlockSchema[];
+}, {
+    gap?: string;
+    justify?: string;
+} & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+export declare const flexRegistryItem: import("@jsprose/core").RegistryItem<{
+    name: "flex";
+    type: "block";
+    linkable: true;
+    Data: FlexData | undefined;
+    Storage: undefined;
+    Children: BlockSchema[];
+}, {
+    Flex: import("@jsprose/core").Tag<"Flex", {
+        name: "flex";
+        type: "block";
+        linkable: true;
+        Data: FlexData | undefined;
+        Storage: undefined;
+        Children: BlockSchema[];
+    }, {
+        gap?: string;
+        justify?: string;
+    } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+}, undefined>;
+declare const _default: {
+    registryItem: import("@jsprose/core").RegistryItem<{
+        name: "flex";
+        type: "block";
+        linkable: true;
+        Data: FlexData | undefined;
+        Storage: undefined;
+        Children: BlockSchema[];
+    }, {
+        Flex: import("@jsprose/core").Tag<"Flex", {
+            name: "flex";
+            type: "block";
+            linkable: true;
+            Data: FlexData | undefined;
+            Storage: undefined;
+            Children: BlockSchema[];
+        }, {
+            gap?: string;
+            justify?: string;
+        } & TagChildren & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, undefined>;
+};
+export default _default;

package/dist/elements/flex/core.js

@@ -0,0 +1,28 @@
+import { defineRegistryItem, defineSchema, ensureTagBlockChildren } from "@jsprose/core";
+import { defineEruditTag } from "../../tag.js";
+import { defineEruditProseCoreElement } from "../../coreElement.js";
+export const flexSchema = defineSchema({
+	name: "flex",
+	type: "block",
+	linkable: true
+})();
+export const Flex = defineEruditTag({
+	tagName: "Flex",
+	schema: flexSchema
+})(({ element, tagName, children, props, registry }) => {
+	ensureTagBlockChildren(tagName, children, registry);
+	element.children = children;
+	if (props.gap) {
+		element.data = element.data || {};
+		element.data.gap = props.gap;
+	}
+	if (props.justify) {
+		element.data = element.data || {};
+		element.data.justifyContent = props.justify;
+	}
+});
+export const flexRegistryItem = defineRegistryItem({
+	schema: flexSchema,
+	tags: [Flex]
+});
+export default defineEruditProseCoreElement({ registryItem: flexRegistryItem });

package/dist/elements/flex/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
+    <path d="M200-520q-33 0-56.5-23.5T120-600v-160q0-33 23.5-56.5T200-840h160q33 0 56.5 23.5T440-760v160q0 33-23.5 56.5T360-520H200Zm0 400q-33 0-56.5-23.5T120-200v-160q0-33 23.5-56.5T200-440h160q33 0 56.5 23.5T440-360v160q0 33-23.5 56.5T360-120H200Zm400-400q-33 0-56.5-23.5T520-600v-160q0-33 23.5-56.5T600-840h160q33 0 56.5 23.5T840-760v160q0 33-23.5 56.5T760-520H600Zm0 400q-33 0-56.5-23.5T520-200v-160q0-33 23.5-56.5T600-440h160q33 0 56.5 23.5T840-360v160q0 33-23.5 56.5T760-120H600ZM200-600h160v-160H200v160Zm400 0h160v-160H600v160Zm0 400h160v-160H600v160Zm-400 0h160v-160H200v160Zm400-400Zm0 240Zm-240 0Zm0-240Z"/>
+</svg>

package/dist/elements/flex/languages/en.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    element_name: string;
+};
+export default _default;

package/dist/elements/flex/languages/en.js

@@ -0,0 +1,2 @@
+import { defineElementLanguage } from "../../../app/language/element.js";
+export default defineElementLanguage({ element_name: "Flex Blocks" });

package/dist/elements/flex/languages/ru.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    element_name: string;
+};
+export default _default;

package/dist/elements/flex/languages/ru.js

@@ -0,0 +1,2 @@
+import { defineElementLanguage } from "../../../app/language/element.js";
+export default defineElementLanguage({ element_name: "Гибкие Блоки" });