{"version":3,"file":"js/chunk.9796.b096b4f4.js","mappings":"kKAIO,IAAMA,EAAa,KACxB,GAAM,CAACC,EAAWC,EAAa,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IACrC,CAACC,EAAO,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,IAEXC,EAAgBC,CAAAA,EAAAA,EAAAA,WAAAA,EACpB,CAACC,EAAS,EAAI,IAEZ,IAAMC,EAAaL,GAAQM,KACtBD,IAsBLE,CAnBqC,KACnC,IAAMC,EAAsBH,EAAWI,IAAI,CAACC,UAAU,CACpD,eAGF,GAAI,CAACF,EACH,OAIF,IAAMG,EAAmBC,mBADNJ,EAAoBK,IAAI,CAACC,YAAY,CAACC,IAAI,CAEzD,MAAWJ,CAAe,GAAO,IAAYA,CAAe,GAGhEH,EAAoBK,IAAI,CAACG,eAAe,CAAC,CACvCD,KAAMX,EAAS,iBAAmB,SACpC,EACF,KAGAN,EAAaM,GACf,EACA,CAACJ,GAAQM,KAAMT,EAAU,EAiB3B,MAdAoB,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACR,GAAI,CAACpB,EAAW,OAEhB,IAAMQ,EAAaL,GAAQM,KAC3B,GAAI,CAACD,EAAY,OAEjB,IAAMa,EAAeb,GAAYc,cAAc,wBAC/C,GAAKD,EAEL,OAAOA,EAAaE,KAAK,CAACC,mBAAmB,CAACC,EAAE,CAAC,KAC/CxB,EAAaoB,mBAAAA,EAAaJ,YAAY,CAACC,IAAI,CAC7C,GAAGQ,OAAO,EACT,CAACvB,GAAQM,KAAMT,EAAU,EAErB,CACLA,UAAAA,EACAK,cAAAA,CACF,CACF,C,oLCdA,IAAMsB,EAAuBC,CAAAA,EAAAA,EAAAA,IAAAA,EAAK,SAA8B,CAC9DC,KAAAA,CAAI,CACJC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,YAAAA,CAAW,CACqC,EAChD,IAAMC,EAAcC,CAAAA,EAAAA,EAAAA,CAAAA,EAAYC,CAAAA,EAAAA,EAAAA,EAAAA,EAAWC,EAAAA,CAAUA,EAAEC,GAAG,CAACC,KAAK,EAC1DC,EAAOC,CAAAA,EAAAA,EAAAA,OAAAA,EAAQ,KACnB,IAAMC,EAAYT,GAAeC,SAEjC,EACSQ,EAEFR,CACT,EAAG,CAACF,EAAUC,EAAaC,EAAY,EAEjC,CAAES,YAAAA,CAAW,CAAE,CAAGC,CAAAA,EAAAA,EAAAA,CAAAA,IAElBC,EAAQJ,CAAAA,EAAAA,EAAAA,OAAAA,EAAQ,KACpB,IAAMK,EAAYC,EAAAA,EAAgBA,CAACC,IAAI,CACrCC,GAAUA,EAAOC,GAAG,GAAKP,EAAYG,SAAS,EAGhD,MADAK,CAAAA,EAAAA,EAAAA,EAAAA,EAAaL,GACNA,EAAUD,KAAK,EACrB,CAACF,EAAYG,SAAS,CAAC,EAEpBM,EA7BCC,CAAAA,EAAAA,EAAAA,EAAAA,IAAcC,IAAI,CAACC,SAAS,CAAC,GA+B9BC,EAAejD,CAAAA,EAAAA,EAAAA,WAAAA,EACnB,IAEEkD,WAAWC,aAAa,CAAGtD,EAC3B,IAAMuD,EAAkB,IAAIC,EAAAA,CAAeA,CAa3C,OAZAC,aAAaC,OAAO,CAAC,eAAgBhC,EAAKiC,EAAE,EAExChC,GAEF3B,EAAO4D,cAAc,CAClBC,IAAI,CAAC,IAAM7D,EAAOM,IAAI,EAAEsD,gBACxBC,IAAI,CAAC,KACJN,EAAgBO,GAAG,CAACnC,EAAOD,EAAM1B,GACnC,GACC+D,KAAK,CAACC,QAAQC,KAAK,EAGjB,KACLV,EAAgBhC,OAAO,EACzB,CACF,EACA,CAACI,EAAQD,EAAK,EAGhB,MACE,UAACwC,EAAAA,CAAMA,CAAAA,CACLC,UAAWC,CAAAA,EAAAA,EAAAA,CAAAA,ECjGG,YDiGiB,CAC7B,cAAe,CAACxC,GAAYW,EAAY8B,eAAe,CACvD,YAAazC,CACf,GACA0C,MACE,CACE,uBAAwB7B,CAC1B,EAEFL,KAAMA,EACNV,KAAMA,EACN6C,OAAQ3C,EACR4C,uBAAwBxB,EACxBI,aAAcA,C,EAGpB,GAEaqB,EAAmB,IAC9B,GAAM,CAAEC,cAAAA,CAAa,CAAEC,OAAAA,CAAM,CAAE,CAAGC,EAC5BlD,EAAOmD,CAAAA,EAAAA,EAAAA,CAAAA,EAAqBH,EAAeC,UACjD,EAIE,UAACG,EAAAA,QAAQA,CAAAA,C,SACP,UAACtD,EAAAA,CAAsB,GAAGoD,CAAK,CAAElD,KAAMA,C,KAJlC,IAOX,C,wEE1HA,IAAMqD,EAAS,IAAIC,EAAAA,CAAWA,CAAC,2BAExB,SAASH,EACdH,CAA4B,CAC5BC,CAAqB,EAErB,GAAM,CAACjD,EAAMuD,EAAQ,CAAGlF,CAAAA,EAAAA,EAAAA,QAAAA,EACtB4E,EAASD,EAAcQ,MAAM,CAACP,GAAU,MAkC1C,MA/BA1D,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACR,IAAMkE,EAAQ,IAAI3B,EAAAA,CAAeA,CAejC,OAdA2B,EAAMrB,GAAG,CACPY,EAActD,KAAK,CAACgE,QAAQ,CAAC9D,EAAE,CAACqC,IAC1BgB,IAAWhB,GACbsB,EAAQP,EAAcQ,MAAM,CAACvB,GAEjC,IAEFwB,EAAMrB,GAAG,CACPY,EAActD,KAAK,CAACiE,UAAU,CAAC/D,EAAE,CAACqC,IAC5BgB,IAAWhB,GACbsB,EAAQ,KAEZ,IAEK,KACLE,EAAM5D,OAAO,EACf,CACF,EAAG,CAACmD,EAAeC,EAAO,EAE1B1D,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACR,GAAIS,GAAQ,CAACA,EAAK4D,MAAM,CACtB,GAAI,CACF5D,EAAK6D,IAAI,EACX,CAAE,MAAOC,EAAK,CACZT,EAAOd,KAAK,CAAC,sBAAuBuB,EACtC,CAEJ,EAAG,CAAC9D,EAAK,EAEFA,CACT,C,6DC9BO,SAAS+D,EAAqBC,CAAkB,MAdtBC,EAAAA,EAedD,EAAY,CAAC,EAAEA,EAAU,UAAO,CAAC,CAAG,KAdrDzE,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACR,GAAI2E,YAAYC,SAAS,EAAI,CAACF,EAC5B,OAAOG,EAAAA,CAAIA,CAGb,IAAMC,EAAWC,SAASC,KAAK,CAE/B,OADAD,SAASC,KAAK,CAAGN,EACV,KACLK,SAASC,KAAK,CAAGF,CACnB,CACF,EAAG,CAACJ,EAAS,CAKf,C","sources":["webpack://@affine/web/../core/src/components/blocksuite/block-suite-header/present/use-present.ts","webpack://@affine/web/../core/src/components/page-detail-editor.tsx","webpack://@affine/web/../core/src/components/page-detail-editor.css.ts","webpack://@affine/web/../core/src/hooks/use-block-suite-workspace-page.ts","webpack://@affine/web/../core/src/hooks/use-global-state.ts"],"sourcesContent":["import { useActiveBlocksuiteEditor } from '@affine/core/hooks/use-block-suite-editor';\nimport type { EdgelessRootService } from '@blocksuite/blocks';\nimport { useCallback, useEffect, useState } from 'react';\n\nexport const usePresent = () => {\n  const [isPresent, setIsPresent] = useState(false);\n  const [editor] = useActiveBlocksuiteEditor();\n\n  const handlePresent = useCallback(\n    (enable = true) => {\n      isPresent;\n      const editorHost = editor?.host;\n      if (!editorHost) return;\n\n      // TODO(@catsjuice): use surfaceService subAtom\n      const enterOrLeavePresentationMode = () => {\n        const edgelessRootService = editorHost.spec.getService(\n          'affine:page'\n        ) as EdgelessRootService;\n\n        if (!edgelessRootService) {\n          return;\n        }\n\n        const activeTool = edgelessRootService.tool.edgelessTool.type;\n        const isFrameNavigator = activeTool === 'frameNavigator';\n        if ((enable && isFrameNavigator) || (!enable && !isFrameNavigator))\n          return;\n\n        edgelessRootService.tool.setEdgelessTool({\n          type: enable ? 'frameNavigator' : 'default',\n        });\n      };\n\n      enterOrLeavePresentationMode();\n      setIsPresent(enable);\n    },\n    [editor?.host, isPresent]\n  );\n\n  useEffect(() => {\n    if (!isPresent) return;\n\n    const editorHost = editor?.host;\n    if (!editorHost) return;\n\n    const edgelessPage = editorHost?.querySelector('affine-edgeless-root');\n    if (!edgelessPage) return;\n\n    return edgelessPage.slots.edgelessToolUpdated.on(() => {\n      setIsPresent(edgelessPage.edgelessTool.type === 'frameNavigator');\n    }).dispose;\n  }, [editor?.host, isPresent]);\n\n  return {\n    isPresent,\n    handlePresent,\n  };\n};\n","import './page-detail-editor.css';\n\nimport { useDocCollectionPage } from '@affine/core/hooks/use-block-suite-workspace-page';\nimport { assertExists, DisposableGroup } from '@blocksuite/global/utils';\nimport type { AffineEditorContainer } from '@blocksuite/presets';\nimport type { Doc as BlockSuiteDoc, DocCollection } from '@blocksuite/store';\nimport {\n  type DocMode,\n  DocService,\n  fontStyleOptions,\n  useLiveData,\n  useService,\n} from '@toeverything/infra';\nimport clsx from 'clsx';\nimport type { CSSProperties } from 'react';\nimport { memo, Suspense, useCallback, useMemo } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport { useAppSettingHelper } from '../hooks/affine/use-app-setting-helper';\nimport { BlockSuiteEditor as Editor } from './blocksuite/block-suite-editor';\nimport * as styles from './page-detail-editor.css';\n\ndeclare global {\n  // eslint-disable-next-line no-var\n  var currentEditor: AffineEditorContainer | undefined;\n}\n\nexport type OnLoadEditor = (\n  page: BlockSuiteDoc,\n  editor: AffineEditorContainer\n) => () => void;\n\nexport interface PageDetailEditorProps {\n  isPublic?: boolean;\n  publishMode?: DocMode;\n  docCollection: DocCollection;\n  pageId: string;\n  onLoad?: OnLoadEditor;\n}\n\nfunction useRouterHash() {\n  return useLocation().hash.substring(1);\n}\n\nconst PageDetailEditorMain = memo(function PageDetailEditorMain({\n  page,\n  onLoad,\n  isPublic,\n  publishMode,\n}: PageDetailEditorProps & { page: BlockSuiteDoc }) {\n  const currentMode = useLiveData(useService(DocService).doc.mode$);\n  const mode = useMemo(() => {\n    const shareMode = publishMode || currentMode;\n\n    if (isPublic) {\n      return shareMode;\n    }\n    return currentMode;\n  }, [isPublic, publishMode, currentMode]);\n\n  const { appSettings } = useAppSettingHelper();\n\n  const value = useMemo(() => {\n    const fontStyle = fontStyleOptions.find(\n      option => option.key === appSettings.fontStyle\n    );\n    assertExists(fontStyle);\n    return fontStyle.value;\n  }, [appSettings.fontStyle]);\n\n  const blockId = useRouterHash();\n\n  const onLoadEditor = useCallback(\n    (editor: AffineEditorContainer) => {\n      // debug current detail editor\n      globalThis.currentEditor = editor;\n      const disposableGroup = new DisposableGroup();\n      localStorage.setItem('last_page_id', page.id);\n\n      if (onLoad) {\n        // Invoke onLoad once the editor has been mounted to the DOM.\n        editor.updateComplete\n          .then(() => editor.host?.updateComplete)\n          .then(() => {\n            disposableGroup.add(onLoad(page, editor));\n          })\n          .catch(console.error);\n      }\n\n      return () => {\n        disposableGroup.dispose();\n      };\n    },\n    [onLoad, page]\n  );\n\n  return (\n    <Editor\n      className={clsx(styles.editor, {\n        'full-screen': !isPublic && appSettings.fullWidthLayout,\n        'is-public': isPublic,\n      })}\n      style={\n        {\n          '--affine-font-family': value,\n        } as CSSProperties\n      }\n      mode={mode}\n      page={page}\n      shared={isPublic}\n      defaultSelectedBlockId={blockId}\n      onLoadEditor={onLoadEditor}\n    />\n  );\n});\n\nexport const PageDetailEditor = (props: PageDetailEditorProps) => {\n  const { docCollection, pageId } = props;\n  const page = useDocCollectionPage(docCollection, pageId);\n  if (!page) {\n    return null;\n  }\n  return (\n    <Suspense>\n      <PageDetailEditorMain {...props} page={page} />\n    </Suspense>\n  );\n};\n","import \"../core/src/components/page-detail-editor.css.ts.vanilla.css!=!../../../../../node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\\\"fileName\\\":\\\"../core/src/components/page-detail-editor.css.ts.vanilla.css\\\",\\\"source\\\":\\\"Ll8xZ2dxN3VxMCB7CiAgZmxleDogMTsKfQouXzFnZ3E3dXEwLmZ1bGwtc2NyZWVuIHsKICAtLWFmZmluZS1lZGl0b3Itd2lkdGg6IDEwMCU7CiAgLS1hZmZpbmUtZWRpdG9yLXNpZGUtcGFkZGluZzogNzJweDsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA4MDBweCkgewogIC5fMWdncTd1cTAuaXMtcHVibGljIHsKICAgIC0tYWZmaW5lLWVkaXRvci13aWR0aDogMTAwJTsKICAgIC0tYWZmaW5lLWVkaXRvci1zaWRlLXBhZGRpbmc6IDI0cHg7CiAgfQp9\\\"}!../../../../../node_modules/@vanilla-extract/webpack-plugin/extracted.js\"\nexport var editor = '_1ggq7uq0';","import { DebugLogger } from '@affine/debug';\nimport { DisposableGroup } from '@blocksuite/global/utils';\nimport type { Doc, DocCollection } from '@blocksuite/store';\nimport { useEffect, useState } from 'react';\n\nconst logger = new DebugLogger('use-doc-collection-page');\n\nexport function useDocCollectionPage(\n  docCollection: DocCollection,\n  pageId: string | null\n): Doc | null {\n  const [page, setPage] = useState(\n    pageId ? docCollection.getDoc(pageId) : null\n  );\n\n  useEffect(() => {\n    const group = new DisposableGroup();\n    group.add(\n      docCollection.slots.docAdded.on(id => {\n        if (pageId === id) {\n          setPage(docCollection.getDoc(id));\n        }\n      })\n    );\n    group.add(\n      docCollection.slots.docRemoved.on(id => {\n        if (pageId === id) {\n          setPage(null);\n        }\n      })\n    );\n    return () => {\n      group.dispose();\n    };\n  }, [docCollection, pageId]);\n\n  useEffect(() => {\n    if (page && !page.loaded) {\n      try {\n        page.load();\n      } catch (err) {\n        logger.error('Failed to load page', err);\n      }\n    }\n  }, [page]);\n\n  return page;\n}\n","import { noop } from 'lodash-es';\nimport { useEffect } from 'react';\n\nexport function useDocumentTitle(newTitle?: string | null) {\n  useEffect(() => {\n    if (environment.isDesktop || !newTitle) {\n      return noop;\n    }\n\n    const oldTitle = document.title;\n    document.title = newTitle;\n    return () => {\n      document.title = oldTitle;\n    };\n  }, [newTitle]);\n}\n\nexport function usePageDocumentTitle(pageTitle?: string) {\n  useDocumentTitle(pageTitle ? `${pageTitle} · ARMS` : null);\n}\n"],"names":["usePresent","isPresent","setIsPresent","useState","editor","useActiveBlocksuiteEditor","handlePresent","useCallback","enable","editorHost","host","enterOrLeavePresentationMode","edgelessRootService","spec","getService","isFrameNavigator","activeTool","tool","edgelessTool","type","setEdgelessTool","useEffect","edgelessPage","querySelector","slots","edgelessToolUpdated","on","dispose","PageDetailEditorMain","memo","page","onLoad","isPublic","publishMode","currentMode","useLiveData","useService","DocService","doc","mode$","mode","useMemo","shareMode","appSettings","useAppSettingHelper","value","fontStyle","fontStyleOptions","find","option","key","assertExists","blockId","useLocation","hash","substring","onLoadEditor","globalThis","currentEditor","disposableGroup","DisposableGroup","localStorage","setItem","id","updateComplete","then","add","catch","console","error","Editor","className","clsx","fullWidthLayout","style","shared","defaultSelectedBlockId","PageDetailEditor","docCollection","pageId","props","useDocCollectionPage","Suspense","logger","DebugLogger","setPage","getDoc","group","docAdded","docRemoved","loaded","load","err","usePageDocumentTitle","pageTitle","newTitle","environment","isDesktop","noop","oldTitle","document","title"],"sourceRoot":""}