@finsemble/finsemble-ui 6.4.0 → 6.5.0-beta.2

package/react/components/windowTitleBar/components/windowTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"windowTitle.js","sourceRoot":"","sources":["../../../../src/components/windowTitleBar/components/windowTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FinsembleWindow, WindowIdentifier } from \"@finsemble/finsemble-core\";\n// TODO: Circular reference during \"yarn dev\"\n// This error is referenced as \"WT01\" in this file; search for the string \"WT01\" and uncomment appropriate changes\n// import { StandardError, StoreModel } from \"@finsemble/finsemble-core/types/types\"; // WT01 - uncomment to import\nimport React, { Component } from \"react\";\nimport { EditTabProps } from \"../../../types/windowTitleBar\";\nimport { Icon } from \"../../icon/Icon\";\nimport { iconFromConfig } from \"../../icon/Icon\";\nimport { Store } from \"../stores/windowTitleBarStore\";\n\n/**\n * TAB TITLES: HOW DO THEY WORK?\n *\n * Each component, when stacked, will have several tab titles. For each component, there is a window. For each window, there are 2 tab titles per component.\n *\n * Whichever component is \"active\" will render all tabs - exactly one \"active\" tab and n-1 \"inactive\" tabs (where n is the number of components in the stack). When\n * the active component is changed (via a click, for example), then the visible window becomes the window associated with the active component.\n *\n * Tab titles may change at any time, and for a number of reasons. For example, the component may execute \"document.title='...some title'\". Or perhaps the tab title has\n * been edited by the user. In order to account for all title changes, the following flow is used:\n *   *something* updates document.title\n *   The WindowClient for the component will notice the title change and send a router message (via FinsembleWindow.setTitle) with a topic representitive of the windowName\n *   BaseWindow listens to router changes on the same topic and updates a DistributedStore dedicated to tab names\n *   The tab components all subscribe to the DistributedStore dedicated to tab names and will update the title accordingly\n *\n * This is a \"one-way\" operation; that is to say that some code will ultimately alter the DistributedStore and the tab title components will read the changes. While this generally\n * happens with a write to document.title, it can also happen when a user edits the tab title manually. In this case, the component state is altered with a field \"persistedTitle\"\n * whose value is the edited title. At render time, the tab title component will use any value in \"persistedTitle\" as the title, irregardless of any other value.\n *\n * NOTE: A tab may be edited only when it is the active component; ergo the call to \"setComponentState\" is safe.\n */\n\ntype TitleProps = {\n\twindowIdentifier: WindowIdentifier;\n\tonUpdate?: Function;\n\ttitleWidth?: number;\n\tonClick?: () => void;\n};\n\ntype TitleState = {\n\ttitle: string | undefined;\n\ticon: any;\n\twindowName?: string;\n};\n\n// The store name for the distributed store which tracks tab titles\nconst WINDOW_TAB_TITLE_STORE = \"window-tab-title\";\n// The field name to watch for tab title edits\nconst FIELD_NAME_PERSISTED_TITLE = \"persistedTitle\";\n\n/**\n * Gets the store which tracks the tab title for a windowName. This is a distributed store shared by all components.\n *\n * @returns the StoreModel associated with window and tab names\n */\nconst getWindowTabNameStore = () =>\n\tnew Promise<any>(\n\t\t/*<StoreModel>*/ (resolve, reject) => {\n\t\t\t// WT01 - Change the \"any\" generic to \"StoreModel\"\n\t\t\tFSBL.Clients.DistributedStoreClient.createGlobalStore(\n\t\t\t\t{ store: WINDOW_TAB_TITLE_STORE },\n\t\t\t\t(err /*:StandardError*/, store /*:StoreModel*/) => {\n\t\t\t\t\t// WT01 - Define the types for \"err\" and \"store\"\n\t\t\t\t\tif (!!err || !store) {\n\t\t\t\t\t\treject(err || \"Could not get store\");\n\t\t\t\t\t} else {\n\t\t\t\t\t\tresolve(store);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n/**\n * Gets the FinsembleWindow instance associated with the specified <i>windowIdentifier</i>\n *\n * @param windowIdentifier the windowIdentifier for the FinsembleWindow to obtain a reference for\n * @returns a Promise which resolves to the FinsembleWindow associated with the <i>windowIdentifier</i>\n */\nconst getCorrespondingFinsembleWindow = async (windowIdentifier: WindowIdentifier): Promise<FinsembleWindow> =>\n\t(await FSBL.FinsembleWindow.getInstance(windowIdentifier)).wrap;\n\n/**\n * The wrapper component for tab renaming\n * @param {*} props\n */\nfunction EditTab(props: EditTabProps) {\n\tconst [editingTitle, setEditingTitle] = React.useState(false);\n\tconst [clickTimeout, setClickTimeout] = React.useState<NodeJS.Timeout | undefined>(undefined);\n\tconst inputEl = React.useRef<HTMLInputElement>(null);\n\n\tconst updateTabTitle = (e: React.KeyboardEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement>) => {\n\t\tconst title = (e.target as HTMLInputElement).value;\n\n\t\t// Get the tab name store\n\t\tgetWindowTabNameStore()\n\t\t\t// Set the title for the window identified in the windowName\n\t\t\t.then((store /*: StoreModel*/) => store.setValue({ field: props.windowIdentifier.windowName, value: title })) // WT01 - Type \"store\"\n\t\t\t// Get the FinsembleWindow for the window\n\t\t\t.then(() => getCorrespondingFinsembleWindow(props.windowIdentifier))\n\t\t\t// Set the component state \"persistedTitle\" (which is the edited title)\n\t\t\t.then(\n\t\t\t\t(win) =>\n\t\t\t\t\tnew Promise((resolve, reject) => {\n\t\t\t\t\t\tFSBL.Clients.Logger.debug(`Setting component state \"${FIELD_NAME_PERSISTED_TITLE}\" with value \"${title}\"`);\n\t\t\t\t\t\twin.setComponentState({ field: FIELD_NAME_PERSISTED_TITLE, value: title }, (err, res) => {\n\t\t\t\t\t\t\tif (!!err) {\n\t\t\t\t\t\t\t\treject(err);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tresolve(res);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t})\n\t\t\t)\n\t\t\t.catch((err) => FSBL.Clients.Logger.error(\"Error persisting tab title via EditTab\", err))\n\t\t\t// Stop editing in all cases\n\t\t\t.finally(() => setEditingTitle(false));\n\t};\n\n\tconst beginEditing = async () => {\n\t\tawait setEditingTitle(true);\n\t\tawait inputEl?.current?.focus();\n\t\tif (inputEl?.current) {\n\t\t\tinputEl.current.value = props.title ?? \"\";\n\t\t}\n\t};\n\n\tconst clickHandler = () => {\n\t\tconst allowTabEditing = Store.getValue(\"allowTabEditing\");\n\n\t\tif (clickTimeout) {\n\t\t\t// double click\n\t\t\tif (allowTabEditing) {\n\t\t\t\tbeginEditing();\n\t\t\t}\n\t\t} else if (!editingTitle) {\n\t\t\t// single click\n\t\t\tlet timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(clickTimeout);\n\t\t\t\tsetClickTimeout(undefined);\n\t\t\t}, 500);\n\t\t\tsetClickTimeout(timeout);\n\t\t\tif (props.setActiveTab) props.setActiveTab();\n\t\t}\n\t};\n\n\tconst blurHandler = (e: React.FocusEvent<HTMLInputElement>) => {\n\t\tupdateTabTitle(e);\n\t};\n\n\tconst keyDownHandler = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\te.key === \"Enter\" && updateTabTitle(e);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"fsbl-tab-editor\"\n\t\t\t// We can't use Click and Dblclick events together cause for one dblclick fires two click events which close title editor.\n\t\t\t// Workaround with setTimeout should resolve this behavior.\n\t\t\tonClick={clickHandler}\n\t\t>\n\t\t\t{editingTitle ? (\n\t\t\t\t<div className=\"fsbl-tab fsbl-active-tab\" style={{ width: props.tabWidth || \"auto\" }}>\n\t\t\t\t\t{/* workaround to disable tab dragging in the edit mode */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tdraggable={true}\n\t\t\t\t\t\tonDragStart={(e) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={inputEl}\n\t\t\t\t\t\t\tonBlur={blurHandler}\n\t\t\t\t\t\t\tonKeyDown={keyDownHandler}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tclassName=\"tab__input\"\n\t\t\t\t\t\t\tmaxLength={32}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tprops.children\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n/*\n * Description how stacked window tabs work.\n *\n * The simplest case - when you have only 2 tabs. In that case you will actually have 2 windows and 4 tabs.\n * Lets call them as: window 1 - w1, window 2 - w2, tab 1 from window 1 - w1_t1, tab 2 from window 1 - w1_t2, for tabs from window 2 - w2_t1 and w2_t2.\n * When you switch tabs you activate w1 or w2 with active tab w1_t1 or w2_t2 correspondingly.\n * Tabs w1_t2 and w2_t1 are inactive. They needed only for rendering. I call them as remote tabs, cause their titles must be synchronized with active tabs titles.\n * Thus when you rename active tab (w1_t1), the corresponding remote tab (w2_t1) should be updated automatically.\n */\n\nexport class Title extends Component<TitleProps, TitleState> {\n\t// The subscription for tab title change events via the DistributedStoreClient\n\ttabTitleChangedStoreSubscription: any;\n\n\tconstructor(props: TitleProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\ttitle: props.windowIdentifier?.windowName || document.title,\n\t\t\ticon: null,\n\t\t\t// save active window name\n\t\t\twindowName: props.windowIdentifier?.windowName,\n\t\t};\n\n\t\t// Bind the \"updateTitle\" function (in order to use React component functions)\n\t\tthis.updateTitle = this.updateTitle.bind(this);\n\n\t\t// Invoke \"updateTitle\" to set the initial title\n\t\tthis.updateTitle();\n\t}\n\n\tasync updateTitle() {\n\t\t// happens when a stacked window loads\n\t\tif (!this.props?.windowIdentifier) {\n\t\t\t// Nothing to do here\n\t\t\treturn;\n\t\t}\n\n\t\t// Get the window/tab store\n\t\tlet store = await getWindowTabNameStore(); // WT01 - Type \"store\"\n\t\t// Get the title for the tab represented by the window\n\t\tstore.getValue(this.props.windowIdentifier.windowName, async (err: any, res: any) => {\n\t\t\t// WT01 - Type \"err\" and \"res\"\n\t\t\tif (!!err) {\n\t\t\t\tFSBL.Clients.Logger.error(\n\t\t\t\t\t`Error getting the tab name from the store \"${WINDOW_TAB_TITLE_STORE}\" for the window \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\t\terr\n\t\t\t\t);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// The window represented by this tab title instance\n\t\t\tconst tabWindow = await getCorrespondingFinsembleWindow(this.props.windowIdentifier);\n\t\t\t// \"data\" refers to the options from the window which hosts the component represented by this tab\n\t\t\tconst { data } = await tabWindow.getOptions();\n\n\t\t\t// The title variable\n\t\t\tlet title = res;\n\n\t\t\t// If there is no title then use some logic to derive a title\n\t\t\tif (!title) {\n\t\t\t\t// This code runs when there is no tab name in the store. This happens when a workspace is loaded and\n\t\t\t\t// the workspace has stacked windows. In this case, fallback to:\n\t\t\t\t//  1.) the displayName from the manifest (there are TWO places to look in the manifest!)\n\t\t\t\t//  2.) the title from the WindowClient (this is only correct for the hosting tab!)\n\t\t\t\t//  3.) the title from the window title bar (this is only correct for the hosting tab!)\n\t\t\t\t//  4.) the name of the window which is hosting the window associated with the tab\n\t\t\t\t//  5.) the empty string\n\t\t\t\t//\n\t\t\t\t// Note that in most cases this name is temporarty since most components will update their title with\n\t\t\t\t// a call to \"document.title='...some title!'\"\n\t\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t\t`No stored tab tile for \"${this.props.windowIdentifier.windowName}\"; falling back to code-based derivation`\n\t\t\t\t);\n\n\t\t\t\t// \"options\" refers to the options from the window which hosts all the tabs (this will always be the currently active component/window)\n\t\t\t\tconst { options } = FSBL.Clients.WindowClient;\n\t\t\t\tconst windowTitleBarConfig = options?.customData?.foreign?.components[\"Window Manager\"];\n\n\t\t\t\t// Display name is the first candidate for the title\n\t\t\t\tconst displayName =\n\t\t\t\t\t// From the appd manifest\n\t\t\t\t\tdata?.customData?.appDConfig?.manifest?.component?.displayName ||\n\t\t\t\t\t// This seems like a default\n\t\t\t\t\tdata?.customData?.component?.displayName;\n\n\t\t\t\t// The title assignment\n\t\t\t\ttitle = displayName || FSBL.Clients.WindowClient.title || windowTitleBarConfig?.title || tabWindow.name || \"\";\n\t\t\t}\n\n\t\t\t// Get the icon from the config for the TAB window (not the CURRENT window)\n\t\t\tconst icon = iconFromConfig(data?.customData?.foreign?.components?.Toolbar, title);\n\n\t\t\t// Get the component state for THIS component (the tab title)\n\t\t\t// The field \"persistedTitle\" is set when a tab has been edited via EditTab\n\t\t\ttabWindow.getComponentState({ field: FIELD_NAME_PERSISTED_TITLE }, (error: any, persistedTitle: any) => {\n\t\t\t\tif (persistedTitle) {\n\t\t\t\t\ttitle = persistedTitle;\n\t\t\t\t}\n\t\t\t\tFSBL.Clients.Logger.debug(`Setting tab title ${title} for window ${this.props.windowIdentifier.windowName}`);\n\t\t\t\tthis.setState({\n\t\t\t\t\ttitle: title,\n\t\t\t\t\ticon: icon,\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.updateTitle();\n\t\t// Subscribe to the DistributedStoreClient (these messages originate from BaseWindow or EventTab - when the DistributedStore has been updated)\n\t\tif (!!this.props.windowIdentifier) {\n\t\t\tgetWindowTabNameStore().then((store) => {\n\t\t\t\t// WT01 - Type \"store\"\n\t\t\t\tthis.tabTitleChangedStoreSubscription = (err: any, res: any) => {\n\t\t\t\t\t// WT01 - Type \"err\" and \"res\"\n\t\t\t\t\tif (!!err) {\n\t\t\t\t\t\t// This is not critical; in the worst case this tab title will be stale\n\t\t\t\t\t\tFSBL.Clients.Logger.warn(\n\t\t\t\t\t\t\t`Listener error for store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\t\t\t\terr\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Log a message\n\t\t\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t\t\t`Store \"${WINDOW_TAB_TITLE_STORE}\" notified of new title \"${res.name}\" for window \"${res.field}\"`\n\t\t\t\t\t);\n\t\t\t\t\t// Invoke updateTitle\n\t\t\t\t\tthis.updateTitle();\n\t\t\t\t};\n\t\t\t\tstore.addListener(\n\t\t\t\t\t{ field: this.props.windowIdentifier.windowName },\n\t\t\t\t\tthis.tabTitleChangedStoreSubscription,\n\t\t\t\t\t(subErr: any, subRes: any) => {\n\t\t\t\t\t\t// WT01 - Type \"err\", \"res\", \"subErr\" and \"subRes\"\n\t\t\t\t\t\tif (!!subErr) {\n\t\t\t\t\t\t\t// This is not critical; in the worst case this tab title will be stale\n\t\t\t\t\t\t\tFSBL.Clients.Logger.warn(\n\t\t\t\t\t\t\t\t`Could not add listener to store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\t\t\t\t\tsubErr\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t\t\t\t`Added listener to store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t}\n\n\t// Triggers a re-rendering of the drag handle in the title bar.\n\tcomponentDidUpdate() {\n\t\tif (typeof this.props.onUpdate === \"function\") {\n\t\t\tthis.props.onUpdate();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\t// Unsubscribe from the window/tab store\n\t\tgetWindowTabNameStore().then((store) => {\n\t\t\t// WT01 - Type \"store\"\n\t\t\tstore.removeListener(\n\t\t\t\t{ field: this.props.windowIdentifier.windowName },\n\t\t\t\tthis.tabTitleChangedStoreSubscription,\n\t\t\t\t(subErr: any, subRes: any) => {\n\t\t\t\t\t// WT01 - Type \"err\", \"res\", \"subErr\" and \"subRes\"\n\t\t\t\t\tif (!!subErr) {\n\t\t\t\t\t\t// This is not critical; the listener could not be removed from the store - this may be a memory leak\n\t\t\t\t\t\tFSBL.Clients.Logger.warn(\n\t\t\t\t\t\t\t`Could not remove listener from store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\t\t\t\tsubErr\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t\t\t`Removed listener to store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\t}\n\n\trender() {\n\t\tconst { titleWidth } = this.props;\n\t\tconst style = titleWidth ? { width: titleWidth } : {};\n\t\treturn (\n\t\t\t<EditTab\n\t\t\t\ttabWidth={titleWidth}\n\t\t\t\tsetActiveTab={this?.props?.onClick}\n\t\t\t\ttitle={this.state.title}\n\t\t\t\twindowIdentifier={this.props.windowIdentifier}\n\t\t\t>\n\t\t\t\t<div className=\"fsbl-tab-title\" style={style}>\n\t\t\t\t\t{this.state.icon && <Icon {...this.state.icon} />}\n\t\t\t\t\t<div className=\"title-text\">{this.state.title}</div>\n\t\t\t\t</div>\n\t\t\t</EditTab>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"windowTitle.js","sourceRoot":"","sources":["../../../../src/components/windowTitleBar/components/windowTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FinsembleWindow, WindowIdentifier } from \"@finsemble/finsemble-api\";\nimport { ListenerFunction } from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nimport { StandardError } from \"@finsemble/finsemble-api/types/types\";\nimport React, { Component } from \"react\";\nimport { EditTabProps } from \"../../../types/windowTitleBar\";\nimport { Icon } from \"../../icon/Icon\";\nimport { iconFromConfig } from \"../../icon/Icon\";\nimport { Store } from \"../stores/windowTitleBarStore\";\n\n/**\n * TAB TITLES: HOW DO THEY WORK?\n *\n * Each component, when stacked, will have several tab titles. For each component, there is a window. For each window, there are 2 tab titles per component.\n *\n * Whichever component is \"active\" will render all tabs - exactly one \"active\" tab and n-1 \"inactive\" tabs (where n is the number of components in the stack). When\n * the active component is changed (via a click, for example), then the visible window becomes the window associated with the active component.\n *\n * Tab titles may change at any time, and for a number of reasons. For example, the component may execute \"document.title='...some title'\". Or perhaps the tab title has\n * been edited by the user. In order to account for all title changes, the following flow is used:\n *   *something* updates document.title\n *   The WindowClient for the component will notice the title change and send a router message (via FinsembleWindow.setTitle) with a topic representitive of the windowName\n *   BaseWindow listens to router changes on the same topic and updates a DistributedStore dedicated to tab names\n *   The tab components all subscribe to the DistributedStore dedicated to tab names and will update the title accordingly\n *\n * This is a \"one-way\" operation; that is to say that some code will ultimately alter the DistributedStore and the tab title components will read the changes. While this generally\n * happens with a write to document.title, it can also happen when a user edits the tab title manually. In this case, the component state is altered with a field \"persistedTitle\"\n * whose value is the edited title. At render time, the tab title component will use any value in \"persistedTitle\" as the title, irregardless of any other value.\n *\n * NOTE: A tab may be edited only when it is the active component; ergo the call to \"setComponentState\" is safe.\n */\n\n/**\n * WINDOW TITLES: HOW DO THEY WORK?\n *\n * Each application window has a title which is displayed in the operating system taskbar and task switcher. This title comes from the\n * value of \"document.title\" in the window title bar component. It is important to understand that when tabs are stacked, the actual window\n * which holds the window title is the title of the window of the active component. It is therefore important to keep the window title and the\n * tab titles up to date and synchronized.\n */\n\ntype TitleProps = {\n\twindowIdentifier: WindowIdentifier;\n\tonUpdate?: Function;\n\ttitleWidth?: number;\n\tonClick?: () => void;\n};\n\ntype TitleState = {\n\ttitle: string | undefined;\n\ticon: any;\n\twindowName?: string;\n};\n\n// The store name for the distributed store which tracks tab titles\nconst WINDOW_TAB_TITLE_STORE = \"window-tab-title\";\n// The field name to watch for tab title edits\nconst FIELD_NAME_PERSISTED_TITLE = \"persistedTitle\";\n\n/**\n * Gets the store which tracks the tab title for a windowName. This is a distributed store shared by all components.\n *\n * @returns a Promise which resolves the StoreModel associated with window and tab names\n */\nconst getWindowTabNameStore = async () => {\n\tlet { data: store } = await FSBL.Clients.DistributedStoreClient.createGlobalStore({ store: WINDOW_TAB_TITLE_STORE });\n\treturn store;\n};\n\n/**\n * Gets the FinsembleWindow instance associated with the specified <i>windowIdentifier</i>.\n *\n * Any instance of this component (a tab title) will actually be in the window of the \"active\"\n * tab; this function will return the FinsembleWindow instance for which this tab title instance\n * represents.\n *\n * @param windowIdentifier the windowIdentifier for the FinsembleWindow to obtain a reference for\n * @returns a Promise which resolves to the FinsembleWindow associated with the <i>windowIdentifier</i>\n */\nconst getCorrespondingFinsembleWindow = async (windowIdentifier: WindowIdentifier): Promise<FinsembleWindow> =>\n\t(await FSBL.FinsembleWindow.getInstance(windowIdentifier)).wrap;\n\n/**\n * The wrapper component for tab renaming\n * @param {*} props\n */\nfunction EditTab(props: EditTabProps) {\n\tconst [editingTitle, setEditingTitle] = React.useState(false);\n\tconst [clickTimeout, setClickTimeout] = React.useState<NodeJS.Timeout | undefined>(undefined);\n\tconst inputEl = React.useRef<HTMLInputElement>(null);\n\n\tconst updateTabTitle = async (e: React.KeyboardEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement>) => {\n\t\t// When the tab title has changed via a user edit, simply update the DistributedStore\n\n\t\t// Get the title\n\t\tconst title = (e.target as HTMLInputElement).value;\n\n\t\t// Get the tab name store\n\t\tlet store = await getWindowTabNameStore();\n\t\t// If the store is unavailable, then the tab name cannot be persisted\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error persisting tab title via EditTab: the store was not found\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Persist the tab title\n\t\tstore.setValue({ field: props.windowIdentifier.windowName, value: title });\n\n\t\t// Get the window which coresponds to the tab being edited\n\t\tlet win = await getCorrespondingFinsembleWindow(props.windowIdentifier);\n\n\t\t// Set the component state \"persistedTitle\" (which is the edited title)\n\t\tFSBL.Clients.Logger.debug(`Setting component state \"${FIELD_NAME_PERSISTED_TITLE}\" with value \"${title}\"`);\n\t\tawait win.setComponentState({ field: FIELD_NAME_PERSISTED_TITLE, value: title });\n\n\t\t// Stop editing in all cases\n\t\tsetEditingTitle(false);\n\t};\n\n\tconst beginEditing = async () => {\n\t\tawait setEditingTitle(true);\n\t\tawait inputEl?.current?.focus();\n\t\tif (inputEl?.current) {\n\t\t\tinputEl.current.value = props.title ?? \"\";\n\t\t}\n\t};\n\n\tconst clickHandler = () => {\n\t\tconst allowTabEditing = Store.getValue(\"allowTabEditing\");\n\n\t\tif (clickTimeout) {\n\t\t\t// double click\n\t\t\tif (allowTabEditing) {\n\t\t\t\tbeginEditing();\n\t\t\t}\n\t\t} else if (!editingTitle) {\n\t\t\t// single click\n\t\t\tlet timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(clickTimeout);\n\t\t\t\tsetClickTimeout(undefined);\n\t\t\t}, 500);\n\t\t\tsetClickTimeout(timeout);\n\t\t\tif (props.setActiveTab) props.setActiveTab();\n\t\t}\n\t};\n\n\tconst blurHandler = (e: React.FocusEvent<HTMLInputElement>) => {\n\t\tupdateTabTitle(e);\n\t};\n\n\tconst keyDownHandler = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\te.key === \"Enter\" && updateTabTitle(e);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"fsbl-tab-editor\"\n\t\t\t// We can't use Click and Dblclick events together cause for one dblclick fires two click events which close title editor.\n\t\t\t// Workaround with setTimeout should resolve this behavior.\n\t\t\tonClick={clickHandler}\n\t\t>\n\t\t\t{editingTitle ? (\n\t\t\t\t<div className=\"fsbl-tab fsbl-active-tab\" style={{ width: props.tabWidth || \"auto\" }}>\n\t\t\t\t\t{/* workaround to disable tab dragging in the edit mode */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tdraggable={true}\n\t\t\t\t\t\tonDragStart={(e) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={inputEl}\n\t\t\t\t\t\t\tonBlur={blurHandler}\n\t\t\t\t\t\t\tonKeyDown={keyDownHandler}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tclassName=\"tab__input\"\n\t\t\t\t\t\t\tmaxLength={32}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tprops.children\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n/*\n * Description how stacked window tabs work.\n *\n * The simplest case - when you have only 2 tabs. In that case you will actually have 2 windows and 4 tabs.\n * Lets call them as: window 1 - w1, window 2 - w2, tab 1 from window 1 - w1_t1, tab 2 from window 1 - w1_t2, for tabs from window 2 - w2_t1 and w2_t2.\n * When you switch tabs you activate w1 or w2 with active tab w1_t1 or w2_t2 correspondingly.\n * Tabs w1_t2 and w2_t1 are inactive. They needed only for rendering. I call them as remote tabs, cause their titles must be synchronized with active tabs titles.\n * Thus when you rename active tab (w1_t1), the corresponding remote tab (w2_t1) should be updated automatically.\n */\n\nexport class Title extends Component<TitleProps, TitleState> {\n\t// The listener for tab title change events via the DistributedStoreClient, kept as a reference so\n\t// that the listener can be deregistered when the component is unmounted\n\ttabTitleChangedStoreListener: ListenerFunction = (err: StandardError, response: { field: string; value: string }) => {\n\t\tif (!!err) {\n\t\t\t// This is not critical; in the worst case this tab title will be stale\n\t\t\tFSBL.Clients.Logger.warn(\n\t\t\t\t`Listener error for store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\terr\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\t// Log a message\n\t\tFSBL.Clients.Logger.debug(\n\t\t\t`Store \"${WINDOW_TAB_TITLE_STORE}\" notified of new title \"${response.value}\" for window \"${response.field}\"`\n\t\t);\n\n\t\t// Invoke updateTitle\n\t\tthis.updateTitle();\n\t};\n\n\t// Flag to determine if this instance is currently mounted; this is necessary because:\n\t//  1.) Title components are mounted and unmounted as an artifact of how the tab or tab list is rendered\n\t//  2.) Keeping tab titles synchronized is an asynchronous process\n\t//  3.) During the asynchronous process of tab title synchronization, a call to setState is made and\n\t//      that raises a React warning since the component state cannot be changed while the component\n\t//      is unmounted\n\t_mounted = false;\n\n\tconstructor(props: TitleProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\ttitle: props.windowIdentifier?.windowName || document.title,\n\t\t\ticon: null,\n\t\t\t// The \"windowName\" is the name of the window which corresponds to the this instance of the\n\t\t\t// Title component, though the actual current window may belong to some other\n\t\t\t// component(ie this tab represents an inactive window)\n\t\t\twindowName: props.windowIdentifier?.windowName,\n\t\t};\n\n\t\t// Bind the \"updateTitle\" function (in order to use React component functions)\n\t\tthis.updateTitle = this.updateTitle.bind(this);\n\t}\n\n\t/**\n\t * Sets the title of the window.\n\t *\n\t * @param title the window title\n\t */\n\t#setWindowTitle(title: string) {\n\t\tdocument.title = title;\n\t}\n\n\t/**\n\t * Sets the title of the tab.\n\t *\n\t * @param title the title of the tab\n\t */\n\tasync #setTabTitle(title: string) {\n\t\t// The window represented by this tab title instance\n\t\tconst tabWindow = await getCorrespondingFinsembleWindow(this.props.windowIdentifier);\n\t\t// \"tabWindowOptions\" refers to the options from the window which hosts the component represented by this tab\n\t\tconst { data: tabWindowOptions } = await tabWindow.getOptions();\n\n\t\t// If there is no title then use some logic to derive a title\n\t\tif (!title) {\n\t\t\t// This code runs when there is no tab name in the store. This happens when a workspace is loaded and\n\t\t\t// the workspace has stacked windows. In this case, fallback to:\n\t\t\t//  1.) the displayName from the manifest (there are TWO places to look in the manifest!)\n\t\t\t//  2.) the title from the WindowClient (this is only correct for the hosting tab!)\n\t\t\t//  3.) the title from the window title bar (this is only correct for the hosting tab!)\n\t\t\t//  4.) the name of the window which is hosting the window associated with the tab\n\t\t\t//  5.) the empty string\n\t\t\t//\n\t\t\t// Note that in most cases this name is temporarty since most components will update their title with\n\t\t\t// a call to \"document.title='...some title!'\"\n\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t`No stored tab tile for \"${this.props.windowIdentifier.windowName}\"; falling back to code-based derivation`\n\t\t\t);\n\n\t\t\t// \"windowClientOptions\" refers to the options from the window which hosts\n\t\t\t// all the tabs (this will always be the currently active component / window)\n\t\t\tconst { options: windowClientOptions } = FSBL.Clients.WindowClient;\n\t\t\tconst windowTitleBarConfig = windowClientOptions?.customData?.foreign?.components[\"Window Manager\"];\n\n\t\t\t// Display name is the first candidate for the title\n\t\t\tconst displayName =\n\t\t\t\t// From the appd manifest\n\t\t\t\ttabWindowOptions?.customData?.appDConfig?.manifest?.component?.displayName ||\n\t\t\t\t// This seems like a default\n\t\t\t\ttabWindowOptions?.customData?.component?.displayName;\n\n\t\t\t// The title assignment\n\t\t\ttitle = displayName || FSBL.Clients.WindowClient.title || windowTitleBarConfig?.title || tabWindow.name || \"\";\n\t\t}\n\n\t\t// Get the icon from the config for the TAB window (not the CURRENT window)\n\t\tconst icon = iconFromConfig(tabWindowOptions?.customData?.foreign?.components?.Toolbar, title);\n\n\t\t// Get the component state for THIS component (the tab title)\n\t\t// The field \"persistedTitle\" is set when a tab has been edited via EditTab\n\t\ttabWindow.getComponentState({ field: FIELD_NAME_PERSISTED_TITLE }, (error: any, persistedTitle: any) => {\n\t\t\t// When the component is being mounted/unmounted quickly, this code may be run during a time when\n\t\t\t// the component is not mounted. This check prevents React warnings in the dev console.\n\t\t\tif (!this._mounted) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// If there is a \"persistedTitle\" then the title has been edited by a user\n\t\t\tif (persistedTitle) {\n\t\t\t\t// Set the title to the edited title\n\t\t\t\ttitle = persistedTitle;\n\t\t\t}\n\t\t\tFSBL.Clients.Logger.debug(`Setting tab title ${title} for window ${this.props.windowIdentifier.windowName}`);\n\n\t\t\t// Finally, set the state\n\t\t\tthis.setState({\n\t\t\t\ttitle: title,\n\t\t\t\ticon: icon,\n\t\t\t});\n\t\t});\n\t}\n\n\t/**\n\t * Updates the title for both the tab and the window.\n\t *\n\t * @returns a Promise which resolves nothing\n\t */\n\tasync updateTitle() {\n\t\t// Get the store (which holds the values for the tab titles)\n\t\tconst store = await getWindowTabNameStore();\n\t\t// If the store is unavailable, then the tab name cannot be updated\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error setting the tab title: the store was not found\");\n\t\t\treturn;\n\t\t}\n\n\t\t// The FinsembleWindow which represents the current window\n\t\tconst { data: windowTitle } = await store.getGlobalValue(finsembleWindow.thisWindowName);\n\t\t// The FinsembleWindow instance which this Title component represents\n\t\tconst { data: tabTitle } = await store.getGlobalValue(this.props.windowIdentifier.windowName);\n\n\t\t// There is a subtle difference bewtween windowTitle and tabTitle. Since this code executes\n\t\t// when *any* tab has a name change, this code can execute when the active window represents\n\t\t// a tab other than the currently rendering tab (ie an inactive tab).\n\n\t\tthis.#setTabTitle(tabTitle);\n\t\tthis.#setWindowTitle(windowTitle);\n\t}\n\n\t/**\n\t * Adds the listener(s) required to set window and tab titles.\n\t */\n\tasync #addListeners() {\n\t\t// Subscribe to the DistributedStoreClient (these messages originate from BaseWindow, when the\n\t\t// DistributedStore has been updated).\n\t\t//\n\t\t// Each window will have n listeners, where n is the number of tabs held in the window.\n\n\t\t// Get the store and add a listener\n\t\tconst store = await getWindowTabNameStore();\n\n\t\t// If the store is unavailable, then the tab name cannot be updated\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error adding a tab title listener: the store was not found\");\n\t\t\treturn;\n\t\t}\n\n\t\t// Add a listener\n\t\tstore.addListener({ field: this.props.windowIdentifier.windowName }, this.tabTitleChangedStoreListener, () => {\n\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t`Added listener to store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`\n\t\t\t);\n\t\t});\n\t}\n\n\t/**\n\t * Removes listener(s) required to set window and tab titles.\n\t */\n\tasync #removeListeners() {\n\t\t// Unsubscribe from the window/tab store\n\t\tconst store = await getWindowTabNameStore();\n\t\t// If the store is unavailable, then the tab name cannot be updated\n\t\tif (!store) {\n\t\t\t// This is not critical, but tab titles may be stale\n\t\t\tFSBL.Clients.Logger.warn(\"Error removing a tab title listener: the store was not found\");\n\t\t\treturn;\n\t\t}\n\t\tstore.removeListener(\n\t\t\t{ field: this.props.windowIdentifier.windowName },\n\t\t\tthis.tabTitleChangedStoreListener,\n\t\t\t(err: StandardError, response: boolean | undefined) => {\n\t\t\t\tif (!!err) {\n\t\t\t\t\t// This is not critical; the listener could not be removed from the store - this may be a memory leak\n\t\t\t\t\tFSBL.Clients.Logger.warn(\n\t\t\t\t\t\t`Could not remove listener from store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`,\n\t\t\t\t\t\terr\n\t\t\t\t\t);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tFSBL.Clients.Logger.debug(\n\t\t\t\t\t`Removed listener to store \"${WINDOW_TAB_TITLE_STORE}\" for field \"${this.props.windowIdentifier.windowName}\"`\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t}\n\n\t/**\n\t * React component lifecycle event, triggered once the component has been added to the DOM.\n\t */\n\tcomponentDidMount() {\n\t\t// Set the mounted flag to true (this component is currently mounted)\n\t\tthis._mounted = true;\n\n\t\t// Add listeners\n\t\tthis.#addListeners();\n\t}\n\n\t// Triggers a re-rendering of the drag handle in the title bar.\n\tcomponentDidUpdate() {\n\t\tif (typeof this.props.onUpdate === \"function\") {\n\t\t\tthis.props.onUpdate();\n\t\t}\n\t}\n\n\t/**\n\t * React component lifecycle event, triggered before the component is removed from the DOM.\n\t */\n\tcomponentWillUnmount() {\n\t\t// Set the mounted flag to false (this component is not currently mounted)\n\t\tthis._mounted = false;\n\n\t\t// Remove listeners\n\t\tthis.#removeListeners();\n\t}\n\n\trender() {\n\t\tconst { titleWidth } = this.props;\n\t\tconst style = titleWidth ? { width: titleWidth } : {};\n\t\treturn (\n\t\t\t<EditTab\n\t\t\t\ttabWidth={titleWidth}\n\t\t\t\tsetActiveTab={this?.props?.onClick}\n\t\t\t\ttitle={this.state.title}\n\t\t\t\t// The windowIdentifier indicates which app/component this tab instance should represent\n\t\t\t\twindowIdentifier={this.props.windowIdentifier}\n\t\t\t>\n\t\t\t\t<div className=\"fsbl-tab-title\" style={style}>\n\t\t\t\t\t{this.state.icon && <Icon {...this.state.icon} />}\n\t\t\t\t\t<div className=\"title-text\">{this.state.title}</div>\n\t\t\t\t</div>\n\t\t\t</EditTab>\n\t\t);\n\t}\n}\n"]}

package/react/components/windowTitleBar/stores/windowTitleBarStore.d.ts

@@ -1,6 +1,6 @@
-import { StandardCallback } from "@finsemble/finsemble-core/types/types";
-import { FinsembleWindow, WindowIdentifier } from "@finsemble/finsemble-core";
-import StoreModel from "@finsemble/finsemble-core/types/clients/StoreModel";
+import { StandardCallback } from "@finsemble/finsemble-api/types/types";
+import { FinsembleWindow, WindowIdentifier } from "@finsemble/finsemble-api";
+import StoreModel from "@finsemble/finsemble-api/types/clients/StoreModel";
 declare type ParentParams = {
     windowIdentifiers: WindowIdentifier[];
     visibleWindowIdentifier: WindowIdentifier;

package/react/components/windowTitleBar/stores/windowTitleBarStore.js

@@ -29,237 +29,233 @@ const getStackedWindow = (params, cb) => {
     }
 };
 let windowTitleBarStore;
-let constants;
-const Actions = {
-    parentWrapperStore: null,
-    initialize: function () {
-        var _a, _b;
-        let { options } = FSBL.Clients.WindowClient;
-        let windowTitleBarConfig = options.customData.foreign.components["Window Manager"];
-        let { FSBLHeader } = windowTitleBarConfig;
-        let self = this;
-        const displayName = (_b = (_a = options.customData) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName;
-        FSBL.Clients.WindowClient.headerCommandChannel((command, state) => {
-            this.remoteStateUpdate(command, state);
-        });
-        if (FSBLHeader) {
-            const max = !!FSBLHeader.hideMaximize;
-            windowTitleBarStore.setValues([
-                { field: "Maximize.hide", value: max },
-                { field: "Minimize.hide", value: !!FSBLHeader.hideMinimize },
-                { field: "Close.hide", value: !!FSBLHeader.hideClose },
-                { field: "AlwaysOnTop.show", value: !!FSBLHeader.alwaysOnTop },
-            ]);
-            windowTitleBarStore.setValue({
-                field: "hackScrollbar",
-                value: windowTitleBarConfig.hackScrollbar !== false,
-            });
-            const title = FSBL.Clients.WindowClient.title || windowTitleBarConfig.title || displayName;
-            if (title) {
-                document.title = title;
+const onDockingGroupUpdate = (err, response) => {
+    if (err || !response.data || !response.data.groupData) {
+        return;
+    }
+    FSBL.Clients.Logger.system.debug("On docking group update", response.data.groupData);
+    let groupNames = Object.keys(response.data.groupData);
+    let movableGroups = groupNames
+        .filter((groupName) => response.data.groupData[groupName].isMovable)
+        .map((groupName) => response.data.groupData[groupName]);
+    windowTitleBarStore.setValue({
+        field: "Main.allDockingGroups",
+        value: response.data.groupData,
+    });
+    windowTitleBarStore.setValue({
+        field: "Main.allMovableDockingGroups",
+        value: movableGroups,
+    });
+    let myGroups = Actions.getMyDockingGroups(response.data.groupData);
+    windowTitleBarStore.setValue({
+        field: "Main.dockingGroups",
+        value: myGroups,
+    });
+    let isSnapped = false;
+    let isInMovableGroup = false;
+    let isTopRight = false;
+    let windowName = getWindowNameForDocking(finsembleWindow);
+    for (let i = 0; i < myGroups.length; i++) {
+        let myGroup = myGroups[i];
+        if (myGroup.isMovable) {
+            isInMovableGroup = true;
+            if (windowName == myGroup.topRightWindow) {
+                isTopRight = true;
             }
         }
-        if (windowTitleBarConfig.showLinker) {
-            const cb = (err, response) => {
-                if (response.channels) {
-                    windowTitleBarStore.setValue({
-                        field: "Linker.channels",
-                        value: response.channels,
-                    });
-                }
-                windowTitleBarStore.setValue({
-                    field: "Linker.showLinkerButton",
-                    value: true,
-                });
-            };
-            cb(null, FSBL.Clients.LinkerClient.getState());
-            FSBL.Clients.LinkerClient.onStateChange(cb);
+        else {
+            isSnapped = true;
         }
-        FSBL.Clients.RouterClient.subscribe(`${FSBL.Clients.WindowClient.options.name}Finsemble.Sharer`, (err, response) => {
-            if (err) {
-                return console.error(err);
-            }
-            windowTitleBarStore.setValues([
-                {
-                    field: "Sharer.emitterEnabled",
-                    value: response.data.emitterEnabled,
-                },
-                {
-                    field: "Sharer.receiverEnabled",
-                    value: response.data.receiverEnabled,
+    }
+    let icon = false;
+    if (isSnapped) {
+        icon = "joiner";
+    }
+    if (isInMovableGroup) {
+        icon = "ejector";
+    }
+    windowTitleBarStore.setValues([
+        { field: "isSnapped", value: isSnapped },
+        { field: "isGrouped", value: isInMovableGroup },
+        { field: "isTopRight", value: isTopRight },
+        { field: "Main.dockingIcon", value: icon },
+    ]);
+};
+const listenForDNDUpdates = () => {
+    FSBL.Clients.RouterClient.subscribe(`${FSBL.Clients.WindowClient.options.name}Finsemble.Sharer`, (err, response) => {
+        if (err) {
+            return console.error(err);
+        }
+        windowTitleBarStore.setValues([
+            {
+                field: "Sharer.emitterEnabled",
+                value: response.data.emitterEnabled,
+            },
+            {
+                field: "Sharer.receiverEnabled",
+                value: response.data.receiverEnabled,
+            },
+        ]);
+    });
+};
+const showLinkerButton = () => {
+    const cb = (err, response) => {
+        if (response.channels) {
+            windowTitleBarStore.setValue({
+                field: "Linker.channels",
+                value: response.channels,
+            });
+        }
+        windowTitleBarStore.setValue({
+            field: "Linker.showLinkerButton",
+            value: true,
+        });
+    };
+    cb(null, FSBL.Clients.LinkerClient.getState());
+    FSBL.Clients.LinkerClient.onStateChange(cb);
+};
+const processInitialTabList = (err, values) => {
+    const onParentSet = () => {
+        Actions.parentWrapper = null;
+        Actions.getInitialTabList(() => {
+            FSBL.Clients.Logger.system.debug("docking group update after initial tab list");
+            onDockingGroupUpdate(null, {
+                data: {
+                    groupData: windowTitleBarStore.getValue({
+                        field: "Main.allDockingGroups",
+                    }),
                 },
-            ]);
+            });
         });
-        const onDockingGroupUpdate = function (err, response) {
-            if (err || !response.data || !response.data.groupData) {
-                return;
-            }
-            FSBL.Clients.Logger.system.debug("On docking group update", response.data.groupData);
-            let groupNames = Object.keys(response.data.groupData);
-            let movableGroups = groupNames
-                .filter((groupName) => response.data.groupData[groupName].isMovable)
-                .map((groupName) => response.data.groupData[groupName]);
-            windowTitleBarStore.setValue({
-                field: "Main.allDockingGroups",
-                value: response.data.groupData,
+    };
+    const onParentCleared = () => {
+        Actions.parentWrapper = null;
+        FSBL.Clients.Logger.system.debug("ClearParent, setting tabs to null");
+        Actions.stopListeningOnParentWrapper(() => {
+            Actions.parentWrapperStore = null;
+            Actions._setTabs(null);
+            onDockingGroupUpdate(null, {
+                data: {
+                    groupData: windowTitleBarStore.getValue({
+                        field: "Main.allDockingGroups",
+                    }),
+                },
             });
+        });
+    };
+    finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("setParent", onParentSet);
+    finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("clearParent", onParentCleared);
+    if (err) {
+        return FSBL.Clients.Logger.system.error("Error in getInitialTabList.", err);
+    }
+    if (values)
+        Actions._setTabs(values);
+};
+const processFSBLHeader = (FSBLHeader, windowTitleBarConfig, options) => {
+    var _a, _b;
+    const displayName = (_b = (_a = options.customData) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName;
+    const max = !!FSBLHeader.hideMaximize;
+    windowTitleBarStore.setValues([
+        { field: "Maximize.hide", value: max },
+        { field: "Minimize.hide", value: !!FSBLHeader.hideMinimize },
+        { field: "Close.hide", value: !!FSBLHeader.hideClose },
+        { field: "AlwaysOnTop.show", value: !!FSBLHeader.alwaysOnTop },
+    ]);
+    windowTitleBarStore.setValue({
+        field: "hackScrollbar",
+        value: windowTitleBarConfig.hackScrollbar !== false,
+    });
+    const title = FSBL.Clients.WindowClient.title || windowTitleBarConfig.title || displayName;
+    if (title) {
+        document.title = title;
+    }
+};
+const getOptionsCallback = (err, opts) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    const windowAllowTabbing = (_d = (_c = (_b = (_a = opts.customData) === null || _a === void 0 ? void 0 : _a.foreign) === null || _b === void 0 ? void 0 : _b.services) === null || _c === void 0 ? void 0 : _c.windowService) === null || _d === void 0 ? void 0 : _d.allowTabbing;
+    const windowIgnoreTabbing = (_h = (_g = (_f = (_e = opts.customData) === null || _e === void 0 ? void 0 : _e.foreign) === null || _f === void 0 ? void 0 : _f.services) === null || _g === void 0 ? void 0 : _g.windowService) === null || _h === void 0 ? void 0 : _h.ignoreTilingAndTabbingRequests;
+    const dockingAllowTabbing = (_m = (_l = (_k = (_j = opts.customData) === null || _j === void 0 ? void 0 : _j.foreign) === null || _k === void 0 ? void 0 : _k.services) === null || _l === void 0 ? void 0 : _l.dockingService) === null || _m === void 0 ? void 0 : _m.allowTabbing;
+    const dockingIgnoreTabbing = (_q = (_p = (_o = opts.customData) === null || _o === void 0 ? void 0 : _o.foreign.services) === null || _p === void 0 ? void 0 : _p.dockingService) === null || _q === void 0 ? void 0 : _q.ignoreTilingAndTabbingRequests;
+    const dontShowTabs = windowAllowTabbing === false ||
+        windowIgnoreTabbing === true ||
+        dockingAllowTabbing === false ||
+        dockingIgnoreTabbing === true;
+    windowTitleBarStore.setValue({
+        field: "showTabs",
+        value: !dontShowTabs,
+    });
+};
+const processFEAAndFinsembleConfig = (values, windowTitleBarConfig) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const finsembleConfig = values.finsemble;
+    const { useDOMBasedMovement } = values["finsemble-electron-adapter"];
+    windowTitleBarStore.setValue({
+        field: "Main.useDOMBasedMovement",
+        value: typeof useDOMBasedMovement === "undefined" ? true : useDOMBasedMovement,
+    });
+    const globalWindowManagerConfig = finsembleConfig["Window Manager"] || {
+        alwaysOnTopIcon: false,
+        showTabs: false,
+    };
+    finsembleConfig.servicesConfig = (_a = finsembleConfig.servicesConfig) !== null && _a !== void 0 ? _a : {};
+    const defaultDockingConfig = {
+        enabled: true,
+    };
+    let dockingConfig = (_e = (_c = (_b = finsembleConfig.servicesConfig.docking) !== null && _b !== void 0 ? _b : finsembleConfig.docking) !== null && _c !== void 0 ? _c : (_d = finsembleConfig.betaFeatures) === null || _d === void 0 ? void 0 : _d.docking) !== null && _e !== void 0 ? _e : defaultDockingConfig;
+    dockingConfig.tabbing = (_f = dockingConfig.tabbing) !== null && _f !== void 0 ? _f : {};
+    windowTitleBarStore.setValues([{ field: "Main.dockingEnabled", value: dockingConfig.enabled }]);
+    const alwaysOnTopIcon = (_h = (_g = windowTitleBarConfig.alwaysOnTopIcon) !== null && _g !== void 0 ? _g : globalWindowManagerConfig.alwaysOnTopIcon) !== null && _h !== void 0 ? _h : false;
+    windowTitleBarStore.setValues([{ field: "AlwaysOnTop.show", value: alwaysOnTopIcon }]);
+    if (dockingConfig.tabbing.enabled === false) {
+        windowTitleBarStore.setValue({
+            field: "showTabs",
+            value: dockingConfig.tabbing.enabled,
+        });
+    }
+    else {
+        windowTitleBarStore.setValue({
+            field: "allowTabEditing",
+            value: dockingConfig.tabbing.allowEditing !== undefined ? dockingConfig.tabbing.allowEditing : true,
+        });
+        if (typeof windowTitleBarConfig.showTabs !== "boolean") {
             windowTitleBarStore.setValue({
-                field: "Main.allMovableDockingGroups",
-                value: movableGroups,
+                field: "showTabs",
+                value: globalWindowManagerConfig.showTabs,
             });
-            let myGroups = self.getMyDockingGroups(response.data.groupData);
+        }
+        if (windowTitleBarConfig.showTabs || windowTitleBarConfig.showTabs === false) {
             windowTitleBarStore.setValue({
-                field: "Main.dockingGroups",
-                value: myGroups,
+                field: "showTabs",
+                value: windowTitleBarConfig.showTabs,
             });
-            let isSnapped = false;
-            let isInMovableGroup = false;
-            let isTopRight = false;
-            let windowName = getWindowNameForDocking(finsembleWindow);
-            for (let i = 0; i < myGroups.length; i++) {
-                let myGroup = myGroups[i];
-                if (myGroup.isMovable) {
-                    isInMovableGroup = true;
-                    if (windowName == myGroup.topRightWindow) {
-                        isTopRight = true;
-                    }
-                }
-                else {
-                    isSnapped = true;
-                }
-            }
-            let icon = false;
-            if (isSnapped) {
-                icon = "joiner";
-            }
-            if (isInMovableGroup) {
-                icon = "ejector";
-            }
-            windowTitleBarStore.setValues([
-                { field: "isSnapped", value: isSnapped },
-                { field: "isGrouped", value: isInMovableGroup },
-                { field: "isTopRight", value: isTopRight },
-                { field: "Main.dockingIcon", value: icon },
-            ]);
-        };
+        }
+        finsembleWindow.getOptions(getOptionsCallback);
+    }
+};
+let constants;
+const Actions = {
+    parentWrapperStore: null,
+    initialize: () => {
+        const { options } = FSBL.Clients.WindowClient;
+        const windowTitleBarConfig = options.customData.foreign.components["Window Manager"];
+        const { FSBLHeader } = windowTitleBarConfig;
+        if (FSBLHeader)
+            processFSBLHeader(FSBLHeader, windowTitleBarConfig, options);
+        if (windowTitleBarConfig.showLinker)
+            showLinkerButton();
+        listenForDNDUpdates();
         FSBL.Clients.RouterClient.subscribe("Finsemble.WorkspaceService.groupUpdate", onDockingGroupUpdate);
         windowTitleBarStore.setValue({
             field: "Main.windowTitle",
             value: FSBL.Clients.WindowClient.getWindowTitle(),
         });
-        const getValuesCallback = (err, values) => {
-            const finsembleConfig = values.finsemble;
-            const { useDOMBasedMovement } = values["finsemble-electron-adapter"];
-            windowTitleBarStore.setValue({
-                field: "Main.useDOMBasedMovement",
-                value: typeof useDOMBasedMovement === "undefined" ? true : useDOMBasedMovement,
-            });
-            let globalWindowManagerConfig = finsembleConfig["Window Manager"] || {
-                alwaysOnTopIcon: false,
-                showTabs: false,
-            };
-            if (!finsembleConfig.servicesConfig)
-                finsembleConfig.servicesConfig = {};
-            let dockingConfig = finsembleConfig.servicesConfig.docking || finsembleConfig.docking;
-            if (!dockingConfig && finsembleConfig.betaFeatures)
-                dockingConfig = finsembleConfig.betaFeatures.docking;
-            if (!dockingConfig)
-                dockingConfig = { enabled: true };
-            if (!dockingConfig.tabbing)
-                dockingConfig.tabbing = {};
-            windowTitleBarStore.setValues([{ field: "Main.dockingEnabled", value: dockingConfig.enabled }]);
-            let { alwaysOnTopIcon } = globalWindowManagerConfig;
-            if (windowTitleBarConfig.alwaysOnTopIcon === false || windowTitleBarConfig.alwaysOnTopIcon === true)
-                ({ alwaysOnTopIcon } = windowTitleBarConfig);
-            windowTitleBarStore.setValues([{ field: "AlwaysOnTop.show", value: alwaysOnTopIcon }]);
-            if (dockingConfig.tabbing.enabled === false) {
-                windowTitleBarStore.setValue({
-                    field: "showTabs",
-                    value: dockingConfig.tabbing.enabled,
-                });
-            }
-            else {
-                windowTitleBarStore.setValue({
-                    field: "allowTabEditing",
-                    value: dockingConfig.tabbing.allowEditing !== undefined ? dockingConfig.tabbing.allowEditing : true,
-                });
-                if (typeof windowTitleBarConfig.showTabs !== "boolean") {
-                    windowTitleBarStore.setValue({
-                        field: "showTabs",
-                        value: globalWindowManagerConfig.showTabs,
-                    });
-                }
-                if (windowTitleBarConfig.showTabs || windowTitleBarConfig.showTabs === false) {
-                    windowTitleBarStore.setValue({
-                        field: "showTabs",
-                        value: windowTitleBarConfig.showTabs,
-                    });
-                }
-                let showTabs = true;
-                const getOptionsCallback = (_, opts) => {
-                    if (opts.customData && opts.customData.foreign && opts.customData.foreign.services) {
-                        if (opts.customData.foreign.services.windowService) {
-                            if (opts.customData.foreign.services.windowService.allowTabbing !== undefined) {
-                                showTabs = opts.customData.foreign.services.windowService.allowTabbing;
-                            }
-                            else if (opts.customData.foreign.services.windowService.ignoreTilingAndTabbingRequests != undefined) {
-                                showTabs = !opts.customData.foreign.services.windowService.ignoreTilingAndTabbingRequests;
-                            }
-                        }
-                        else if (opts.customData.foreign.services.dockingService) {
-                            if (opts.customData.foreign.services.dockingService.allowTabbing !== undefined) {
-                                showTabs = opts.customData.foreign.services.dockingService.allowTabbing;
-                            }
-                            else if (opts.customData.foreign.services.dockingService.ignoreTilingAndTabbingRequests != undefined) {
-                                showTabs = !opts.customData.foreign.services.dockingService.ignoreTilingAndTabbingRequests;
-                            }
-                        }
-                    }
-                    windowTitleBarStore.setValue({
-                        field: "showTabs",
-                        value: showTabs,
-                    });
-                };
-                finsembleWindow.getOptions(getOptionsCallback);
-            }
-        };
-        FSBL.Clients.ConfigClient.getValues([{ field: "finsemble" }, { field: "finsemble-electron-adapter" }], getValuesCallback);
-        Actions.getInitialTabList((err, values) => {
-            const onParentSet = () => {
-                Actions.parentWrapper = null;
-                Actions.getInitialTabList(() => {
-                    FSBL.Clients.Logger.system.debug("docking group update after initial tab list");
-                    onDockingGroupUpdate(null, {
-                        data: {
-                            groupData: windowTitleBarStore.getValue({
-                                field: "Main.allDockingGroups",
-                            }),
-                        },
-                    });
-                });
-            };
-            const onParentCleared = () => {
-                Actions.parentWrapper = null;
-                FSBL.Clients.Logger.system.debug("ClearParent, setting tabs to null");
-                Actions.stopListeningOnParentWrapper(() => {
-                    Actions.parentWrapperStore = null;
-                    Actions._setTabs(null);
-                    onDockingGroupUpdate(null, {
-                        data: {
-                            groupData: windowTitleBarStore.getValue({
-                                field: "Main.allDockingGroups",
-                            }),
-                        },
-                    });
-                });
-            };
-            finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("setParent", onParentSet);
-            finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("clearParent", onParentCleared);
-            if (err) {
-                return FSBL.Clients.Logger.system.error("Error in getInitialTabList.", err);
-            }
-            if (values)
-                Actions._setTabs(values);
+        FSBL.Clients.ConfigClient.getValues([{ field: "finsemble" }, { field: "finsemble-electron-adapter" }], (err, config) => {
+            if (config)
+                processFEAAndFinsembleConfig(config, windowTitleBarConfig);
+        });
+        Actions.getInitialTabList(processInitialTabList);
+        FSBL.Clients.WindowClient.headerCommandChannel((command, state) => {
+            Actions.remoteStateUpdate(command, state);
         });
     },
     getMyDockingGroups: function (groupData) {
@@ -415,7 +411,7 @@ const Actions = {
         Actions.parentWrapper.reorder({ windowIdentifiers: tabs });
     },
     findTab: function (tab) {
-        let tabs = this.getTabs();
+        let tabs = Actions.getTabs();
         let currentIndex = tabs.findIndex((el) => tab.windowName === el.windowName && tab.uuid === el.uuid);
         return { tab, currentIndex };
     },