@lobb-js/studio 0.24.1 → 0.25.0

package/dist/components/Studio.svelte

@@ -11,6 +11,7 @@
     import { Router, Route, Fallback, init as initRouter } from "@wjfe/n-savant";
     import {
         executeExtensionsOnStartup,
+        executeExtensionsOnRouteChange,
         loadExtensions,
         loadExtensionWorkflows,
     } from "../extensions/extensionUtils";
@@ -55,6 +56,15 @@
             console.error(err);
             status = "error";
         }
+
+        // Fire onRouteChange hooks on every navigation
+        const onRouteChange = () => executeExtensionsOnRouteChange(lobb, ctx as any, window.location.pathname);
+        const originalPushState = history.pushState.bind(history);
+        history.pushState = function (...args) {
+            originalPushState(...args);
+            onRouteChange();
+        };
+        window.addEventListener("popstate", onRouteChange);
     });
 
     onDestroy(() => {

package/dist/extensions/extension.types.d.ts

@@ -99,6 +99,7 @@ export interface StudioWorkflow {
 export interface Extension {
     name: string;
     onStartup?: (utils: ExtensionUtils) => Promise<void>;
+    onRouteChange?: (utils: ExtensionUtils, path: string) => void;
     components?: Partial<Record<ExtensionComponentKey, ExtensionComponent>>;
     dashboardNavs?: DashboardNavs;
     workflows?: StudioWorkflow[];

package/dist/extensions/extensionUtils.d.ts

@@ -7,4 +7,5 @@ export declare function loadExtensions(lobb: LobbClient, ctx: CTX, extensionMap?
 export declare function loadExtensionComponents(ctx: CTX, name: string, filterByExtensions?: string[], props?: Record<string, any>): any[];
 export declare function loadExtensionWorkflows(ctx: CTX): void;
 export declare function executeExtensionsOnStartup(lobb: LobbClient, ctx: CTX): Promise<void>;
+export declare function executeExtensionsOnRouteChange(lobb: LobbClient, ctx: CTX, path: string): void;
 export declare function getDashboardNavs(ctx: CTX): DashboardNavs;

package/dist/extensions/extensionUtils.js

@@ -186,6 +186,16 @@ export function executeExtensionsOnStartup(lobb, ctx) {
         });
     });
 }
+export function executeExtensionsOnRouteChange(lobb, ctx, path) {
+    var extensionNames = Object.keys(ctx.extensions);
+    for (var index = 0; index < extensionNames.length; index++) {
+        var extensionName = extensionNames[index];
+        var extension = ctx.extensions[extensionName];
+        if (extension === null || extension === void 0 ? void 0 : extension.onRouteChange) {
+            extension.onRouteChange(getExtensionUtils(lobb, ctx), path);
+        }
+    }
+}
 export function getDashboardNavs(ctx) {
     var navs = {
         top: [],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobb-js/studio",
   "license": "UNLICENSED",
-  "version": "0.24.1",
+  "version": "0.25.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -42,7 +42,7 @@
     "postpublish": "./scripts/postpublish.sh"
   },
   "devDependencies": {
-    "@lobb-js/core": "^0.26.2",
+    "@lobb-js/core": "^0.28.0",
     "@chromatic-com/storybook": "^4.1.2",
     "@storybook/addon-a11y": "^10.0.1",
     "@storybook/addon-docs": "^10.0.1",

package/src/lib/components/Studio.svelte

@@ -11,6 +11,7 @@
     import { Router, Route, Fallback, init as initRouter } from "@wjfe/n-savant";
     import {
         executeExtensionsOnStartup,
+        executeExtensionsOnRouteChange,
         loadExtensions,
         loadExtensionWorkflows,
     } from "../extensions/extensionUtils";
@@ -55,6 +56,15 @@
             console.error(err);
             status = "error";
         }
+
+        // Fire onRouteChange hooks on every navigation
+        const onRouteChange = () => executeExtensionsOnRouteChange(lobb, ctx as any, window.location.pathname);
+        const originalPushState = history.pushState.bind(history);
+        history.pushState = function (...args) {
+            originalPushState(...args);
+            onRouteChange();
+        };
+        window.addEventListener("popstate", onRouteChange);
     });
 
     onDestroy(() => {

package/src/lib/extensions/extension.types.ts

@@ -119,6 +119,7 @@ export interface StudioWorkflow {
 export interface Extension {
     name: string;
     onStartup?: (utils: ExtensionUtils) => Promise<void>;
+    onRouteChange?: (utils: ExtensionUtils, path: string) => void;
     components?: Partial<Record<ExtensionComponentKey, ExtensionComponent>>;
     dashboardNavs?: DashboardNavs;
     workflows?: StudioWorkflow[];

package/src/lib/extensions/extensionUtils.ts

@@ -142,6 +142,17 @@ export async function executeExtensionsOnStartup(lobb: LobbClient, ctx: CTX) {
   }
 }
 
+export function executeExtensionsOnRouteChange(lobb: LobbClient, ctx: CTX, path: string) {
+  const extensionNames: string[] = Object.keys(ctx.extensions);
+  for (let index = 0; index < extensionNames.length; index++) {
+    const extensionName = extensionNames[index];
+    const extension = ctx.extensions[extensionName];
+    if (extension?.onRouteChange) {
+      extension.onRouteChange(getExtensionUtils(lobb, ctx), path);
+    }
+  }
+}
+
 export function getDashboardNavs(ctx: CTX): DashboardNavs {
   let navs: DashboardNavs = {
     top: [],