@erudit-js/prose 3.0.0-dev.25

package/dist/elements/table/core.js

@@ -0,0 +1,65 @@
+import { defineRegistryItem, defineSchema, ensureTagChildren, ensureTagInlinerChildren } from "@jsprose/core";
+import { defineEruditTag } from "../../tag.js";
+import { captionSchema } from "../caption/core.js";
+import { defineEruditProseCoreElements } from "../../coreElement.js";
+//
+// Table Data
+//
+export const tableDataSchema = defineSchema({
+	name: "tableData",
+	type: "inliner",
+	linkable: false
+})();
+export const Td = defineEruditTag({
+	tagName: "Td",
+	schema: tableDataSchema
+})(({ element, children, tagName, registry }) => {
+	ensureTagInlinerChildren(tagName, children, registry);
+	element.children = children;
+});
+export const tableDataRegistryItem = defineRegistryItem({
+	schema: tableDataSchema,
+	tags: [Td]
+});
+//
+// Table Row
+//
+export const tableRowSchema = defineSchema({
+	name: "tableRow",
+	type: "inliner",
+	linkable: false
+})();
+export const Tr = defineEruditTag({
+	tagName: "Tr",
+	schema: tableRowSchema
+})(({ element, children, tagName }) => {
+	ensureTagChildren(tagName, children, tableDataSchema);
+	element.children = children;
+});
+export const tableRowRegistryItem = defineRegistryItem({
+	schema: tableRowSchema,
+	tags: [Tr]
+});
+//
+// Table
+//
+export const tableSchema = defineSchema({
+	name: "table",
+	type: "block",
+	linkable: true
+})();
+export const Table = defineEruditTag({
+	tagName: "Table",
+	schema: tableSchema
+})(({ element, children, tagName }) => {
+	ensureTagChildren(tagName, children, [tableRowSchema, captionSchema]);
+	element.children = children;
+});
+export const tableRegistryItem = defineRegistryItem({
+	schema: tableSchema,
+	tags: [Table]
+});
+//
+// Erudit Core Elements
+//
+export default defineEruditProseCoreElements({ registryItem: tableDataRegistryItem }, { registryItem: tableRowRegistryItem }, { registryItem: tableRegistryItem });

package/dist/elements/table/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M2.8,23.9c-.7,0-1.3-.3-1.9-.8-.5-.5-.8-1.1-.8-1.9V2.8C.1,2,.4,1.4.9.9,1.4.4,2,.1,2.8.1h18.5c.7,0,1.3.3,1.9.8s.8,1.1.8,1.9v18.5c0,.7-.3,1.3-.8,1.9-.5.5-1.1.8-1.9.8H2.8ZM10.7,16H2.8v5.3h7.9v-5.3ZM13.3,16v5.3h7.9v-5.3h-7.9ZM10.7,13.3v-5.3H2.8v5.3h7.9ZM13.3,13.3h7.9v-5.3h-7.9v5.3ZM2.8,5.4h18.5v-2.6H2.8v2.6Z"/>
+</svg>

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { defineElementLanguage } from "../../../app/language/element.js";
+export default defineElementLanguage({ element_name: "Таблица" });

package/dist/elements/video/Video.vue

@@ -0,0 +1,109 @@
+<script lang="ts" setup>
+import { onMounted, onUnmounted, ref, useTemplateRef } from 'vue';
+import type { ProseElement } from '@jsprose/core';
+
+import type { videoSchema } from './core.js';
+import { useElementStorage } from '../../app/composables/storage.js';
+import { lightInvert, darkInvert } from '../../app/shared/invert.js';
+import Block from '../../app/shared/block/Block.vue';
+import Caption from '../caption/Caption.vue';
+
+const { element } = defineProps<{
+    element: ProseElement<typeof videoSchema>;
+}>();
+const videoStorage = await useElementStorage<typeof videoSchema>(element);
+
+const videoElement = useTemplateRef('video');
+const observer = ref<IntersectionObserver | null>(null);
+
+const wasInViewport = ref(false);
+const manuallyPaused = ref(false);
+
+if (!element.data.autoplay) {
+    wasInViewport.value = true;
+    manuallyPaused.value = true;
+}
+
+onMounted(() => {
+    if (!videoElement.value) return;
+
+    const video = videoElement.value;
+
+    const options: IntersectionObserverInit = {
+        rootMargin: '0px 0px 75px 0px',
+        threshold: 0,
+    };
+
+    observer.value = new IntersectionObserver((entries) => {
+        const entry = entries[0]!;
+        try {
+            if (entry.isIntersecting) {
+                wasInViewport.value = true;
+                if (!manuallyPaused.value) video.play();
+            } else {
+                // When the video is not in the viewport:
+                if (wasInViewport.value) {
+                    // Video was in viewport before.
+                    // If it is now leaving already paused then of course it was the user, who manually paused it.
+                    manuallyPaused.value = video.paused;
+                } else {
+                    // Video was never in viewport before and user had no chance to pause it.
+                    manuallyPaused.value = false;
+                }
+
+                video.pause();
+            }
+        } catch {}
+    }, options);
+
+    observer.value.observe(video);
+});
+
+onUnmounted(() => {
+    if (observer.value) {
+        observer.value.disconnect();
+    }
+});
+</script>
+
+<template>
+    <Block :element>
+        <video
+            ref="video"
+            :src="videoStorage.resolvedSrc"
+            preload="metadata"
+            loop
+            muted
+            controls
+            :class="[
+                'm-auto rounded-xl',
+                {
+                    [lightInvert + ' ' + $style.invertLight]:
+                        element.data.invert === 'light',
+                    [darkInvert + ' ' + $style.invertDark]:
+                        element.data.invert === 'dark',
+                },
+            ]"
+            v-bind="
+                element.data.width
+                    ? {
+                          style: {
+                              width: element.data.width,
+                              maxWidth: `min(${element.data.width}, 100%)`,
+                          },
+                      }
+                    : {}
+            "
+        ></video>
+        <Caption v-if="element.children" :caption="element.children[0]" />
+    </Block>
+</template>
+
+<style module>
+:root[data-theme='light'] .invertLight,
+:root[data-theme='dark'] .invertDark {
+    &::-webkit-media-controls-panel {
+        filter: invert(1) hue-rotate(180deg);
+    }
+}
+</style>

package/dist/elements/video/_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 Video
+ * @layout block
+ * @example
+ * ```tsx
+ * // import vectorProjection from './assets/vector-projection.mp4';
+ * <Video src={vectorProjection} width="400px" invert="dark" />
+ *
+ * // import complexDiagram from './assets/complex-diagram.mp4';
+ * <Video src={complexDiagram} autoplay>
+ *   <Caption>Complex diagram example</Caption>
+ * </Video>
+ * ```
+ */
+export const Video = '_tag_';

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

@@ -0,0 +1,16 @@
+declare const _default: import("../../app/appElement.js").AppElement<{
+    name: "video";
+    type: "block";
+    linkable: true;
+    Data: import("./core.js").VideoData;
+    Storage: import("./core.js").VideoStorage;
+    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/video/app.js

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

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

@@ -0,0 +1,128 @@
+import type { Invert } from '../../shared/invert.js';
+export interface VideoData {
+    src: string;
+    autoplay?: boolean;
+    invert?: Invert;
+    width?: string;
+}
+export interface VideoStorage {
+    resolvedSrc: string;
+}
+export declare const videoSchema: {
+    name: "video";
+    type: "block";
+    linkable: true;
+    Data: VideoData;
+    Storage: VideoStorage;
+    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 Video: import("@jsprose/core").Tag<"Video", {
+    name: "video";
+    type: "block";
+    linkable: true;
+    Data: VideoData;
+    Storage: VideoStorage;
+    Children: [{
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }] | undefined;
+}, {
+    src: string;
+    autoplay?: boolean;
+    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 videoRegistryItem: import("@jsprose/core").RegistryItem<{
+    name: "video";
+    type: "block";
+    linkable: true;
+    Data: VideoData;
+    Storage: VideoStorage;
+    Children: [{
+        name: "caption";
+        type: "inliner";
+        linkable: false;
+        Data: import("../caption/core.js").CaptionData | undefined;
+        Storage: undefined;
+        Children: import("@jsprose/core").InlinerSchema[];
+    }] | undefined;
+}, {
+    Video: import("@jsprose/core").Tag<"Video", {
+        name: "video";
+        type: "block";
+        linkable: true;
+        Data: VideoData;
+        Storage: VideoStorage;
+        Children: [{
+            name: "caption";
+            type: "inliner";
+            linkable: false;
+            Data: import("../caption/core.js").CaptionData | undefined;
+            Storage: undefined;
+            Children: import("@jsprose/core").InlinerSchema[];
+        }] | undefined;
+    }, {
+        src: string;
+        autoplay?: boolean;
+        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: "video";
+        type: "block";
+        linkable: true;
+        Data: VideoData;
+        Storage: VideoStorage;
+        Children: [{
+            name: "caption";
+            type: "inliner";
+            linkable: false;
+            Data: import("../caption/core.js").CaptionData | undefined;
+            Storage: undefined;
+            Children: import("@jsprose/core").InlinerSchema[];
+        }] | undefined;
+    }, {
+        Video: import("@jsprose/core").Tag<"Video", {
+            name: "video";
+            type: "block";
+            linkable: true;
+            Data: VideoData;
+            Storage: VideoStorage;
+            Children: [{
+                name: "caption";
+                type: "inliner";
+                linkable: false;
+                Data: import("../caption/core.js").CaptionData | undefined;
+                Storage: undefined;
+                Children: import("@jsprose/core").InlinerSchema[];
+            }] | undefined;
+        }, {
+            src: string;
+            autoplay?: boolean;
+            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>;
+};
+export default _default;
+export declare const videoSrcStep: ({ 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/video/core.js

@@ -0,0 +1,43 @@
+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";
+export const videoSchema = defineSchema({
+	name: "video",
+	type: "block",
+	linkable: true
+})();
+export const Video = defineEruditTag({
+	tagName: "Video",
+	schema: videoSchema
+})(({ element, tagName, props, children }) => {
+	if (children) {
+		ensureTagChild(tagName, children, captionSchema);
+		element.children = children;
+	}
+	element.data = { src: props.src };
+	element.storageKey = props.src;
+	if (props.autoplay !== undefined) {
+		element.data.autoplay = props.autoplay;
+	}
+	if (props.width) {
+		element.data.width = props.width;
+	}
+	if (props.invert) {
+		element.data.invert = props.invert;
+	}
+});
+export const videoRegistryItem = defineRegistryItem({
+	schema: videoSchema,
+	tags: [Video]
+});
+export default defineEruditProseCoreElement({ registryItem: videoRegistryItem });
+//
+// Resolve
+//
+export const videoSrcStep = defineResolveStep(({ rawElement }) => {
+	if (isRawElement(rawElement, videoSchema)) {
+		return rawElement.data.src;
+	}
+});

package/dist/elements/video/icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M10.4,16.4l5.8-3.7c.3-.2.4-.4.4-.7s-.1-.6-.4-.7l-5.8-3.7c-.3-.2-.6-.2-.9,0s-.5.4-.5.8v7.4c0,.4.2.6.5.8s.6.2.9,0ZM12,23.8c-1.6,0-3.2-.3-4.6-.9s-2.7-1.5-3.8-2.5-1.9-2.3-2.5-3.8S.2,13.6.2,12s.3-3.2.9-4.6,1.5-2.7,2.5-3.8,2.3-1.9,3.8-2.5S10.4.2,12,.2s3.2.3,4.6.9,2.7,1.5,3.8,2.5,1.9,2.3,2.5,3.8.9,3,.9,4.6-.3,3.2-.9,4.6-1.5,2.7-2.5,3.8-2.3,1.9-3.8,2.5-3,.9-4.6.9ZM12,21.5c2.6,0,4.9-.9,6.7-2.8s2.8-4.1,2.8-6.7-.9-4.9-2.8-6.7-4.1-2.8-6.7-2.8-4.9.9-6.7,2.8-2.8,4.1-2.8,6.7.9,4.9,2.8,6.7,4.1,2.8,6.7,2.8Z"/>
+</svg>

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { VideoStorage } from './core.js';
+export declare function createVideoStorage(projectAbsPath: string, projectBaseUrl: string, videoAbsoluteSrc: string): VideoStorage;

package/dist/elements/video/storage.js

@@ -0,0 +1,5 @@
+import { projectRelFilePath } from "../../shared/filePath.js";
+export function createVideoStorage(projectAbsPath, projectBaseUrl, videoAbsoluteSrc) {
+	const resolvedSrc = projectBaseUrl + "file/" + projectRelFilePath(projectAbsPath, videoAbsoluteSrc);
+	return { resolvedSrc };
+}

package/dist/include.d.ts

@@ -0,0 +1,6 @@
+import { type AnySchema, type AnyUnique, type RawElement } from '@jsprose/core';
+export declare function Include(props: {
+    children: AnyUnique | RawElement<AnySchema>;
+    toc?: true | string;
+}): RawElement<AnySchema>;
+export declare function isIncludedRawElement(rawElement: RawElement<AnySchema>): boolean;

package/dist/include.js

@@ -0,0 +1,42 @@
+import { isUnique } from "@jsprose/core";
+import { finalizeToc } from "./toc.js";
+const includedKey = "__ERUDIT_included";
+export function Include(props) {
+	const rawElement = isUnique(props.children) ? props.children.rawElement : props.children;
+	function augmentRawElement(element) {
+		const isRoot = element === rawElement;
+		if (isRoot) {
+			if (props.toc) {
+				if (props.toc === true) {
+					element.toc = finalizeToc({
+						props: { toc: props.toc },
+						element
+					});
+				} else {
+					element.toc = {
+						add: true,
+						title: props.toc
+					};
+				}
+			} else {
+				delete element.toc;
+			}
+		} else {
+			delete element.toc;
+		}
+		delete element.snippet;
+		delete element.snippetFlags;
+		delete element.uniqueName;
+		element[includedKey] = true;
+		if (element.children) {
+			for (const child of element.children) {
+				augmentRawElement(child);
+			}
+		}
+	}
+	augmentRawElement(rawElement);
+	return rawElement;
+}
+export function isIncludedRawElement(rawElement) {
+	return rawElement[includedKey] === true;
+}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export * from './coreElement.js';
+export * from './rawElement.js';
+export * from './resolve.js';
+export * from './tag.js';
+export * from './snippet.js';
+export * from './toc.js';
+export * from './title.js';
+export * from './resolveStep.js';
+export * from './include.js';
+export * from './slugify/index.js';
+export * from './utils/docs.js';
+export * from './utils/case.js';
+export * from './shared/filePath.js';
+export * from './shared/invert.js';
+export * from './shared/photoswipe.js';

package/dist/index.js

@@ -0,0 +1,15 @@
+export * from "./coreElement.js";
+export * from "./rawElement.js";
+export * from "./resolve.js";
+export * from "./tag.js";
+export * from "./snippet.js";
+export * from "./toc.js";
+export * from "./title.js";
+export * from "./resolveStep.js";
+export * from "./include.js";
+export * from "./slugify/index.js";
+export * from "./utils/docs.js";
+export * from "./utils/case.js";
+export * from "./shared/filePath.js";
+export * from "./shared/invert.js";
+export * from "./shared/photoswipe.js";

package/dist/rawElement.d.ts

@@ -0,0 +1,6 @@
+import type { AnySchema, RawElement, schemaKind } from '@jsprose/core';
+import type { ObjRawElementSnippet } from './snippet.js';
+import type { ObjRawElementToc } from './toc.js';
+import type { ObjRawElementTitle } from './title.js';
+export type EruditRawElement<TSchema extends AnySchema, TTagName extends string = string> = RawElement<TSchema, TTagName> & ObjRawElementSnippet & ObjRawElementToc & ObjRawElementTitle;
+export declare function asEruditRaw<TSchema extends AnySchema, TRawElement extends RawElement<TSchema>>(rawElement: TRawElement): EruditRawElement<TRawElement[typeof schemaKind], TRawElement['tagName']>;

package/dist/rawElement.js

@@ -0,0 +1,3 @@
+export function asEruditRaw(rawElement) {
+	return rawElement;
+}

package/dist/resolve.d.ts

@@ -0,0 +1,20 @@
+import { resolveRawElement, type AnySchema, type ProseElement } from '@jsprose/core';
+import type { EruditRawElement } from './rawElement.js';
+import type { EruditProseContext } from './context.js';
+import { type ResolvedSnippet } from './snippet.js';
+import { type ResolvedTocItem } from './toc.js';
+import type { ResolveStep } from './resolveStep.js';
+export declare function resolveEruditRawElement(args: {
+    context: EruditProseContext;
+    rawElement: EruditRawElement<AnySchema>;
+    step?: ResolveStep;
+}): Promise<Awaited<ReturnType<typeof resolveRawElement>> & ResolvedEruditRawElement>;
+export interface ResolvedEruditRawElement {
+    proseElement: ProseElement<AnySchema>;
+    snippets: ResolvedSnippet[];
+    tocItems: ResolvedTocItem[];
+    dependencies: Set<string>;
+    files: Set<string>;
+    problemScripts: Set<string>;
+    uniqueTitles: Record<string, string>;
+}