chore: wip

Author: chrisbbreuer

.stacks/auto-imports.d.ts

@@ -99,7 +99,7 @@ declare global {
   const database: typeof import('../config/database')['database']
   const databasePath: typeof import('./core/path/src/index')['databasePath']
   const dd: typeof import('./core/logging/src/index')['dd']
-  const debounce: typeof import('./core/utils/src/vendor')['debounce']
+  const debounce: typeof import('./core/utils/src/debounce')['debounce']
   const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
   const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
   const debug: typeof import('./core/logging/src/index')['debug']
@@ -409,7 +409,7 @@ declare global {
   const test: typeof import('vitest')['test']
   const testingPath: typeof import('./core/path/src/index')['testingPath']
   const testsPath: typeof import('./core/path/src/index')['testsPath']
-  const throttle: typeof import('./core/utils/src/vendor')['throttle']
+  const throttle: typeof import('./core/utils/src/debounce')['throttle']
   const throttledRef: typeof import('@vueuse/core')['throttledRef']
   const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
   const timestamp: typeof import('@vueuse/shared')['timestamp']
@@ -741,7 +741,7 @@ declare module 'vue' {
     readonly database: UnwrapRef<typeof import('../config/database')['database']>
     readonly databasePath: UnwrapRef<typeof import('./core/path/src/index')['databasePath']>
     readonly dd: UnwrapRef<typeof import('./core/logging/src/index')['dd']>
-    readonly debounce: UnwrapRef<typeof import('./core/utils/src/vendor')['debounce']>
+    readonly debounce: UnwrapRef<typeof import('./core/utils/src/debounce')['debounce']>
     readonly debouncedRef: UnwrapRef<typeof import('@vueuse/core')['debouncedRef']>
     readonly debouncedWatch: UnwrapRef<typeof import('@vueuse/core')['debouncedWatch']>
     readonly debug: UnwrapRef<typeof import('./core/logging/src/index')['debug']>
@@ -1052,7 +1052,7 @@ declare module 'vue' {
     readonly test: UnwrapRef<typeof import('vitest')['test']>
     readonly testingPath: UnwrapRef<typeof import('./core/path/src/index')['testingPath']>
     readonly testsPath: UnwrapRef<typeof import('./core/path/src/index')['testsPath']>
-    readonly throttle: UnwrapRef<typeof import('./core/utils/src/vendor')['throttle']>
+    readonly throttle: UnwrapRef<typeof import('./core/utils/src/debounce')['throttle']>
     readonly throttledRef: UnwrapRef<typeof import('@vueuse/core')['throttledRef']>
     readonly throttledWatch: UnwrapRef<typeof import('@vueuse/core')['throttledWatch']>
     readonly timestamp: UnwrapRef<typeof import('@vueuse/shared')['timestamp']>

.stacks/core/utils/package.json

@@ -64,11 +64,34 @@
     "p-limit": "^4.0.0",
     "rimraf": "^5.0.0",
     "semver": "^7.5.0",
-    "throttle-debounce": "^5.0.0",
     "yaml": "^2.2.1"
   },
   "devDependencies": {
-    "@stacksjs/development": "workspace:*",
-    "@types/throttle-debounce": "^5.0.0"
+    "@stacksjs/development": "workspace:*"
+  },
+  "dependencies": {
+    "@stacksjs/arrays": "workspace:*",
+    "@stacksjs/cli": "workspace:*",
+    "@stacksjs/config": "workspace:*",
+    "@stacksjs/lint": "workspace:*",
+    "@stacksjs/path": "workspace:*",
+    "@stacksjs/storage": "workspace:*",
+    "@stacksjs/types": "workspace:*",
+    "@vueuse/core": "^10.1.0",
+    "@vueuse/head": "^1.1.26",
+    "@vueuse/math": "^10.1.0",
+    "@vueuse/shared": "^10.1.0",
+    "defu": "^6.1.2",
+    "detect-indent": "^7.0.1",
+    "detect-newline": "^4.0.0",
+    "dinero.js": "2.0.0-alpha.14",
+    "esno": "^0.16.3",
+    "fast-glob": "^3.2.12",
+    "kolorist": "1.8.0",
+    "p-limit": "^4.0.0",
+    "perfect-debounce": "^0.1.3",
+    "rimraf": "^5.0.0",
+    "semver": "^7.5.0",
+    "yaml": "^2.2.1"
   }
 }

.stacks/core/utils/src/debounce.ts

@@ -0,0 +1 @@
+export { debounce } from 'perfect-debounce'

.stacks/core/utils/src/index.ts

@@ -7,7 +7,8 @@ export * from './function'
 export * from './guards'
 export { isDef, isBoolean, isFunction, isNumber, isString, isObject, isWindow, isBrowser, isServer, isMap, isSet, isPromise } from './is'
 export * from './p'
-export * from './vendor'
+export * from './debounce'
+export * from './throttle'
 export * as semver from 'semver'
 
 export * from '@vueuse/core'

.stacks/core/utils/src/throttle.ts

@@ -0,0 +1,44 @@
+/**
+ * Throttle a function.
+ *
+ * @param fn
+ * @param wait
+ * @returns
+ *
+ * @example
+ * ```ts
+ * // logs window dimensions at most every 250ms
+ * window.addEventListener(
+ *   "resize",
+ *   throttle(function (evt) {
+ *     console.log(window.innerWidth)
+ *     console.log(window.innerHeight)
+ *   }, 250)
+ * )
+ */
+export const throttle = (fn: Function, wait: number = 300) => {
+  let inThrottle: boolean
+  let lastFn: ReturnType<typeof setTimeout>
+  let lastTime: number
+
+  return function (this: any) {
+    const context = this
+    const args = arguments
+
+    if (!inThrottle) {
+      fn.apply(context, args)
+
+      lastTime = Date.now()
+      inThrottle = true
+    } else {
+      clearTimeout(lastFn)
+
+      lastFn = setTimeout(() => {
+        if (Date.now() - lastTime >= wait) {
+          fn.apply(context, args)
+          lastTime = Date.now()
+        }
+      }, Math.max(wait - (Date.now() - lastTime), 0))
+    }
+  }
+}