Function Tab

src/Components/Layout/tab.ts:102–219

(reveal = false)

 * @returns {Promise<void>}
 */
const Tab = async (reveal = false): Promise<void> => {
	const _preference = await Storage.get('preference');
	const defaultTabsInfo = {
		focus: '1',
		tabs: {
			1: {
				position: 'xplorer://Home',
				history: ['xplorer://Home'],
				currentIndex: 0,
			},
		},
		focusHistory: [1],
		latestIndex: 1,
	}; // default tabs information
	if ((_preference?.on_startup ?? 'new') === 'new') {
		// Store default tabs information into local storage
		Storage.set(`tabs-${windowName}`, defaultTabsInfo);
		tabsManager.setAttribute('data-tauri-drag-region', '');
	} else {
		const tabsInfo = await Storage.get(`tabs-${windowName}`);
		if (!tabsInfo.tabs || reveal) {
			Storage.set(`tabs-${windowName}`, defaultTabsInfo);
			tabsManager.setAttribute('data-tauri-drag-region', '');
			Home();
		} else {
			let _first = true;
			const createNewTabElement = document.querySelector('.create-new-tab');
			for (const index in Object.keys(tabsInfo.tabs)) {
				if (_first) {
					if (Object.keys(tabsInfo.tabs).length > 1) {
						const tabIndex = Object.keys(tabsInfo.tabs)[index];
						const tabPosition = tabsInfo.tabs[Object.keys(tabsInfo.tabs)[index]].position;
						document.querySelector('#tab1').id = `tab${tabIndex}`;
						document.getElementById(`tab${tabIndex}`).querySelector<HTMLInputElement>('#tab-position').innerText = await Translate(
							basename(tabPosition) === '' ? tabPosition : basename(tabPosition)
						);
					} else {
						document.querySelector('#tab1').id = `tab${Object.keys(tabsInfo.tabs)[index]}`;
						await OpenDir(tabsInfo.tabs[Object.keys(tabsInfo.tabs)[index]].position, false, true);
					}
					_first = false;
				} else {
					const tabIndex = Object.keys(tabsInfo.tabs)[index];
					const tabPosition = tabsInfo.tabs[Object.keys(tabsInfo.tabs)[index]].position;
					const newTab = document.createElement('div');
					newTab.classList.add('tab');
					newTab.classList.add('tab-hover-effect');
					newTab.innerHTML = `<span id='tab-position'>${await Translate('Home')}</span><span class='close-tab-btn'>&times;</span>`;
					newTab.dataset.tabIndex = tabIndex;
					newTab.id = `tab${tabIndex}`;

					createNewTabElement.parentElement.insertBefore(newTab, createNewTabElement); // Insert the new tab
					OpenDir(tabPosition ?? 'xplorer://Home');
					document.getElementById(`tab${tabIndex}`).querySelector<HTMLInputElement>('#tab-position').innerText = await Translate(
						basename(tabPosition) === '' ? tabPosition : basename(tabPosition)
					);
				}
			}