fix(cli): apploader only emits the latest result to prevent doubble l…

…oading app (#2606)

.changeset/thin-baboons-doubt.md

@@ -0,0 +1,12 @@
+---
+'@equinor/fusion-framework-cli': patch
+---
+
+### Modified Files
+
+`AppLoader.tsx`
+
+### Changes
+
+- Added import for last operator from rxjs/operators.
+- Updated the initialize subscription to use the last operator.

packages/cli/src/bin/dev-portal/AppLoader.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 
 import { Subscription } from 'rxjs';
+import { last } from 'rxjs/operators';
 
 import { useFramework } from '@equinor/fusion-framework-react';
 
@@ -52,39 +53,44 @@ export const AppLoader = (props: { readonly appKey: string }) => {
 
         /** make sure that initialize is canceled and disposed if current app changes  */
         subscription.add(
-            currentApp?.initialize().subscribe({
-                next: ({ manifest, script, config }) => {
-                    /** generate basename for application */
-                    const [basename] = window.location.pathname.match(
-                        /\/?apps\/[a-z|-]+(\/)?/g,
-                    ) ?? [''];
-
-                    /** create a 'private' element for the application */
-                    const el = document.createElement('div');
-                    if (!ref.current) {
-                        throw Error('Missing application mounting point');
-                    }
-
-                    ref.current.appendChild(el);
-
-                    /** extract render callback function from javascript module */
-                    const render = script.renderApp ?? script.default;
-
-                    /** add application teardown to current render effect teardown */
-                    subscription.add(render(el, { fusion, env: { basename, config, manifest } }));
-
-                    /** remove app element when application unmounts */
-                    subscription.add(() => el.remove());
-                },
-                complete: () => {
-                    /** flag that application is no longer loading */
-                    setLoading(false);
-                },
-                error: (err) => {
-                    /** set error if initialization of application fails */
-                    setError(err);
-                },
-            }),
+            currentApp
+                ?.initialize()
+                .pipe(last())
+                .subscribe({
+                    next: ({ manifest, script, config }) => {
+                        /** generate basename for application */
+                        const [basename] = window.location.pathname.match(
+                            /\/?apps\/[a-z|-]+(\/)?/g,
+                        ) ?? [''];
+
+                        /** create a 'private' element for the application */
+                        const el = document.createElement('div');
+                        if (!ref.current) {
+                            throw Error('Missing application mounting point');
+                        }
+
+                        ref.current.appendChild(el);
+
+                        /** extract render callback function from javascript module */
+                        const render = script.renderApp ?? script.default;
+
+                        /** add application teardown to current render effect teardown */
+                        subscription.add(
+                            render(el, { fusion, env: { basename, config, manifest } }),
+                        );
+
+                        /** remove app element when application unmounts */
+                        subscription.add(() => el.remove());
+                    },
+                    complete: () => {
+                        /** flag that application is no longer loading */
+                        setLoading(false);
+                    },
+                    error: (err) => {
+                        /** set error if initialization of application fails */
+                        setError(err);
+                    },
+                }),
         );
 
         /** teardown application when hook unmounts */