feat: isolated plugin system (#2742)

packages/component/src/components/context/index.tsx

@@ -0,0 +1,23 @@
+import { ProviderComposer } from '@affine/component/provider-composer';
+import { ThemeProvider } from '@affine/component/theme-provider';
+import { rootStore } from '@toeverything/plugin-infra/manager';
+import { Provider } from 'jotai';
+import type { PropsWithChildren } from 'react';
+import { useMemo } from 'react';
+
+export function AffineContext(props: PropsWithChildren) {
+  return (
+    <ProviderComposer
+      contexts={useMemo(
+        () =>
+          [
+            <Provider key="JotaiProvider" store={rootStore} />,
+            <ThemeProvider key="ThemeProvider" />,
+          ].filter(Boolean),
+        []
+      )}
+    >
+      {props.children}
+    </ProviderComposer>
+  );
+}