refactor(core): set edgeless theme on doc created (#8670)

packages/frontend/core/src/components/context/index.tsx

@@ -0,0 +1,29 @@
+import { ConfirmModalProvider } from '@affine/component';
+import { ProviderComposer } from '@affine/component/provider-composer';
+import { ThemeProvider } from '@affine/core/components/theme-provider';
+import type { createStore } from 'jotai';
+import { Provider } from 'jotai';
+import type { PropsWithChildren } from 'react';
+import { useMemo } from 'react';
+
+export type AffineContextProps = PropsWithChildren<{
+  store?: ReturnType<typeof createStore>;
+}>;
+
+export function AffineContext(props: AffineContextProps) {
+  return (
+    <ProviderComposer
+      contexts={useMemo(
+        () =>
+          [
+            <Provider key="JotaiProvider" store={props.store} />,
+            <ThemeProvider key="ThemeProvider" />,
+            <ConfirmModalProvider key="ConfirmModalProvider" />,
+          ].filter(Boolean),
+        [props.store]
+      )}
+    >
+      {props.children}
+    </ProviderComposer>
+  );
+}