feat: add react-dom preset

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

@@ -34,6 +34,7 @@ declare global {
   const computed: typeof import('vue-demi')['computed']
   const createApp: typeof import('vue-demi')['createApp']
   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']
@@ -57,6 +58,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']
@@ -91,6 +93,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']
@@ -131,6 +139,7 @@ declare global {
   const useDebugValue: typeof import('react')['useDebugValue']
   const useDeferredValue: typeof import('react')['useDeferredValue']
   const useEffect: typeof import('react')['useEffect']
+  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',