feat: add react-dom preset (#604)

Co-authored-by: Anthony Fu <github@antfu.me>

Author: Debbl

src/presets/index.ts

@@ -6,6 +6,7 @@ import mobxReactLite from './mobx-react-lite'
 import preact from './preact'
 import quasar from './quasar'
 import react from './react'
+import reactDom from './react-dom'
 import reactI18next from './react-i18next'
 import reactRouter from './react-router'
 import reactRouterDom from './react-router-dom'
@@ -42,6 +43,7 @@ export const presets = {
   'preact': preact,
   'quasar': quasar,
   'react': react,
+  'react-dom': reactDom,
   'react-router': reactRouter,
   'react-router-dom': reactRouterDom,
   'react-i18next': reactI18next,

src/presets/react-dom.ts

@@ -0,0 +1,15 @@
+import type { ImportsMap } from '../types'
+
+export default <ImportsMap>({
+  'react-dom': [
+    'useFormStatus',
+    'createPortal',
+    'flushSync',
+    'preconnect',
+    'prefetchDNS',
+    'preinit',
+    'preinitModule',
+    'preload',
+    'preloadModule',
+  ],
+})

test/__snapshots__/dts.test.ts.snap

@@ -40,6 +40,7 @@ declare global {
   const createApp: typeof import('vue-demi').createApp
   const createContext: typeof import('react').createContext
   const createEventDispatcher: typeof import('svelte').createEventDispatcher
+  const createPortal: typeof import('react-dom').createPortal
   const createRef: typeof import('react').createRef
   const crossfade: typeof import('svelte/transition').crossfade
   const cubicIn: typeof import('svelte/easing').cubicIn
@@ -63,6 +64,7 @@ declare global {
   const expoOut: typeof import('svelte/easing').expoOut
   const fade: typeof import('svelte/transition').fade
   const flip: typeof import('svelte/animate').flip
+  const flushSync: typeof import('react-dom').flushSync
   const fly: typeof import('svelte/transition').fly
   const foo: typeof import('./foo').foo
   const forwardRef: typeof import('react').forwardRef
@@ -97,6 +99,12 @@ declare global {
   const onServerPrefetch: typeof import('vue-demi').onServerPrefetch
   const onUnmounted: typeof import('vue-demi').onUnmounted
   const onUpdated: typeof import('vue-demi').onUpdated
+  const preconnect: typeof import('react-dom').preconnect
+  const prefetchDNS: typeof import('react-dom').prefetchDNS
+  const preinit: typeof import('react-dom').preinit
+  const preinitModule: typeof import('react-dom').preinitModule
+  const preload: typeof import('react-dom').preload
+  const preloadModule: typeof import('react-dom').preloadModule
   const provide: typeof import('vue-demi').provide
   const quadIn: typeof import('svelte/easing').quadIn
   const quadInOut: typeof import('svelte/easing').quadInOut
@@ -140,6 +148,7 @@ declare global {
   const useDeferredValue: typeof import('react').useDeferredValue
   const useEffect: typeof import('react').useEffect
   const useEffectEvent: typeof import('react').useEffectEvent
+  const useFormStatus: typeof import('react-dom').useFormStatus
   const useId: typeof import('react').useId
   const useImperativeHandle: typeof import('react').useImperativeHandle
   const useInsertionEffect: typeof import('react').useInsertionEffect

test/dts.test.ts

@@ -11,6 +11,7 @@ describe('dts', () => {
       imports: [
         'vue-demi',
         'react',
+        'react-dom',
         'svelte',
         'svelte/animate',
         'svelte/easing',