@erudit-js/prose 4.3.0 → 4.3.1

package/dist/app/shared/block/AsideMenu.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue';
 import type { ProseElement } from 'tsprose';
 
+import { useProseContext } from '../../composables/context.js';
 import { useElementPhrase } from '../../composables/language.js';
 import AsideMenuSeparator from './AsideMenuSeparator.vue';
 import AsideMenuCopyLink from './AsideMenuCopyLink.vue';
@@ -10,8 +11,10 @@ const { element } = defineProps<{
   element: ProseElement;
 }>();
 
+const { setHtmlIds } = useProseContext();
+
 const hasLink = computed(() => {
-  return Boolean(element.id);
+  return setHtmlIds && Boolean(element.id);
 });
 
 const hasButtons = computed(() => {

package/dist/elements/callout/Callout.vue

@@ -21,7 +21,18 @@ const formatText = useFormatText();
       class="gap-big flex"
     >
       <div class="max-micro:hidden shrink-0">
+        <video
+          v-if="calloutStorage.videoIcon"
+          :src="calloutStorage.resolvedIconSrc"
+          autoplay
+          loop
+          muted
+          playsinline
+          class="outline-border size-[60px] rounded-full border-2
+            border-transparent object-cover outline-2"
+        />
         <img
+          v-else
           :src="calloutStorage.resolvedIconSrc"
           loading="lazy"
           class="outline-border size-[60px] rounded-full border-2
@@ -39,7 +50,17 @@ const formatText = useFormatText();
           class="gap-small mb-(--proseAsideWidth) flex items-center
             px-(--proseAsideWidth) font-semibold"
         >
+          <video
+            v-if="calloutStorage.videoIcon"
+            :src="calloutStorage.resolvedIconSrc"
+            autoplay
+            loop
+            muted
+            playsinline
+            class="micro:hidden size-[30px] shrink-0 rounded-full object-cover"
+          />
           <img
+            v-else
             :src="calloutStorage.resolvedIconSrc"
             class="micro:hidden size-[30px] shrink-0 rounded-full"
           />

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

@@ -7,6 +7,7 @@ export interface CalloutData {
 }
 export interface CalloutStorage {
     resolvedIconSrc: string;
+    videoIcon: boolean;
 }
 export interface CalloutSchema extends Schema {
     name: 'callout';

package/dist/elements/callout/storage.js

@@ -1,5 +1,15 @@
 import { projectRelFilePath } from "../../shared/filePath.js";
+const videoExtensions = [
+	"mp4",
+	"webm",
+	"ogg"
+];
 export function createCalloutStorage(projectAbsPath, projectBaseUrl, calloutAbsoluteIconSrc) {
 	const resolvedIconSrc = projectBaseUrl + "file/" + projectRelFilePath(projectAbsPath, calloutAbsoluteIconSrc);
-	return { resolvedIconSrc };
+	const ext = calloutAbsoluteIconSrc.split(".").pop()?.toLowerCase() ?? "";
+	const videoIcon = videoExtensions.includes(ext);
+	return {
+		resolvedIconSrc,
+		videoIcon
+	};
 }

package/dist/elements/diagram/Diagram.vue

@@ -49,6 +49,8 @@ onMounted(async () => {
     (/AppleWebKit/.test(ua) && !/Chrome/.test(ua)) ||
     /\b(iPad|iPhone|iPod)\b/.test(ua);
 
+  prepareMarkdown();
+
   if (hasLatex(diagramContent.value)) {
     await prepareMathDiagram();
   }
@@ -126,6 +128,29 @@ function hasLatex(content: string): boolean {
   return latexRegex.display.test(content) || latexRegex.inline.test(content);
 }
 
+function prepareMarkdown() {
+  const mathPattern = /\$\$[\s\S]*?\$\$|\$(?!\$).*?(?<!\$)\$/g;
+
+  const applyMarkdown = (text: string): string => {
+    return text
+      .replace(/\*\*(.+?)\*\*/g, '<b>$1</b>')
+      .replace(/\*(.+?)\*/g, '<i>$1</i>');
+  };
+
+  const content = diagramContent.value;
+  const parts: string[] = [];
+  let lastIndex = 0;
+
+  for (const match of content.matchAll(mathPattern)) {
+    parts.push(applyMarkdown(content.slice(lastIndex, match.index)));
+    parts.push(match[0]);
+    lastIndex = match.index + match[0].length;
+  }
+
+  parts.push(applyMarkdown(content.slice(lastIndex)));
+  diagramContent.value = parts.join('');
+}
+
 async function prepareMathDiagram() {
   await import('katex/dist/katex.min.css');
   const katex = await import('katex');
@@ -141,11 +166,7 @@ async function prepareMathDiagram() {
           displayMode,
           output: 'mathml',
         })
-        .replace(/<mtd>/g, '<mtd style="padding: 0.2em 0;">')
-        .replace(
-          /<annotation encoding="application\/x-tex">[\s\S]*?<\/annotation>/g,
-          '',
-        );
+        .replace(/<mtd>/g, '<mtd style="padding: 0.2em 0;">');
     });
   };
 

package/dist/slugify/languages/en.js

@@ -1,3 +1,3 @@
 export default (text) => {
-	return text.replace(/(\p{Lu}{2,})(\p{Ll})/gu, "$1-$2").replace(/(\p{Ll})(\p{Lu})/gu, "$1-$2").replace(/(\p{L})(\d)/gu, "$1-$2").replace(/(\d)(\p{L})/gu, "$1-$2").toLowerCase().replace(/[^a-z0-9]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+	return text.replace(/(\p{Lu}{2,})(\p{Ll})/gu, "$1-$2").replace(/(\p{Ll})(\p{Lu})/gu, "$1-$2").replace(/(\p{L})(\d)/gu, "$1-$2").replace(/(\d)(\p{L})/gu, "$1-$2").toLowerCase().replace(/[^\p{L}0-9]/gu, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 };

package/dist/slugify/languages/ru.js

@@ -34,5 +34,5 @@ export default (text) => {
 		ю: "yu",
 		я: "ya"
 	};
-	return text.replace(/(\p{Lu}{2,})(\p{Ll})/gu, "$1-$2").replace(/(\p{Ll})(\p{Lu})/gu, "$1-$2").replace(/(\p{L})(\d)/gu, "$1-$2").replace(/(\d)(\p{L})/gu, "$1-$2").toLowerCase().split("").map((char) => cyrillicToLatin[char] !== undefined ? cyrillicToLatin[char] : /[a-z0-9]/.test(char) ? char : "-").join("").replace(/-+/g, "-").replace(/^-|-$/g, "");
+	return text.replace(/(\p{Lu}{2,})(\p{Ll})/gu, "$1-$2").replace(/(\p{Ll})(\p{Lu})/gu, "$1-$2").replace(/(\p{L})(\d)/gu, "$1-$2").replace(/(\d)(\p{L})/gu, "$1-$2").toLowerCase().split("").map((char) => cyrillicToLatin[char] !== undefined ? cyrillicToLatin[char] : /[\p{L}0-9]/u.test(char) ? char : "-").join("").replace(/-+/g, "-").replace(/^-|-$/g, "");
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@erudit-js/prose",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "📝 JSX prose subsystem for Erudit sites",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -32,18 +32,18 @@
     "prepack": "bun run build"
   },
   "dependencies": {
-    "@erudit-js/core": "4.3.0",
+    "@erudit-js/core": "4.3.1",
     "@floating-ui/vue": "^1.1.11",
     "image-size": "^2.0.2",
-    "katex": "^0.16.33",
-    "mermaid": "^11.12.3",
+    "katex": "^0.16.38",
+    "mermaid": "^11.13.0",
     "photoswipe": "^5.4.4",
     "tsprose": "^1.0.1",
     "vue": "latest"
   },
   "devDependencies": {
     "glob": "^13.0.6",
-    "oxc-transform": "0.116.0",
+    "oxc-transform": "0.119.0",
     "ts-xor": "^1.3.0"
   }
 }