Refactor node / browser to share Context, EventQueue, attempt(), Stats, dispatch(), Plugins, and update traits and context interface (#722)

Author: silesky

.changeset/sweet-rings-tie.md

@@ -0,0 +1,7 @@
+---
+'@segment/analytics-next': minor
+'@segment/analytics-core': minor
+---
+
+Improve core interfaces. Refactor analytics-next to use shared EventQueue, dispatch, and other methods.
+Augment Browser interface with traits and context options type.

.eslintrc.js

@@ -49,6 +49,7 @@ module.exports = {
         '@typescript-eslint/ban-ts-ignore': 'off',
         '@typescript-eslint/ban-ts-comment': 'off',
         '@typescript-eslint/no-unused-vars': 'off',
+        '@typescript-eslint/no-empty-interface': 'off',
         '@typescript-eslint/no-explicit-any': 'off',
         '@typescript-eslint/no-non-null-assertion': 'off',
         '@typescript-eslint/no-floating-promises': [

examples/standalone-playground/package.json

@@ -5,12 +5,10 @@
     "hoistingLimits": "workspaces"
   },
   "scripts": {
-    "dev": "yarn concurrently 'yarn run -T watch --filter=standalone-playground' 'sleep 10 && npx http-server .'"
+    "dev": "yarn concurrently 'yarn run -T watch --filter=standalone-playground' 'sleep 10 && npx http-server .'",
+    "concurrently": "yarn run -T concurrently"
   },
   "dependencies": {
     "@segment/analytics-next": "workspace:^"
-  },
-  "devDependencies": {
-    "concurrently": "^7.2.1"
   }
 }

package.json

@@ -36,15 +36,17 @@
     "@changesets/cli": "^2.23.2",
     "@internal/config": "workspace:^",
     "@npmcli/promise-spawn": "^3.0.0",
+    "@types/express": "4",
     "@types/jest": "^28.1.1",
     "@types/lodash": "^4",
     "@types/node-fetch": "^2.6.2",
     "@typescript-eslint/eslint-plugin": "^5.21.0",
     "@typescript-eslint/parser": "^5.21.0",
-    "concurrently": "^7.2.1",
+    "concurrently": "^7.6.0",
     "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
+    "express": "^4.18.2",
     "get-monorepo-packages": "^1.2.0",
     "husky": "^8.0.0",
     "jest": "^28.1.0",
@@ -60,6 +62,7 @@
   },
   "resolutions": {
     "@segment/analytics-next": "workspace:*",
-    "@segment/analytics-node": "workspace:*"
+    "@segment/analytics-node": "workspace:*",
+    "@segment/analytics-core": "workspace:*"
   }
 }

packages/browser-integration-tests/package.json

@@ -8,6 +8,7 @@
   "scripts": {
     "test": "playwright test",
     "lint": "yarn concurrently 'yarn:eslint .' 'yarn:tsc --noEmit'",
+    "concurrently": "yarn run -T concurrently",
     "watch:test": "yarn test --watch",
     "tsc": "yarn run -T tsc",
     "eslint": "yarn run -T eslint",

packages/browser/package.json

@@ -31,7 +31,7 @@
     "tsc": "yarn run -T tsc",
     "jest": "yarn run -T jest",
     "concurrently": "yarn run -T concurrently",
-    "watch": "yarn concurrently 'NODE_ENV=production yarn umd --watch' 'yarn pkg --watch --incremental'",
+    "watch": "yarn concurrently 'NODE_ENV=production WATCH=true yarn umd --watch' 'yarn pkg --watch'",
     "build": "yarn clean && yarn build-prep && yarn concurrently 'NODE_ENV=production yarn umd' 'yarn pkg' 'yarn cjs'",
     "release:cdn": "yarn run -T browser+deps build && NODE_ENV=production bash scripts/release.sh",
     "pkg": "yarn tsc -p tsconfig.build.json",
@@ -79,7 +79,6 @@
     "circular-dependency-plugin": "^5.2.2",
     "compression-webpack-plugin": "^8.0.1",
     "execa": "^4.1.0",
-    "express": "^4.17.3",
     "flat": "^5.0.2",
     "fs-extra": "^9.0.1",
     "jest-dev-server": "^6.0.3",

packages/browser/src/browser/__tests__/analytics-pre-init.integration.test.ts

@@ -23,6 +23,8 @@ const writeKey = 'foo'
 
 const errMsg = 'errMsg'
 
+jest.spyOn(console, 'error').mockImplementation(() => {}) // silence console spam
+
 describe('Pre-initialization', () => {
   const trackSpy = jest.spyOn(Analytics.prototype, 'track')
   const identifySpy = jest.spyOn(Analytics.prototype, 'identify')

packages/browser/src/browser/__tests__/standalone-analytics.test.ts

@@ -7,7 +7,7 @@ import unfetch from 'unfetch'
 import { PersistedPriorityQueue } from '../../lib/priority-queue/persisted'
 import { sleep } from '../../lib/sleep'
 import * as Factory from '../../test-helpers/factories'
-import { EventQueue } from '@segment/analytics-core'
+import { EventQueue } from '../../core/queue/event-queue'
 
 const track = jest.fn()
 const identify = jest.fn()

packages/browser/src/browser/__tests__/typedef-tests/analytics-browser.ts

@@ -1,8 +1,5 @@
-import { Analytics } from '@/core/analytics'
-import { Context } from '@/core/context'
-import { AnalyticsBrowser } from '@/browser'
-import { assertNotAny, assertIs } from '@/test-helpers/type-assertions'
-import { Group, User } from '../../../core/user'
+import { AnalyticsBrowser, Analytics, Context, User, Group } from '../../..'
+import { assertNotAny, assertIs } from '../../../test-helpers/type-assertions'
 
 /**
  * These are general typescript definition tests;
@@ -77,23 +74,23 @@ export default {
   'Identify should work with spread objects ': () => {
     const user = {
       name: 'john',
-      id: 12345,
+      id: 'abc123',
     }
     const { id, ...traits } = user
     void AnalyticsBrowser.load({ writeKey: 'foo' }).identify('foo', traits)
   },
   'Track should work with spread objects': () => {
     const user = {
       name: 'john',
-      id: 12345,
+      id: 'abc123',
     }
     const { id, ...traits } = user
     void AnalyticsBrowser.load({ writeKey: 'foo' }).track('foo', traits)
   },
   'Identify should work with generic objects ': () => {
     const user = {
       name: 'john',
-      id: 12345,
+      id: 'abc123',
     }
     void AnalyticsBrowser.load({ writeKey: 'foo' }).identify('foo', user)
   },
@@ -122,4 +119,12 @@ export default {
     assertNotAny(analytics)
     assertIs<AnalyticsBrowser>(analytics)
   },
+  'Should error if there is a type conflict in Traits': () => {
+    const analytics = new AnalyticsBrowser().load({ writeKey: 'foo' })
+    assertNotAny(analytics)
+    assertIs<AnalyticsBrowser>(analytics)
+
+    // @ts-expect-error - id should be a string
+    void analytics.identify('foo', { id: 123 })
+  },
 }

packages/browser/src/browser/index.ts

@@ -279,7 +279,7 @@ async function loadAnalytics(
 
   const plugins = settings.plugins ?? []
   const classicIntegrations = settings.classicIntegrations ?? []
-  Context.initMetrics(legacySettings.metrics)
+  Context.initRemoteMetrics(legacySettings.metrics)
 
   // needs to be flushed before plugins are registered
   flushPreBuffer(analytics, preInitBuffer)