@erudit-js/prose 3.0.0-dev.25

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

@@ -0,0 +1,54 @@
+import { type NoTagChildren } from '@jsprose/core';
+export declare const hrSchema: {
+    name: "hr";
+    type: "block";
+    linkable: false;
+    Data: undefined;
+    Storage: undefined;
+    Children: undefined;
+};
+export declare const Hr: import("@jsprose/core").Tag<"Hr", {
+    name: "hr";
+    type: "block";
+    linkable: false;
+    Data: undefined;
+    Storage: undefined;
+    Children: undefined;
+}, NoTagChildren>;
+export declare const hrRegistryItem: import("@jsprose/core").RegistryItem<{
+    name: "hr";
+    type: "block";
+    linkable: false;
+    Data: undefined;
+    Storage: undefined;
+    Children: undefined;
+}, {
+    Hr: import("@jsprose/core").Tag<"Hr", {
+        name: "hr";
+        type: "block";
+        linkable: false;
+        Data: undefined;
+        Storage: undefined;
+        Children: undefined;
+    }, NoTagChildren>;
+}, undefined>;
+declare const _default: {
+    registryItem: import("@jsprose/core").RegistryItem<{
+        name: "hr";
+        type: "block";
+        linkable: false;
+        Data: undefined;
+        Storage: undefined;
+        Children: undefined;
+    }, {
+        Hr: import("@jsprose/core").Tag<"Hr", {
+            name: "hr";
+            type: "block";
+            linkable: false;
+            Data: undefined;
+            Storage: undefined;
+            Children: undefined;
+        }, NoTagChildren>;
+    }, undefined>;
+};
+export default _default;

package/dist/elements/horizontalLine/core.js

@@ -0,0 +1,19 @@
+import { defineRegistryItem, defineSchema, ensureTagNoChildren } from "@jsprose/core";
+import { defineEruditProseCoreElement } from "../../coreElement.js";
+import { defineEruditTag } from "../../tag.js";
+export const hrSchema = defineSchema({
+	name: "hr",
+	type: "block",
+	linkable: false
+})();
+export const Hr = defineEruditTag({
+	tagName: "Hr",
+	schema: hrSchema
+})(({ tagName, children }) => {
+	ensureTagNoChildren(tagName, children);
+});
+export const hrRegistryItem = defineRegistryItem({
+	schema: hrSchema,
+	tags: [Hr]
+});
+export default defineEruditProseCoreElement({ registryItem: hrRegistryItem });

package/dist/elements/image/Image.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type { ProseElement } from '@jsprose/core';
+
+import type { imageSchema } from './core.js';
+import Block from '../../app/shared/block/Block.vue';
+import ImageElement from './ImageElement.vue';
+
+defineProps<{ element: ProseElement<typeof imageSchema> }>();
+</script>
+
+<template>
+    <Block :element>
+        <ImageElement :element />
+    </Block>
+</template>

package/dist/elements/image/ImageElement.vue

@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import { shallowRef } from 'vue';
+import type { ProseElement } from '@jsprose/core';
+
+import type { imageSchema } from './core.js';
+import { useElementStorage } from '../../app/composables/storage.js';
+import { usePhotoSwipe } from '../../app/shared/photoswipe/composable.js';
+import { lightInvert, darkInvert } from '../../app/shared/invert.js';
+import Caption from '../caption/Caption.vue';
+
+const { element } = defineProps<{
+    element: ProseElement<typeof imageSchema>;
+}>();
+const imageStorage = await useElementStorage<typeof imageSchema>(element);
+
+const captionElement = shallowRef<HTMLElement>();
+const { lightbox, initLightbox } = usePhotoSwipe();
+
+function imageClick() {
+    if (!lightbox.value) {
+        initLightbox(
+            {
+                dataSource: [
+                    {
+                        src: imageStorage.resolvedSrc,
+                        width: imageStorage.width,
+                        height: imageStorage.height,
+                        type: 'image',
+                    },
+                ],
+            },
+            captionElement.value,
+        );
+
+        lightbox.value!.on('contentActivate', (event) => {
+            event.content.element!.className +=
+                ' ' +
+                (element.data.invert === 'light'
+                    ? lightInvert
+                    : element.data.invert === 'dark'
+                      ? darkInvert
+                      : '');
+        });
+    }
+
+    lightbox.value!.loadAndOpen(0);
+}
+</script>
+
+<template>
+    <div class="text-center">
+        <img
+            :src="imageStorage.resolvedSrc"
+            @click="imageClick"
+            loading="lazy"
+            v-bind="
+                element.data.width
+                    ? {
+                          style: {
+                              width: element.data.width,
+                              maxWidth: `min(${element.data.width}, 100%)`,
+                          },
+                      }
+                    : {}
+            "
+            :class="[
+                'inline-block cursor-pointer rounded-xl',
+                {
+                    [lightInvert]: element.data.invert === 'light',
+                    [darkInvert]: element.data.invert === 'dark',
+                },
+            ]"
+        />
+    </div>
+    <Caption
+        v-if="element.children"
+        @captionMounted="(element) => (captionElement = element)"
+        :caption="element.children[0]"
+    />
+</template>

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

@@ -0,0 +1,18 @@
+/**
+ * **Caution:** images should be placed locally somewhere within current Erudit project folder
+ * (preferable somewhere near the document using them).
+ *
+ * @title Image
+ * @layout block
+ * @example
+ * ```tsx
+ * // import vectorProjection from './assets/vector-projection.svg';
+ * <Image src={vectorProjection} width="400px" invert="dark" />
+ *
+ * // import complexDiagram from './assets/complex-diagram.png';
+ * <Image src={complexDiagram}>
+ *   <Caption>Complex diagram example</Caption>
+ * </Image>
+ * ```
+ */
+export const Image = '_tag_';

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

@@ -0,0 +1,16 @@
+declare const _default: import("../../app/appElement.js").AppElement<{
+    name: "image";
+    type: "block";
+    linkable: true;
+    Data: import("./core.js").ImageData;
+    Storage: import("./core.js").ImageStorage;
+    Children: [{
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }] | undefined;
+}>;
+export default _default;

package/dist/elements/image/app.js

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

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

@@ -0,0 +1,136 @@
+import type { Invert } from '../../shared/invert.js';
+export interface ImageData {
+    src: string;
+    invert?: Invert;
+    width?: string;
+}
+export interface ImageStorage {
+    resolvedSrc: string;
+    width: number;
+    height: number;
+}
+export declare const imageSchema: {
+    name: "image";
+    type: "block";
+    linkable: true;
+    Data: ImageData;
+    Storage: ImageStorage;
+    Children: [{
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }] | undefined;
+};
+export declare const Image: import("@jsprose/core").Tag<"Image", {
+    name: "image";
+    type: "block";
+    linkable: true;
+    Data: ImageData;
+    Storage: ImageStorage;
+    Children: [{
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }] | undefined;
+}, {
+    src: string;
+    invert?: Invert;
+    width?: string;
+    children?: {};
+} & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+export declare const imageRegistryItem: import("@jsprose/core").RegistryItem<{
+    name: "image";
+    type: "block";
+    linkable: true;
+    Data: ImageData;
+    Storage: ImageStorage;
+    Children: [{
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }] | undefined;
+}, {
+    Image: import("@jsprose/core").Tag<"Image", {
+        name: "image";
+        type: "block";
+        linkable: true;
+        Data: ImageData;
+        Storage: ImageStorage;
+        Children: [{
+            name: "caption";
+            type: "inliner";
+            linkable: false;
+            Data: import("../caption/core.js").CaptionData | undefined;
+            Storage: undefined;
+            Children: import("@jsprose/core").InlinerSchema[];
+        }] | undefined;
+    }, {
+        src: string;
+        invert?: Invert;
+        width?: string;
+        children?: {};
+    } & 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: "image";
+        type: "block";
+        linkable: true;
+        Data: ImageData;
+        Storage: ImageStorage;
+        Children: [{
+            name: "caption";
+            type: "inliner";
+            linkable: false;
+            Data: import("../caption/core.js").CaptionData | undefined;
+            Storage: undefined;
+            Children: import("@jsprose/core").InlinerSchema[];
+        }] | undefined;
+    }, {
+        Image: import("@jsprose/core").Tag<"Image", {
+            name: "image";
+            type: "block";
+            linkable: true;
+            Data: ImageData;
+            Storage: ImageStorage;
+            Children: [{
+                name: "caption";
+                type: "inliner";
+                linkable: false;
+                Data: import("../caption/core.js").CaptionData | undefined;
+                Storage: undefined;
+                Children: import("@jsprose/core").InlinerSchema[];
+            }] | undefined;
+        }, {
+            src: string;
+            invert?: Invert;
+            width?: string;
+            children?: {};
+        } & import("../../toc.js").ObjPropToc & import("../../snippet.js").ObjPropSnippet & import("../../snippet.js").ObjPropSearch & import("../../snippet.js").ObjPropQuick & import("../../snippet.js").ObjPropSeo>;
+    }, undefined>;
+    dependencies: {
+        photoswipe: {
+            optimize: boolean;
+            transpile: boolean;
+        };
+        'photoswipe/lightbox': {
+            optimize: boolean;
+            transpile: boolean;
+        };
+    };
+};
+export default _default;
+export declare const imageSrcStep: ({ rawElement }: {
+    context: import("../../context.js").EruditProseContext;
+    rawElement: import("../../rawElement.js").EruditRawElement<import("@jsprose/core").AnySchema>;
+    proseElement: import("@jsprose/core").ProseElement<import("@jsprose/core").AnySchema>;
+}) => string | undefined;

package/dist/elements/image/core.js

@@ -0,0 +1,44 @@
+import { defineRegistryItem, defineSchema, ensureTagChild, isRawElement } from "@jsprose/core";
+import { captionSchema } from "../caption/core.js";
+import { defineEruditTag } from "../../tag.js";
+import { defineEruditProseCoreElement } from "../../coreElement.js";
+import { defineResolveStep } from "../../resolveStep.js";
+import { photoswipeDependency } from "../../shared/photoswipe.js";
+export const imageSchema = defineSchema({
+	name: "image",
+	type: "block",
+	linkable: true
+})();
+export const Image = defineEruditTag({
+	tagName: "Image",
+	schema: imageSchema
+})(({ element, tagName, props, children }) => {
+	if (children) {
+		ensureTagChild(tagName, children, captionSchema);
+		element.children = children;
+	}
+	element.data = { src: props.src };
+	element.storageKey = props.src;
+	if (props.width) {
+		element.data.width = props.width;
+	}
+	if (props.invert) {
+		element.data.invert = props.invert;
+	}
+});
+export const imageRegistryItem = defineRegistryItem({
+	schema: imageSchema,
+	tags: [Image]
+});
+export default defineEruditProseCoreElement({
+	registryItem: imageRegistryItem,
+	dependencies: { ...photoswipeDependency }
+});
+//
+// Resolve
+//
+export const imageSrcStep = defineResolveStep(({ rawElement }) => {
+	if (isRawElement(rawElement, imageSchema)) {
+		return rawElement.data.src;
+	}
+});

package/dist/elements/image/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
+    <path d="M160 144C151.2 144 144 151.2 144 160L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 160C496 151.2 488.8 144 480 144L160 144zM96 160C96 124.7 124.7 96 160 96L480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160zM224 192C241.7 192 256 206.3 256 224C256 241.7 241.7 256 224 256C206.3 256 192 241.7 192 224C192 206.3 206.3 192 224 192zM360 264C368.5 264 376.4 268.5 380.7 275.8L460.7 411.8C465.1 419.2 465.1 428.4 460.8 435.9C456.5 443.4 448.6 448 440 448L200 448C191.1 448 182.8 443 178.7 435.1C174.6 427.2 175.2 417.6 180.3 410.3L236.3 330.3C240.8 323.9 248.1 320.1 256 320.1C263.9 320.1 271.2 323.9 275.7 330.3L292.9 354.9L339.4 275.9C343.7 268.6 351.6 264.1 360.1 264.1z"/>
+</svg>

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { defineElementLanguage } from "../../../app/language/element.js";
+export default defineElementLanguage({ element_name: "Изображение" });

package/dist/elements/image/storage.d.ts

@@ -0,0 +1,6 @@
+import type { ImageStorage } from './core.js';
+export declare function getImageSize(imageAbsoluteSrc: string): Promise<{
+    width: number;
+    height: number;
+}>;
+export declare function createImageStorage(projectAbsPath: string, projectBaseUrl: string, imageAbsoluteSrc: string): Promise<ImageStorage>;

package/dist/elements/image/storage.js

@@ -0,0 +1,23 @@
+import { imageSizeFromFile } from "image-size/fromFile";
+import { ProseError } from "@jsprose/core";
+import { projectRelFilePath } from "../../shared/filePath.js";
+export async function getImageSize(imageAbsoluteSrc) {
+	try {
+		const size = await imageSizeFromFile(imageAbsoluteSrc);
+		return {
+			width: size.width,
+			height: size.height
+		};
+	} catch (error) {
+		throw new ProseError(`Failed to get image size for ${imageAbsoluteSrc}: ${error}`);
+	}
+}
+export async function createImageStorage(projectAbsPath, projectBaseUrl, imageAbsoluteSrc) {
+	const size = await getImageSize(imageAbsoluteSrc);
+	const resolvedSrc = projectBaseUrl + "file/" + projectRelFilePath(projectAbsPath, imageAbsoluteSrc);
+	return {
+		resolvedSrc,
+		width: size.width,
+		height: size.height
+	};
+}

package/dist/elements/lineBreak/LineBreak.vue

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

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

@@ -0,0 +1,18 @@
+/**
+ * By default text is aligned stretch to fill the line width in wide layouts and left-aligned in narrow layouts.
+ * Line breaking is done automatically based on the available width.
+ *
+ * `<Br />` can be used to manually break the line.
+ *
+ * @title Line Break
+ * @layout inliner
+ * @example
+ * ```tsx
+ * <>
+ *   Snow on the ground.<Br />
+ *   Snow on the tree.<Br />
+ *   Snow on the house.<Br />
+ *   Snow on me!
+ * </>
+ */
+export const Br = '_tag_';

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

@@ -0,0 +1,9 @@
+declare const _default: import("../../app/appElement.js").AppElement<{
+    name: "br";
+    type: "inliner";
+    linkable: false;
+    Data: undefined;
+    Storage: undefined;
+    Children: undefined;
+}>;
+export default _default;

package/dist/elements/lineBreak/app.js

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

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

@@ -0,0 +1,54 @@
+import { type NoTagChildren } from '@jsprose/core';
+export declare const brSchema: {
+    name: "br";
+    type: "inliner";
+    linkable: false;
+    Data: undefined;
+    Storage: undefined;
+    Children: undefined;
+};
+export declare const Br: import("@jsprose/core").Tag<"Br", {
+    name: "br";
+    type: "inliner";
+    linkable: false;
+    Data: undefined;
+    Storage: undefined;
+    Children: undefined;
+}, NoTagChildren>;
+export declare const brRegistryItem: import("@jsprose/core").RegistryItem<{
+    name: "br";
+    type: "inliner";
+    linkable: false;
+    Data: undefined;
+    Storage: undefined;
+    Children: undefined;
+}, {
+    Br: import("@jsprose/core").Tag<"Br", {
+        name: "br";
+        type: "inliner";
+        linkable: false;
+        Data: undefined;
+        Storage: undefined;
+        Children: undefined;
+    }, NoTagChildren>;
+}, undefined>;
+declare const _default: {
+    registryItem: import("@jsprose/core").RegistryItem<{
+        name: "br";
+        type: "inliner";
+        linkable: false;
+        Data: undefined;
+        Storage: undefined;
+        Children: undefined;
+    }, {
+        Br: import("@jsprose/core").Tag<"Br", {
+            name: "br";
+            type: "inliner";
+            linkable: false;
+            Data: undefined;
+            Storage: undefined;
+            Children: undefined;
+        }, NoTagChildren>;
+    }, undefined>;
+};
+export default _default;

package/dist/elements/lineBreak/core.js

@@ -0,0 +1,19 @@
+import { defineRegistryItem, defineSchema, ensureTagNoChildren } from "@jsprose/core";
+import { defineEruditProseCoreElement } from "../../coreElement.js";
+import { defineEruditTag } from "../../tag.js";
+export const brSchema = defineSchema({
+	name: "br",
+	type: "inliner",
+	linkable: false
+})();
+export const Br = defineEruditTag({
+	tagName: "Br",
+	schema: brSchema
+})(({ tagName, children }) => {
+	ensureTagNoChildren(tagName, children);
+});
+export const brRegistryItem = defineRegistryItem({
+	schema: brSchema,
+	tags: [Br]
+});
+export default defineEruditProseCoreElement({ registryItem: brRegistryItem });