@finos/legend-application 8.0.2 → 9.0.1

package/src/components/LegendApplicationComponentFrameworkProvider.tsx

@@ -14,24 +14,28 @@
  * limitations under the License.
  */
 
-import { LegendStyleProvider } from '@finos/legend-art';
+import { Backdrop, LegendStyleProvider } from '@finos/legend-art';
+import { observer } from 'mobx-react-lite';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { ActionAlert } from './ActionAlert.js';
+import { useApplicationStore } from './ApplicationStoreProvider.js';
 import { BlockingAlert } from './BlockingAlert.js';
 import { NotificationManager } from './NotificationManager.js';
 
-export const LegendApplicationComponentFrameworkProvider: React.FC<{
-  children: React.ReactNode;
-}> = (props) => {
-  const { children } = props;
+export const LegendApplicationComponentFrameworkProvider = observer(
+  (props: { children: React.ReactNode }) => {
+    const { children } = props;
+    const applicationStore = useApplicationStore();
 
-  return (
-    <LegendStyleProvider>
-      <BlockingAlert />
-      <ActionAlert />
-      <NotificationManager />
-      <DndProvider backend={HTML5Backend}>{children}</DndProvider>
-    </LegendStyleProvider>
-  );
-};
+    return (
+      <LegendStyleProvider>
+        <BlockingAlert />
+        <ActionAlert />
+        <NotificationManager />
+        <Backdrop className="backdrop" open={applicationStore.showBackdrop} />
+        <DndProvider backend={HTML5Backend}>{children}</DndProvider>
+      </LegendStyleProvider>
+    );
+  },
+);

package/src/components/NotificationManager.tsx

@@ -164,7 +164,7 @@ export const NotificationManager = observer(() => {
             key="close"
             onClick={handleClose}
             tabIndex={-1}
-            title={'Dismiss'}
+            title="Dismiss"
           >
             <TimesIcon />
           </button>,

package/src/components/WebApplicationNavigatorProvider.tsx

@@ -17,9 +17,9 @@
 import { guaranteeNonNullable } from '@finos/legend-shared';
 import { useLocalObservable } from 'mobx-react-lite';
 import { createContext, useContext } from 'react';
-import { useHistory } from 'react-router';
 import type { History } from 'history';
 import { WebApplicationNavigator } from '../stores/WebApplicationNavigator.js';
+import { useHistory } from 'react-router';
 
 const WebApplicationNavigatorContext = createContext<
   WebApplicationNavigator | undefined

package/src/components/{shared/execution-plan-viewer → execution-plan-viewer}/ExecutionPlanViewer.tsx

@@ -43,7 +43,7 @@ import {
   ExecutionPlanViewTreeNodeData,
   EXECUTION_PLAN_VIEW_MODE,
   type ExecutionPlanState,
-} from '../../../stores/shared/ExecutionPlanState.js';
+} from '../../stores/ExecutionPlanState.js';
 import { observer } from 'mobx-react-lite';
 import {
   ExecutionPlan,
@@ -52,8 +52,8 @@ import {
   RelationalTDSInstantiationExecutionNode,
   type RawExecutionPlan,
 } from '@finos/legend-graph';
-import { EDITOR_LANGUAGE, TAB_SIZE } from '../../../const.js';
-import { TextInputEditor } from '../TextInputEditor.js';
+import { EDITOR_LANGUAGE, TAB_SIZE } from '../../const.js';
+import { TextInputEditor } from '../shared/TextInputEditor.js';
 import { SQLExecutionNodeViewer } from './SQLExecutionNodeViewer.js';
 
 /**

package/src/components/{shared/execution-plan-viewer → execution-plan-viewer}/SQLExecutionNodeViewer.tsx

@@ -15,11 +15,11 @@
  */
 
 import { observer } from 'mobx-react-lite';
-import type { ExecutionPlanState } from '../../../stores/shared/ExecutionPlanState.js';
+import type { ExecutionPlanState } from '../../stores/ExecutionPlanState.js';
 import { format } from 'sql-formatter';
 import type { SQLResultColumn } from '@finos/legend-graph';
-import { TextInputEditor } from '../TextInputEditor.js';
-import { EDITOR_LANGUAGE } from '../../../const.js';
+import { TextInputEditor } from '../shared/TextInputEditor.js';
+import { EDITOR_LANGUAGE } from '../../const.js';
 
 /**
  * TODO: Create a new `AbstractPlugin` for this, called `ExecutionPlanViewerPlugin`

package/src/components/shared/DocumentationLink.tsx

@@ -33,7 +33,7 @@ export const DocumentationLink: React.FC<{
           documentationKey,
         );
       } else if (documentationEntry.url) {
-        applicationStore.navigator.openNewWindow(documentationEntry.url);
+        applicationStore.navigator.visitAddress(documentationEntry.url);
       }
     }
   };
@@ -53,3 +53,27 @@ export const DocumentationLink: React.FC<{
     />
   );
 };
+
+export const DocumentationPreview: React.FC<{
+  text?: string | undefined;
+  documentationKey: string;
+  className?: string | undefined;
+}> = (props) => {
+  const { documentationKey, text, className } = props;
+  const applicationStore = useApplicationStore();
+  const documentationEntry =
+    applicationStore.documentationService.getDocEntry(documentationKey);
+  const textContent = text ?? documentationEntry?.text;
+
+  if (!documentationEntry || !textContent) {
+    return null;
+  }
+  return (
+    <div className={clsx('documentation-preview', className)}>
+      <div className="documentation-preview__text">{textContent}</div>
+      <div className="documentation-preview__hint">
+        <DocumentationLink documentationKey={documentationKey} />
+      </div>
+    </div>
+  );
+};

package/src/components/shared/{PackageableElementOptionRenderer.tsx → PackageableElementOptionLabel.tsx}

@@ -51,17 +51,17 @@ export const getPackageableElementOptionFormatter = (props: {
     option: PackageableElementOption<PackageableElement>,
   ): React.ReactNode {
     const className = props.darkMode
-      ? 'packageable-element-format-option-label--dark'
-      : 'packageable-element-format-option-label';
+      ? 'packageable-element-option-label--dark'
+      : 'packageable-element-option-label';
     const colorCode = getElementColorCode(option.value);
 
     return (
       <div className={className}>
         <div
           title={generateOptionTooltipText(option.value)}
-          className={`packageable-element-format-option-label-type ${
+          className={`packageable-element-option-label__type ${
             colorCode
-              ? `packageable-element-format-option-label-type--${colorCode}`
+              ? `packageable-element-option-label__type--${colorCode}`
               : ''
           } `}
         ></div>

package/src/components/shared/TextInputEditor.tsx

@@ -20,7 +20,6 @@ import {
   type IKeyboardEvent,
   editor as monacoEditorAPI,
 } from 'monaco-editor';
-import { useResizeDetector } from 'react-resize-detector';
 import {
   disposeEditor,
   disableEditorHotKeys,
@@ -28,6 +27,7 @@ import {
   resetLineNumberGutterWidth,
   getEditorValue,
   normalizeLineEnding,
+  useResizeDetector,
 } from '@finos/legend-art';
 import { type EDITOR_LANGUAGE, EDITOR_THEME, TAB_SIZE } from '../../const.js';
 import { useApplicationStore } from '../ApplicationStoreProvider.js';
@@ -78,7 +78,6 @@ export const TextInputEditor: React.FC<{
    */
   const value = normalizeLineEnding(inputValue);
   const textInputRef = useRef<HTMLDivElement>(null);
-
   const { ref, width, height } = useResizeDetector<HTMLDivElement>();
 
   useEffect(() => {

package/src/index.ts

@@ -41,21 +41,21 @@ export * from './stores/LegendApplicationPlugin.js';
 
 export * from './components/shared/TextSearchAdvancedConfigMenu.js';
 export * from './stores/shared/TextSearchAdvancedConfigState.js';
+export * from './stores/LegendApplicationDocumentation.js';
 
 export * from './stores/ApplicationStoreTestUtils.js';
+export * from './stores/WebApplicationRouter.js';
 
 // ------------------------------------------- Shared components -------------------------------------------
 
 export * from './components/shared/DocumentationLink.js';
 export * from './components/shared/TextInputEditor.js';
-export * from './components/shared/LambdaEditor.js';
-export * from './components/shared/BasicValueSpecificationEditor.js';
-export * from './components/shared/LambdaParameterValuesEditor.js';
-export * from './components/shared/PackageableElementOptionRenderer.js';
-export * from './components/shared/execution-plan-viewer/ExecutionPlanViewer.js';
+export * from './components/shared/PackageableElementOptionLabel.js';
 
-export { LambdaEditorState } from './stores/shared/LambdaEditorState.js';
 export * from './stores/shared/PackageableElementOption.js';
-export * from './stores/shared/LambdaParameterState.js';
-export * from './stores/shared/ValueSpecificationModifierHelper.js';
-export * from './stores/shared/ExecutionPlanState.js';
+
+/**
+ * @modularize
+ */
+export * from './components/execution-plan-viewer/ExecutionPlanViewer.js';
+export * from './stores/ExecutionPlanState.js';

package/src/stores/ApplicationStore.ts

@@ -136,6 +136,9 @@ export class ApplicationStore<
   telemetryService = new TelemetryService();
   tracerService = new TracerService();
 
+  // misc
+  showBackdrop = false;
+
   // theme
   /**
    * NOTE: this is the poor man way of doing theming
@@ -150,6 +153,8 @@ export class ApplicationStore<
       blockingAlertInfo: observable,
       actionAlertInfo: observable,
       TEMPORARY__isLightThemeEnabled: observable,
+      showBackdrop: observable,
+      setShowBackdrop: action,
       setBlockingAlert: action,
       setActionAlertInfo: action,
       setNotification: action,
@@ -185,6 +190,10 @@ export class ApplicationStore<
     this.TEMPORARY__isLightThemeEnabled = val;
   }
 
+  setShowBackdrop(val: boolean): void {
+    this.showBackdrop = val;
+  }
+
   setBlockingAlert(alertInfo: BlockingAlertInfo | undefined): void {
     this.blockingAlertInfo = alertInfo;
   }
@@ -335,18 +344,12 @@ export class ApplicationStore<
     };
 
   async copyTextToClipboard(text: string): Promise<void> {
-    if (
-      typeof navigator.clipboard === 'object' &&
-      typeof navigator.clipboard.writeText === 'function'
-    ) {
-      // This is a much cleaner way which requires HTTPS
-      // See https://developers.google.com/web/updates/2018/03/clipboardapi
-      await navigator.clipboard.writeText(text).catch((error) => {
-        this.notifyError(error);
-      });
-      return;
-    }
-    this.notifyError('Browser does not support clipboard functionality');
+    // This is a much cleaner way which requires HTTPS
+    // See https://developers.google.com/web/updates/2018/03/clipboardapi
+    await navigator.clipboard.writeText(text).catch((error) => {
+      this.notifyError(error);
+    });
+    return;
   }
 
   notifyUnsupportedFeature(featureName: string): void {

package/src/stores/AssistantService.ts

@@ -17,7 +17,7 @@
 import { action, makeObservable, observable, computed } from 'mobx';
 import type { DocumentationEntry } from './DocumentationService.js';
 import type { GenericLegendApplicationStore } from './ApplicationStore.js';
-import { Fuse } from './CJS__Fuse.cjs';
+import { Fuse } from '@finos/legend-art';
 import {
   type MarkdownText,
   guaranteeNonEmptyString,

package/src/stores/{shared/ExecutionPlanState.ts → ExecutionPlanState.ts}

@@ -21,7 +21,7 @@ import {
   ExecutionPlan,
   ExecutionNode,
 } from '@finos/legend-graph';
-import type { GenericLegendApplicationStore } from '../ApplicationStore.js';
+import type { GenericLegendApplicationStore } from './ApplicationStore.js';
 import type { TreeNodeData } from '@finos/legend-art';
 
 export class ExecutionPlanViewTreeNodeData implements TreeNodeData {

package/src/stores/LegendApplicationDocumentation.ts

@@ -16,4 +16,5 @@
 
 export enum LEGEND_APPLICATION_DOCUMENTATION_KEY {
   QUESTION_HOW_TO_USE_ADVANCED_SEARCH_SYNTAX = 'question.how-to-use-advanced-search-syntax',
+  QUESTION_WHEN_TO_CONFIGURE_PLATFORM_VERSIONS = 'question.when-to-configure-project-platform-dependencies-versions',
 }

package/src/stores/WebApplicationNavigator.ts

@@ -16,44 +16,102 @@
 
 import type { History } from 'history';
 import { guaranteeNonNullable } from '@finos/legend-shared';
+import { action, computed, makeObservable, observable } from 'mobx';
+
+type Location = string;
+type Address = string;
 
 /**
- * This is an initial attempt to try to generalize the application
- * to other platforms. But regardless, this is more convenient for testing.
+ * This is an initial attempt to generalize the application navigation to other platforms
  *
- * NOTE: this is **NOT** the right way to do this. Our intention here is to make
+ * NOTE: this might **NOT** be the right way to do this. Our intention here is to make
  * app navigator something generic enough so we are somewhat platform-agnostic
  * i.e. browser, electron, PC, UNIX, etc.
  *
- * Parameterize on the type of the location might not be the best thing to do.
- * Because typing wise, this forces us to also parameterize consumers of this,
- * which is `ApplicationStore`. It means that we must dictate in the source
- * code the platform the app depends on, clearly for web browser, `string` is the
- * easy option, but if we do so, it defeats the purpose of this abstraction in the
- * first place.
- *
- * As such, instead, we should design a more generic concept `Location` to pass around.
- * We would need to flesh out the details, but this is the rough idea.
- *
- * Another thought is that we should also generalize Router so it handles more than just
+ * We should design a more advanced concept `Location` to pass around.
+ * Also, we should also generalize Router so it handles more than just
  * URLs. If we make `router` and `navigator` work together, we can potentially generalize
  * application navigation
  *
  * However, this depends on how and when we move to another platform, like `electron` for example
  * See https://github.com/finos/legend-studio/issues/718
  */
-interface ApplicationNavigator<T> {
+interface ApplicationNavigator {
+  /**
+   * Navigate to the specified location
+   */
+  goToLocation(location: Location): void;
+
+  /**
+   * Navigate to the specified location and reload the application
+   */
+  reloadToLocation(
+    location: Location,
+    options?: { ignoreBlocking?: boolean | undefined },
+  ): void;
+
+  /**
+   * Reload the application using the same address
+   */
   reload(): void;
-  goTo(location: T): void;
-  jumpTo(location: T): void;
-  openNewWindow(location: T): void;
-  getCurrentLocation(): T;
-  getCurrentLocationPath(): T;
-  generateLocation(locationPath: T): T;
+
+  /**
+   * Visit the specified address
+   *
+   * NOTE: unless specified, the visit will be done in a new window
+   */
+  visitAddress(
+    address: Address,
+    options?: {
+      useSameWindow?: boolean | undefined;
+    },
+  ): void;
+
+  getCurrentAddress(): Address;
+  getCurrentLocation(): Location;
+  generateAddress(location: Location): Address;
+
+  /**
+   * Disable platform native navigation feature
+   *
+   * e.g. in web browser, we will block back/forward buttons
+   */
+  blockPlatformNavigation(blockCheckers: (() => boolean)[]): void;
+  unblockPlatformNavigation(): void;
+  get isPlatformNavigationBlocked(): boolean;
 }
 
-export class WebApplicationNavigator implements ApplicationNavigator<string> {
+export class WebApplicationNavigator implements ApplicationNavigator {
   private readonly historyAPI: History;
+  private _isPlatformNavigationBlocked = false;
+  private _forceBypassPlatformNavigationBlocking = false;
+  private _blockCheckers: (() => boolean)[] = [];
+  private _beforeUnloadListener = (event: BeforeUnloadEvent): void => {
+    if (this._forceBypassPlatformNavigationBlocking) {
+      return;
+    }
+    if (this._blockCheckers.some((checker) => checker())) {
+      // NOTE: there is no way to customize the alert message for now since Chrome removed support for it due to security concerns
+      // See https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#Browser_compatibility
+      event.returnValue = '';
+    }
+  };
+
+  notifier?: ((message: string) => void) | undefined;
+
+  constructor(historyApiClient: History) {
+    makeObservable<WebApplicationNavigator, '_isPlatformNavigationBlocked'>(
+      this,
+      {
+        _isPlatformNavigationBlocked: observable,
+        isPlatformNavigationBlocked: computed,
+        blockPlatformNavigation: action,
+        unblockPlatformNavigation: action,
+      },
+    );
+
+    this.historyAPI = historyApiClient;
+  }
 
   private get window(): Window {
     return guaranteeNonNullable(
@@ -62,38 +120,90 @@ export class WebApplicationNavigator implements ApplicationNavigator<string> {
     );
   }
 
-  constructor(historyApiClient: History) {
-    this.historyAPI = historyApiClient;
-  }
-
-  reload(): void {
-    this.window.location.reload();
+  goToLocation(location: Location): void {
+    this.historyAPI.push(location);
   }
 
-  goTo(location: string): void {
-    this.historyAPI.push(location);
+  reloadToLocation(
+    location: Location,
+    options?: { ignoreBlocking?: boolean | undefined },
+  ): void {
+    if (options?.ignoreBlocking) {
+      this._forceBypassPlatformNavigationBlocking = true;
+    }
+    // if (
+    //   this._isPlatformNavigationBlocked &&
+    //   !this._forceBypassPlatformNavigationBlocking
+    // ) {
+    //   this.notifier
+    //   return;
+    // }
+    this.window.location.href = this.generateAddress(location);
   }
 
-  jumpTo(location: string): void {
-    this.window.location.href = location;
+  reload(options?: { ignoreBlocking?: boolean | undefined }): void {
+    if (options?.ignoreBlocking) {
+      this._forceBypassPlatformNavigationBlocking = true;
+    }
+    this.window.location.reload();
   }
 
-  openNewWindow(location: string): void {
-    this.window.open(location, '_blank');
+  visitAddress(
+    address: Address,
+    options?: {
+      useSameWindow?: boolean | undefined;
+    },
+  ): void {
+    if (options?.useSameWindow) {
+      this.window.location.href = address;
+    } else {
+      this.window.open(address, '_blank');
+    }
   }
 
-  getCurrentLocation(): string {
+  getCurrentAddress(): Address {
     return this.window.location.href;
   }
 
-  getCurrentLocationPath(): string {
+  getCurrentLocation(): Location {
     return this.historyAPI.location.pathname;
   }
 
-  generateLocation(locationPath: string): string {
+  generateAddress(location: Location): string {
     return (
-      window.location.origin +
-      this.historyAPI.createHref({ pathname: locationPath })
+      this.window.location.origin +
+      this.historyAPI.createHref({ pathname: location })
     );
   }
+
+  blockPlatformNavigation(blockCheckers: (() => boolean)[]): void {
+    this._isPlatformNavigationBlocked = true;
+
+    // Here we attempt to cancel the effect of the back button
+    // See https://medium.com/codex/angular-guards-disabling-browsers-back-button-for-specific-url-fdf05d9fe155#4f13
+    // This makes the current location the last entry in the browser history and clears any forward history
+    this.window.history.pushState(null, '', this.getCurrentAddress());
+    // The popstate event is triggered every time the user clicks back/forward button, but the forward history
+    // has been cleared, and now if we go back, we call `history.forward()`, which go 1 page forward,
+    // but there's no page forward, so effectively, the user remains on the same page
+    this.window.onpopstate = () => {
+      window.history.forward();
+    };
+
+    // Block browser navigation: e.g. reload, setting `window.href` directly, etc.
+    this._blockCheckers = blockCheckers;
+    this.window.removeEventListener('beforeunload', this._beforeUnloadListener);
+    this.window.addEventListener('beforeunload', this._beforeUnloadListener);
+  }
+
+  unblockPlatformNavigation(): void {
+    this._isPlatformNavigationBlocked = false;
+    this.window.onpopstate = null;
+    this._blockCheckers = [];
+    this.window.removeEventListener('beforeunload', this._beforeUnloadListener);
+  }
+
+  get isPlatformNavigationBlocked(): boolean {
+    return this._isPlatformNavigationBlocked;
+  }
 }

package/{lib/components/ApplicationTestID.d.ts → src/stores/WebApplicationRouter.ts}

@@ -13,7 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare enum APPLICATION_TEST_ID {
-    LAMBDA_EDITOR__EDITOR_INPUT = "lambda-editor__editor__input"
-}
-//# sourceMappingURL=ApplicationTestID.d.ts.map
+
+export { BrowserRouter } from 'react-router-dom';
+export {
+  Router,
+  Route,
+  Switch,
+  Redirect,
+  useParams,
+  generatePath,
+  MemoryRouter,
+} from 'react-router';
+export { createMemoryHistory } from 'history';

package/tsconfig.json

@@ -31,7 +31,6 @@
     "./src/const.ts",
     "./src/index.ts",
     "./src/application/LegendApplicationConfig.ts",
-    "./src/components/ApplicationTestID.ts",
     "./src/stores/ApplicationEvent.ts",
     "./src/stores/ApplicationNavigationContextService.ts",
     "./src/stores/ApplicationStore.ts",
@@ -40,16 +39,14 @@
     "./src/stores/AssistantService.ts",
     "./src/stores/DocumentationService.ts",
     "./src/stores/EventService.ts",
+    "./src/stores/ExecutionPlanState.ts",
     "./src/stores/LegendApplicationDocumentation.ts",
     "./src/stores/LegendApplicationPlugin.ts",
     "./src/stores/PureLanguageSupport.ts",
     "./src/stores/WebApplicationNavigator.ts",
-    "./src/stores/shared/ExecutionPlanState.ts",
-    "./src/stores/shared/LambdaEditorState.ts",
-    "./src/stores/shared/LambdaParameterState.ts",
+    "./src/stores/WebApplicationRouter.ts",
     "./src/stores/shared/PackageableElementOption.ts",
     "./src/stores/shared/TextSearchAdvancedConfigState.ts",
-    "./src/stores/shared/ValueSpecificationModifierHelper.ts",
     "./src/application/LegendApplication.tsx",
     "./src/application/LegendApplicationPluginManager.tsx",
     "./src/components/ActionAlert.tsx",
@@ -62,23 +59,17 @@
     "./src/components/VirtualAssistant.tsx",
     "./src/components/WebApplicationNavigatorProvider.tsx",
     "./src/components/WebApplicationNavigatorProviderTestUtils.tsx",
-    "./src/components/shared/BasicValueSpecificationEditor.tsx",
-    "./src/components/shared/CustomDatePicker.tsx",
+    "./src/components/execution-plan-viewer/ExecutionPlanViewer.tsx",
+    "./src/components/execution-plan-viewer/SQLExecutionNodeViewer.tsx",
     "./src/components/shared/DocumentationLink.tsx",
-    "./src/components/shared/LambdaEditor.tsx",
-    "./src/components/shared/LambdaParameterValuesEditor.tsx",
-    "./src/components/shared/PackageableElementOptionRenderer.tsx",
+    "./src/components/shared/PackageableElementOptionLabel.tsx",
     "./src/components/shared/TextInputEditor.tsx",
-    "./src/components/shared/TextSearchAdvancedConfigMenu.tsx",
-    "./src/components/shared/execution-plan-viewer/ExecutionPlanViewer.tsx",
-    "./src/components/shared/execution-plan-viewer/SQLExecutionNodeViewer.tsx",
-    "./src/stores/CJS__Fuse.cts"
+    "./src/components/shared/TextSearchAdvancedConfigMenu.tsx"
   ],
   "include": [
     "src/**/*.ts",
     "src/**/*.tsx",
-    "src/**/*.json",
-    "src/**/*.cts"
+    "src/**/*.json"
   ],
   "exclude": [
     "src/**/__tests__/**/*.*",

package/lib/components/ApplicationTestID.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationTestID.d.ts","sourceRoot":"","sources":["../../src/components/ApplicationTestID.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,oBAAY,mBAAmB;IAC7B,2BAA2B,iCAAiC;CAC7D"}

package/lib/components/ApplicationTestID.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApplicationTestID.js","sourceRoot":"","sources":["../../src/components/ApplicationTestID.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,mBAEX;AAFD,WAAY,mBAAmB;IAC7B,mFAA4D,CAAA;AAC9D,CAAC,EAFW,mBAAmB,GAAnB,mBAAmB,KAAnB,mBAAmB,QAE9B"}