@erudit-js/prose 4.3.0-dev.1 → 4.3.1-dev.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/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-dev.1",
+  "version": "4.3.1-dev.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-dev.1",
-    "@floating-ui/vue": "^1.1.10",
+    "@erudit-js/core": "4.3.1-dev.1",
+    "@floating-ui/vue": "^1.1.11",
     "image-size": "^2.0.2",
-    "katex": "^0.16.28",
-    "mermaid": "^11.12.3",
+    "katex": "^0.16.38",
+    "mermaid": "^11.13.0",
     "photoswipe": "^5.4.4",
     "tsprose": "^1.0.1",
-    "vue": "^3.5.28"
+    "vue": "latest"
   },
   "devDependencies": {
-    "glob": "13.0.0",
-    "oxc-transform": "0.112.0",
+    "glob": "^13.0.6",
+    "oxc-transform": "0.119.0",
     "ts-xor": "^1.3.0"
   }
 }