Add support for custom elements (#1202)

Author: silesky

.changeset/wicked-tomatoes-grin.md

@@ -0,0 +1,7 @@
+---
+'@segment/analytics-signals': minor
+'@segment/analytics-signals-runtime': minor
+---
+
+- Add support for interaction signals for custom components and elements with contenteditable property
+- Allow custom disallow list to override network signals, even if same domain.

.husky/pre-push

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-CI=true yarn test --colors --silent
+yarn prepush

.vscode/launch.json

@@ -6,16 +6,10 @@
       "request": "launch",
       "name": "Jest Current File",
       "program": "${workspaceFolder}/node_modules/.bin/jest",
-      "args": [
-        "--testTimeout=100000",
-        "--findRelatedTests",
-        "${relativeFile}"
-      ],
+      "args": ["--testTimeout=100000", "--findRelatedTests", "${relativeFile}"],
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
-      "skipFiles": [
-        "<node_internals>/**"
-      ]
+      "skipFiles": ["<node_internals>/**"]
     },
     {
       "type": "node",
@@ -30,9 +24,17 @@
       ],
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
-      "skipFiles": [
-        "<node_internals>/**"
-      ]
+      "skipFiles": ["<node_internals>/**"]
+    },
+    {
+      "name": "Run Jest Tests for Current Package",
+      "type": "node",
+      "request": "launch",
+      "program": "${workspaceFolder}/node_modules/.bin/jest",
+      "args": ["--testTimeout=100000"],
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "cwd": "${fileDirname}"
     },
     {
       "type": "node",
@@ -47,9 +49,7 @@
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
       "program": "${workspaceFolder}/node_modules/jest/bin/jest",
-      "skipFiles": [
-        "<node_internals>/**"
-      ]
+      "skipFiles": ["<node_internals>/**"]
     },
     {
       "type": "node",
@@ -64,9 +64,7 @@
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen",
       "program": "${workspaceFolder}/node_modules/jest/bin/jest",
-      "skipFiles": [
-        "<node_internals>/**"
-      ]
+      "skipFiles": ["<node_internals>/**"]
     },
     {
       "name": "ts-node Current File",

package.json

@@ -20,6 +20,7 @@
     "build": "turbo run build --filter='./packages/**'",
     "watch": "turbo run watch --filter='./packages/**'",
     "dev": "yarn workspace @playground/next-playground run dev",
+    "prepush": "yarn lint && CI=true yarn test --colors --silent",
     "postinstall": "husky install",
     "changeset": "changeset",
     "update-versions-and-changelogs": "changeset version && yarn version-run-all && bash scripts/update-lockfile.sh",

packages/browser/webpack.config.js

@@ -38,7 +38,7 @@ if (process.env.ANALYZE) {
 
 /** @type { import('webpack').Configuration } */
 const config = {
-  stats: process.env.WATCH === 'true' ? 'errors-warnings' : 'normal',
+  stats: process.env.WATCH === 'true' ? 'errors-warnings' : 'minimal',
   node: {
     global: false, // do not polyfill global object, we can use getGlobal function if needed.
   },

packages/config-webpack/webpack.config.common.js

@@ -16,7 +16,7 @@ const isWatch = process.env.WATCH === 'true'
  */
 module.exports = {
   devtool: 'source-map',
-  stats: isWatch ? 'errors-warnings' : 'normal',
+  stats: isWatch ? 'errors-warnings' : 'minimal',
   mode: isProd ? 'production' : 'development',
   target: ['web', 'es5'], // target es5 for ie11 support (generates module boilerplate in es5)
   module: {

packages/consent/consent-tools-integration-tests/webpack.config.ts

@@ -15,6 +15,10 @@ const entries = files.reduce((acc, file) => {
 }, {})
 
 const config: WebpackConfiguration = {
+  stats: 'minimal',
+  performance: {
+    hints: false,
+  },
   mode: 'development',
   devtool: 'source-map',
   entry: entries,

packages/signals/signals-example/webpack.config.js

@@ -12,6 +12,10 @@ const bodyParser = require('body-parser')
  */
 
 module.exports = {
+  stats: 'minimal',
+  performance: {
+    hints: false,
+  },
   entry: './src/index.tsx',
   devtool: 'source-map',
   mode: 'development',

packages/signals/signals-integration-tests/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ]
+}

packages/signals/signals-integration-tests/.eslintignore

@@ -0,0 +1 @@
+playwright-report/