@portabletext/editor 1.10.1 → 1.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.10.1",
+  "version": "1.10.2",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -49,7 +49,7 @@
     "is-hotkey-esm": "^1.0.0",
     "lodash": "^4.17.21",
     "lodash.startcase": "^4.4.0",
-    "react-compiler-runtime": "19.0.0-beta-a7bf2bd-20241110",
+    "react-compiler-runtime": "19.0.0-beta-0dec889-20241115",
     "slate": "0.110.2",
     "slate-dom": "^0.111.0",
     "slate-react": "0.111.0",
@@ -74,9 +74,9 @@
     "@typescript-eslint/parser": "^8.14.0",
     "@vitejs/plugin-react": "^4.3.3",
     "@vitest/browser": "^2.1.5",
-    "babel-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",
+    "babel-plugin-react-compiler": "19.0.0-beta-0dec889-20241115",
     "eslint": "8.57.1",
-    "eslint-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",
+    "eslint-plugin-react-compiler": "19.0.0-beta-0dec889-20241115",
     "eslint-plugin-react-hooks": "^5.0.0",
     "jsdom": "^25.0.1",
     "react": "^18.3.1",

package/src/editor/PortableTextEditor.tsx

@@ -50,7 +50,7 @@ const debug = debugWithName('component:PortableTextEditor')
 export type PortableTextEditorProps<
   TEditor extends Editor | undefined = undefined,
 > = PropsWithChildren<
-  (TEditor extends Editor
+  TEditor extends Editor
     ? {
         /**
          * @alpha
@@ -104,7 +104,7 @@ export type PortableTextEditorProps<
          * A ref to the editor instance
          */
         editorRef?: MutableRefObject<PortableTextEditor | null>
-      }) & {}
+      }
 >
 
 /**

package/src/editor/components/Synchronizer.tsx

@@ -125,14 +125,6 @@ export function Synchronizer(props: SynchronizerProps) {
           handleChange({type: 'focus', event: event.event})
           break
         }
-        case 'offline': {
-          handleChange({type: 'connection', value: 'offline'})
-          break
-        }
-        case 'online': {
-          handleChange({type: 'connection', value: 'online'})
-          break
-        }
         case 'value changed': {
           handleChange({type: 'value', value: event.value})
           break
@@ -168,21 +160,6 @@ export function Synchronizer(props: SynchronizerProps) {
     }
   }, [editorActor, handleChange, onFlushPendingPatches, slateEditor])
 
-  // Sync the value when going online
-  const handleOnline = useCallback(() => {
-    debug('Editor is online, syncing from props.value')
-    syncValue(value)
-  }, [syncValue, value])
-
-  // Notify about window online and offline status changes
-  useEffect(() => {
-    const subscription = editorActor.on('online', handleOnline)
-
-    return () => {
-      subscription.unsubscribe()
-    }
-  }, [handleOnline, editorActor])
-
   // This hook must be set up after setting up the subscription above, or it will not pick up validation errors from the useSyncValue hook.
   // This will cause the editor to not be able to signal a validation error and offer invalid value resolution of the initial value.
   const isInitialValueFromProps = useRef(true)

package/src/editor/editor-machine.ts

@@ -7,7 +7,6 @@ import {
   assign,
   emit,
   enqueueActions,
-  fromCallback,
   setup,
   type ActorRefFrom,
 } from 'xstate'
@@ -38,27 +37,6 @@ export * from 'xstate/guards'
  */
 export type EditorActor = ActorRefFrom<typeof editorMachine>
 
-const networkLogic = fromCallback(({sendBack}) => {
-  const onlineHandler = () => {
-    sendBack({type: 'online'})
-  }
-  const offlineHandler = () => {
-    sendBack({type: 'offline'})
-  }
-
-  if (window) {
-    window.addEventListener('online', onlineHandler)
-    window.addEventListener('offline', offlineHandler)
-  }
-
-  return () => {
-    if (window) {
-      window.removeEventListener('online', onlineHandler)
-      window.removeEventListener('offline', offlineHandler)
-    }
-  }
-})
-
 /**
  * @internal
  */
@@ -149,8 +127,6 @@ export type InternalEditorEmittedEvent =
   | {type: 'selection'; selection: EditorSelection}
   | {type: 'blur'; event: FocusEvent<HTMLDivElement, Element>}
   | {type: 'focused'; event: FocusEvent<HTMLDivElement, Element>}
-  | {type: 'online'}
-  | {type: 'offline'}
   | {type: 'loading'}
   | {type: 'done loading'}
   | PickFromUnion<
@@ -313,9 +289,6 @@ export const editorMachine = setup({
       }
     }),
   },
-  actors: {
-    networkLogic,
-  },
 }).createMachine({
   id: 'editor',
   context: ({input}) => ({
@@ -327,10 +300,6 @@ export const editorMachine = setup({
     maxBlocks: undefined,
     value: input.value,
   }),
-  invoke: {
-    id: 'networkLogic',
-    src: 'networkLogic',
-  },
   on: {
     'annotation.add': {
       actions: emit(({event}) => event),
@@ -356,8 +325,6 @@ export const editorMachine = setup({
     'selection': {actions: emit(({event}) => event)},
     'blur': {actions: emit(({event}) => event)},
     'focused': {actions: emit(({event}) => event)},
-    'online': {actions: emit({type: 'online'})},
-    'offline': {actions: emit({type: 'offline'})},
     'loading': {actions: emit({type: 'loading'})},
     'patches': {actions: emit(({event}) => event)},
     'done loading': {actions: emit({type: 'done loading'})},