Replace verification host with official OM Web SDK (fixes #20) (#21)

Author: timdp

.circleci/config.yml

@@ -16,9 +16,9 @@ jobs:
       # Download and cache dependencies
       - restore_cache:
           keys:
-          - node14-dependencies-{{ checksum "yarn.lock" }}
+          - node14-dependencies-v2-{{ checksum "yarn.lock" }}
           # Fallback to using the latest cache if no exact match is found
-          - node14-dependencies-
+          - node14-dependencies-v2-
 
       - run:
           name: Set up apt
@@ -44,7 +44,7 @@ jobs:
       - save_cache:
           paths:
             - node_modules
-          key: node14-dependencies-{{ checksum "yarn.lock" }}
+          key: node14-dependencies-v2-{{ checksum "yarn.lock" }}
 
       # Build
       - run:

.env.development

@@ -1,3 +1,4 @@
 REACT_APP_VERSION=0a1b2c3
 REACT_APP_BRANCH=master
-REACT_APP_BUILD_DATE=Jan 1, 2020,  0:00 AM GMT
+REACT_APP_BUILD_DATE=Jan 1, 2021,  0:00 AM GMT
+DISABLE_ESLINT_PLUGIN=true

.eslintrc

@@ -0,0 +1,31 @@
+{
+  "root": true,
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "standard"
+  ],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "plugins": [
+    "react",
+    "simple-import-sort"
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "react/display-name": "off",
+    "react/prop-types": "off",
+    "simple-import-sort/imports": "error",
+    "simple-import-sort/exports": "error"
+  },
+  "env": {
+    "browser": true
+  }
+}

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn run lint-staged

README.md

@@ -34,38 +34,20 @@ All state is maintained using [Redux](https://redux.js.org/). Side effects of
 state mutation are modeled using
 [redux-observable](https://redux-observable.js.org/).
 
-The app can be broken down into two sub-apps, which each live in a subdirectory
-of [`src/`](src/). The largest of the two is called [_main_](src/main/) and
-contains just about the whole tester. The second sub-app,
-[_verification_](src/verification/), houses a host for OMID scripts, which gets
-loaded into an iframe for every verification script.
+There are subdirectories for the standard React-Redux model:
 
-The apps talk to one another using the [`rpc` subpackage](src/common/rpc/) that
-is also part of this repository. This is a friendly interface to the browser's
-[`postMessage()` API](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage).
-
-The top-level app has a [single entry point](src/index.js) that routes between
-the two sub-apps based on the URL. This started out as a limitation of Create
-React App, which only allows us to produce a single bundle, but we actually
-prefer it now.
-
-The _verification_ sub-app is a single React component that implements the
-OMID interface. It does not use Redux at all.
-
-In the _main_ app, there are subdirectories for the standard React-Redux model:
-
--   [`components/`](src/main/components/): React components (without Redux);
--   [`containers/`](src/main/containers/): React components connected to Redux's
+-   [`components/`](src/components/): React components (without Redux);
+-   [`containers/`](src/containers/): React components connected to Redux's
     store;
--   [`actions/`](src/main/actions/): Redux action definitions;
--   [`reducers/`](src/main/reducers/): Redux reducers;
--   [`epics/`](src/main/epics/): epics for redux-observable;
--   [`middleware/`](src/main/middleware/): Redux middleware.
+-   [`actions/`](src/actions/): Redux action definitions;
+-   [`reducers/`](src/reducers/): Redux reducers;
+-   [`epics/`](src/epics/): epics for redux-observable;
+-   [`middleware/`](src/middleware/): Redux middleware.
 
 In addition to those, there are also:
 
--   [`util/`](src/main/util/): various utility modules;
--   [`style/`](src/main/style): [Sass](https://sass-lang.com/) style sheets for
+-   [`util/`](src/util/): various utility modules;
+-   [`style/`](src/style): [Sass](https://sass-lang.com/) style sheets for
     the app.
 
 More detailed documentation will be added at a later stage. For now, we suggest
@@ -81,8 +63,6 @@ During development, you can use:
     for Redux actions and redux-observable effects;
 -   [Logger for Redux](https://github.com/evgenyrodionov/redux-logger)
     by setting `localStorage.reduxLogger` to `true`;
--   [debug](https://www.npmjs.com/package/debug)
-    by setting `localStorage.debug` to `'rpc:*'`.
 
 ## To Do
 
@@ -98,7 +78,7 @@ We welcome pull requests for bug fixes and new features.
 
 ## License
 
-Copyright 2020 IAB Technology Laboratory, Inc.
+Copyright 2021 IAB Technology Laboratory, Inc.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

package.json

@@ -8,7 +8,7 @@
   "license": "Apache-2.0",
   "engines": {
     "node": ">=12",
-    "yarn": ">=1.7.0"
+    "yarn": ">=1.22.5"
   },
   "browserslist": [
     ">0.2%",
@@ -21,65 +21,60 @@
     "clean": "rimraf build",
     "build": "yarn run clean && REACT_APP_BUILD_DATE=\"$( TZ=GMT date +'%b %_d, %Y, %_I:%M %p %Z' )\" react-scripts build",
     "buildwin": "yarn run clean && react-scripts build",
-    "test": "standard \"src/**/*.js\"",
-    "format": "prettier-standard \"src/**/*.js\" && standard --fix \"src/**/*.js\""
+    "test": "eslint \"src/**/*.js\"",
+    "format": "prettier-eslint --write \"$PWD/src/**/*.js\""
   },
   "dependencies": {
     "base16": "^1.0.0",
-    "debug": "^4.1.1",
     "fecha": "^4.2.0",
-    "file-saver": "^2.0.2",
+    "file-saver": "^2.0.5",
     "font-awesome": "^4.7.0",
-    "husky": "^4.2.5",
-    "iab-vast-loader": "^2.2.0",
-    "lint-staged": "^10.2.2",
-    "lodash-es": "^4.17.11",
-    "lower-case-first": "^2.0.1",
-    "node-sass": "^4.12.0",
+    "iab-vast-loader": "^2.5.1",
+    "lodash-es": "^4.17.21",
+    "lower-case-first": "^2.0.2",
     "p-defer": "^3.0.0",
-    "p-timeout": "^3.1.0",
-    "prettier-standard": "^16.3.0",
+    "p-timeout": "^4.1.0",
     "prop-types": "^15.7.2",
-    "qs": "^6.7.0",
-    "react": "^16.8.6",
-    "react-collapsible": "^2.6.0",
-    "react-copy-to-clipboard": "^5.0.1",
-    "react-dom": "^16.8.6",
+    "qs": "^6.10.1",
+    "react": "^17.0.2",
+    "react-collapsible": "^2.8.3",
+    "react-copy-to-clipboard": "^5.0.3",
+    "react-dom": "^17.0.2",
     "react-fontawesome": "^1.6.1",
-    "react-json-tree": "^0.11.2",
-    "react-redux": "^7.1.0",
+    "react-json-tree": "^0.15.0",
+    "react-redux": "^7.2.3",
     "react-router-dom": "^5.0.1",
-    "react-scripts": "3.4.1",
-    "react-tabs": "^3.0.0",
-    "react-textarea-autosize": "^7.1.0",
-    "react-toggle": "^4.0.2",
+    "react-tabs": "^3.2.1",
+    "react-textarea-autosize": "^8.3.2",
+    "react-toggle": "^4.1.2",
     "redux": "^4.0.1",
     "redux-actions": "^2.6.5",
-    "redux-devtools-extension": "^2.13.8",
     "redux-logger": "^3.0.6",
     "redux-observable": "^1.1.0",
     "reset-css": "^5.0.1",
-    "rimraf": "^3.0.2",
-    "rxjs": "^6.5.2",
-    "serialize-error": "^7.0.1",
-    "standard": "^14.3.4",
-    "upper-case-first": "^2.0.1",
-    "url-search-params": "^1.1.0"
+    "rxjs": "^6.6.7",
+    "serialize-error": "^8.0.1",
+    "upper-case-first": "^2.0.2"
+  },
+  "devDependencies": {
+    "eslint": "^7.23.0",
+    "eslint-config-standard": "^16.0.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.3.1",
+    "eslint-plugin-react": "^7.23.1",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
+    "husky": "^6.0.0",
+    "lint-staged": "^10.5.4",
+    "node-sass": "^5.0.0",
+    "prettier-eslint-cli": "^5.0.1",
+    "react-scripts": "^4.0.3",
+    "redux-devtools-extension": "^2.13.9",
+    "rimraf": "^3.0.2"
   },
   "lint-staged": {
     "src/**/*.js": [
-      "prettier-standard",
-      "standard --fix"
-    ]
-  },
-  "standard": {
-    "globals": [
-      "Blob"
+      "prettier-eslint --write"
     ]
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
   }
 }