npm - @eventcatalog/core - Versions diffs - 4.2.3 → 4.2.5 - Mend

@eventcatalog/core 4.2.3 → 4.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/eventcatalog/src/components/navigation-progress.ts ADDED Viewed

@@ -0,0 +1,98 @@
+const SHOW_DELAY_MS = 200;
+const MINIMUM_VISIBLE_MS = 250;
+type NavigationPreparationEvent = Event & {
+  sourceElement?: EventTarget | null;
+};
+export const initializeNavigationProgress = () => {
+  let showTimer: ReturnType<typeof setTimeout> | undefined;
+  let hideTimer: ReturnType<typeof setTimeout> | undefined;
+  let visibleAt = 0;
+  let pendingSource: HTMLElement | null = null;
+  const getProgress = () => document.getElementById('navigation-progress');
+  const getStatus = () => document.getElementById('navigation-progress-status');
+  const clearPendingSource = () => {
+    pendingSource?.removeAttribute('aria-busy');
+    pendingSource?.removeAttribute('data-navigation-pending');
+    pendingSource = null;
+  };
+  const showProgress = () => {
+    const progress = getProgress();
+    if (!progress) return;
+    visibleAt = performance.now();
+    progress.dataset.visible = 'true';
+    progress.setAttribute('aria-hidden', 'false');
+    document.getElementById('content')?.setAttribute('aria-busy', 'true');
+    const status = getStatus();
+    if (status) status.textContent = 'Loading page';
+  };
+  const hideProgress = () => {
+    const progress = getProgress();
+    if (progress) {
+      progress.dataset.visible = 'false';
+      progress.setAttribute('aria-hidden', 'true');
+    }
+    document.getElementById('content')?.removeAttribute('aria-busy');
+    const status = getStatus();
+    if (status) status.textContent = '';
+    clearPendingSource();
+    visibleAt = 0;
+    hideTimer = undefined;
+  };
+  const startProgress = (event: NavigationPreparationEvent) => {
+    if (showTimer) clearTimeout(showTimer);
+    if (hideTimer) clearTimeout(hideTimer);
+    clearPendingSource();
+    if (event.sourceElement instanceof HTMLElement) {
+      pendingSource = event.sourceElement;
+      pendingSource.setAttribute('aria-busy', 'true');
+      pendingSource.dataset.navigationPending = 'true';
+    }
+    showTimer = setTimeout(showProgress, SHOW_DELAY_MS);
+  };
+  const finishProgress = () => {
+    if (showTimer) {
+      clearTimeout(showTimer);
+      showTimer = undefined;
+    }
+    if (!visibleAt) {
+      hideProgress();
+      return;
+    }
+    const remainingVisibleTime = Math.max(0, MINIMUM_VISIBLE_MS - (performance.now() - visibleAt));
+    hideTimer = setTimeout(hideProgress, remainingVisibleTime);
+  };
+  const resetProgress = () => {
+    if (!showTimer && !hideTimer && !visibleAt) hideProgress();
+  };
+  document.addEventListener('astro:before-preparation', startProgress);
+  document.addEventListener('astro:after-preparation', finishProgress);
+  document.addEventListener('astro:page-load', resetProgress);
+  return () => {
+    if (showTimer) clearTimeout(showTimer);
+    if (hideTimer) clearTimeout(hideTimer);
+    hideProgress();
+    document.removeEventListener('astro:before-preparation', startProgress);
+    document.removeEventListener('astro:after-preparation', finishProgress);
+    document.removeEventListener('astro:page-load', resetProgress);
+  };
+};

package/eventcatalog/src/layouts/BaseLayout.astro CHANGED Viewed

@@ -2,6 +2,7 @@
 import SEO from '../components/Seo.astro';
 import AnalyticsHead from '../enterprise/analytics/components/AnalyticsHead.astro';
 import AnalyticsTracker from '../enterprise/analytics/components/AnalyticsTracker.astro';
+import NavigationProgress from '../components/NavigationProgress.astro';
 import config from '@config';
 interface Props {
@@ -46,6 +47,7 @@ const catalogTheme = config.theme || 'default';
     <slot name="head" />
   </head>
   <body>
+    <NavigationProgress />
     <slot />
     <AnalyticsTracker />
   </body>

package/package.json CHANGED Viewed

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "4.2.3",
+  "version": "4.2.5",
   "publishConfig": {
     "access": "public"
   },
@@ -32,11 +32,11 @@
   ],
   "dependencies": {
     "@ai-sdk/react": "^3.0.17",
-    "@astrojs/markdown-remark": "^7.2.0",
-    "@astrojs/mdx": "^7.0.0",
-    "@astrojs/node": "^11.0.0",
-    "@astrojs/react": "^6.0.0",
-    "@astrojs/rss": "^4.0.18",
+    "@astrojs/markdown-remark": "^7.2.1",
+    "@astrojs/mdx": "^7.0.3",
+    "@astrojs/node": "^11.0.2",
+    "@astrojs/react": "^6.0.1",
+    "@astrojs/rss": "^4.0.19",
     "@asyncapi/avro-schema-parser": "3.0.24",
     "@asyncapi/parser": "^3.6.0",
     "@asyncapi/react-component": "3.1.0",
@@ -61,7 +61,7 @@
     "@tanstack/react-table": "^8.17.3",
     "@xyflow/react": "^12.3.6",
     "ai": "^6.0.17",
-    "astro": "^7.0.3",
+    "astro": "^7.1.1",
     "astro-compress": "^2.4.0",
     "astro-expressive-code": "^0.44.0",
     "astro-seo": "^0.8.4",
@@ -76,9 +76,9 @@
     "elkjs": "^0.10.0",
     "glob": "^13.0.6",
     "gray-matter": "^4.0.3",
-    "hono": "4.12.25",
+    "hono": "4.12.27",
     "html-to-image": "^1.11.11",
-    "js-yaml": "^4.2.0",
+    "js-yaml": "^4.3.0",
     "jsonpath-plus": "^10.4.0",
     "jsonwebtoken": "^9.0.2",
     "lodash.debounce": "^4.0.8",
@@ -116,9 +116,9 @@
     "update-notifier": "^7.3.1",
     "uuid": "^10.0.0",
     "zod": "^4.3.6",
-    "@eventcatalog/sdk": "2.26.1",
     "@eventcatalog/visualiser": "^4.1.0",
-    "@eventcatalog/linter": "1.1.6"
+    "@eventcatalog/linter": "1.1.6",
+    "@eventcatalog/sdk": "2.26.1"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.9",