@elementor/editor-site-settings 4.3.0-1031

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import { ComponentType } from 'react';
+
+declare function init(): void;
+
+type Config = {
+    id: string;
+    component: ComponentType;
+    priority?: number;
+};
+declare function injectSiteSettingsTab({ id, component, priority }: Config): void;
+
+declare function registerSiteSettingsTab({ id, priority, component, }: {
+    id: string;
+    priority?: number;
+    component: ComponentType;
+}): void;
+
+export { init, injectSiteSettingsTab, registerSiteSettingsTab };

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType } from 'react';
+
+declare function init(): void;
+
+type Config = {
+    id: string;
+    component: ComponentType;
+    priority?: number;
+};
+declare function injectSiteSettingsTab({ id, component, priority }: Config): void;
+
+declare function registerSiteSettingsTab({ id, priority, component, }: {
+    id: string;
+    priority?: number;
+    component: ComponentType;
+}): void;
+
+export { init, injectSiteSettingsTab, registerSiteSettingsTab };

package/dist/index.js

@@ -0,0 +1,111 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  init: () => init,
+  injectSiteSettingsTab: () => injectSiteSettingsTab,
+  registerSiteSettingsTab: () => registerSiteSettingsTab
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/init.ts
+var import_editor = require("@elementor/editor");
+
+// src/components/site-settings-tab.tsx
+var React = __toESM(require("react"));
+var import_ui = require("@elementor/ui");
+
+// src/consts.ts
+var SITE_SETTINGS_ROUTE_PREFIX = "panel/global/";
+var SITE_SETTINGS_PANEL_CONTENT_ID = "elementor-kit-panel-content-controls";
+
+// src/hooks/use-active-site-settings-tab.ts
+var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
+
+// src/tabs.ts
+var registry = /* @__PURE__ */ new Map();
+var DEFAULT_PRIORITY = 10;
+function registerSiteSettingsTab({
+  id,
+  priority = DEFAULT_PRIORITY,
+  component
+}) {
+  const existing = registry.get(id);
+  if (!existing || priority <= existing.priority) {
+    registry.set(id, { component, priority });
+  }
+}
+function getSiteSettingsTab(id) {
+  return registry.get(id) ?? null;
+}
+
+// src/hooks/use-active-site-settings-tab.ts
+function useActiveSiteSettingsTab() {
+  return (0, import_editor_v1_adapters.__privateUseListenTo)(
+    [(0, import_editor_v1_adapters.v1ReadyEvent)(), (0, import_editor_v1_adapters.routeOpenEvent)(SITE_SETTINGS_ROUTE_PREFIX), (0, import_editor_v1_adapters.routeCloseEvent)(SITE_SETTINGS_ROUTE_PREFIX)],
+    () => {
+      const panelRoute = window.$e?.routes?.getCurrent?.()?.panel;
+      if (!panelRoute || !panelRoute.startsWith(SITE_SETTINGS_ROUTE_PREFIX)) {
+        return null;
+      }
+      const tabId = panelRoute.replace(SITE_SETTINGS_ROUTE_PREFIX, "");
+      return getSiteSettingsTab(tabId) ?? null;
+    }
+  );
+}
+
+// src/components/site-settings-tab.tsx
+function SiteSettingsTab() {
+  const tab = useActiveSiteSettingsTab();
+  const TabComponent = tab?.component;
+  const container = document.getElementById(SITE_SETTINGS_PANEL_CONTENT_ID);
+  return TabComponent && container ? /* @__PURE__ */ React.createElement(import_ui.Portal, { container }, /* @__PURE__ */ React.createElement(TabComponent, null)) : null;
+}
+
+// src/init.ts
+function init() {
+  (0, import_editor.injectIntoTop)({
+    id: "editor-site-settings-tab",
+    component: SiteSettingsTab
+  });
+}
+
+// src/inject-site-settings-tab.ts
+function injectSiteSettingsTab({ id, component, priority }) {
+  registerSiteSettingsTab({ id, component, priority });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  init,
+  injectSiteSettingsTab,
+  registerSiteSettingsTab
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/init.ts","../src/components/site-settings-tab.tsx","../src/consts.ts","../src/hooks/use-active-site-settings-tab.ts","../src/tabs.ts","../src/inject-site-settings-tab.ts"],"sourcesContent":["export { init } from './init';\nexport { injectSiteSettingsTab } from './inject-site-settings-tab';\nexport { registerSiteSettingsTab } from './tabs';\n","import { injectIntoTop } from '@elementor/editor';\n\nimport { SiteSettingsTab } from './components/site-settings-tab';\n\nexport function init() {\n\tinjectIntoTop( {\n\t\tid: 'editor-site-settings-tab',\n\t\tcomponent: SiteSettingsTab,\n\t} );\n}\n","import * as React from 'react';\nimport { Portal } from '@elementor/ui';\n\nimport { SITE_SETTINGS_PANEL_CONTENT_ID } from '../consts';\nimport { useActiveSiteSettingsTab } from '../hooks/use-active-site-settings-tab';\n\nexport function SiteSettingsTab() {\n\tconst tab = useActiveSiteSettingsTab();\n\tconst TabComponent = tab?.component;\n\tconst container = document.getElementById( SITE_SETTINGS_PANEL_CONTENT_ID );\n\n\treturn TabComponent && container ? (\n\t\t<Portal container={ container }>\n\t\t\t<TabComponent />\n\t\t</Portal>\n\t) : null;\n}\n","export const SITE_SETTINGS_ROUTE_PREFIX = 'panel/global/';\n\nexport const SITE_SETTINGS_PANEL_CONTENT_ID = 'elementor-kit-panel-content-controls';\n","import {\n\t__privateUseListenTo as useListenTo,\n\trouteCloseEvent,\n\trouteOpenEvent,\n\tv1ReadyEvent,\n} from '@elementor/editor-v1-adapters';\n\nimport { SITE_SETTINGS_ROUTE_PREFIX } from '../consts';\nimport { getSiteSettingsTab } from '../tabs';\n\nexport function useActiveSiteSettingsTab() {\n\treturn useListenTo(\n\t\t[ v1ReadyEvent(), routeOpenEvent( SITE_SETTINGS_ROUTE_PREFIX ), routeCloseEvent( SITE_SETTINGS_ROUTE_PREFIX ) ],\n\t\t() => {\n\t\t\tconst panelRoute = window.$e?.routes?.getCurrent?.()?.panel;\n\n\t\t\tif ( ! panelRoute || ! panelRoute.startsWith( SITE_SETTINGS_ROUTE_PREFIX ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst tabId = panelRoute.replace( SITE_SETTINGS_ROUTE_PREFIX, '' );\n\n\t\t\treturn getSiteSettingsTab( tabId ) ?? null;\n\t\t}\n\t);\n}\n","import { type ComponentType } from 'react';\n\ntype Tab = {\n\tcomponent: ComponentType;\n\tpriority: number;\n};\n\nconst registry = new Map< string, Tab >();\n\nconst DEFAULT_PRIORITY = 10;\n\nexport function registerSiteSettingsTab( {\n\tid,\n\tpriority = DEFAULT_PRIORITY,\n\tcomponent,\n}: {\n\tid: string;\n\tpriority?: number;\n\tcomponent: ComponentType;\n} ) {\n\tconst existing = registry.get( id );\n\n\tif ( ! existing || priority <= existing.priority ) {\n\t\tregistry.set( id, { component, priority } );\n\t}\n}\n\nexport function getSiteSettingsTab( id: string ): Tab | null {\n\treturn registry.get( id ) ?? null;\n}\n","import { type ComponentType } from 'react';\n\nimport { registerSiteSettingsTab } from './tabs';\n\ntype Config = {\n\tid: string;\n\tcomponent: ComponentType;\n\tpriority?: number;\n};\n\nexport function injectSiteSettingsTab( { id, component, priority }: Config ) {\n\tregisterSiteSettingsTab( { id, component, priority } );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAA8B;;;ACA9B,YAAuB;AACvB,gBAAuB;;;ACDhB,IAAM,6BAA6B;AAEnC,IAAM,iCAAiC;;;ACF9C,gCAKO;;;ACEP,IAAM,WAAW,oBAAI,IAAmB;AAExC,IAAM,mBAAmB;AAElB,SAAS,wBAAyB;AAAA,EACxC;AAAA,EACA,WAAW;AAAA,EACX;AACD,GAII;AACH,QAAM,WAAW,SAAS,IAAK,EAAG;AAElC,MAAK,CAAE,YAAY,YAAY,SAAS,UAAW;AAClD,aAAS,IAAK,IAAI,EAAE,WAAW,SAAS,CAAE;AAAA,EAC3C;AACD;AAEO,SAAS,mBAAoB,IAAyB;AAC5D,SAAO,SAAS,IAAK,EAAG,KAAK;AAC9B;;;ADnBO,SAAS,2BAA2B;AAC1C,aAAO,0BAAAA;AAAA,IACN,KAAE,wCAAa,OAAG,0CAAgB,0BAA2B,OAAG,2CAAiB,0BAA2B,CAAE;AAAA,IAC9G,MAAM;AACL,YAAM,aAAa,OAAO,IAAI,QAAQ,aAAa,GAAG;AAEtD,UAAK,CAAE,cAAc,CAAE,WAAW,WAAY,0BAA2B,GAAI;AAC5E,eAAO;AAAA,MACR;AAEA,YAAM,QAAQ,WAAW,QAAS,4BAA4B,EAAG;AAEjE,aAAO,mBAAoB,KAAM,KAAK;AAAA,IACvC;AAAA,EACD;AACD;;;AFnBO,SAAS,kBAAkB;AACjC,QAAM,MAAM,yBAAyB;AACrC,QAAM,eAAe,KAAK;AAC1B,QAAM,YAAY,SAAS,eAAgB,8BAA+B;AAE1E,SAAO,gBAAgB,YACtB,oCAAC,oBAAO,aACP,oCAAC,kBAAa,CACf,IACG;AACL;;;ADZO,SAAS,OAAO;AACtB,mCAAe;AAAA,IACd,IAAI;AAAA,IACJ,WAAW;AAAA,EACZ,CAAE;AACH;;;AKCO,SAAS,sBAAuB,EAAE,IAAI,WAAW,SAAS,GAAY;AAC5E,0BAAyB,EAAE,IAAI,WAAW,SAAS,CAAE;AACtD;","names":["useListenTo"]}

package/dist/index.mjs

@@ -0,0 +1,77 @@
+// src/init.ts
+import { injectIntoTop } from "@elementor/editor";
+
+// src/components/site-settings-tab.tsx
+import * as React from "react";
+import { Portal } from "@elementor/ui";
+
+// src/consts.ts
+var SITE_SETTINGS_ROUTE_PREFIX = "panel/global/";
+var SITE_SETTINGS_PANEL_CONTENT_ID = "elementor-kit-panel-content-controls";
+
+// src/hooks/use-active-site-settings-tab.ts
+import {
+  __privateUseListenTo as useListenTo,
+  routeCloseEvent,
+  routeOpenEvent,
+  v1ReadyEvent
+} from "@elementor/editor-v1-adapters";
+
+// src/tabs.ts
+var registry = /* @__PURE__ */ new Map();
+var DEFAULT_PRIORITY = 10;
+function registerSiteSettingsTab({
+  id,
+  priority = DEFAULT_PRIORITY,
+  component
+}) {
+  const existing = registry.get(id);
+  if (!existing || priority <= existing.priority) {
+    registry.set(id, { component, priority });
+  }
+}
+function getSiteSettingsTab(id) {
+  return registry.get(id) ?? null;
+}
+
+// src/hooks/use-active-site-settings-tab.ts
+function useActiveSiteSettingsTab() {
+  return useListenTo(
+    [v1ReadyEvent(), routeOpenEvent(SITE_SETTINGS_ROUTE_PREFIX), routeCloseEvent(SITE_SETTINGS_ROUTE_PREFIX)],
+    () => {
+      const panelRoute = window.$e?.routes?.getCurrent?.()?.panel;
+      if (!panelRoute || !panelRoute.startsWith(SITE_SETTINGS_ROUTE_PREFIX)) {
+        return null;
+      }
+      const tabId = panelRoute.replace(SITE_SETTINGS_ROUTE_PREFIX, "");
+      return getSiteSettingsTab(tabId) ?? null;
+    }
+  );
+}
+
+// src/components/site-settings-tab.tsx
+function SiteSettingsTab() {
+  const tab = useActiveSiteSettingsTab();
+  const TabComponent = tab?.component;
+  const container = document.getElementById(SITE_SETTINGS_PANEL_CONTENT_ID);
+  return TabComponent && container ? /* @__PURE__ */ React.createElement(Portal, { container }, /* @__PURE__ */ React.createElement(TabComponent, null)) : null;
+}
+
+// src/init.ts
+function init() {
+  injectIntoTop({
+    id: "editor-site-settings-tab",
+    component: SiteSettingsTab
+  });
+}
+
+// src/inject-site-settings-tab.ts
+function injectSiteSettingsTab({ id, component, priority }) {
+  registerSiteSettingsTab({ id, component, priority });
+}
+export {
+  init,
+  injectSiteSettingsTab,
+  registerSiteSettingsTab
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/init.ts","../src/components/site-settings-tab.tsx","../src/consts.ts","../src/hooks/use-active-site-settings-tab.ts","../src/tabs.ts","../src/inject-site-settings-tab.ts"],"sourcesContent":["import { injectIntoTop } from '@elementor/editor';\n\nimport { SiteSettingsTab } from './components/site-settings-tab';\n\nexport function init() {\n\tinjectIntoTop( {\n\t\tid: 'editor-site-settings-tab',\n\t\tcomponent: SiteSettingsTab,\n\t} );\n}\n","import * as React from 'react';\nimport { Portal } from '@elementor/ui';\n\nimport { SITE_SETTINGS_PANEL_CONTENT_ID } from '../consts';\nimport { useActiveSiteSettingsTab } from '../hooks/use-active-site-settings-tab';\n\nexport function SiteSettingsTab() {\n\tconst tab = useActiveSiteSettingsTab();\n\tconst TabComponent = tab?.component;\n\tconst container = document.getElementById( SITE_SETTINGS_PANEL_CONTENT_ID );\n\n\treturn TabComponent && container ? (\n\t\t<Portal container={ container }>\n\t\t\t<TabComponent />\n\t\t</Portal>\n\t) : null;\n}\n","export const SITE_SETTINGS_ROUTE_PREFIX = 'panel/global/';\n\nexport const SITE_SETTINGS_PANEL_CONTENT_ID = 'elementor-kit-panel-content-controls';\n","import {\n\t__privateUseListenTo as useListenTo,\n\trouteCloseEvent,\n\trouteOpenEvent,\n\tv1ReadyEvent,\n} from '@elementor/editor-v1-adapters';\n\nimport { SITE_SETTINGS_ROUTE_PREFIX } from '../consts';\nimport { getSiteSettingsTab } from '../tabs';\n\nexport function useActiveSiteSettingsTab() {\n\treturn useListenTo(\n\t\t[ v1ReadyEvent(), routeOpenEvent( SITE_SETTINGS_ROUTE_PREFIX ), routeCloseEvent( SITE_SETTINGS_ROUTE_PREFIX ) ],\n\t\t() => {\n\t\t\tconst panelRoute = window.$e?.routes?.getCurrent?.()?.panel;\n\n\t\t\tif ( ! panelRoute || ! panelRoute.startsWith( SITE_SETTINGS_ROUTE_PREFIX ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst tabId = panelRoute.replace( SITE_SETTINGS_ROUTE_PREFIX, '' );\n\n\t\t\treturn getSiteSettingsTab( tabId ) ?? null;\n\t\t}\n\t);\n}\n","import { type ComponentType } from 'react';\n\ntype Tab = {\n\tcomponent: ComponentType;\n\tpriority: number;\n};\n\nconst registry = new Map< string, Tab >();\n\nconst DEFAULT_PRIORITY = 10;\n\nexport function registerSiteSettingsTab( {\n\tid,\n\tpriority = DEFAULT_PRIORITY,\n\tcomponent,\n}: {\n\tid: string;\n\tpriority?: number;\n\tcomponent: ComponentType;\n} ) {\n\tconst existing = registry.get( id );\n\n\tif ( ! existing || priority <= existing.priority ) {\n\t\tregistry.set( id, { component, priority } );\n\t}\n}\n\nexport function getSiteSettingsTab( id: string ): Tab | null {\n\treturn registry.get( id ) ?? null;\n}\n","import { type ComponentType } from 'react';\n\nimport { registerSiteSettingsTab } from './tabs';\n\ntype Config = {\n\tid: string;\n\tcomponent: ComponentType;\n\tpriority?: number;\n};\n\nexport function injectSiteSettingsTab( { id, component, priority }: Config ) {\n\tregisterSiteSettingsTab( { id, component, priority } );\n}\n"],"mappings":";AAAA,SAAS,qBAAqB;;;ACA9B,YAAY,WAAW;AACvB,SAAS,cAAc;;;ACDhB,IAAM,6BAA6B;AAEnC,IAAM,iCAAiC;;;ACF9C;AAAA,EACC,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,OACM;;;ACEP,IAAM,WAAW,oBAAI,IAAmB;AAExC,IAAM,mBAAmB;AAElB,SAAS,wBAAyB;AAAA,EACxC;AAAA,EACA,WAAW;AAAA,EACX;AACD,GAII;AACH,QAAM,WAAW,SAAS,IAAK,EAAG;AAElC,MAAK,CAAE,YAAY,YAAY,SAAS,UAAW;AAClD,aAAS,IAAK,IAAI,EAAE,WAAW,SAAS,CAAE;AAAA,EAC3C;AACD;AAEO,SAAS,mBAAoB,IAAyB;AAC5D,SAAO,SAAS,IAAK,EAAG,KAAK;AAC9B;;;ADnBO,SAAS,2BAA2B;AAC1C,SAAO;AAAA,IACN,CAAE,aAAa,GAAG,eAAgB,0BAA2B,GAAG,gBAAiB,0BAA2B,CAAE;AAAA,IAC9G,MAAM;AACL,YAAM,aAAa,OAAO,IAAI,QAAQ,aAAa,GAAG;AAEtD,UAAK,CAAE,cAAc,CAAE,WAAW,WAAY,0BAA2B,GAAI;AAC5E,eAAO;AAAA,MACR;AAEA,YAAM,QAAQ,WAAW,QAAS,4BAA4B,EAAG;AAEjE,aAAO,mBAAoB,KAAM,KAAK;AAAA,IACvC;AAAA,EACD;AACD;;;AFnBO,SAAS,kBAAkB;AACjC,QAAM,MAAM,yBAAyB;AACrC,QAAM,eAAe,KAAK;AAC1B,QAAM,YAAY,SAAS,eAAgB,8BAA+B;AAE1E,SAAO,gBAAgB,YACtB,oCAAC,UAAO,aACP,oCAAC,kBAAa,CACf,IACG;AACL;;;ADZO,SAAS,OAAO;AACtB,gBAAe;AAAA,IACd,IAAI;AAAA,IACJ,WAAW;AAAA,EACZ,CAAE;AACH;;;AKCO,SAAS,sBAAuB,EAAE,IAAI,WAAW,SAAS,GAAY;AAC5E,0BAAyB,EAAE,IAAI,WAAW,SAAS,CAAE;AACtD;","names":[]}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@elementor/editor-site-settings",
+  "version": "4.3.0-1031",
+  "private": false,
+  "author": "Elementor Team",
+  "homepage": "https://elementor.com/",
+  "license": "GPL-3.0-or-later",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/elementor/elementor.git",
+    "directory": "packages/core/editor-site-settings"
+  },
+  "bugs": {
+    "url": "https://github.com/elementor/elementor/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "/dist",
+    "/src",
+    "!**/__tests__"
+  ],
+  "scripts": {
+    "build": "tsup --config=../../tsup.build.ts",
+    "dev": "tsup --config=../../tsup.dev.ts"
+  },
+  "dependencies": {
+    "@elementor/editor": "4.3.0-1031",
+    "@elementor/editor-v1-adapters": "4.3.0-1031",
+    "@elementor/ui": "1.37.5"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5"
+  }
+}

package/src/components/site-settings-tab.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Portal } from '@elementor/ui';
+
+import { SITE_SETTINGS_PANEL_CONTENT_ID } from '../consts';
+import { useActiveSiteSettingsTab } from '../hooks/use-active-site-settings-tab';
+
+export function SiteSettingsTab() {
+	const tab = useActiveSiteSettingsTab();
+	const TabComponent = tab?.component;
+	const container = document.getElementById( SITE_SETTINGS_PANEL_CONTENT_ID );
+
+	return TabComponent && container ? (
+		<Portal container={ container }>
+			<TabComponent />
+		</Portal>
+	) : null;
+}

package/src/consts.ts

@@ -0,0 +1,3 @@
+export const SITE_SETTINGS_ROUTE_PREFIX = 'panel/global/';
+
+export const SITE_SETTINGS_PANEL_CONTENT_ID = 'elementor-kit-panel-content-controls';

package/src/hooks/use-active-site-settings-tab.ts

@@ -0,0 +1,26 @@
+import {
+	__privateUseListenTo as useListenTo,
+	routeCloseEvent,
+	routeOpenEvent,
+	v1ReadyEvent,
+} from '@elementor/editor-v1-adapters';
+
+import { SITE_SETTINGS_ROUTE_PREFIX } from '../consts';
+import { getSiteSettingsTab } from '../tabs';
+
+export function useActiveSiteSettingsTab() {
+	return useListenTo(
+		[ v1ReadyEvent(), routeOpenEvent( SITE_SETTINGS_ROUTE_PREFIX ), routeCloseEvent( SITE_SETTINGS_ROUTE_PREFIX ) ],
+		() => {
+			const panelRoute = window.$e?.routes?.getCurrent?.()?.panel;
+
+			if ( ! panelRoute || ! panelRoute.startsWith( SITE_SETTINGS_ROUTE_PREFIX ) ) {
+				return null;
+			}
+
+			const tabId = panelRoute.replace( SITE_SETTINGS_ROUTE_PREFIX, '' );
+
+			return getSiteSettingsTab( tabId ) ?? null;
+		}
+	);
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export { init } from './init';
+export { injectSiteSettingsTab } from './inject-site-settings-tab';
+export { registerSiteSettingsTab } from './tabs';

package/src/init.ts

@@ -0,0 +1,10 @@
+import { injectIntoTop } from '@elementor/editor';
+
+import { SiteSettingsTab } from './components/site-settings-tab';
+
+export function init() {
+	injectIntoTop( {
+		id: 'editor-site-settings-tab',
+		component: SiteSettingsTab,
+	} );
+}

package/src/inject-site-settings-tab.ts

@@ -0,0 +1,13 @@
+import { type ComponentType } from 'react';
+
+import { registerSiteSettingsTab } from './tabs';
+
+type Config = {
+	id: string;
+	component: ComponentType;
+	priority?: number;
+};
+
+export function injectSiteSettingsTab( { id, component, priority }: Config ) {
+	registerSiteSettingsTab( { id, component, priority } );
+}

package/src/tabs.ts

@@ -0,0 +1,30 @@
+import { type ComponentType } from 'react';
+
+type Tab = {
+	component: ComponentType;
+	priority: number;
+};
+
+const registry = new Map< string, Tab >();
+
+const DEFAULT_PRIORITY = 10;
+
+export function registerSiteSettingsTab( {
+	id,
+	priority = DEFAULT_PRIORITY,
+	component,
+}: {
+	id: string;
+	priority?: number;
+	component: ComponentType;
+} ) {
+	const existing = registry.get( id );
+
+	if ( ! existing || priority <= existing.priority ) {
+		registry.set( id, { component, priority } );
+	}
+}
+
+export function getSiteSettingsTab( id: string ): Tab | null {
+	return registry.get( id ) ?? null;
+}