@microsoft/windows-admin-center-sdk 6.0.0 → 6.1.0

package/{react-sdk-core → react}/hooks/useAppContextInit.js

@@ -1,5 +1,5 @@
 import { CoreEnvironment, Logging, PerformanceTracker, SmeWebTelemetry } from '@microsoft/windows-admin-center-sdk/core';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { take } from 'rxjs';
 import { firstValueFrom } from 'rxjs/internal/firstValueFrom';
 import AppContextService from '../services/AppContextService';
@@ -14,13 +14,21 @@ let globalCoreEnvironmentInitialized = false;
  * Handles: CoreEnvironment init, AppContextService creation, telemetry bootstrap.
  */
 export function useAppContextInit(options) {
-    const { moduleName = 'react-tool', version = '1.0.0', powerShellModuleName, powerShellPrefix } = options;
+    const { moduleName = 'react-tool', version = '1.0.0', powerShellModuleName, powerShellPrefix, onContextReady } = options;
     const [appContext, setAppContext] = useState(null);
     const [isInitialized, setIsInitialized] = useState(false);
     const [initError, setInitError] = useState(null);
     const appContextRef = useRef(null);
     const initializationRef = useRef(false);
     const telemetrySubscriptionRef = useRef(null);
+    const hasTrackedAppComponent = useRef(false);
+    useLayoutEffect(() => {
+        if (isInitialized && appContext && !hasTrackedAppComponent.current) {
+            hasTrackedAppComponent.current = true;
+            PerformanceTracker.navigationCompleted(true);
+            PerformanceTracker.appComponentInitialized();
+        }
+    }, [appContext, isInitialized]);
     useEffect(() => {
         // Prevent multiple initialization attempts
         if (initializationRef.current) {
@@ -49,6 +57,9 @@ export function useAppContextInit(options) {
                     });
                     globalCoreEnvironmentInitialized = true;
                 }
+                if (!isMounted)
+                    return;
+                PerformanceTracker.appModuleInitialized();
                 // Ensure extension context is properly set
                 MsftSme.self().Init.isShell = false;
                 MsftSme.self().Init.isExtension = true;
@@ -62,6 +73,7 @@ export function useAppContextInit(options) {
                 context.locale = ((_b = (_a = CoreEnvironment.localizationManager) === null || _a === void 0 ? void 0 : _a.getLocaleId()) === null || _b === void 0 ? void 0 : _b.neutral) || 'en-us';
                 if (!isMounted)
                     return;
+                onContextReady === null || onContextReady === void 0 ? void 0 : onContextReady(context);
                 setAppContext(context);
                 telemetrySubscriptionRef.current = SmeWebTelemetry.init(context)
                     .pipe(take(1))
@@ -74,6 +86,8 @@ export function useAppContextInit(options) {
                         Logging.logError('SmeWebTelemetry', `[${moduleName}] Error initializing SmeWebTelemetry: ${err}`);
                     }
                 });
+                PerformanceTracker.navigationInitialized();
+                PerformanceTracker.navigationStarted();
                 setIsInitialized(true);
             }
             catch (error) {
@@ -94,6 +108,8 @@ export function useAppContextInit(options) {
         // Cleanup on unmount
         return () => {
             isMounted = false;
+            PerformanceTracker.navigationCancelled();
+            hasTrackedAppComponent.current = false;
             if (telemetrySubscriptionRef.current) {
                 telemetrySubscriptionRef.current.unsubscribe();
                 telemetrySubscriptionRef.current = null;

package/{react-sdk-core → react}/index.js

@@ -1,5 +1,5 @@
 // Export Vite plugins
-// NOTE: Vite plugins are exported from '@microsoft/windows-admin-center-sdk/react-sdk-core/vite' subpath
+// NOTE: Vite plugins are exported from '@microsoft/windows-admin-center-sdk/react/vite' subpath
 // to avoid ESM resolution issues when loading vite.config.ts in Node
 // Export core services
 export { default as AppContextService } from './services/AppContextService';

package/react/services/BaseNavigationService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseNavigationService.d.ts","sourceRoot":"","sources":["../../src/services/BaseNavigationService.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAmB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAW,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,YAAY,EAEZ,WAAW,EACX,aAAa,EACb,eAAe,EACf,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAIrC,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,MAAM,EAAE,OAAO;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,qBAAa,qBAAqB;IAuBpB,SAAS,CAAC,UAAU,EAAE,eAAe;IAtBjD,SAAS,CAAC,MAAM,CAAC,eAAe,SAAQ;IACxC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAM;IACjC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAM;IAC/B,SAAS,CAAC,MAAM,EAAE,OAAO,CAAS;IAClC,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,CAM9D;IACF,SAAS,CAAC,iBAAiB,EAAE,YAAY,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAKhF;IACF,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC;;OAEG;gBACmB,UAAU,EAAE,eAAe;IAEjD;;;OAGG;IACI,UAAU,IAAI,IAAI;IAgBzB;;OAEG;IACI,QAAQ,IAAI,IAAI;IAIvB,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;IAezC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC;IAO3D;;OAEG;IACH,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC;IAqD3D;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,mBAAmB,CAAC;cAkBhD,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC;IAa/D,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC;CAIxE"}

package/{react-sdk-core → react}/services/BaseNavigationService.js

@@ -1,3 +1,6 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { SmeWebTelemetry } from '@microsoft/windows-admin-center-sdk/core';
 import { NativeQ } from '@microsoft/windows-admin-center-sdk/core/data/native-q';
 import { PerformanceProfile } from '@microsoft/windows-admin-center-sdk/core/performance/performance-profile';
 import { RpcDeactivateState, RpcOpenState, RpcOutboundCommands } from '@microsoft/windows-admin-center-sdk/core/rpc/rpc-base';
@@ -145,6 +148,7 @@ export class BaseNavigationService {
         this.active = true;
         // pull latest rpc forwarder services data when reactivated.
         await this.appContext.initialize();
+        SmeWebTelemetry.tracePageView({});
         PerformanceProfile.logRouteNavigation('NavigationService', startTimestamp, Date.now(), '[rpcActivate]', this.moduleName);
         return Promise.resolve();
     }

package/{react-sdk-core → react}/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,qBAAa,cAAc;IACzB,OAAc,OAAO,SAAW;CACjC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,qBAAa,cAAc;IACzB,OAAc,OAAO,SAAY;CAClC"}

package/react/version.js

@@ -0,0 +1,3 @@
+export class RuntimeVersion {
+}
+RuntimeVersion.version = '1.3.21';

package/{react-sdk-core → react}/vite/smeCoreStringsPlugin.d.ts

@@ -22,7 +22,7 @@ interface SmeCoreStringsOptions {
  * @example
  * ```ts
  * // vite.config.ts
- * import { smeCoreStringsPlugin } from '@microsoft/windows-admin-center-sdk/react-sdk-core/vite';
+ * import { smeCoreStringsPlugin } from '@microsoft/windows-admin-center-sdk/react/vite';
  *
  * export default defineConfig({
  *   plugins: [smeCoreStringsPlugin(), react()]

package/{react-sdk-core → react}/vite/smeCoreStringsPlugin.js

@@ -82,7 +82,7 @@ const collectFiles = (dir, base = dir) => {
  * @example
  * ```ts
  * // vite.config.ts
- * import { smeCoreStringsPlugin } from '@microsoft/windows-admin-center-sdk/react-sdk-core/vite';
+ * import { smeCoreStringsPlugin } from '@microsoft/windows-admin-center-sdk/react/vite';
  *
  * export default defineConfig({
  *   plugins: [smeCoreStringsPlugin(), react()]

package/{react-sdk-core → react}/vite/smeManifestResourcesPlugin.d.ts

@@ -23,7 +23,7 @@ export interface SmeManifestResourcesOptions {
  * @example
  * ```ts
  * // vite.config.ts
- * import { smeManifestResourcesPlugin } from '@microsoft/windows-admin-center-sdk/react-sdk-core/vite';
+ * import { smeManifestResourcesPlugin } from '@microsoft/windows-admin-center-sdk/react/vite';
  *
  * export default defineConfig({
  *   plugins: [smeManifestResourcesPlugin({ prefix: 'serviceViewer' }), react()]

package/{react-sdk-core → react}/vite/smeManifestResourcesPlugin.js

@@ -98,7 +98,7 @@ const getStringsFileName = (prefix) => `${prefix}_strings.json`;
  * @example
  * ```ts
  * // vite.config.ts
- * import { smeManifestResourcesPlugin } from '@microsoft/windows-admin-center-sdk/react-sdk-core/vite';
+ * import { smeManifestResourcesPlugin } from '@microsoft/windows-admin-center-sdk/react/vite';
  *
  * export default defineConfig({
  *   plugins: [smeManifestResourcesPlugin({ prefix: 'serviceViewer' }), react()]

package/{react-sdk-core → react}/vite/smePowerShellPlugin.d.ts

@@ -20,7 +20,7 @@ export interface SmePowerShellOptions {
  * @example
  * ```ts
  * // vite.config.ts
- * import { smePowerShellPlugin } from '@microsoft/windows-admin-center-sdk/react-sdk-core/vite';
+ * import { smePowerShellPlugin } from '@microsoft/windows-admin-center-sdk/react/vite';
  *
  * export default defineConfig({
  *   plugins: [

package/{react-sdk-core → react}/vite/smePowerShellPlugin.js

@@ -79,7 +79,7 @@ const generatePowerShellModule = (ps1Files, moduleName, prefix) => {
  * @example
  * ```ts
  * // vite.config.ts
- * import { smePowerShellPlugin } from '@microsoft/windows-admin-center-sdk/react-sdk-core/vite';
+ * import { smePowerShellPlugin } from '@microsoft/windows-admin-center-sdk/react/vite';
  *
  * export default defineConfig({
  *   plugins: [