chore: add more react apis (unplugin#151)

Author: dammy001

package.json

@@ -76,7 +76,8 @@
     "prepublishOnly": "nr build",
     "release": "bumpp --commit --push --tag && pnpm publish",
     "start": "esno src/index.ts",
-    "test": "vitest"
+    "test": "vitest",
+    "test:run": "vitest run"
   },
   "peerDependencies": {
     "@vueuse/core": "*"

src/presets/react.ts

@@ -11,5 +11,16 @@ export default <ImportsMap>({
     'useReducer',
     'useImperativeHandle',
     'useDebugValue',
+    'useDeferredValue',
+    'useLayoutEffect',
+    'useTransition',
+    'startTransition',
+    'useSyncExternalStore',
+    'useInsertionEffect',
+    'useId',
+    'lazy',
+    'memo',
+    'createRef',
+    'forwardRef'
   ],
 })

test/__snapshots__/dts.test.ts.snap

@@ -26,6 +26,7 @@ declare global {
   const computed: typeof import('vue-demi')['computed']
   const createApp: typeof import('vue-demi')['createApp']
   const createEventDispatcher: typeof import('svelte')['createEventDispatcher']
+  const createRef: typeof import('react')['createRef']
   const crossfade: typeof import('svelte/transition')['crossfade']
   const cubicIn: typeof import('svelte/easing')['cubicIn']
   const cubicInOut: typeof import('svelte/easing')['cubicInOut']
@@ -49,6 +50,7 @@ declare global {
   const fade: typeof import('svelte/transition')['fade']
   const flip: typeof import('svelte/animate')['flip']
   const fly: typeof import('svelte/transition')['fly']
+  const forwardRef: typeof import('react')['forwardRef']
   const get: typeof import('svelte/store')['get']
   const getAllContexts: typeof import('svelte')['getAllContexts']
   const getContext: typeof import('svelte')['getContext']
@@ -59,8 +61,10 @@ declare global {
   const inject: typeof import('vue-demi')['inject']
   const isReadonly: typeof import('vue-demi')['isReadonly']
   const isRef: typeof import('vue-demi')['isRef']
+  const lazy: typeof import('react')['lazy']
   const linear: typeof import('svelte/easing')['linear']
   const markRaw: typeof import('vue-demi')['markRaw']
+  const memo: typeof import('react')['memo']
   const nextTick: typeof import('vue-demi')['nextTick']
   const onActivated: typeof import('vue-demi')['onActivated']
   const onBeforeMount: typeof import('vue-demi')['onBeforeMount']
@@ -99,6 +103,7 @@ declare global {
   const sineOut: typeof import('svelte/easing')['sineOut']
   const slide: typeof import('svelte/transition')['slide']
   const spring: typeof import('svelte/motion')['spring']
+  const startTransition: typeof import('react')['startTransition']
   const tick: typeof import('svelte')['tick']
   const toRaw: typeof import('vue-demi')['toRaw']
   const toRef: typeof import('vue-demi')['toRef']
@@ -111,13 +116,19 @@ declare global {
   const useContext: typeof import('react')['useContext']
   const useCssModule: typeof import('vue-demi')['useCssModule']
   const useDebugValue: typeof import('react')['useDebugValue']
+  const useDeferredValue: typeof import('react')['useDeferredValue']
   const useEffect: typeof import('react')['useEffect']
+  const useId: typeof import('react')['useId']
   const useImperativeHandle: typeof import('react')['useImperativeHandle']
+  const useInsertionEffect: typeof import('react')['useInsertionEffect']
+  const useLayoutEffect: typeof import('react')['useLayoutEffect']
   const useMemo: typeof import('react')['useMemo']
   const useReducer: typeof import('react')['useReducer']
   const useRef: typeof import('react')['useRef']
   const useSlots: typeof import('vue-demi')['useSlots']
   const useState: typeof import('react')['useState']
+  const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
+  const useTransition: typeof import('react')['useTransition']
   const watch: typeof import('vue-demi')['watch']
   const watchEffect: typeof import('vue-demi')['watchEffect']
   const writable: typeof import('svelte/store')['writable']