chore: use kit in integrations (#1626)

Author: Saul-Mirone

Diff for: packages/integrations/react/package.json

@@ -41,18 +41,14 @@
     "build": "tsc --emitDeclarationOnly && vite build"
   },
   "peerDependencies": {
-    "@milkdown/core": "^7.2.0",
-    "@milkdown/prose": "^7.2.0",
     "react": "*",
     "react-dom": "*"
   },
   "dependencies": {
-    "@milkdown/utils": "workspace:*",
+    "@milkdown/kit": "workspace:*",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@milkdown/core": "workspace:*",
-    "@milkdown/prose": "workspace:*",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "react": "^19.0.0",

Diff for: packages/integrations/react/src/editor.tsx

@@ -1,4 +1,4 @@
-import type { Editor } from '@milkdown/core'
+import type { Editor } from '@milkdown/kit/core'
 import type { FC, ReactNode } from 'react'
 import React, { useMemo, useRef, useState } from 'react'
 

Diff for: packages/integrations/react/src/types.ts

@@ -1,5 +1,5 @@
-import type { Editor } from '@milkdown/core'
-import type { Dispatch, MutableRefObject, SetStateAction } from 'react'
+import type { Editor } from '@milkdown/kit/core'
+import type { Dispatch, RefObject, SetStateAction } from 'react'
 
 export type GetEditor = (container: HTMLElement) => Editor | undefined
 
@@ -11,8 +11,8 @@ export interface UseEditorReturn {
 export interface EditorInfoCtx {
   loading: boolean
   setLoading: Dispatch<SetStateAction<boolean>>
-  dom: MutableRefObject<HTMLDivElement | undefined>
-  editor: MutableRefObject<Editor | undefined>
+  dom: RefObject<HTMLDivElement | undefined>
+  editor: RefObject<Editor | undefined>
   editorFactory: GetEditor | undefined
   setEditorFactory: Dispatch<SetStateAction<GetEditor | undefined>>
 }

Diff for: packages/integrations/react/src/use-instance.ts

@@ -1,4 +1,4 @@
-import type { Editor } from '@milkdown/core'
+import type { Editor } from '@milkdown/kit/core'
 import { useCallback, useContext } from 'react'
 import { editorInfoContext } from './use-get-editor'
 

Diff for: packages/integrations/vue/package.json

@@ -41,17 +41,13 @@
     "build": "tsc --emitDeclarationOnly && vite build"
   },
   "peerDependencies": {
-    "@milkdown/core": "^7.2.0",
-    "@milkdown/prose": "^7.2.0",
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@milkdown/utils": "workspace:*",
+    "@milkdown/kit": "workspace:*",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@milkdown/core": "workspace:*",
-    "@milkdown/prose": "workspace:*",
     "vue": "^3.3.4"
   },
   "nx": {

Diff for: packages/integrations/vue/src/editor.tsx

@@ -1,4 +1,4 @@
-import type { Editor } from '@milkdown/core'
+import type { Editor } from '@milkdown/kit/core'
 import type { Ref } from 'vue'
 import { Fragment, defineComponent, h, provide, ref } from 'vue'
 

Diff for: packages/integrations/vue/src/types.ts

@@ -1,4 +1,4 @@
-import type { Editor } from '@milkdown/core'
+import type { Editor } from '@milkdown/kit/core'
 import type { Ref } from 'vue'
 
 export type GetEditor = (container: HTMLDivElement) => Editor

Diff for: packages/integrations/vue/src/use-instance.ts

@@ -1,4 +1,4 @@
-import type { Editor } from '@milkdown/core'
+import type { Editor } from '@milkdown/kit/core'
 import type { Ref } from 'vue'
 import { inject } from 'vue'
 import { editorInfoCtxKey } from './consts'

Diff for: pnpm-lock.yaml

@@ -23,6 +23,9 @@ const external = [
   'react',
   'react-dom',
   'refractor',
+  // all
+  '@milkdown/crepe',
+  '@milkdown/kit',
   // core
   '@milkdown/core',
   '@milkdown/ctx',