posthog-js-lite 2.0.0-alpha2 → 2.0.0-alpha5

package/lib/posthog-core/src/index.d.ts

@@ -11,6 +11,7 @@ export declare abstract class PostHogCore {
     private captureMode;
     private sendFeatureFlagEvent;
     private flagCallReported;
+    private removeDebugCallback?;
     protected _events: SimpleEventEmitter;
     protected _flushTimer?: any;
     protected _decideResponsePromise?: Promise<PostHogDecideResponse>;
@@ -33,10 +34,12 @@ export declare abstract class PostHogCore {
     get optedOut(): boolean;
     optIn(): void;
     optOut(): void;
-    on(event: string, cb: (e: any) => void): () => void;
+    on(event: string, cb: (...args: any[]) => void): () => void;
     reset(): void;
+    debug(enabled?: boolean): void;
     private buildPayload;
     getSessionId(): string | undefined;
+    resetSessionId(): void;
     getDistinctId(): string;
     register(properties: {
         [key: string]: any;

package/lib/posthog-web/src/posthog-web.d.ts

@@ -1,8 +1,5 @@
-import { PostHogCore, PosthogCoreOptions, PostHogFetchOptions, PostHogFetchResponse, PostHogPersistedProperty } from '../../posthog-core/src';
-export interface PostHogOptions extends PosthogCoreOptions {
-    autocapture?: boolean;
-    persistence_name?: string;
-}
+import { PostHogCore, PostHogFetchOptions, PostHogFetchResponse, PostHogPersistedProperty } from '../../posthog-core/src';
+import { PostHogOptions } from './types';
 export declare class PostHog extends PostHogCore {
     private _storage;
     private _storageCache;

package/lib/posthog-web/src/storage.d.ts

@@ -1,3 +1,4 @@
+import { PostHogOptions } from './types';
 export declare type PostHogStorage = {
     getItem: (key: string) => string | null | undefined;
     setItem: (key: string, value: string) => void;
@@ -10,3 +11,4 @@ export declare const _localStore: PostHogStorage;
 export declare const _sessionStore: PostHogStorage;
 export declare const localStore: PostHogStorage | undefined;
 export declare const sessionStorage: PostHogStorage | undefined;
+export declare const getStorage: (type: PostHogOptions['persistence']) => PostHogStorage;

package/lib/posthog-web/src/types.d.ts

@@ -0,0 +1,6 @@
+import { PosthogCoreOptions } from '../../posthog-core/src';
+export declare type PostHogOptions = {
+    autocapture?: boolean;
+    persistence?: 'localStorage' | 'sessionStorage' | 'cookie' | 'memory';
+    persistence_name?: string;
+} & PosthogCoreOptions;

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "posthog-js-lite",
-  "version": "2.0.0-alpha2",
+  "version": "2.0.0-alpha5",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",
-  "types": "lib/index.d.ts"
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "test": "jest -c jest.config.js",
+    "prepublish": "cd .. && yarn build"
+  }
 }

package/src/context.ts

@@ -1,8 +1,5 @@
 import { utils } from '../../posthog-core'
-// import { version } from '../package.json'
-
-// TODO: Get this from package.json
-const version = '2.0.0-alpha'
+import { version } from '../package.json'
 
 export function getContext(window: Window): any {
   let context = {}

package/src/posthog-web.ts

@@ -1,21 +1,16 @@
 import {
   PostHogCore,
-  PosthogCoreOptions,
   PostHogFetchOptions,
   PostHogFetchResponse,
   PostHogPersistedProperty,
 } from '../../posthog-core/src'
 import { getContext } from './context'
-import { localStore, cookieStore, sessionStorage } from './storage'
+import { PostHogStorage, getStorage } from './storage'
 import { version } from '../package.json'
-
-export interface PostHogOptions extends PosthogCoreOptions {
-  autocapture?: boolean
-  persistence_name?: string
-}
+import { PostHogOptions } from './types'
 
 export class PostHog extends PostHogCore {
-  private _storage = localStore || sessionStorage || cookieStore
+  private _storage: PostHogStorage
   private _storageCache: any
   private _storageKey: string
 
@@ -24,6 +19,7 @@ export class PostHog extends PostHogCore {
 
     // posthog-js stores options in one object on
     this._storageKey = options?.persistence_name ? `ph_${options.persistence_name}` : `ph_${apiKey}_posthog`
+    this._storage = getStorage(options?.persistence || 'localStorage')
   }
 
   getPersistedProperty<T>(key: PostHogPersistedProperty): T | undefined {
@@ -41,18 +37,18 @@ export class PostHog extends PostHogCore {
 
     if (value === null) {
       delete this._storageCache[key]
-      this._storage.removeItem(this._storageKey)
     } else {
       this._storageCache[key] = value
-      this._storage.setItem(this._storageKey, JSON.stringify(this._storageCache))
     }
+
+    this._storage.setItem(this._storageKey, JSON.stringify(this._storageCache))
   }
 
   fetch(url: string, options: PostHogFetchOptions): Promise<PostHogFetchResponse> {
     return window.fetch(url, options)
   }
   getLibraryId(): string {
-    return 'posthog-web'
+    return 'posthog-js-lite'
   }
   getLibraryVersion(): string {
     return version

package/src/storage.ts

@@ -1,3 +1,5 @@
+import { PostHogOptions } from './types'
+
 export type PostHogStorage = {
   getItem: (key: string) => string | null | undefined
   setItem: (key: string, value: string) => void
@@ -31,8 +33,7 @@ export const cookieStore: PostHogStorage = {
         expires = '',
         secure = ''
 
-      const new_cookie_val =
-        key + '=' + encodeURIComponent(JSON.stringify(value)) + expires + '; path=/' + cdomain + secure
+      const new_cookie_val = key + '=' + encodeURIComponent(value) + expires + '; path=/' + cdomain + secure
       document.cookie = new_cookie_val
     } catch (err) {
       return
@@ -72,7 +73,7 @@ const createStorageLike = (store: any): PostHogStorage => {
     },
 
     setItem(key, value) {
-      store.setItem(key, JSON.stringify(value))
+      store.setItem(key, value)
     },
 
     removeItem(key) {
@@ -113,3 +114,49 @@ const checkStoreIsSupported = (storage: PostHogStorage, key = '__mplssupport__')
 
 export const localStore = checkStoreIsSupported(_localStore) ? _localStore : undefined
 export const sessionStorage = checkStoreIsSupported(_sessionStore) ? _sessionStore : undefined
+
+const createMemoryStorage = (): PostHogStorage => {
+  const _cache: { [key: string]: any | undefined } = {}
+
+  const store: PostHogStorage = {
+    getItem(key) {
+      return _cache[key]
+    },
+
+    setItem(key, value) {
+      _cache[key] = value !== null ? value : undefined
+    },
+
+    removeItem(key) {
+      delete _cache[key]
+    },
+    clear() {
+      for (const key in _cache) {
+        delete _cache[key]
+      }
+    },
+    getAllKeys() {
+      const keys = []
+      for (const key in _cache) {
+        keys.push(key)
+      }
+      return keys
+    },
+  }
+  return store
+}
+
+export const getStorage = (type: PostHogOptions['persistence']): PostHogStorage => {
+  switch (type) {
+    case 'cookie':
+      return cookieStore || localStore || sessionStorage || createMemoryStorage()
+    case 'localStorage':
+      return localStore || sessionStorage || createMemoryStorage()
+    case 'sessionStorage':
+      return sessionStorage || createMemoryStorage()
+    case 'memory':
+      return createMemoryStorage()
+    default:
+      return createMemoryStorage()
+  }
+}

package/src/types.ts

@@ -0,0 +1,7 @@
+import { PosthogCoreOptions } from '../../posthog-core/src'
+
+export type PostHogOptions = {
+  autocapture?: boolean
+  persistence?: 'localStorage' | 'sessionStorage' | 'cookie' | 'memory'
+  persistence_name?: string
+} & PosthogCoreOptions