@nsshunt/stsuxvue 1.0.69 → 1.0.71

package/dist/stsuxvue.cjs

@@ -10331,7 +10331,6 @@ class ObservabilitySubscriberManager extends SocketIoClient {
   #options;
   #tinyEmitter;
   #id;
-  logPrefix = `stsuxvue:ObservabilitySubscriberManager:`;
   constructor(options) {
     super("STSVueTilsTester");
     this.#id = v4();
@@ -10346,6 +10345,13 @@ class ObservabilitySubscriberManager extends SocketIoClient {
   get id() {
     return this.#id;
   }
+  get logPrefix() {
+    if (this.#options) {
+      return `stsuxvue:ObservabilitySubscriberManager[${this.#options.consumeInstrumentationMode}]:`;
+    } else {
+      return `stsuxvue:ObservabilitySubscriberManager:`;
+    }
+  }
   #SocketIOConnect = (socket) => {
     try {
       this.LogDebugMessage(chalk.cyan(`${this.logPrefix}SocketIOConnect(): Starting`));
@@ -10368,10 +10374,10 @@ class ObservabilitySubscriberManager extends SocketIoClient {
         }
         if (this.#state.localeCompare("init") === 0) {
           this.LogDebugMessage(chalk.cyan(`${this.logPrefix}SocketIOConnect(): state = init`));
-          this.LogDebugMessage(chalk.cyan(`${this.logPrefix}SocketIOConnect(): observabilitySubscriptionManager Start`));
-          this.#observabilitySubscriptionManager?.Start();
-          this.#state = "started";
           this.LogDebugMessage(chalk.cyan(`${this.logPrefix}SocketIOConnect(): state = started`));
+          this.#state = "started";
+          this.LogDebugMessage(chalk.cyan(`${this.logPrefix}SocketIOConnect(): tinyEmitter.emit('connected')`));
+          this.#tinyEmitter.emit("connected");
         } else {
           this.LogDebugMessage(chalk.cyan(`${this.logPrefix}SocketIOConnect(): Socket ids are different - update with new socket`));
           if (observabilitySocketIOSubscriber.socket) {
@@ -10582,6 +10588,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const store = ModelStore();
     let observabilitySubscriberManager = null;
+    const baseColour = chalk.hex("#57A1A8");
+    const LogDebug = (message) => {
+      stsutils.defaultLogger.debug(baseColour(`stsuxvue:UXModelNavigator:${message}`));
+    };
     const TransformSubscriptionPayloadCallback = (subscriptionPayload) => {
       observabilitySubscriberManager?.TransformSubscriptionPayloadCallback(subscriptionPayload);
     };
@@ -10686,6 +10696,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       obj.subscriptions.push(navSubscriptions);
       navSubscriptions = subscriptions;
       obj.currentSubscriptions = subscriptions;
+      LogDebug(`navigate: observabilitySubscriberManager().UpdateModelCursor(${JSON.stringify(subscriptions)})`);
       observabilitySubscriberManager?.UpdateModelCursor(subscriptions);
     };
     const GoBack = function() {
@@ -10694,27 +10705,35 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         if (key) {
           navSubscriptions = key;
           obj.currentSubscriptions = key;
+          LogDebug(`GoBack: observabilitySubscriberManager().UpdateModelCursor(${JSON.stringify(navSubscriptions)})`);
           observabilitySubscriberManager?.UpdateModelCursor(navSubscriptions);
+        } else {
+          LogDebug(`GoBack: subscriptions key not defined`);
         }
+      } else {
+        LogDebug(`GoBack: subscriptions empty`);
       }
     };
     const TopLevel = function() {
       obj.subscriptions = [];
       navSubscriptions = rootLevelSubscriptions;
       obj.currentSubscriptions = rootLevelSubscriptions;
+      LogDebug(`TopLevel: observabilitySubscriberManager().UpdateModelCursor(${JSON.stringify(navSubscriptions)})`);
       observabilitySubscriberManager?.UpdateModelCursor(navSubscriptions);
     };
     vue.onMounted(() => {
-      console.log(`UXModelNavigator: onMounted()`);
+      LogDebug(`onMounted()`);
     });
     vue.onBeforeUnmount(() => {
-      console.log(`UXModelNavigator: onBeforeUnmount()`);
+      LogDebug(`onBeforeUnmount()`);
       Stop();
     });
     let tab = vue.ref(null);
     const Stop = () => {
+      LogDebug(`Stop()`);
       store.UpdateSate(props.modelId, _estate.STOPPING);
       if (observabilitySubscriberManager) {
+        LogDebug(`Stop(): Unsubscribe()`);
         observabilitySubscriberManager.Unsubscribe();
         store.UpdateObservabilitySubscriberManager(observabilitySubscriberManager.id, null);
       }
@@ -10722,11 +10741,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       store.UpdateSate(props.modelId, _estate.IDLE);
     };
     const Start = async (options) => {
+      LogDebug(`Start()`);
       store.UpdateSate(props.modelId, _estate.STARTING);
+      LogDebug(`Start(): new ObservabilitySubscriberManager(), Options: ${JSON.stringify(options)}`);
       observabilitySubscriberManager = new ObservabilitySubscriberManager(options);
       store.UpdateObservabilitySubscriberManager(observabilitySubscriberManager.id, observabilitySubscriberManager);
+      LogDebug(`Start(): observabilitySubscriberManager().Start(): Mode: [${options.consumeInstrumentationMode}]`);
       await observabilitySubscriberManager.Start();
       obj.currentSubscriptions = rootLevelSubscriptions;
+      LogDebug(`Start(): observabilitySubscriberManager().UpdateModelCursor(): Mode: [${options.consumeInstrumentationMode}] rootLevelSubscriptions: [(${JSON.stringify(rootLevelSubscriptions)}]`);
       observabilitySubscriberManager?.UpdateModelCursor(rootLevelSubscriptions);
       store.UpdateSate(props.modelId, _estate.STARTED);
     };