feat(analytics): implement tracking using WebSDK

.eslintignore

@@ -1,2 +1,5 @@
 helix-importer-ui
-ued.js
+ued.js
+/scripts/analytics/alloy*.js
+/styles/**/*.min.css
+/scripts/**/*.min.js

.gitignore

@@ -2,5 +2,6 @@
 coverage/*
 logs/*
 node_modules/*
+.idea
 
 helix-importer-ui

404.html

@@ -11,7 +11,7 @@
  <meta property="og:title" content="Page not found">
  <script src="/scripts/scripts.js" type="module" crossorigin="use-credentials"></script>
  <script type="module">
- import { sampleRUM } from '/scripts/scripts.js';
+ import { sampleRUM } from '/scripts/lib-franklin.js';
 
  window.addEventListener('load', () => {
  if (document.referrer) {
@@ -64,4 +64,4 @@ <h2 class="error-message">Page Not Found</h2>
  <footer></footer>
 </body>
 
-</html>
+</html>

blocks/form/form.js

@@ -1,3 +1,5 @@
+import { analyticsTrackFormSubmission } from '../../scripts/analytics/lib-analytics.js';
+
 function createSelect(fd) {
  const select = document.createElement('select');
  select.id = fd.Field;
@@ -46,17 +48,17 @@ async function submitForm(form) {
  return payload;
 }
 
-function createButton(fd) {
+function createButton(fd, form = '') {
  const button = document.createElement('button');
  button.textContent = fd.Label;
  button.classList.add('button');
- if (fd.Type === 'submit') {
- button.addEventListener('click', async (event) => {
- const form = button.closest('form');
+ if (fd.Type === 'submit' && form) {
+ form.addEventListener('submit', async (event) => {
  if (form.checkValidity()) {
  event.preventDefault();
  button.setAttribute('disabled', '');
  await submitForm(form);
+ await analyticsTrackFormSubmission(form);
  const redirectTo = fd.Extra;
  window.location.href = redirectTo;
  }
@@ -150,7 +152,7 @@ async function createForm(formURL) {
  fieldWrapper.append(createTextArea(fd));
  break;
  case 'submit':
- fieldWrapper.append(createButton(fd));
+ fieldWrapper.append(createButton(fd, form));
  break;
  default:
  fieldWrapper.append(createLabel(fd));

blocks/recent-articles/recent-articles.css

@@ -0,0 +1 @@
+/* stylelint-disable */

blocks/recent-trips/recent-trips.css

@@ -0,0 +1 @@
+/* stylelint-disable */

plugins/rum-conversion/.eslintignore

@@ -0,0 +1 @@
+helix-importer-ui

plugins/rum-conversion/.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+ root: true,
+ extends: 'airbnb-base',
+ env: {
+ browser: true,
+ },
+ parser: '@babel/eslint-parser',
+ parserOptions: {
+ allowImportExportEverywhere: true,
+ sourceType: 'module',
+ requireConfigFile: false,
+ },
+ rules: {
+ // allow reassigning param
+ 'no-param-reassign': [2, { props: false }],
+ 'linebreak-style': ['error', 'unix'],
+ 'import/extensions': ['error', {
+ js: 'always',
+ }],
+ },
+};

plugins/rum-conversion/.gitignore

@@ -0,0 +1,12 @@
+coverage
+.nyc_output/
+node_modules/
+junit
+dist
+tmp
+logs
+.DS_Store
+test-results.xml
+.env
+.idea
+.npmrc

plugins/rum-conversion/.npmignore

@@ -0,0 +1,20 @@
+*.tgz
+.circleci/
+.eslintignore
+.eslintrc.js
+.github/
+.idea
+.jsdoc.json
+.nyc_output/
+.releaserc.js
+.renovaterc.json
+.snyk
+.tidelift.yml
+build
+coverage
+junit
+logs
+node_modules/
+snykmocha.js
+test
+test-results.xml

plugins/rum-conversion/.stylelintrc.json

@@ -0,0 +1,8 @@
+{
+ "extends": [
+ "stylelint-config-standard"
+ ],
+ "rules": {
+ "declaration-block-no-redundant-longhand-properties": null
+ }
+}

plugins/rum-conversion/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2022 Adobe. All rights reserved.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.