@quiltt/core 4.5.1 → 5.0.1

package/dist/utils/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Extracts version number from formatted version string
+ * @param formattedVersion - Formatted version like "@quiltt/core: v4.5.1"
+ * @returns Version number like "4.5.1" or "unknown" if not found
+ */
+declare const extractVersionNumber: (formattedVersion: string) => string;
+/**
+ * Generates a User-Agent string following standard format
+ * Format: Quiltt/<version> (<platform-info>)
+ */
+declare const getUserAgent: (sdkVersion: string, platformInfo: string) => string;
+/**
+ * Detects browser information from user agent string
+ * Returns browser name and version, or 'Unknown' if not detected
+ */
+declare const getBrowserInfo: () => string;
+
+export { extractVersionNumber, getBrowserInfo, getUserAgent };

package/dist/utils/index.js

@@ -0,0 +1,57 @@
+/**
+ * Extracts version number from formatted version string
+ * @param formattedVersion - Formatted version like "@quiltt/core: v4.5.1"
+ * @returns Version number like "4.5.1" or "unknown" if not found
+ */ const extractVersionNumber = (formattedVersion)=>{
+    // Find the 'v' prefix and extract version after it
+    const vIndex = formattedVersion.indexOf('v');
+    if (vIndex === -1) return 'unknown';
+    const versionPart = formattedVersion.substring(vIndex + 1);
+    const parts = versionPart.split('.');
+    // Validate we have at least major.minor.patch
+    if (parts.length < 3) return 'unknown';
+    // Extract numeric parts (handles cases like "4.5.1-beta")
+    const major = parts[0].match(/^\d+/)?.[0];
+    const minor = parts[1].match(/^\d+/)?.[0];
+    const patch = parts[2].match(/^\d+/)?.[0];
+    if (!major || !minor || !patch) return 'unknown';
+    return `${major}.${minor}.${patch}`;
+};
+/**
+ * Generates a User-Agent string following standard format
+ * Format: Quiltt/<version> (<platform-info>)
+ */ const getUserAgent = (sdkVersion, platformInfo)=>{
+    return `Quiltt/${sdkVersion} (${platformInfo})`;
+};
+/**
+ * Detects browser information from user agent string
+ * Returns browser name and version, or 'Unknown' if not detected
+ */ const getBrowserInfo = ()=>{
+    if (typeof navigator === 'undefined' || !navigator.userAgent) {
+        return 'Unknown';
+    }
+    const ua = navigator.userAgent;
+    // Edge (must be checked before Chrome)
+    if (ua.includes('Edg/')) {
+        const version = ua.match(/Edg\/(\d+)/)?.[1] || 'Unknown';
+        return `Edge/${version}`;
+    }
+    // Chrome
+    if (ua.includes('Chrome/') && !ua.includes('Edg/')) {
+        const version = ua.match(/Chrome\/(\d+)/)?.[1] || 'Unknown';
+        return `Chrome/${version}`;
+    }
+    // Safari (must be checked after Chrome)
+    if (ua.includes('Safari/') && !ua.includes('Chrome/')) {
+        const version = ua.match(/Version\/(\d+)/)?.[1] || 'Unknown';
+        return `Safari/${version}`;
+    }
+    // Firefox
+    if (ua.includes('Firefox/')) {
+        const version = ua.match(/Firefox\/(\d+)/)?.[1] || 'Unknown';
+        return `Firefox/${version}`;
+    }
+    return 'Unknown';
+};
+
+export { extractVersionNumber, getBrowserInfo, getUserAgent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quiltt/core",
-  "version": "4.5.1",
+  "version": "5.0.1",
   "description": "Javascript API client and utilities for Quiltt",
   "keywords": [
     "quiltt",
@@ -20,8 +20,64 @@
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    },
+    "./api": {
+      "types": "./dist/api/index.d.ts",
+      "require": "./dist/api/index.cjs",
+      "import": "./dist/api/index.js"
+    },
+    "./api/browser": {
+      "types": "./dist/api/browser.d.ts",
+      "require": "./dist/api/browser.cjs",
+      "import": "./dist/api/browser.js"
+    },
+    "./api/graphql": {
+      "types": "./dist/api/graphql/index.d.ts",
+      "require": "./dist/api/graphql/index.cjs",
+      "import": "./dist/api/graphql/index.js"
+    },
+    "./api/rest": {
+      "types": "./dist/api/rest/index.d.ts",
+      "require": "./dist/api/rest/index.cjs",
+      "import": "./dist/api/rest/index.js"
+    },
+    "./auth": {
+      "types": "./dist/auth/index.d.ts",
+      "require": "./dist/auth/index.cjs",
+      "import": "./dist/auth/index.js"
+    },
+    "./config": {
+      "types": "./dist/config/index.d.ts",
+      "require": "./dist/config/index.cjs",
+      "import": "./dist/config/index.js"
+    },
+    "./observables": {
+      "types": "./dist/observables/index.d.ts",
+      "require": "./dist/observables/index.cjs",
+      "import": "./dist/observables/index.js"
+    },
+    "./storage": {
+      "types": "./dist/storage/index.d.ts",
+      "require": "./dist/storage/index.cjs",
+      "import": "./dist/storage/index.js"
+    },
+    "./timing": {
+      "types": "./dist/timing/index.d.ts",
+      "require": "./dist/timing/index.cjs",
+      "import": "./dist/timing/index.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "require": "./dist/types.cjs",
+      "import": "./dist/types.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "require": "./dist/utils/index.cjs",
+      "import": "./dist/utils/index.js"
     }
   },
   "types": "./dist/index.d.ts",
@@ -32,19 +88,19 @@
   ],
   "main": "dist/index.js",
   "dependencies": {
-    "@apollo/client": "^3.14.0",
-    "@rails/actioncable": "^8.0.300",
+    "@apollo/client": "^4.1.3",
+    "@rails/actioncable": "^8.1.200",
     "braces": "^3.0.3",
-    "cross-fetch": "^4.0.0",
-    "graphql": "^16.10.0",
-    "graphql-ruby-client": "^1.14.5"
+    "cross-fetch": "^4.1.0",
+    "graphql": "^16.12.0",
+    "rxjs": "^7.8.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.8",
-    "@types/node": "22.19.2",
-    "@types/rails__actioncable": "6.1.11",
-    "@types/react": "19.2.7",
-    "bunchee": "6.6.2",
+    "@biomejs/biome": "2.3.14",
+    "@types/node": "24.10.10",
+    "@types/rails__actioncable": "8.0.3",
+    "@types/react": "19.2.11",
+    "bunchee": "6.9.4",
     "rimraf": "6.1.2",
     "typescript": "5.9.3"
   },

package/src/api/graphql/client.ts

@@ -1,8 +1,7 @@
-import type { ApolloClientOptions, NormalizedCacheObject, Operation } from '@apollo/client/core'
-import { ApolloClient, ApolloLink } from '@apollo/client/core/index.js'
+import { ApolloClient, ApolloLink } from '@apollo/client/core'
 import type { DefinitionNode, OperationDefinitionNode } from 'graphql'
 
-import { debugging } from '@/configuration'
+import { debugging } from '@/config'
 
 import {
   AuthLink,
@@ -12,16 +11,17 @@ import {
   HttpLink,
   RetryLink,
   SubscriptionLink,
-  VersionLink,
 } from './links'
 
-export type QuilttClientOptions<T> = Omit<ApolloClientOptions<T>, 'link'> & {
+export type QuilttClientOptions = Omit<ApolloClient.Options, 'link'> & {
   /** An array of initial links to inject before the default Quiltt Links */
   customLinks?: ApolloLink[]
+  /** Platform-specific version link (required) */
+  versionLink: ApolloLink
 }
 
-export class QuilttClient extends ApolloClient<NormalizedCacheObject> {
-  constructor(options: QuilttClientOptions<NormalizedCacheObject>) {
+export class QuilttClient extends ApolloClient {
+  constructor(options: QuilttClientOptions) {
     const finalOptions = {
       ...options,
       devtools: {
@@ -34,13 +34,13 @@ export class QuilttClient extends ApolloClient<NormalizedCacheObject> {
     const isOperationDefinition = (def: DefinitionNode): def is OperationDefinitionNode =>
       def.kind === 'OperationDefinition'
 
-    const isSubscriptionOperation = (operation: Operation) => {
+    const isSubscriptionOperation = (operation: ApolloLink.Operation) => {
       return operation.query.definitions.some(
         (definition) => isOperationDefinition(definition) && definition.operation === 'subscription'
       )
     }
 
-    const isBatchable = (operation: Operation) => {
+    const isBatchable = (operation: ApolloLink.Operation) => {
       return operation.getContext().batchable ?? true
     }
 
@@ -49,12 +49,12 @@ export class QuilttClient extends ApolloClient<NormalizedCacheObject> {
 
     const quilttLink = ApolloLink.from([
       ...initialLinks,
-      VersionLink,
+      options.versionLink,
       authLink,
       ErrorLink,
       RetryLink,
-    ])
-      .split(isSubscriptionOperation, subscriptionsLink, ForwardableLink)
+    ] as ApolloLink[])
+      .split(isSubscriptionOperation, subscriptionsLink as ApolloLink, ForwardableLink)
       .split(isBatchable, BatchHttpLink, HttpLink)
 
     super({
@@ -71,8 +71,8 @@ export class QuilttClient extends ApolloClient<NormalizedCacheObject> {
 
 /** Client and Tooling */
 export type { NormalizedCacheObject } from '@apollo/client/cache'
-export { InMemoryCache } from '@apollo/client/cache/index.js'
-export type { ApolloError, OperationVariables } from '@apollo/client/core'
-export { gql } from '@apollo/client/core/index.js'
+export { InMemoryCache } from '@apollo/client/cache'
+export type { OperationVariables } from '@apollo/client/core'
+export { gql } from '@apollo/client/core'
 /** React hooks used by @quiltt/react-native and @quiltt/react */
-export { useMutation, useQuery, useSubscription } from '@apollo/client/react/hooks/index.js'
+export { useMutation, useQuery, useSubscription } from '@apollo/client/react'

package/src/api/graphql/links/ActionCableLink.ts

@@ -1,48 +1,58 @@
-import type { FetchResult, NextLink, Operation } from '@apollo/client/core'
-import { ApolloLink } from '@apollo/client/core/index.js'
-import { Observable } from '@apollo/client/utilities/index.js'
+// Adapted from https://github.com/rmosolgo/graphql-ruby/blob/master/javascript_client/src/subscriptions/ActionCableLink.ts
+import { ApolloLink } from '@apollo/client/core'
 import type { Consumer } from '@rails/actioncable'
 import { createConsumer } from '@rails/actioncable'
 import { print } from 'graphql'
+import { Observable } from 'rxjs'
 
-import { endpointWebsockets } from '@/configuration'
-import { GlobalStorage } from '@/storage'
+import { endpointWebsockets } from '@/config'
+import { validateSessionToken } from '@/utils/token-validation'
 
-type RequestResult = FetchResult<
-  { [key: string]: unknown },
-  Record<string, unknown>,
-  Record<string, unknown>
->
-type ConnectionParams = object | ((operation: Operation) => object)
+type RequestResult = ApolloLink.Result<{ [key: string]: unknown }>
+type ConnectionParams = object | ((operation: ApolloLink.Operation) => object)
+type SubscriptionCallbacks = {
+  connected?: (args?: { reconnected: boolean }) => void
+  disconnected?: () => void
+  received?: (payload: unknown) => void
+}
 
 class ActionCableLink extends ApolloLink {
   cables: { [id: string]: Consumer }
   channelName: string
   actionName: string
   connectionParams: ConnectionParams
+  callbacks: SubscriptionCallbacks
 
   constructor(options: {
     channelName?: string
     actionName?: string
     connectionParams?: ConnectionParams
+    callbacks?: SubscriptionCallbacks
   }) {
     super()
     this.cables = {}
     this.channelName = options.channelName || 'GraphqlChannel'
     this.actionName = options.actionName || 'execute'
     this.connectionParams = options.connectionParams || {}
+    this.callbacks = options.callbacks || {}
   }
 
   // Interestingly, this link does _not_ call through to `next` because
   // instead, it sends the request to ActionCable.
-  request(operation: Operation, _next: NextLink): Observable<RequestResult> | null {
-    const token = GlobalStorage.get('session')
+  request(
+    operation: ApolloLink.Operation,
+    _next: ApolloLink.ForwardFunction
+  ): Observable<RequestResult> {
+    const validation = validateSessionToken('for subscription')
 
-    if (!token) {
-      console.warn('QuilttClient attempted to send an unauthenticated Subscription')
-      return null
+    if (!validation.valid) {
+      return new Observable((observer) => {
+        observer.error(validation.error)
+      })
     }
 
+    const { token } = validation
+
     if (!this.cables[token]) {
       this.cables[token] = createConsumer(endpointWebsockets + (token ? `?token=${token}` : ''))
     }
@@ -55,6 +65,7 @@ class ActionCableLink extends ApolloLink {
           ? this.connectionParams(operation)
           : this.connectionParams
 
+      const callbacks = this.callbacks
       const channel = this.cables[token].subscriptions.create(
         Object.assign(
           {},
@@ -65,7 +76,7 @@ class ActionCableLink extends ApolloLink {
           connectionParams
         ),
         {
-          connected: () => {
+          connected: (args?: { reconnected: boolean }) => {
             channel.perform(actionName, {
               query: operation.query ? print(operation.query) : null,
               variables: operation.variables,
@@ -73,6 +84,7 @@ class ActionCableLink extends ApolloLink {
               operationId: (operation as { operationId?: string }).operationId,
               operationName: operation.operationName,
             })
+            callbacks.connected?.(args)
           },
 
           received: (payload: { result: RequestResult; more: any }) => {
@@ -83,6 +95,11 @@ class ActionCableLink extends ApolloLink {
             if (!payload.more) {
               observer.complete()
             }
+
+            callbacks.received?.(payload)
+          },
+          disconnected: () => {
+            callbacks.disconnected?.()
           },
         }
       )

package/src/api/graphql/links/AuthLink.ts

@@ -1,24 +1,32 @@
-import type { FetchResult, NextLink, Operation } from '@apollo/client/core'
-import { ApolloLink } from '@apollo/client/core/index.js'
-import type { Observable } from '@apollo/client/utilities'
+import { ApolloLink } from '@apollo/client/core'
+import { Observable } from 'rxjs'
 
-import { GlobalStorage } from '@/storage'
+import { validateSessionToken } from '@/utils/token-validation'
 
 /**
- * unauthorizedCallback only triggers in the event the token is present, and
- * returns the token; This allows sessions to be forgotten without race conditions
- * causing null sessions to kill valid sessions, or invalid sessions for killing
- * valid sessions during rotation and networking weirdness.
+ * Apollo Link that handles authentication and session expiration for GraphQL requests.
+ *
+ * Features:
+ * - Automatically adds Bearer token to request headers
+ * - Detects expired tokens and triggers proper error handling
+ * - Clears expired sessions from storage (triggers React re-renders via observers)
+ * - Emits GraphQL errors for consistent Apollo error handling
  */
 export class AuthLink extends ApolloLink {
-  request(operation: Operation, forward: NextLink): Observable<FetchResult> | null {
-    const token = GlobalStorage.get('session')
+  request(
+    operation: ApolloLink.Operation,
+    forward: ApolloLink.ForwardFunction
+  ): Observable<ApolloLink.Result> {
+    const validation = validateSessionToken()
 
-    if (!token) {
-      console.warn('QuilttLink attempted to send an unauthenticated Query')
-      return null
+    if (!validation.valid) {
+      return new Observable((observer) => {
+        observer.error(validation.error)
+      })
     }
 
+    const { token } = validation
+
     operation.setContext(({ headers = {} }) => ({
       headers: {
         ...headers,

package/src/api/graphql/links/BatchHttpLink.ts

@@ -1,7 +1,7 @@
-import { BatchHttpLink as ApolloBatchHttpLink } from '@apollo/client/link/batch-http/index.js'
+import { BatchHttpLink as ApolloBatchHttpLink } from '@apollo/client/link/batch-http'
 import crossfetch from 'cross-fetch'
 
-import { endpointGraphQL } from '@/configuration'
+import { endpointGraphQL } from '@/config'
 
 // Use `cross-fetch` only if `fetch` is not available on the `globalThis` object
 const effectiveFetch = typeof fetch === 'undefined' ? crossfetch : fetch

package/src/api/graphql/links/ErrorLink.ts

@@ -1,29 +1,40 @@
-import type { ServerError } from '@apollo/client/core'
-import { onError } from '@apollo/client/link/error/index.js'
+import { ErrorLink as ApolloErrorLink } from '@apollo/client/link/error'
+import type { GraphQLFormattedError } from 'graphql'
 
 import { GlobalStorage } from '@/storage'
 
-export const ErrorLink = onError(({ graphQLErrors, networkError }) => {
-  if (graphQLErrors) {
-    graphQLErrors.forEach(({ message, path, extensions }) => {
+export const ErrorLink = new ApolloErrorLink(({ error, result }) => {
+  // In Apollo Client 4, errors are consolidated to the 'error' and 'result' properties
+
+  // Handle GraphQL errors from result
+  if (result?.errors) {
+    result.errors.forEach((graphQLError: GraphQLFormattedError) => {
+      const { message, path, extensions } = graphQLError
       const formattedPath = Array.isArray(path) ? path.join('.') : (path ?? 'N/A')
       const parts = [`[Quiltt][GraphQL Error]: ${message}`, `Path: ${formattedPath}`]
 
       if (extensions) {
         if (extensions.code) parts.push(`Code: ${extensions.code}`)
         if (extensions.errorId) parts.push(`Error ID: ${extensions.errorId}`)
+        if (extensions.instruction) parts.push(`Instruction: ${extensions.instruction}`)
+        if (extensions.documentationUrl) {
+          parts.push(`Docs: ${extensions.documentationUrl}`)
+        }
       }
 
       console.warn(parts.join(' | '))
     })
   }
 
-  if (networkError) {
-    if ((networkError as ServerError).statusCode === 401) {
-      console.warn('[Quiltt][Authentication Error]:', networkError)
+  // Handle network/server errors
+  if (error) {
+    if ('statusCode' in error && error.statusCode === 401) {
+      console.warn('[Quiltt][Authentication Error]:', error)
       GlobalStorage.set('session', null)
+    } else if ('statusCode' in error) {
+      console.warn('[Quiltt][Server Error]:', error)
     } else {
-      console.warn('[Quiltt][Network Error]:', networkError)
+      console.warn('[Quiltt][Network Error]:', error)
     }
   }
 })

package/src/api/graphql/links/ForwardableLink.ts

@@ -1,4 +1,4 @@
-import { ApolloLink } from '@apollo/client/core/index.js'
+import { ApolloLink } from '@apollo/client/core'
 
 export const ForwardableLink = new ApolloLink((operation, forward) => forward(operation))
 

package/src/api/graphql/links/HttpLink.ts

@@ -1,10 +1,10 @@
-import { HttpLink as ApolloHttpLink } from '@apollo/client/link/http/index.js'
+import { HttpLink as ApolloHttpLink } from '@apollo/client/link/http'
 import crossfetch from 'cross-fetch'
 
 // Use `cross-fetch` only if `fetch` is not available on the `globalThis` object
 const effectiveFetch = typeof fetch === 'undefined' ? crossfetch : fetch
 
-import { endpointGraphQL } from '@/configuration'
+import { endpointGraphQL } from '@/config'
 
 export const HttpLink = new ApolloHttpLink({
   uri: endpointGraphQL,

package/src/api/graphql/links/RetryLink.ts

@@ -1,8 +1,12 @@
-import { RetryLink as ApolloRetryLink } from '@apollo/client/link/retry/index.js'
+import { RetryLink as ApolloRetryLink } from '@apollo/client/link/retry'
 
 export const RetryLink = new ApolloRetryLink({
   attempts: {
-    retryIf: (error, _operation) => !!error && (!error.statusCode || error.statusCode >= 500),
+    retryIf: (error, _operation) => {
+      if (!error) return false
+      const statusCode = 'statusCode' in error ? (error as any).statusCode : undefined
+      return !statusCode || statusCode >= 500
+    },
   },
 })
 

package/src/api/graphql/links/TerminatingLink.ts

@@ -1,5 +1,10 @@
-import { ApolloLink } from '@apollo/client/core/index.js'
+import { ApolloLink } from '@apollo/client/core'
+import { Observable } from 'rxjs'
 
-export const TerminatingLink = new ApolloLink(() => null)
+export const TerminatingLink = new ApolloLink(() => {
+  return new Observable((observer) => {
+    observer.complete()
+  })
+})
 
 export default TerminatingLink

package/src/api/graphql/links/VersionLink.ts

@@ -1,15 +1,20 @@
-import { ApolloLink } from '@apollo/client/core/index.js'
+import { ApolloLink } from '@apollo/client/core'
 
-import { version } from '@/configuration'
+import { version } from '@/config'
+import { extractVersionNumber, getUserAgent } from '@/utils/telemetry'
 
-export const VersionLink = new ApolloLink((operation, forward) => {
-  operation.setContext(({ headers = {} }) => ({
-    headers: {
-      ...headers,
-      'Quiltt-Client-Version': version,
-    },
-  }))
-  return forward(operation)
-})
+export const createVersionLink = (platformInfo: string) => {
+  const versionNumber = extractVersionNumber(version)
+  const userAgent = getUserAgent(versionNumber, platformInfo)
 
-export default VersionLink
+  return new ApolloLink((operation, forward) => {
+    operation.setContext(({ headers = {} }) => ({
+      headers: {
+        ...headers,
+        'Quiltt-Client-Version': version,
+        'User-Agent': userAgent,
+      },
+    }))
+    return forward(operation)
+  })
+}

package/src/api/rest/auth.ts

@@ -1,4 +1,4 @@
-import { endpointAuth } from '@/configuration'
+import { endpointAuth } from '@/config'
 
 import type { FetchResponse } from './fetchWithRetry'
 import { fetchWithRetry } from './fetchWithRetry'

package/src/api/rest/connectors.ts

@@ -1,4 +1,5 @@
-import { endpointRest } from '@/configuration'
+import { endpointRest, version } from '@/config'
+import { extractVersionNumber, getUserAgent } from '@/utils/telemetry'
 
 import type { FetchResponse } from './fetchWithRetry'
 import { fetchWithRetry } from './fetchWithRetry'
@@ -17,11 +18,14 @@ export type ResolvableResponse = FetchResponse<ResolvableData>
 
 export class ConnectorsAPI {
   clientId: string
-  agent: string
+  userAgent: string
 
-  constructor(clientId: string, agent = 'web') {
+  constructor(
+    clientId: string,
+    userAgent: string = getUserAgent(extractVersionNumber(version), 'Unknown')
+  ) {
     this.clientId = clientId
-    this.agent = agent
+    this.userAgent = userAgent
   }
 
   /**
@@ -87,7 +91,7 @@ export class ConnectorsAPI {
     const headers = new Headers()
     headers.set('Content-Type', 'application/json')
     headers.set('Accept', 'application/json')
-    headers.set('Quiltt-SDK-Agent', this.agent)
+    headers.set('User-Agent', this.userAgent)
     headers.set('Authorization', `Bearer ${token}`)
 
     return {

package/src/auth/index.ts

@@ -0,0 +1 @@
+export * from './json-web-token'

package/src/{JsonWebToken.ts → auth/json-web-token.ts}

@@ -1,4 +1,4 @@
-import type { Maybe } from './types'
+import type { Maybe } from '../types'
 
 export type RegisteredClaims = {
   iss: string // (issuer): Issuer of the JWT

package/src/{configuration.ts → config/configuration.ts}

@@ -1,4 +1,4 @@
-import { name as packageName, version as packageVersion } from '../package.json'
+import { name as packageName, version as packageVersion } from '../../package.json'
 
 const QUILTT_API_INSECURE = (() => {
   try {

package/src/config/index.ts

@@ -0,0 +1 @@
+export * from './configuration'

package/src/index.ts

@@ -1,7 +1,8 @@
 export * from './api'
-export * from './configuration'
-export * from './JsonWebToken'
-export * from './Observable'
+export * from './auth'
+export * from './config'
+export * from './observables'
 export * from './storage'
-export * from './Timeoutable'
+export * from './timing'
 export * from './types'
+export * from './utils'

package/src/observables/index.ts

@@ -0,0 +1 @@
+export * from './observable'

package/src/{Observable.ts → observables/observable.ts}

@@ -1,6 +1,6 @@
 import type { Dispatch, SetStateAction } from 'react'
 
-import type { Maybe } from './types'
+import type { Maybe } from '../types'
 
 export type Observer<T> = Dispatch<SetStateAction<Maybe<T> | undefined>>