@powerhousedao/connect 6.0.0-dev.135 → 6.0.0-dev.136

package/dist/{registerServiceWorker-fSbJUcrq.js.map → registerServiceWorker-19nMRUMW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"registerServiceWorker-fSbJUcrq.js","names":["#handleServiceWorkerMessage","#register","#handleServiceWorker"],"sources":["../src/utils/registerServiceWorker.ts"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\n\nconst basePath = connectConfig.routerBasename;\n\nconst serviceWorkerScriptPath = [basePath, \"service-worker.js\"]\n  .join(\"/\")\n  .replace(/\\/{2,}/gm, \"/\");\n\nclass ServiceWorkerManager {\n  ready = false;\n  debug = false;\n  registration: ServiceWorkerRegistration | null = null;\n\n  constructor(debug = false) {\n    this.debug = debug;\n  }\n\n  setDebug(debug: boolean) {\n    this.debug = debug;\n  }\n\n  #handleServiceWorkerMessage(\n    event: MessageEvent<{\n      type: \"NEW_VERSION_AVAILABLE\";\n      version: string;\n      requiresHardRefresh: boolean;\n    }>,\n  ) {\n    if (this.debug) {\n      console.log(\"ServiceWorker message: \", event);\n    }\n    const message = \"type\" in event.data ? event : null;\n    switch (message?.data.type) {\n      case \"NEW_VERSION_AVAILABLE\": {\n        if (message.data.version === connectConfig.appVersion) {\n          return;\n        }\n        if (message.data.requiresHardRefresh) {\n          if (this.debug) {\n            console.log(\"New version available\");\n          }\n\n          window.location.reload(); // Reload the page to load the new version\n        }\n        break;\n      }\n      default: {\n        console.warn(\"Unhandled message:\", message);\n        break;\n      }\n    }\n  }\n\n  #handleServiceWorker(registration: ServiceWorkerRegistration) {\n    {\n      // Listen for messages from the service worker\n      if (this.debug) {\n        console.log(\"ServiceWorker registered: \", registration);\n      }\n\n      navigator.serviceWorker.addEventListener(\n        \"message\",\n        this.#handleServiceWorkerMessage.bind(this),\n      );\n\n      this.registration = registration;\n      this.ready = true;\n    }\n  }\n\n  async #register() {\n    try {\n      // checks if there is a service worker installed already and calls\n      // its the update method to check if there is a new version available\n      const existingRegistration =\n        await navigator.serviceWorker.getRegistration();\n      if (existingRegistration) {\n        await existingRegistration.update();\n        this.#handleServiceWorker(existingRegistration);\n      }\n\n      // if no service worker is installed then registers the service worker\n      else {\n        const registration = await navigator.serviceWorker.register(\n          serviceWorkerScriptPath,\n        );\n        this.#handleServiceWorker(registration);\n\n        registration.addEventListener(\"updatefound\", () => {\n          this.#handleServiceWorker(registration);\n        });\n      }\n\n      // calls the update on an interval to force\n      // the browser to check for a new version\n      const intervalId = setInterval(async () => {\n        const existingRegistration =\n          await navigator.serviceWorker.getRegistration();\n        if (existingRegistration) {\n          await existingRegistration.update();\n        } else {\n          clearInterval(intervalId);\n          this.registerServiceWorker();\n        }\n      }, connectConfig.appVersionCheckInterval);\n    } catch (error) {\n      console.error(\"ServiceWorker registration failed: \", error);\n    }\n  }\n\n  registerServiceWorker(debug = false) {\n    this.debug = debug;\n\n    if (!(\"serviceWorker\" in navigator)) {\n      console.warn(\"Service Worker not available\");\n      return;\n    }\n    window.addEventListener(\"load\", () => {\n      this.#register().catch(console.error);\n    });\n  }\n}\n\nexport const serviceWorkerManager = new ServiceWorkerManager();\n"],"mappings":";;AAIA,MAAM,0BAA0B,CAFf,cAAc,gBAEY,oBAAoB,CAC5D,KAAK,IAAI,CACT,QAAQ,YAAY,IAAI;AAE3B,IAAM,uBAAN,MAA2B;CACzB,QAAQ;CACR,QAAQ;CACR,eAAiD;CAEjD,YAAY,QAAQ,OAAO;AACzB,OAAK,QAAQ;;CAGf,SAAS,OAAgB;AACvB,OAAK,QAAQ;;CAGf,4BACE,OAKA;AACA,MAAI,KAAK,MACP,SAAQ,IAAI,2BAA2B,MAAM;EAE/C,MAAM,UAAU,UAAU,MAAM,OAAO,QAAQ;AAC/C,UAAQ,SAAS,KAAK,MAAtB;GACE,KAAK;AACH,QAAI,QAAQ,KAAK,YAAY,cAAc,WACzC;AAEF,QAAI,QAAQ,KAAK,qBAAqB;AACpC,SAAI,KAAK,MACP,SAAQ,IAAI,wBAAwB;AAGtC,YAAO,SAAS,QAAQ;;AAE1B;GAEF;AACE,YAAQ,KAAK,sBAAsB,QAAQ;AAC3C;;;CAKN,qBAAqB,cAAyC;AAG1D,MAAI,KAAK,MACP,SAAQ,IAAI,8BAA8B,aAAa;AAGzD,YAAU,cAAc,iBACtB,WACA,MAAA,2BAAiC,KAAK,KAAK,CAC5C;AAED,OAAK,eAAe;AACpB,OAAK,QAAQ;;CAIjB,OAAA,WAAkB;AAChB,MAAI;GAGF,MAAM,uBACJ,MAAM,UAAU,cAAc,iBAAiB;AACjD,OAAI,sBAAsB;AACxB,UAAM,qBAAqB,QAAQ;AACnC,UAAA,oBAA0B,qBAAqB;UAI5C;IACH,MAAM,eAAe,MAAM,UAAU,cAAc,SACjD,wBACD;AACD,UAAA,oBAA0B,aAAa;AAEvC,iBAAa,iBAAiB,qBAAqB;AACjD,WAAA,oBAA0B,aAAa;MACvC;;GAKJ,MAAM,aAAa,YAAY,YAAY;IACzC,MAAM,uBACJ,MAAM,UAAU,cAAc,iBAAiB;AACjD,QAAI,qBACF,OAAM,qBAAqB,QAAQ;SAC9B;AACL,mBAAc,WAAW;AACzB,UAAK,uBAAuB;;MAE7B,cAAc,wBAAwB;WAClC,OAAO;AACd,WAAQ,MAAM,uCAAuC,MAAM;;;CAI/D,sBAAsB,QAAQ,OAAO;AACnC,OAAK,QAAQ;AAEb,MAAI,EAAE,mBAAmB,YAAY;AACnC,WAAQ,KAAK,+BAA+B;AAC5C;;AAEF,SAAO,iBAAiB,cAAc;AACpC,SAAA,UAAgB,CAAC,MAAM,QAAQ,MAAM;IACrC;;;AAIN,MAAa,uBAAuB,IAAI,sBAAsB"}
+{"version":3,"file":"registerServiceWorker-19nMRUMW.js","names":["#handleServiceWorkerMessage","#register","#handleServiceWorker"],"sources":["../src/utils/registerServiceWorker.ts"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\n\nconst basePath = connectConfig.routerBasename;\n\nconst serviceWorkerScriptPath = [basePath, \"service-worker.js\"]\n  .join(\"/\")\n  .replace(/\\/{2,}/gm, \"/\");\n\nclass ServiceWorkerManager {\n  ready = false;\n  debug = false;\n  registration: ServiceWorkerRegistration | null = null;\n\n  constructor(debug = false) {\n    this.debug = debug;\n  }\n\n  setDebug(debug: boolean) {\n    this.debug = debug;\n  }\n\n  #handleServiceWorkerMessage(\n    event: MessageEvent<{\n      type: \"NEW_VERSION_AVAILABLE\";\n      version: string;\n      requiresHardRefresh: boolean;\n    }>,\n  ) {\n    if (this.debug) {\n      console.log(\"ServiceWorker message: \", event);\n    }\n    const message = \"type\" in event.data ? event : null;\n    switch (message?.data.type) {\n      case \"NEW_VERSION_AVAILABLE\": {\n        if (message.data.version === connectConfig.appVersion) {\n          return;\n        }\n        if (message.data.requiresHardRefresh) {\n          if (this.debug) {\n            console.log(\"New version available\");\n          }\n\n          window.location.reload(); // Reload the page to load the new version\n        }\n        break;\n      }\n      default: {\n        console.warn(\"Unhandled message:\", message);\n        break;\n      }\n    }\n  }\n\n  #handleServiceWorker(registration: ServiceWorkerRegistration) {\n    {\n      // Listen for messages from the service worker\n      if (this.debug) {\n        console.log(\"ServiceWorker registered: \", registration);\n      }\n\n      navigator.serviceWorker.addEventListener(\n        \"message\",\n        this.#handleServiceWorkerMessage.bind(this),\n      );\n\n      this.registration = registration;\n      this.ready = true;\n    }\n  }\n\n  async #register() {\n    try {\n      // checks if there is a service worker installed already and calls\n      // its the update method to check if there is a new version available\n      const existingRegistration =\n        await navigator.serviceWorker.getRegistration();\n      if (existingRegistration) {\n        await existingRegistration.update();\n        this.#handleServiceWorker(existingRegistration);\n      }\n\n      // if no service worker is installed then registers the service worker\n      else {\n        const registration = await navigator.serviceWorker.register(\n          serviceWorkerScriptPath,\n        );\n        this.#handleServiceWorker(registration);\n\n        registration.addEventListener(\"updatefound\", () => {\n          this.#handleServiceWorker(registration);\n        });\n      }\n\n      // calls the update on an interval to force\n      // the browser to check for a new version\n      const intervalId = setInterval(async () => {\n        const existingRegistration =\n          await navigator.serviceWorker.getRegistration();\n        if (existingRegistration) {\n          await existingRegistration.update();\n        } else {\n          clearInterval(intervalId);\n          this.registerServiceWorker();\n        }\n      }, connectConfig.appVersionCheckInterval);\n    } catch (error) {\n      console.error(\"ServiceWorker registration failed: \", error);\n    }\n  }\n\n  registerServiceWorker(debug = false) {\n    this.debug = debug;\n\n    if (!(\"serviceWorker\" in navigator)) {\n      console.warn(\"Service Worker not available\");\n      return;\n    }\n    window.addEventListener(\"load\", () => {\n      this.#register().catch(console.error);\n    });\n  }\n}\n\nexport const serviceWorkerManager = new ServiceWorkerManager();\n"],"mappings":";;AAIA,MAAM,0BAA0B,CAFf,cAAc,gBAEY,oBAAoB,CAC5D,KAAK,IAAI,CACT,QAAQ,YAAY,IAAI;AAE3B,IAAM,uBAAN,MAA2B;CACzB,QAAQ;CACR,QAAQ;CACR,eAAiD;CAEjD,YAAY,QAAQ,OAAO;AACzB,OAAK,QAAQ;;CAGf,SAAS,OAAgB;AACvB,OAAK,QAAQ;;CAGf,4BACE,OAKA;AACA,MAAI,KAAK,MACP,SAAQ,IAAI,2BAA2B,MAAM;EAE/C,MAAM,UAAU,UAAU,MAAM,OAAO,QAAQ;AAC/C,UAAQ,SAAS,KAAK,MAAtB;GACE,KAAK;AACH,QAAI,QAAQ,KAAK,YAAY,cAAc,WACzC;AAEF,QAAI,QAAQ,KAAK,qBAAqB;AACpC,SAAI,KAAK,MACP,SAAQ,IAAI,wBAAwB;AAGtC,YAAO,SAAS,QAAQ;;AAE1B;GAEF;AACE,YAAQ,KAAK,sBAAsB,QAAQ;AAC3C;;;CAKN,qBAAqB,cAAyC;AAG1D,MAAI,KAAK,MACP,SAAQ,IAAI,8BAA8B,aAAa;AAGzD,YAAU,cAAc,iBACtB,WACA,MAAA,2BAAiC,KAAK,KAAK,CAC5C;AAED,OAAK,eAAe;AACpB,OAAK,QAAQ;;CAIjB,OAAA,WAAkB;AAChB,MAAI;GAGF,MAAM,uBACJ,MAAM,UAAU,cAAc,iBAAiB;AACjD,OAAI,sBAAsB;AACxB,UAAM,qBAAqB,QAAQ;AACnC,UAAA,oBAA0B,qBAAqB;UAI5C;IACH,MAAM,eAAe,MAAM,UAAU,cAAc,SACjD,wBACD;AACD,UAAA,oBAA0B,aAAa;AAEvC,iBAAa,iBAAiB,qBAAqB;AACjD,WAAA,oBAA0B,aAAa;MACvC;;GAKJ,MAAM,aAAa,YAAY,YAAY;IACzC,MAAM,uBACJ,MAAM,UAAU,cAAc,iBAAiB;AACjD,QAAI,qBACF,OAAM,qBAAqB,QAAQ;SAC9B;AACL,mBAAc,WAAW;AACzB,UAAK,uBAAuB;;MAE7B,cAAc,wBAAwB;WAClC,OAAO;AACd,WAAQ,MAAM,uCAAuC,MAAM;;;CAI/D,sBAAsB,QAAQ,OAAO;AACnC,OAAK,QAAQ;AAEb,MAAI,EAAE,mBAAmB,YAAY;AACnC,WAAQ,KAAK,+BAA+B;AAC5C;;AAEF,SAAO,iBAAiB,cAAc;AACpC,SAAA,UAAgB,CAAC,MAAM,QAAQ,MAAM;IACrC;;;AAIN,MAAa,uBAAuB,IAAI,sBAAsB"}

package/dist/{sidebar-DNioAbBU.js → sidebar-DFgKyko9.js}

@@ -1,8 +1,8 @@
-import { n as defaultPHDocumentEditorConfig, r as defaultPHDriveEditorConfig, t as connectConfig } from "./connect.config-CUbxYkCy.js";
+import { n as defaultPHAppConfig, r as defaultPHDocumentEditorConfig, t as connectConfig } from "./connect.config-DDu1QWU1.js";
 import { t as toast$1 } from "./toast-iD-70hL8.js";
 import { t as i18n } from "./i18n-Ch408v5-.js";
-import { t as serviceWorkerManager } from "./registerServiceWorker-fSbJUcrq.js";
-import { addRemoteDrive, driveCollectionId, exportFile, getRevisionFromDate, logout, openRenown, setPHDocumentEditorConfig, setPHDriveEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useDefaultDriveEditorModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDriveEditorModuleById, useDrives, useEditorModuleById, useFallbackEditorModule, useInspectorEnabled, useNodeParentFolderById, usePHModal, useReactorClient, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDrive, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useUser, validateDocument } from "@powerhousedao/reactor-browser";
+import { t as serviceWorkerManager } from "./registerServiceWorker-19nMRUMW.js";
+import { addRemoteDrive, driveCollectionId, exportFile, getRevisionFromDate, logout, openRenown, setPHAppConfig, setPHDocumentEditorConfig, setRevisionHistoryVisible, setSelectedDrive, setSelectedNode, showPHModal, useAppModuleById, useDefaultAppModule, useDocumentById, useDocumentModelModuleById, useDocumentOperations, useDrives, useEditorModuleById, useFallbackEditorModule, useInspectorEnabled, useNodeParentFolderById, usePHModal, useReactorClient, useRevisionHistoryVisible, useSelectedDocument, useSelectedDocumentId, useSelectedDrive, useSelectedDriveSafe, useSelectedFolder, useSelectedTimelineItem, useSyncList, useUser, validateDocument } from "@powerhousedao/reactor-browser";
 import { childLogger } from "document-model";
 import React, { StrictMode, Suspense, lazy, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { AnimatedLoader, ConnectSidebar, ConnectTooltipProvider, CookieBanner, DefaultEditorLoader, DropZoneWrapper, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, RevisionHistory, SidebarAddDriveItem, SidebarItem, ToastContainer, WagmiContext } from "@powerhousedao/design-system/connect";
@@ -10,8 +10,8 @@ import { Trans, useTranslation } from "react-i18next";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Outlet, RouterProvider, createBrowserRouter, createRoutesFromChildren, matchRoutes, useLocation, useNavigate, useNavigationType, useParams } from "react-router-dom";
 import { useHotkeys } from "react-hotkeys-hook";
-import { ErrorBoundary } from "react-error-boundary";
 import { GenericDriveExplorer } from "@powerhousedao/powerhouse-vetra-packages/editors";
+import { ErrorBoundary } from "react-error-boundary";
 import { Icon, PowerhouseButton } from "@powerhousedao/design-system";
 import { redo, undo } from "@powerhousedao/shared/document-model";
 import { gql, request } from "graphql-request";
@@ -182,110 +182,52 @@ const Analytics = () => {
 	return null;
 };
 //#endregion
-//#region src/utils/browser.ts
-function getBasePath() {
-	if (typeof document === "undefined") return "/";
-	return document.querySelector("base")?.getAttribute("href") || "/";
+//#region src/components/document-editor-container.tsx
+function DocumentEditorContainer() {
+	const [selectedDocument] = useSelectedDocument();
+	const parentFolder = useNodeParentFolderById(selectedDocument.header.id);
+	const onExport = useCallback(() => {
+		if (validateDocument(selectedDocument).length) showPHModal({
+			type: "exportDocumentWithErrors",
+			documentId: selectedDocument.header.id
+		});
+		else exportFile(selectedDocument).catch((error) => {
+			console.error(error);
+			toast$1(`Failed to export document: ${error instanceof Error ? error.message : JSON.stringify(error, null, 1)}`);
+		});
+	}, [selectedDocument]);
+	const onOpenSwitchboardLink = useMemo(() => {
+		return async () => {};
+	}, []);
+	const onClose = useCallback(() => {
+		setSelectedNode(parentFolder);
+	}, [parentFolder, setSelectedNode]);
+	return /* @__PURE__ */ jsx("div", {
+		id: "document-editor-container",
+		className: "flex-1",
+		"data-document-type": selectedDocument.header.documentType,
+		children: /* @__PURE__ */ jsx(DocumentEditor, {
+			document: selectedDocument,
+			onClose,
+			onExport,
+			onOpenSwitchboardLink
+		})
+	});
 }
 //#endregion
-//#region src/utils/document-editor-debug-tools.ts
-var DocumentEditorDebugTools = class {
-	document;
-	operations = [];
-	constructor(document) {
-		if (document) this.document = document;
-	}
-	operationsToTableObject(operations) {
-		return operations.map((op) => ({
-			...op,
-			input: JSON.stringify(op.action.input)
-		}));
-	}
-	setDocument(document) {
-		this.document = document;
-	}
-	getDocument() {
-		return this.document;
-	}
-	getOperations() {
-		return this.operations;
-	}
-	pushOperation(operation) {
-		this.operations.push(operation);
-	}
-	operationsTable() {
-		if (!this.document) console.warn("No document");
-		const ops = Object.values(this.document?.operations || {}).filter((array) => array !== void 0).flatMap((array) => array).sort((a, b) => a.index - b.index);
-		console.table(this.operationsToTableObject(ops));
-	}
-	scopeOperationsTable(scope) {
-		if (!this.document) console.warn("No document");
-		const ops = this.document?.operations[scope] || [];
-		console.table(this.operationsToTableObject(ops));
-	}
-	operationsLog() {
-		console.log(this.operations);
-	}
-	operationsLogTable() {
-		console.table(this.operationsToTableObject(this.operations));
-	}
-	clear() {
-		this.operations = [];
-		this.document = void 0;
-	}
-};
-//#endregion
-//#region src/components/app-skeleton.tsx
-const LOADER_DELAY = 250;
-const Loader = ({ delay = LOADER_DELAY }) => {
-	const isSSR = typeof window === "undefined";
-	const showInitialLoader = typeof document !== "undefined" && document.body.getAttribute("data-show-loader") === "true";
-	const [showLoading, setShowLoading] = useState(!delay || showInitialLoader);
+//#region src/components/editor-loader.tsx
+function EditorLoader(props) {
+	const [showLoading, setShowLoading] = useState(false);
 	useEffect(() => {
-		const id = setTimeout(() => {
+		setTimeout(() => {
 			setShowLoading(true);
-		}, delay);
-		return () => clearTimeout(id);
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		className: `skeleton-loader absolute inset-0 z-10 flex items-center justify-center ${showLoading ? "" : "hidden"}`,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "animate-pulse overflow-hidden rounded-full shadow-lg",
-			children: /* @__PURE__ */ jsx(AnimatedLoader, {})
-		}), isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `setTimeout(() => {
-                        document.querySelector('.skeleton-loader')?.classList.remove('hidden');
-                        document.body.setAttribute('data-show-loader', 'true');
-                    }, ${delay})` } }) : null]
-	});
-};
-const AppSkeleton = () => {
-	const isSSR = typeof window === "undefined";
-	const isHomeScreen = !isSSR && window.location.pathname === getBasePath();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-screen",
-		children: [
-			/* @__PURE__ */ jsx(ConnectSidebar, {
-				className: "animate-pulse",
-				onLogin: void 0,
-				onDisconnect: void 0,
-				onClickSettings: void 0,
-				address: void 0
-			}),
-			/* @__PURE__ */ jsx(HomeScreen, {
-				containerClassName: isSSR || !isHomeScreen ? "hidden home-screen" : void 0,
-				children: null
-			}),
-			isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
-                    const baseEl = document.querySelector('base');
-                    const href = baseEl?.getAttribute('href');
-                    const basePath = href || '/';
-                    if (window.location.pathname === basePath) {
-                        document.querySelector('.home-screen')?.classList.remove('hidden')
-                    }` } }) : null,
-			/* @__PURE__ */ jsx(Loader, {})
-		]
-	});
-};
+		}, props.loadingTimeout ?? 200);
+	}, [props]);
+	if (!showLoading) return null;
+	const { customEditorLoader, ...defaultProps } = props;
+	if (customEditorLoader) return /* @__PURE__ */ jsx(Fragment, { children: customEditorLoader });
+	return /* @__PURE__ */ jsx(DefaultEditorLoader, { ...defaultProps });
+}
 //#endregion
 //#region src/components/error-boundary.tsx
 const logger$1 = childLogger(["Connect"]);
@@ -402,18 +344,145 @@ function ErrorBoundary$1(props) {
 	});
 }
 //#endregion
+//#region src/components/app-container.tsx
+function AppContainer() {
+	const [selectedDrive] = useSelectedDrive();
+	const selectedDocumentId = useSelectedDocumentId();
+	const app = useAppModuleById(selectedDrive.header.meta?.preferredEditor);
+	const defaultApp = useDefaultAppModule();
+	const AppComponent = app?.Component ?? defaultApp?.Component ?? GenericDriveExplorer.Component;
+	if (!AppComponent) throw new Error("No app component found");
+	return /* @__PURE__ */ jsx(ErrorBoundary$1, {
+		variant: "detailed",
+		resetKeys: [selectedDrive.header.id],
+		loggerContext: ["Connect", "App"],
+		children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(EditorLoader, {}),
+			children: /* @__PURE__ */ jsx(DropZoneWrapper, {
+				className: "flex h-full flex-col overflow-auto",
+				children: /* @__PURE__ */ jsx(AppComponent, { children: selectedDocumentId ? /* @__PURE__ */ jsx(DocumentEditorContainer, {}) : null })
+			})
+		})
+	});
+}
+//#endregion
+//#region src/utils/browser.ts
+function getBasePath() {
+	if (typeof document === "undefined") return "/";
+	return document.querySelector("base")?.getAttribute("href") || "/";
+}
+//#endregion
+//#region src/utils/document-editor-debug-tools.ts
+var DocumentEditorDebugTools = class {
+	document;
+	operations = [];
+	constructor(document) {
+		if (document) this.document = document;
+	}
+	operationsToTableObject(operations) {
+		return operations.map((op) => ({
+			...op,
+			input: JSON.stringify(op.action.input)
+		}));
+	}
+	setDocument(document) {
+		this.document = document;
+	}
+	getDocument() {
+		return this.document;
+	}
+	getOperations() {
+		return this.operations;
+	}
+	pushOperation(operation) {
+		this.operations.push(operation);
+	}
+	operationsTable() {
+		if (!this.document) console.warn("No document");
+		const ops = Object.values(this.document?.operations || {}).filter((array) => array !== void 0).flatMap((array) => array).sort((a, b) => a.index - b.index);
+		console.table(this.operationsToTableObject(ops));
+	}
+	scopeOperationsTable(scope) {
+		if (!this.document) console.warn("No document");
+		const ops = this.document?.operations[scope] || [];
+		console.table(this.operationsToTableObject(ops));
+	}
+	operationsLog() {
+		console.log(this.operations);
+	}
+	operationsLogTable() {
+		console.table(this.operationsToTableObject(this.operations));
+	}
+	clear() {
+		this.operations = [];
+		this.document = void 0;
+	}
+};
+//#endregion
+//#region src/components/app-skeleton.tsx
+const LOADER_DELAY = 250;
+const Loader = ({ delay = LOADER_DELAY }) => {
+	const isSSR = typeof window === "undefined";
+	const showInitialLoader = typeof document !== "undefined" && document.body.getAttribute("data-show-loader") === "true";
+	const [showLoading, setShowLoading] = useState(!delay || showInitialLoader);
+	useEffect(() => {
+		const id = setTimeout(() => {
+			setShowLoading(true);
+		}, delay);
+		return () => clearTimeout(id);
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `skeleton-loader absolute inset-0 z-10 flex items-center justify-center ${showLoading ? "" : "hidden"}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "animate-pulse overflow-hidden rounded-full shadow-lg",
+			children: /* @__PURE__ */ jsx(AnimatedLoader, {})
+		}), isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `setTimeout(() => {
+                        document.querySelector('.skeleton-loader')?.classList.remove('hidden');
+                        document.body.setAttribute('data-show-loader', 'true');
+                    }, ${delay})` } }) : null]
+	});
+};
+const AppSkeleton = () => {
+	const isSSR = typeof window === "undefined";
+	const isHomeScreen = !isSSR && window.location.pathname === getBasePath();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-screen",
+		children: [
+			/* @__PURE__ */ jsx(ConnectSidebar, {
+				className: "animate-pulse",
+				onLogin: void 0,
+				onDisconnect: void 0,
+				onClickSettings: void 0,
+				address: void 0
+			}),
+			/* @__PURE__ */ jsx(HomeScreen, {
+				containerClassName: isSSR || !isHomeScreen ? "hidden home-screen" : void 0,
+				children: null
+			}),
+			isSSR ? /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: `
+                    const baseEl = document.querySelector('base');
+                    const href = baseEl?.getAttribute('href');
+                    const basePath = href || '/';
+                    if (window.location.pathname === basePath) {
+                        document.querySelector('.home-screen')?.classList.remove('hidden')
+                    }` } }) : null,
+			/* @__PURE__ */ jsx(Loader, {})
+		]
+	});
+};
+//#endregion
 //#region src/components/modal/modals-container.tsx
-const AddDriveModal$1 = lazy(() => import("./AddDriveModal-A2SuEFot.js").then((m) => ({ default: m.AddDriveModal })));
-const ClearStorageModal = lazy(() => import("./ClearStorageModal-BW6OgSQZ.js").then((m) => ({ default: m.ClearStorageModal })));
+const AddDriveModal$1 = lazy(() => import("./AddDriveModal-CT8C5KqN.js").then((m) => ({ default: m.AddDriveModal })));
+const ClearStorageModal = lazy(() => import("./ClearStorageModal-CGFmu0pv.js").then((m) => ({ default: m.ClearStorageModal })));
 const CookiesPolicyModal = lazy(() => import("./CookiesPolicyModal-Gae1QuhA.js").then((m) => ({ default: m.CookiesPolicyModal })));
 const CreateDocumentModal$1 = lazy(() => import("./CreateDocumentModal-5i6rmv3C.js").then((m) => ({ default: m.CreateDocumentModal })));
-const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-Ko7M_1hz.js").then((m) => ({ default: m.DebugSettingsModal })));
+const DebugSettingsModal = lazy(() => import("./DebugSettingsModal-ZNWhlMQN.js").then((m) => ({ default: m.DebugSettingsModal })));
 const DeleteDriveModal = lazy(() => import("./DeleteDriveModal-BbAx_yXt.js").then((m) => ({ default: m.DeleteDriveModal })));
 const DeleteItemModal = lazy(() => import("./DeleteItemModal-CkWegLlh.js").then((m) => ({ default: m.DeleteItemModal })));
 const DisclaimerModal = lazy(() => import("./DisclaimerModal-CCnvwoB5.js").then((m) => ({ default: m.DisclaimerModal })));
 const DriveSettingsModal$1 = lazy(() => import("./DriveSettingsModal-DxMjOsLg.js").then((m) => ({ default: m.DriveSettingsModal })));
 const ExportDocumentWithErrorsModal = lazy(() => import("./ExportDocumentWithErrorsModal-hgliF8Gy.js").then((m) => ({ default: m.ExportDocumentWithErrorsModal })));
-const SettingsModal$1 = lazy(() => import("./SettingsModal-Cic7jYhm.js").then((m) => ({ default: m.SettingsModal })));
+const SettingsModal$1 = lazy(() => import("./SettingsModal-PBE6DxKf.js").then((m) => ({ default: m.SettingsModal })));
 const UpgradeDriveModal = lazy(() => import("./UpgradeDriveModal-DldcNCaT.js").then((m) => ({ default: m.UpgradeDriveModal })));
 const modalComponents = {
 	addDrive: AddDriveModal$1,
@@ -449,7 +518,7 @@ const ModalsContainer = lazy(async () => {
 //#endregion
 //#region src/components/app-loader.tsx
 const AppLoader = (props) => {
-	const Load = lazy(() => import("./load-Cj671zwU.js").then((m) => m.loadComponent(props.localPackage)));
+	const Load = lazy(() => import("./load-MLceYDvj.js").then((m) => m.loadComponent(props.localPackage)));
 	return /* @__PURE__ */ jsxs(StrictMode, { children: [
 		/* @__PURE__ */ jsx(Suspense, {
 			fallback: /* @__PURE__ */ jsx(AppSkeleton, {}),
@@ -560,75 +629,6 @@ const CookieBanner$1 = () => {
 	});
 };
 //#endregion
-//#region src/components/document-editor-container.tsx
-function DocumentEditorContainer() {
-	const [selectedDocument] = useSelectedDocument();
-	const parentFolder = useNodeParentFolderById(selectedDocument.header.id);
-	const onExport = useCallback(() => {
-		if (validateDocument(selectedDocument).length) showPHModal({
-			type: "exportDocumentWithErrors",
-			documentId: selectedDocument.header.id
-		});
-		else exportFile(selectedDocument).catch((error) => {
-			console.error(error);
-			toast$1(`Failed to export document: ${error instanceof Error ? error.message : JSON.stringify(error, null, 1)}`);
-		});
-	}, [selectedDocument]);
-	const onOpenSwitchboardLink = useMemo(() => {
-		return async () => {};
-	}, []);
-	const onClose = useCallback(() => {
-		setSelectedNode(parentFolder);
-	}, [parentFolder, setSelectedNode]);
-	return /* @__PURE__ */ jsx("div", {
-		id: "document-editor-container",
-		className: "flex-1",
-		"data-document-type": selectedDocument.header.documentType,
-		children: /* @__PURE__ */ jsx(DocumentEditor, {
-			document: selectedDocument,
-			onClose,
-			onExport,
-			onOpenSwitchboardLink
-		})
-	});
-}
-//#endregion
-//#region src/components/editor-loader.tsx
-function EditorLoader(props) {
-	const [showLoading, setShowLoading] = useState(false);
-	useEffect(() => {
-		setTimeout(() => {
-			setShowLoading(true);
-		}, props.loadingTimeout ?? 200);
-	}, [props]);
-	if (!showLoading) return null;
-	const { customEditorLoader, ...defaultProps } = props;
-	if (customEditorLoader) return /* @__PURE__ */ jsx(Fragment, { children: customEditorLoader });
-	return /* @__PURE__ */ jsx(DefaultEditorLoader, { ...defaultProps });
-}
-//#endregion
-//#region src/components/drive-editor-container.tsx
-function DriveEditorContainer() {
-	const [selectedDrive] = useSelectedDrive();
-	const selectedDocumentId = useSelectedDocumentId();
-	const driveEditor = useDriveEditorModuleById(selectedDrive.header.meta?.preferredEditor);
-	const defaultDriveEditor = useDefaultDriveEditorModule();
-	const DriveEditorComponent = driveEditor?.Component ?? defaultDriveEditor?.Component ?? GenericDriveExplorer.Component;
-	if (!DriveEditorComponent) throw new Error("No drive editor component found");
-	return /* @__PURE__ */ jsx(ErrorBoundary$1, {
-		variant: "detailed",
-		resetKeys: [selectedDrive.header.id],
-		loggerContext: ["Connect", "DriveEditor"],
-		children: /* @__PURE__ */ jsx(Suspense, {
-			fallback: /* @__PURE__ */ jsx(EditorLoader, {}),
-			children: /* @__PURE__ */ jsx(DropZoneWrapper, {
-				className: "flex h-full flex-col overflow-auto",
-				children: /* @__PURE__ */ jsx(DriveEditorComponent, { children: selectedDocumentId ? /* @__PURE__ */ jsx(DocumentEditorContainer, {}) : null })
-			})
-		})
-	});
-}
-//#endregion
 //#region src/components/drive-icon.tsx
 function DriveIcon({ drive }) {
 	const remotes = useSyncList();
@@ -819,9 +819,9 @@ function Content() {
 		if (!selectedDocumentId) setPHDocumentEditorConfig(defaultPHDocumentEditorConfig);
 	}, [selectedDocumentId]);
 	useEffect(() => {
-		if (!selectedDrive) setPHDriveEditorConfig(defaultPHDriveEditorConfig);
+		if (!selectedDrive) setPHAppConfig(defaultPHAppConfig);
 	}, [selectedDrive]);
-	return /* @__PURE__ */ jsx(ContentContainer, { children: !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(DriveEditorContainer, {}) });
+	return /* @__PURE__ */ jsx(ContentContainer, { children: !selectedDocumentId && !selectedDrive && !selectedFolder ? /* @__PURE__ */ jsx(HomeScreenContainer, {}) : /* @__PURE__ */ jsx(AppContainer, {}) });
 }
 function ContentContainer({ children }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -831,7 +831,7 @@ function ContentContainer({ children }) {
 	});
 }
 function DriveItem({ drive }) {
-	const description = useDriveEditorModuleById(drive.header.meta?.preferredEditor)?.name || "Drive Explorer App";
+	const description = useAppModuleById(drive.header.meta?.preferredEditor)?.name || "Drive Explorer App";
 	return /* @__PURE__ */ jsx(HomeScreenItem, {
 		title: drive.state.global.name,
 		description,
@@ -1144,4 +1144,4 @@ function Sidebar() {
 //#endregion
 export { AppLoader as t };
 
-//# sourceMappingURL=sidebar-DNioAbBU.js.map
+//# sourceMappingURL=sidebar-DFgKyko9.js.map