Adopt OpenEditor 1.0 and explicit content migrations

apps/web/features/marketing/openeditor-demo.tsx

@@ -9,12 +9,13 @@ import {
 import { OpenEditorContent, useOpenEditorController } from "@openeditor/react";
 import {
   OpenEditorBlockMenu,
+  OpenEditorEmojiPickerProvider,
   OpenEditorSelectionBubble,
   OpenEditorSlashMenu,
   OpenEditorTableMenu,
   OpenEditorThemeProvider,
-} from "@openeditor/ui";
-import "@openeditor/ui/styles.css";
+} from "@openeditor/react";
+import "@openeditor/react/styles.css";
 import { useRef } from "react";
 import { EditorParticleField } from "./editor-particle-field";
 
@@ -291,28 +292,30 @@ export function OpenEditorDemo() {
   });
 
   return (
-    <OpenEditorThemeProvider theme={baseBlocksOpenEditorTheme}>
-      <div className="landing-editor-demo">
-        <div
-          aria-hidden="true"
-          className="landing-editor-contour-target"
-          ref={contourRef}
-        />
-        <EditorParticleField contourRef={contourRef} shape="masses" />
-        <div className="landing-editor-paper">
-          <div className="landing-editor-paper-inner">
-            <OpenEditorContent
-              className="oe-canvas landing-editor-canvas"
-              controller={controller}
-            />
+    <OpenEditorEmojiPickerProvider>
+      <OpenEditorThemeProvider theme={baseBlocksOpenEditorTheme}>
+        <div className="landing-editor-demo">
+          <div
+            aria-hidden="true"
+            className="landing-editor-contour-target"
+            ref={contourRef}
+          />
+          <EditorParticleField contourRef={contourRef} shape="masses" />
+          <div className="landing-editor-paper">
+            <div className="landing-editor-paper-inner">
+              <OpenEditorContent
+                className="oe-canvas landing-editor-canvas"
+                controller={controller}
+              />
+            </div>
           </div>
-        </div>
 
-        <OpenEditorBlockMenu controller={controller} />
-        <OpenEditorSelectionBubble controller={controller} />
-        <OpenEditorTableMenu controller={controller} />
-        <OpenEditorSlashMenu controller={controller} />
-      </div>
-    </OpenEditorThemeProvider>
+          <OpenEditorBlockMenu controller={controller} />
+          <OpenEditorSelectionBubble controller={controller} />
+          <OpenEditorTableMenu controller={controller} />
+          <OpenEditorSlashMenu controller={controller} />
+        </div>
+      </OpenEditorThemeProvider>
+    </OpenEditorEmojiPickerProvider>
   );
 }

apps/web/features/openeditor/extensions/library.tsx

@@ -23,8 +23,8 @@ import {
   SelectValue,
 } from "@baseblocks/ui/select";
 import { Switch } from "@baseblocks/ui/switch";
-import { defineOpenEditorCustomBlockEditor } from "@openeditor/custom-block/editor";
-import { defineOpenEditorCustomBlockViewer } from "@openeditor/custom-block/viewer";
+import { defineOpenEditorCustomBlockEditor } from "@openeditor/react/extensions/editor";
+import { defineOpenEditorCustomBlockViewer } from "@openeditor/react/extensions/viewer";
 import { useMutation, useQuery } from "convex/react";
 import { useId, useState } from "react";
 

apps/web/features/openeditor/extensions/search.tsx

@@ -11,8 +11,8 @@ import { searchBlock } from "@baseblocks/openeditor-contracts/core-blocks";
 import { Input } from "@baseblocks/ui/input";
 import { Label } from "@baseblocks/ui/label";
 import { Switch } from "@baseblocks/ui/switch";
-import { defineOpenEditorCustomBlockEditor } from "@openeditor/custom-block/editor";
-import { defineOpenEditorCustomBlockViewer } from "@openeditor/custom-block/viewer";
+import { defineOpenEditorCustomBlockEditor } from "@openeditor/react/extensions/editor";
+import { defineOpenEditorCustomBlockViewer } from "@openeditor/react/extensions/viewer";
 import { useId } from "react";
 
 function SearchPreview({ value }: { value: Required<SearchContent> }) {

apps/web/features/openeditor/openeditor-page-editor.tsx

@@ -20,6 +20,7 @@ import type {
 } from "@openeditor/document";
 import {
   OpenEditorContent,
+  OpenEditorEmojiPickerProvider,
   OpenEditorPageHeader,
   type OpenEditorSlashMenuItem,
   OpenEditorViewer,
@@ -31,8 +32,8 @@ import {
   OpenEditorSlashMenu,
   OpenEditorTableMenu,
   OpenEditorThemeProvider,
-} from "@openeditor/ui";
-import "@openeditor/ui/styles.css";
+} from "@openeditor/react";
+import "@openeditor/react/styles.css";
 import { useMutation } from "convex/react";
 import { useEffect, useRef, useState, type ReactNode } from "react";
 import { useTranslations } from "next-intl";
@@ -184,33 +185,35 @@ export function OpenEditorPageEditor({
     : undefined;
 
   return (
-    <SiteRenderActionsProvider actions={{ siteId }}>
-      {readOpenEditorPageTabs(document) ? (
-        <OpenEditorTabbedPageEditor
-          attachmentRuntime={attachmentRuntime}
-          canEdit={canEdit}
-          fullWidthStyle={fullWidthStyle}
-          imageRuntime={imageRuntime}
-          document={document}
-          onChange={onChange}
-          pageHeading={pageHeading}
-          pageRuntime={pageRuntime}
-          preview={preview}
-        />
-      ) : (
-        <OpenEditorDocumentEditor
-          attachmentRuntime={attachmentRuntime}
-          canEdit={canEdit}
-          fullWidthStyle={fullWidthStyle}
-          imageRuntime={imageRuntime}
-          document={document}
-          onChange={onChange}
-          pageHeading={pageHeading}
-          pageRuntime={pageRuntime}
-          preview={preview}
-        />
-      )}
-    </SiteRenderActionsProvider>
+    <OpenEditorEmojiPickerProvider>
+      <SiteRenderActionsProvider actions={{ siteId }}>
+        {readOpenEditorPageTabs(document) ? (
+          <OpenEditorTabbedPageEditor
+            attachmentRuntime={attachmentRuntime}
+            canEdit={canEdit}
+            fullWidthStyle={fullWidthStyle}
+            imageRuntime={imageRuntime}
+            document={document}
+            onChange={onChange}
+            pageHeading={pageHeading}
+            pageRuntime={pageRuntime}
+            preview={preview}
+          />
+        ) : (
+          <OpenEditorDocumentEditor
+            attachmentRuntime={attachmentRuntime}
+            canEdit={canEdit}
+            fullWidthStyle={fullWidthStyle}
+            imageRuntime={imageRuntime}
+            document={document}
+            onChange={onChange}
+            pageHeading={pageHeading}
+            pageRuntime={pageRuntime}
+            preview={preview}
+          />
+        )}
+      </SiteRenderActionsProvider>
+    </OpenEditorEmojiPickerProvider>
   );
 }
 

apps/web/features/openeditor/openeditor-theme.ts

@@ -1,4 +1,4 @@
-import type { OpenEditorTheme } from "@openeditor/ui";
+import type { OpenEditorTheme } from "@openeditor/react";
 
 export const baseBlocksOpenEditorTheme = {
   surface: "var(--background)",

apps/web/features/openeditor/page-tabs.tsx

@@ -29,7 +29,7 @@ import {
   OpenEditorSelectionBubble,
   OpenEditorSlashMenu,
   OpenEditorTableMenu,
-} from "@openeditor/ui";
+} from "@openeditor/react";
 import {
   useCallback,
   useEffect,

apps/web/features/published-sites/page-content.tsx

@@ -15,8 +15,8 @@ import type {
   OpenEditorPageRuntime,
 } from "@openeditor/document";
 import { OpenEditorViewer } from "@openeditor/react";
-import { OpenEditorThemeProvider } from "@openeditor/ui";
-import "@openeditor/ui/styles.css";
+import { OpenEditorThemeProvider } from "@openeditor/react";
+import "@openeditor/react/styles.css";
 import type { PublishedPageTarget } from "./page-targets";
 
 const EMPTY_PAGE_TARGETS = new Map<string, PublishedPageTarget>();

apps/web/package.json

@@ -30,12 +30,9 @@
     "@flags-sdk/vercel": "^1.4.6",
     "@hugeicons/core-free-icons": "^4.2.3",
     "@hugeicons/react": "^1.1.9",
-    "@openeditor/custom-block": "0.0.55",
-    "@openeditor/document": "0.0.55",
-    "@openeditor/export": "0.0.55",
-    "@openeditor/mutations": "0.0.55",
-    "@openeditor/react": "0.0.55",
-    "@openeditor/ui": "0.0.55",
+    "@openeditor/document": "1.0.0",
+    "@openeditor/export": "1.0.0",
+    "@openeditor/react": "1.0.0",
     "@vercel/analytics": "^2.0.1",
     "@vercel/sdk": "^1.28.8",
     "ai": "7.0.49",