@equinor/fusion-framework-dev-portal 11.0.3 → 11.0.5

package/dev-server.ts

@@ -1,109 +0,0 @@
-import dotenv from 'dotenv';
-import { createDevServer, processServices } from '@equinor/fusion-framework-dev-server';
-
-import { name } from './package.json' with { type: 'json' };
-
-dotenv.config();
-
-const clientId = process.env.FUSION_MSAL_CLIENT_ID;
-const tenantId = process.env.FUSION_MSAL_TENANT_ID;
-const serviceDiscoveryUrl = process.env.FUSION_SERVICE_DISCOVERY_URL;
-const serviceScopes = JSON.parse(process.env.FUSION_SERVICE_SCOPE || '[]') as string[];
-
-// Fail fast when any required MSAL/service-discovery env var is missing
-if (!clientId) {
-  throw new Error('FUSION_MSAL_CLIENT_ID is not set');
-}
-// tenantId is equally required for MSAL configuration
-if (!tenantId) {
-  throw new Error('FUSION_MSAL_TENANT_ID is not set');
-}
-// Service discovery URL is required to resolve backend service URIs
-if (!serviceDiscoveryUrl) {
-  throw new Error('SERVICE_DISCOVERY_URL is not set');
-}
-// At least one service scope must be configured for auth requests
-if (serviceScopes.length === 0) {
-  throw new Error('SERVICE_SCOPES is not set');
-}
-
-(async () => {
-  const devServer = await createDevServer({
-    spa: {
-      templateEnv: {
-        portal: {
-          id: name,
-        },
-        title: 'Fusion SPA',
-        serviceDiscovery: {
-          url: '/@fusion-services',
-          scopes: serviceScopes,
-        },
-        msal: {
-          clientId,
-          tenantId,
-          redirectUri: '/authentication/login-callback',
-          requiresAuth: 'true',
-        },
-        serviceWorker: {
-          resources: [
-            {
-              url: '/apps-proxy',
-              rewrite: '/@fusion-api/apps',
-              scopes: serviceScopes,
-            },
-            {
-              url: '/@fusion-api/apps',
-              scopes: serviceScopes,
-            },
-            {
-              url: '/help-proxy',
-              rewrite: '/@fusion-api/help',
-              scopes: serviceScopes,
-            },
-            {
-              url: '/portal-proxy',
-              rewrite: '/@fusion-api/portals',
-              scopes: serviceScopes,
-            },
-          ],
-        },
-      },
-    },
-    api: {
-      serviceDiscoveryUrl,
-      processServices: (dataResponse, route) => {
-        const { data, routes } = processServices(dataResponse, route);
-        return {
-          data: data.concat({
-            key: 'portals',
-            name: 'Portal Service - MOCK',
-            uri: '/@fusion-api/portals',
-          }),
-          routes,
-        };
-      },
-      routes: [
-        {
-          match: `/portals/portals/${name}{@:tag}`,
-          middleware: async (req, res) => {
-            const url = new URL('/src/main.tsx', req.headers.referer);
-            res.writeHead(200, {
-              'content-type': 'application/json',
-            });
-            res.end(
-              JSON.stringify({
-                build: {
-                  config: {},
-                  entrypoint: url,
-                },
-              }),
-            );
-          },
-        },
-      ],
-    },
-  });
-  await devServer.listen();
-  devServer.printUrls();
-})();

package/src/AppLoader.tsx

@@ -1,135 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
-
-import { Subscription } from 'rxjs';
-import { last } from 'rxjs/operators';
-
-import { useFramework } from '@equinor/fusion-framework-react';
-
-import { useObservableState } from '@equinor/fusion-observable/react';
-
-import { AppManifestError } from '@equinor/fusion-framework-module-app/errors.js';
-
-import { ErrorViewer } from './ErrorViewer';
-import type { AppModule } from '@equinor/fusion-framework-module-app';
-import EquinorLoader from './EquinorLoader';
-import { getAppTagFromUrl } from './get-app-tag-from-url';
-
-/**
- * Loads, initializes, and mounts a Fusion application by its key.
- *
- * Sets the current app on the framework's app module, observes initialization
- * progress, and renders the app's script output into a private DOM element.
- * Displays a loading spinner while the app initializes and an error view if
- * manifest resolution or initialization fails.
- *
- * @param props.appKey - Unique key identifying the Fusion application to load.
- */
-export const AppLoader = (props: { readonly appKey: string }) => {
-  const { appKey } = props;
-  const fusion = useFramework<[AppModule]>();
-
-  /** reference of application section/container */
-  const ref = useRef<HTMLElement>(null);
-
-  const [loading, setLoading] = useState<boolean>(false);
-  const [error, setError] = useState<Error | undefined>();
-
-  // TODO(#5087): change to `useCurrentApp`
-  /** observe and use the current selected application from framework */
-  const { value: currentApp } = useObservableState(
-    useMemo(() => fusion.modules.app.current$, [fusion.modules.app]),
-  );
-
-  useEffect(() => {
-    const tag = getAppTagFromUrl();
-
-    // A `$tag` URL param takes precedence over the plain appKey
-    if (tag) {
-      fusion.modules.app.setCurrentApp({ appKey, tag });
-      return;
-    }
-    /** when appKey property change, assign it to current */
-    fusion.modules.app.setCurrentApp(appKey);
-  }, [appKey, fusion]);
-
-  useEffect(() => {
-    /** flag that application is loading */
-    setLoading(true);
-
-    /** clear previous errors */
-    setError(undefined);
-
-    /** create a teardown of load */
-    const subscription = new Subscription();
-
-    /** make sure that initialize is canceled and disposed if current app changes  */
-    subscription.add(
-      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');
-            // Guard against rendering before the mounting ref has attached
-            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 */
-    return () => subscription.unsubscribe();
-  }, [fusion, currentApp]);
-
-  // Render an error view when initialization or manifest resolution failed
-  if (error) {
-    // Render a dedicated view for manifest-resolution failures
-    if (error.cause instanceof AppManifestError) {
-      return (
-        <div>
-          <h2>🔥 Failed to load application manifest 🤬</h2>
-          <h3>{error.cause.type}</h3>
-          <ErrorViewer error={error} />
-        </div>
-      );
-    }
-    return (
-      <div>
-        <h2>🔥 Failed to load application 🤬</h2>
-        <ErrorViewer error={error} />
-      </div>
-    );
-  }
-
-  return (
-    <section id="app-section" ref={ref} style={{ display: 'contents' }}>
-      {loading && <EquinorLoader text="Loading Application" />}
-    </section>
-  );
-};
-
-export default AppLoader;

package/src/BookmarkSideSheet.tsx

@@ -1,47 +0,0 @@
-import { Button, Icon } from '@equinor/eds-core-react';
-import { Bookmark } from '@equinor/fusion-framework-react-components-bookmark';
-import { useBookmarkComponentContext } from '@equinor/fusion-framework-react-components-bookmark';
-import { SideSheet } from '@equinor/fusion-react-side-sheet';
-
-/** Props for the {@link BookmarkSideSheet} component. */
-type BookmarkSideSheetProps = {
-  /** Whether the side sheet is currently visible. */
-  readonly isOpen: boolean;
-  /** Callback invoked when the user dismisses the side sheet. */
-  readonly onClose: VoidFunction;
-};
-
-/**
- * Side sheet overlay for browsing and creating application bookmarks.
- *
- * Wraps the `Bookmark` component from `@equinor/fusion-framework-react-components-bookmark`
- * in a dismissible side sheet with an "Add Bookmark" action button.
- *
- * @param props - {@link BookmarkSideSheetProps}
- */
-export const BookmarkSideSheet = ({ isOpen, onClose }: BookmarkSideSheetProps) => {
-  const { provider, showCreateBookmark } = useBookmarkComponentContext();
-
-  return (
-    <SideSheet isOpen={isOpen} onClose={onClose} isDismissable={true} enableFullscreen={true}>
-      <SideSheet.Indicator color={'#258800'} />
-      <SideSheet.Title title="Bookmarks" />
-      <SideSheet.SubTitle subTitle={'Application bookmarks'} />
-      <SideSheet.Actions>
-        <Button
-          disabled={!provider?.canCreateBookmarks}
-          variant="ghost"
-          onClick={() => {
-            showCreateBookmark();
-            onClose();
-          }}
-        >
-          <Icon name="add" /> Add Bookmark
-        </Button>
-      </SideSheet.Actions>
-      <SideSheet.Content>
-        <Bookmark />
-      </SideSheet.Content>
-    </SideSheet>
-  );
-};

package/src/ContextSelector/ContextSelector.tsx

@@ -1,85 +0,0 @@
-import { useCallback, useEffect, useId, useMemo, type ReactElement } from 'react';
-import {
-  ContextProvider,
-  ContextSearch,
-  type ContextSearchProps,
-  type ContextSelectEvent,
-  ContextClearEvent,
-} from '@equinor/fusion-react-context-selector';
-import { useContextResolver } from './useContextResolver';
-
-/**
- * Context selector component wired to the current application's context module.
- *
- * Renders a search input with dropdown results from the Fusion context service.
- * When the user selects a context item, it is set as the current context on the
- * application's context provider. Clearing the selector resets the current context.
- *
- * @see {@link https://equinor.github.io/fusion-react-components/?path=/docs/data-contextselector--component | ContextSelector Storybook}
- * @param props - Passthrough props for the underlying `ContextSearch` component.
- * @returns The context selector element, or `null` if no context resolver is available.
- */
-export const ContextSelector = (props: ContextSearchProps): ReactElement | null => {
-  const contextSelectorId = useId();
-  const {
-    resolver,
-    provider,
-    currentContext: [selectedContextItem],
-  } = useContextResolver();
-
-  /** callback handler for context selector, when context is changed or cleared */
-  const onContextSelect = useCallback(
-    (e: Event | ContextSelectEvent) => {
-      // Only react to selection/clear events when a provider is available to update
-      if (provider) {
-        // 'select' carries a chosen context item; anything else means the selector was cleared
-        if (e.type === 'select') {
-          // The 'select' event's `Event` type doesn't reflect the CustomEvent detail payload
-          // dispatched by the underlying context-selector element, so a cast is required here.
-          const ev = e as unknown as ContextSelectEvent;
-          // Only set a new context when the user actually chose an item
-          if (ev.nativeEvent.detail.selected.length) {
-            provider.contextClient.setCurrentContext(ev.nativeEvent.detail.selected[0].id);
-          }
-        } else {
-          provider.clearCurrentContext();
-        }
-      }
-    },
-    [provider],
-  );
-
-  /**
-   * Clears context when ctx has been cleared outside the selector.
-   */
-  const clearEvent = useMemo(() => new ContextClearEvent({ date: Date.now() }), []);
-  useEffect(() => {
-    // Notify listeners only when the context was cleared outside this selector
-    if (!selectedContextItem) {
-      document.dispatchEvent(clearEvent);
-    }
-  }, [clearEvent, selectedContextItem]);
-
-  // Nothing to render until a context resolver has been resolved
-  if (!resolver) return null;
-
-  return (
-    <div style={{ flex: 1, maxWidth: '480px' }}>
-      <ContextProvider resolver={resolver}>
-        <ContextSearch
-          id={contextSelectorId}
-          placeholder={props.placeholder ?? 'Search for context'}
-          initialText={props.initialText ?? 'Start typing to search'}
-          dropdownHeight={props.dropdownHeight ?? '300px'}
-          variant={props.variant ?? 'header'}
-          onSelect={(e: ContextSelectEvent) => onContextSelect(e)}
-          selectTextOnFocus={true}
-          previewItem={selectedContextItem}
-          onClearContext={onContextSelect}
-        />
-      </ContextProvider>
-    </div>
-  );
-};
-
-export default ContextSelector;

package/src/ContextSelector/index.ts

@@ -1 +0,0 @@
-export { ContextSelector } from './ContextSelector';