chore: wip

Author: chrisbbreuer

bun.lock

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue'
-import { onMounted, ref } from 'vue'
+import type { Ref } from '@stacksjs/stx'
+import { onMounted, ref } from '@stacksjs/stx'
 
 interface GitHubOAuthReturn {
   login: () => void

storage/framework/core/browser/src/composables/auth/useGithub.ts

@@ -1,2 +1,14 @@
 export * from './useAuth'
 export * from './useApi'
+
+// Re-export all composables from @stacksjs/composables
+export {
+  useDark,
+  useDateFormat,
+  useFetch,
+  useNow,
+  useOnline,
+  usePreferredDark,
+  useStorage,
+  useToggle,
+} from '@stacksjs/composables'

storage/framework/core/browser/src/composables/index.ts

@@ -1,7 +1,7 @@
 import type { AuthComposable, AuthUser, ErrorResponse, LoginError, LoginResponse, MeResponse, RegisterError, RegisterResponse, UserData } from '../types/dashboard'
-import { useStorage } from '@vueuse/core'
+import { useStorage } from '@stacksjs/composables'
 /// <reference lib="dom" />
-import { ref } from 'vue'
+import { ref } from '@stacksjs/stx'
 
 const token = useStorage('token', '')
 

storage/framework/core/browser/src/composables/useAuth.ts

@@ -1,120 +1 @@
-import type { Ref } from 'vue'
-import { ofetch } from 'ofetch'
-import { ref } from 'vue'
-
-interface Params {
-  [key: string]: any
-}
-
-type FetchResponse = string | Blob | ArrayBuffer | ReadableStream<Uint8Array>
-
-interface UseFetchReturn {
-  get: (url: string, params?: Params, headers?: Headers) => Promise<FetchResponse>
-  post: (url: string, params?: Params, headers?: Headers) => Promise<FetchResponse>
-  patch: (url: string, params?: Params, headers?: Headers) => Promise<FetchResponse>
-  put: (url: string, params?: Params, headers?: Headers) => Promise<FetchResponse>
-  destroy: (url: string, params?: Params, headers?: Headers) => Promise<FetchResponse>
-  setToken: (authToken: string) => void
-  loading: Ref<boolean>
-  token: Ref<string>
-  baseURL: Ref<string>
-}
-
-export function useFetch(): UseFetchReturn {
-  const loading = ref(false)
-  const token = ref('')
-  const baseURL = ref('/')
-
-  const setToken = (authToken: string): void => {
-    token.value = authToken
-  }
-
-  const getHeaders = (headers?: Headers): Headers | undefined => {
-    if (headers && token.value) {
-      headers.set('Authorization', `Bearer ${token.value}`)
-    }
-    return headers
-  }
-
-  const get = async (url: string, params?: Params, headers?: Headers): Promise<FetchResponse> => {
-    return await ofetch(url, {
-      method: 'GET',
-      baseURL: baseURL.value,
-      params,
-      headers: getHeaders(headers),
-    })
-  }
-
-  const post = async (url: string, params?: Params, headers?: Headers): Promise<FetchResponse> => {
-    loading.value = true
-    try {
-      const result = await ofetch(url, {
-        method: 'POST',
-        baseURL: baseURL.value,
-        params,
-        headers: getHeaders(headers),
-      })
-      return result
-    }
-    finally {
-      loading.value = false
-    }
-  }
-
-  const patch = async (url: string, params?: Params, headers?: Headers): Promise<FetchResponse> => {
-    loading.value = true
-    try {
-      return await ofetch(url, {
-        method: 'PATCH',
-        baseURL: baseURL.value,
-        params,
-        headers: getHeaders(headers),
-      })
-    }
-    finally {
-      loading.value = false
-    }
-  }
-
-  const put = async (url: string, params?: Params, headers?: Headers): Promise<FetchResponse> => {
-    loading.value = true
-    try {
-      return await ofetch(url, {
-        method: 'PUT',
-        baseURL: baseURL.value,
-        params,
-        headers: getHeaders(headers),
-      })
-    }
-    finally {
-      loading.value = false
-    }
-  }
-
-  const destroy = async (url: string, params?: Params, headers?: Headers): Promise<FetchResponse> => {
-    loading.value = true
-    try {
-      return await ofetch(url, {
-        method: 'DELETE',
-        baseURL: baseURL.value,
-        params,
-        headers: getHeaders(headers),
-      })
-    }
-    finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    get,
-    post,
-    patch,
-    put,
-    destroy,
-    setToken,
-    loading,
-    token,
-    baseURL,
-  }
-}
+export { useFetch } from '@stacksjs/composables'

storage/framework/core/browser/src/composables/useFetch.ts

@@ -1,4 +1,4 @@
-import type { Ref } from 'vue'
+import type { Ref } from '@stacksjs/stx'
 
 export interface ValidationError {
   [key: string]: {

storage/framework/core/browser/src/types/dashboard.ts

@@ -1,4 +1,2 @@
-// Export date utilities directly to avoid circular dependency with @stacksjs/datetime
-export { useDateFormat, useNow } from '@vueuse/core'
-export { format } from '@stacksjs/datetime'
-export { parse } from '@stacksjs/datetime'
+export { useDateFormat, useNow } from '@stacksjs/composables'
+export { format, parse } from '@stacksjs/datetime'

storage/framework/core/browser/src/utils/date.ts

@@ -6,11 +6,9 @@ export function rand(min: number, max: number): number {
   return Math.floor(Math.random() * (max - min + 1)) + min
 }
 
-// not, -> exported as well in ../regex
+// Re-export reactive math utilities from @stacksjs/composables
 export {
   and,
-  createGenericProjection,
-  createProjection,
   logicNot,
   logicOr,
   or,
@@ -19,12 +17,10 @@ export {
   useCeil,
   useClamp,
   useFloor,
-  useMath,
   useMax,
   useMin,
   usePrecision,
-  useProjection,
   useRound,
   useSum,
   useTrunc,
-} from '@vueuse/math'
+} from '@stacksjs/composables'

storage/framework/core/browser/src/utils/math.ts

@@ -1,7 +1,4 @@
-// Only re-export composables that are actually used in the codebase.
-// The full set of 240+ composables was causing excessive type resolution
-// that crashed Bun's JSC engine on CI runners (SIGILL / OOM at ~1GB RSS).
-// useDateFormat and useNow are also exported from ./date.ts.
+// Re-export composables from @stacksjs/composables
 export {
   useDark,
   useDateFormat,
@@ -11,7 +8,7 @@ export {
   usePreferredDark,
   useStorage,
   useToggle,
-} from '@vueuse/core'
+} from '@stacksjs/composables'
 
 export type {
   HeadObject,

storage/framework/core/browser/src/utils/vendors.ts

@@ -1,5 +1,5 @@
 import type { CalendarLink } from '../types'
-import { useDateFormat } from '@stacksjs/browser'
+import { format } from '@stacksjs/datetime'
 
 const dateFormat = 'YYYYMMDD'
 const timeFormat = 'YYYYMMDDThhmmss'
@@ -12,8 +12,8 @@ export function generateGoogle(link: CalendarLink): string {
   const utcEndDateTime = convertTZ(link.to, 'UTC') // set timezone to UTC
   const dateTimeFormat = link.allDay ? dateFormat : timeFormat
 
-  url = `${url}&dates=${useDateFormat(utcStartDateTime, dateTimeFormat).value}/${
-    useDateFormat(utcEndDateTime, dateTimeFormat).value
+  url = `${url}&dates=${format(utcStartDateTime, dateTimeFormat)}/${
+    format(utcEndDateTime, dateTimeFormat)
   }`
 
   if (link.timezone)