feat: @reactive-vscode/vueuse package

Author: kermanx

README.md

@@ -13,7 +13,7 @@
 
 [MIT](./LICENSE) License © 2024-PRESENT [_Kerman](https://github.com/KermanX)
 
-Source code in [the `./packages/core/src/reactivity` directory](https://github.com/KermanX/reactive-vscode/blob/main/packages/core/src/reactivity) is ported from [`@vue/runtime-core`](https://github.com/vuejs/core/blob/main/packages/runtime-core). Licensed under a [MIT License](https://github.com/vueuse/vueuse/blob/main/LICENSE).
+Source code in [the `./packages/reactivity` directory](https://github.com/KermanX/reactive-vscode/blob/main/packages/core/src/reactivity) is ported from [`@vue/runtime-core`](https://github.com/vuejs/core/blob/main/packages/runtime-core). Licensed under a [MIT License](https://github.com/vueuse/vueuse/blob/main/LICENSE).
 
 The logo <img src="https://kermanx.github.io/reactive-vscode/logo.svg" width="14"> is modified from [Vue Reactity Artworks](https://github.com/vue-reactivity/art). Licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/).
 

packages/vueuse/package.json

@@ -41,6 +41,7 @@
     "@reactive-vscode/reactivity": "workspace:*"
   },
   "devDependencies": {
+    "@types/node": "^20.14.2",
     "@vueuse/core": "^10.10.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.12",

packages/vueuse/shim.d.ts

@@ -0,0 +1,16 @@
+export { }
+declare global {
+  const __DEV__: boolean
+  const window: typeof window
+  const HTMLCanvasElement: any
+  const HTMLImageElement: any
+  const HTMLTextAreaElement: any
+  const HTMLElement: any
+  const Window: any
+  const WindowEventMap: any
+  const MediaSource: any
+  const WebSocket: globalThis.WebSocket
+  const Worker: globalThis.Worker
+  const CloseEvent: any
+  const MessageEvent: any
+}

packages/vueuse/src/index.ts

@@ -1,4 +1,296 @@
+// From `@vueuse/shared`
 export {
+  type AnyFn,
+  type ArgumentsType,
+  type Arrayable,
+  type Awaitable,
+  type Awaited,
+  type ComputedRefWithControl,
+  type ComputedWithControlRefExtra,
+  type ConfigurableEventFilter,
+  type ConfigurableFlush,
+  type ConfigurableFlushSync,
+  type ControlledRefOptions,
+  type DateLike,
+  type DebounceFilterOptions,
+  type DeepMaybeRef,
+  type ElementOf,
+  type EventFilter,
+  type EventHook,
+  type EventHookOff,
+  type EventHookOn,
+  type EventHookTrigger,
+  type ExtendRefOptions,
+  type Fn,
+  type FunctionArgs,
+  type FunctionWrapperOptions,
+  type IfAny,
+  type IgnoredUpdater,
+  type IsAny,
+  type MapOldSources,
+  type MapSources,
+  type MultiWatchSources,
+  type Mutable,
+  type Pausable,
+  type Promisify,
+  type PromisifyFn,
+  type Reactified,
+  type ReactifyNested,
+  type ReactifyObjectOptions,
+  type ReactifyOptions,
+  type ReactiveOmitPredicate,
+  type ReactivePickPredicate,
+  type ReadonlyRefOrGetter,
+  type RemovableRef,
+  type ShallowUnwrapRef,
+  type SingletonPromiseReturn,
+  type Stoppable,
+  type SyncRefOptions,
+  type SyncRefsOptions,
+  type ThrottleFilterOptions,
+  type ToRefsOptions,
+  type UntilArrayInstance,
+  type UntilToMatchOptions,
+  type UntilValueInstance,
+  type UseArrayIncludesComparatorFn,
+  type UseArrayIncludesOptions,
+  type UseArrayReducer,
+  type UseDateFormatOptions,
+  type UseDateFormatReturn,
+  type UseIntervalControls,
+  type UseIntervalFnOptions,
+  type UseIntervalOptions,
+  type UseLastChangedOptions,
+  type UseTimeoutFnOptions,
+  type UseTimeoutOptions,
+  type UseToNumberOptions,
+  type UseToggleOptions,
+  type WatchArrayCallback,
+  type WatchAtMostOptions,
+  type WatchAtMostReturn,
+  type WatchDebouncedOptions,
+  type WatchIgnorableReturn,
+  type WatchPausableReturn,
+  type WatchThrottledOptions,
+  type WatchTriggerableCallback,
+  type WatchTriggerableReturn,
+  type WheneverOptions,
+  type WritableComputedRefWithControl,
+  assert,
+  refAutoReset as autoResetRef,
+  bypassFilter,
+  camelize,
+  clamp,
+  computedWithControl,
+  containsProp,
+  computedWithControl as controlledComputed,
+  controlledRef,
+  createEventHook,
+  createFilterWrapper,
+  createGlobalState,
+  reactify as createReactiveFn,
+  createSharedComposable,
+  createSingletonPromise,
+  debounceFilter,
+  refDebounced as debouncedRef,
+  watchDebounced as debouncedWatch,
+  extendRef,
+  formatDate,
+  get,
+  getLifeCycleTarget,
+  hasOwn,
+  hyphenate,
+  identity,
+  watchIgnorable as ignorableWatch,
+  increaseWithUnit,
+  invoke,
+  isDef,
+  isDefined,
+  isObject,
+  makeDestructurable,
+  noop,
+  normalizeDate,
+  notNullish,
+  now,
+  objectEntries,
+  objectOmit,
+  objectPick,
+  pausableFilter,
+  watchPausable as pausableWatch,
+  promiseTimeout,
+  rand,
+  reactify,
+  reactifyObject,
+  reactiveComputed,
+  reactiveOmit,
+  reactivePick,
+  refAutoReset,
+  refDebounced,
+  refDefault,
+  refThrottled,
+  refWithControl,
+  resolveRef,
+  resolveUnref,
+  set,
+  syncRef,
+  syncRefs,
+  throttleFilter,
+  refThrottled as throttledRef,
+  watchThrottled as throttledWatch,
+  toReactive,
+  toRef,
+  toRefs,
+  toValue,
   tryOnScopeDispose,
+  until,
+  useArrayDifference,
+  useArrayEvery,
+  useArrayFilter,
+  useArrayFind,
+  useArrayFindIndex,
+  useArrayFindLast,
+  useArrayIncludes,
+  useArrayJoin,
+  useArrayMap,
+  useArrayReduce,
+  useArraySome,
+  useArrayUnique,
+  useCounter,
+  useDateFormat,
+  refDebounced as useDebounce,
+  useDebounceFn,
+  useInterval,
+  useIntervalFn,
+  useLastChanged,
+  refThrottled as useThrottle,
+  useThrottleFn,
+  useTimeout,
+  useTimeoutFn,
+  useToNumber,
+  useToString,
+  useToggle,
+  watchArray,
+  watchAtMost,
+  watchDebounced,
+  watchDeep,
+  watchIgnorable,
+  watchImmediate,
+  watchOnce,
+  watchPausable,
+  watchThrottled,
+  watchTriggerable,
+  watchWithFilter,
+  whenever,
+} from '@vueuse/core'
+
+// From `@vueuse/core`
+export {
+  computedAsync as asyncComputed,
+  cloneFnJSON,
+  computedAsync,
+  createFetch,
+  createUnrefFn,
+  formatTimeAgo,
+  useAsyncQueue,
+  useAsyncState,
+  useBase64,
+  useBroadcastChannel,
+  useCached,
+  useCloned,
+  useCycleList,
+  useDebouncedRefHistory,
+  useEventBus,
+  useFetch,
+  useIdle,
+  useManualRefHistory,
   useNow,
+  useObjectUrl,
+  useOffsetPagination,
+  usePrevious,
+  useRefHistory,
+  useSorted,
+  useStepper,
+  useThrottledRefHistory,
+  useTimeAgo,
+  useTimeoutPoll,
+  useTimestamp,
+  useUrlSearchParams,
+  useWebSocket,
+  useWebWorkerFn,
+  type AfterFetchContext,
+  type AsyncComputedOnCancel,
+  type AsyncComputedOptions,
+  type BeforeFetchContext,
+  type CloneFn,
+  type CreateFetchOptions,
+  type EventBusEvents,
+  type EventBusIdentifier,
+  type EventBusKey,
+  type EventBusListener,
+  type FormatTimeAgoOptions,
+  type GeneralEventListener,
+  type OnFetchErrorContext,
+  type Serializer,
+  type SerializerAsync,
+  type ToDataURLOptions,
+  type UnrefFn,
+  type UrlParams,
+  type UseAsyncQueueOptions,
+  type UseAsyncQueueResult,
+  type UseAsyncQueueReturn,
+  type UseAsyncQueueTask,
+  type UseAsyncStateOptions,
+  type UseAsyncStateReturn,
+  type UseAsyncStateReturnBase,
+  type UseBase64ObjectOptions,
+  type UseBase64Return,
+  type UseBroadcastChannelOptions,
+  type UseBroadcastChannelReturn,
+  type UseBrowserLocationReturn,
+  type UseClonedOptions,
+  type UseClonedReturn,
+  type UseCycleListOptions,
+  type UseCycleListReturn,
+  type UseEventBusReturn,
+  type UseFetchOptions,
+  type UseFetchReturn,
+  type UseManualRefHistoryOptions,
+  type UseManualRefHistoryReturn,
+  type UseNowOptions,
+  type UseNowReturn,
+  type UseOffsetPaginationInfinityPageReturn,
+  type UseOffsetPaginationOptions,
+  type UseOffsetPaginationReturn,
+  type UseRefHistoryOptions,
+  type UseRefHistoryRecord,
+  type UseRefHistoryReturn,
+  type UseShareOptions,
+  type UseShareReturn,
+  type UseSortedCompareFn,
+  type UseSortedFn,
+  type UseSortedOptions,
+  type UseStepperReturn,
+  type UseTextareaAutosizeOptions,
+  type UseTextareaAutosizeReturn,
+  type UseThrottledRefHistoryOptions,
+  type UseThrottledRefHistoryReturn,
+  type UseTimeAgoFormatter,
+  type UseTimeAgoMessages,
+  type UseTimeAgoMessagesBuiltIn,
+  type UseTimeAgoOptions,
+  type UseTimeAgoReturn,
+  type UseTimeAgoUnit,
+  type UseTimeAgoUnitNamesDefault,
+  type UseTimestampOptions,
+  type UseTimestampReturn,
+  type UseUrlSearchParamsOptions,
+  type UseWebSocketOptions,
+  type UseWebSocketReturn,
+  type UseWebWorkerFnReturn,
+  type UseWebWorkerOptions,
+  type UseWebWorkerReturn,
+  type WebSocketStatus,
+  type WebWorkerStatus,
+  type WritableComputedInjectOptions,
+  type WritableComputedInjectOptionsWithDefault,
 } from '@vueuse/core'

packages/vueuse/src/vue-demi.ts

@@ -0,0 +1,10 @@
+export * from '@reactive-vscode/reactivity'
+
+export const isVue2 = false
+export const isVue3 = true
+
+export function getCurrentInstance() {
+  return null
+}
+export function onMounted() {
+}

packages/vueuse/vite.config.ts

@@ -1,12 +1,28 @@
+import path from 'node:path'
 import { defineConfig } from 'vite'
 import Dts from 'vite-plugin-dts'
 
 export default defineConfig({
   plugins: [
+    {
+      name: 'replace constants',
+      enforce: 'pre',
+      transform: {
+        order: 'pre',
+        handler(code, id) {
+          if (id.endsWith('.mjs')) {
+            return code
+              .replaceAll(`getCurrentInstance()`, `null`)
+              .replaceAll(`getLifeCycleTarget()`, `null`)
+          }
+        },
+      },
+    },
     Dts({
       include: [
         './src/**/*.ts',
         './tsconfig.json',
+        './shim.d.ts',
       ],
       rollupTypes: true,
       bundledPackages: ['@vueuse/core', '@vueuse/shared'],
@@ -19,7 +35,7 @@ export default defineConfig({
   ],
   resolve: {
     alias: {
-      'vue-demi': '@reactive-vscode/reactivity',
+      'vue-demi': path.resolve(__dirname, './src/vue-demi.ts'),
     },
   },
   build: {