@phantomstudios/ft-lib 0.2.0

package/lib/utils/yupValidator.js

@@ -0,0 +1,189 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOrigamiEvent = exports.validateGTMCustomEvent = exports.validateConfig = exports.parseConfig = void 0;
+var yup_1 = require("yup");
+//transform passed values to first character uppercase and replace spaces with underscores
+var unifyValuesTransform = function (value) {
+    return (value.trim().charAt(0).toUpperCase() +
+        value.trim().slice(1).toLowerCase().replace(/ /g, "_").replace(/-/g, "_"));
+};
+//replace legacy 'AlphaGrid'..
+var authorTransform = function (value) {
+    if (value.toLowerCase() === "alphagrid") {
+        return "Alpha_Grid";
+    }
+    return (value.trim().charAt(0).toUpperCase() +
+        value.trim().slice(1).toLowerCase().replace(/ /g, "_").replace(/-/g, "_"));
+};
+var configSchema = (0, yup_1.object)({
+    product: (0, yup_1.string)().equals(["paid-post"]),
+    url: (0, yup_1.string)().required(),
+    feature: (0, yup_1.string)().required().oneOf(["channel", "microsite"]),
+    author: (0, yup_1.string)().defined().default("").transform(authorTransform),
+    sponsor: (0, yup_1.string)().defined().default(""),
+    articleName: (0, yup_1.string)().defined().default(""),
+    videoName: (0, yup_1.string)().defined().default(""),
+    videoType: (0, yup_1.string)()
+        .optional()
+        .default("")
+        .transform(unifyValuesTransform)
+        .oneOf(["Feature", "Case_study", "Interview", "Animation", ""]),
+    hasVideo: (0, yup_1.boolean)().optional().nullable(),
+    primaryTopic: (0, yup_1.string)().defined().default("").transform(unifyValuesTransform),
+    secondaryTopic: (0, yup_1.string)()
+        .defined()
+        .default("")
+        .transform(unifyValuesTransform),
+    advertiserIndustry: (0, yup_1.string)().defined().default(""),
+    app: (0, yup_1.string)()
+        .required()
+        .defined()
+        .transform(unifyValuesTransform)
+        .oneOf([
+        "Stream",
+        "Article",
+        "Animated_article",
+        "Immersive_article",
+        "Video",
+        "Article_with_video",
+        "Audio",
+        "Infographic",
+        "Interactive_infographic",
+        "Photo_essay",
+    ]),
+    publishDate: (0, yup_1.string)().nullable().default(""),
+    isBranded: (0, yup_1.boolean)().defined(),
+    contentType: (0, yup_1.string)().defined().default("").transform(unifyValuesTransform),
+    campaign: (0, yup_1.string)().defined().default(""),
+    server: (0, yup_1.string)().equals(["https://spoor-api.ft.com/px.gif"]),
+    title: (0, yup_1.string)().defined().default(""),
+    adbook_campaign_id: (0, yup_1.string)().optional().default(""),
+    source_id: (0, yup_1.string)().optional(),
+    wordCount: (0, yup_1.number)().optional(),
+    commercial_product: (0, yup_1.string)().optional().default("ft"),
+});
+var gtmCustomEventSchema = (0, yup_1.object)({
+    category: (0, yup_1.string)()
+        .required()
+        .oneOf([
+        "Internal click",
+        "External click",
+        "Video",
+        "Video:fallback",
+        "Audio",
+        "Scroll",
+        "Share",
+        "Form",
+        "Header",
+        "Footer",
+    ]),
+    action: (0, yup_1.string)().required(),
+    label: (0, yup_1.string)().required(),
+});
+var origamiEventSchema = (0, yup_1.object)({
+    category: (0, yup_1.string)()
+        .required()
+        .oneOf([
+        "page",
+        "video",
+        "audio",
+        "cta",
+        "scroll",
+        "brandedContent",
+        "internal click",
+        "external click",
+        "share",
+        "channel",
+    ]),
+    action: (0, yup_1.string)().required(),
+    app: (0, yup_1.string)().nullable().notRequired(),
+    product: (0, yup_1.string)().nullable().notRequired(),
+    source: (0, yup_1.string)().nullable().notRequired(),
+    meta: (0, yup_1.mixed)().nullable().notRequired(),
+    duration: (0, yup_1.number)()
+        .nullable()
+        .notRequired()
+        .when("category", {
+        is: "video" || "audio",
+        then: function () { return (0, yup_1.number)().required(); },
+    }),
+    progress: (0, yup_1.number)()
+        .nullable()
+        .notRequired()
+        .when("category", {
+        is: "video" || "audio",
+        then: function () { return (0, yup_1.number)().required(); },
+    }),
+});
+var parseConfig = function (config) {
+    var _a;
+    try {
+        //Replace app value based on deprecated hasVideo field and then remove hasVideo
+        if (config.hasVideo && config.app.toLowerCase() === "article") {
+            config.app === "Article_with_video";
+        }
+        delete config.hasVideo;
+        //Parse wordCount as number if not already
+        if (config.wordCount) {
+            config.wordCount = Number(config.wordCount);
+        }
+        return configSchema.cast(config);
+    }
+    catch (err) {
+        (_a = err.errors) === null || _a === void 0 ? void 0 : _a.map(function (err) {
+            console.error("FTTracker - config cast error: " + err);
+        });
+        return config;
+    }
+};
+exports.parseConfig = parseConfig;
+var validateConfig = function (config) {
+    var _a;
+    try {
+        configSchema.validateSync(config, {
+            strict: false,
+            abortEarly: false,
+        });
+    }
+    catch (err) {
+        (_a = err.errors) === null || _a === void 0 ? void 0 : _a.map(function (err) {
+            console.error("FTTracker - config validation error: " + err);
+        });
+    }
+    return undefined;
+};
+exports.validateConfig = validateConfig;
+var validateGTMCustomEvent = function (event) {
+    var _a;
+    try {
+        gtmCustomEventSchema.validateSync(event, {
+            strict: true,
+            abortEarly: false,
+        });
+    }
+    catch (err) {
+        (_a = err.errors) === null || _a === void 0 ? void 0 : _a.map(function (err) {
+            console.error("FTTracker - GTM custom event validation error: " + err);
+        });
+    }
+    return undefined;
+};
+exports.validateGTMCustomEvent = validateGTMCustomEvent;
+var validateOrigamiEvent = function (config) {
+    var _a;
+    try {
+        var parsedConfig = origamiEventSchema.cast(config);
+        origamiEventSchema.validateSync(parsedConfig, {
+            strict: true,
+            abortEarly: false,
+        });
+    }
+    catch (err) {
+        (_a = err.errors) === null || _a === void 0 ? void 0 : _a.map(function (err) {
+            console.error("FTTracker - Origami event validation error: " + err);
+        });
+    }
+    return undefined;
+};
+exports.validateOrigamiEvent = validateOrigamiEvent;
+//# sourceMappingURL=yupValidator.js.map

package/lib/utils/yupValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yupValidator.js","sourceRoot":"","sources":["../../src/utils/yupValidator.ts"],"names":[],"mappings":"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"}

package/lib/ytIframeTracking/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="youtube" />
+import { FTTracking } from "../FTTracking";
+import { permutiveVideoUtils } from "../permutiveVideoUtils";
+export declare class ytIframeTracking {
+    FTTracker: FTTracking;
+    progressMilestones: number[];
+    permutiveUtils: permutiveVideoUtils;
+    videoProgressInterval: number;
+    videoTitle: string;
+    videoUrl: string | undefined;
+    constructor(FTTracker: FTTracking, videoTitle?: string, videoUrl?: string);
+    progressPercentage: (duration: number, currentTime: number) => number;
+    emitProgressEvents: (progress: number, duration: number, isYoutube: boolean) => void;
+    oVideoEventHandler(videoEl: HTMLVideoElement): void;
+    ytIframeEventHandler(event: YT.PlayerEvent): void;
+    ytPlayTracking(player: YT.Player): void;
+    pausedTracking(currentTime: number, duration: number): void;
+    endedTracking(currentTime: number, duration: number): void;
+    /*** Below events only used for FT-Channels videoJS and Origami players - remove if no longer needed ***/
+    /*** videojs and origami player event only  ***/
+    playTracking(currentTime: number, duration: number): void;
+    /*** videojs and origami player event only  ***/
+    progressTracking(currentTime: number, duration: number): void;
+    /*** videojs and origami player event only  ***/
+    seekedTracking(currentTime: number, duration: number): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/ytIframeTracking/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ytIframeTracking/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,qBAAa,gBAAgB;IAC3B,SAAS,EAAE,UAAU,CAAC;IACtB,kBAAkB,WAAmB;IACrC,cAAc,EAAE,mBAAmB,CAAC;IACpC,qBAAqB,SAAK;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;gBAEjB,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;IAWzE,kBAAkB,aAAc,MAAM,eAAe,MAAM,YACH;IAExD,kBAAkB,aACN,MAAM,YACN,MAAM,aACL,OAAO,UAkBlB;IAGK,kBAAkB,CAAC,OAAO,EAAE,gBAAgB;IAoB5C,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW;IA4BjD,cAAc,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM;IA8BhC,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAepD,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAuBnD,yGAAyG;IAEzG,gDAAgD;IAChD,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAiBlD,gDAAgD;IAChD,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAWtD,gDAAgD;IAChD,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CAUrD"}

package/lib/ytIframeTracking/index.js

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ytIframeTracking = void 0;
+var permutiveVideoUtils_1 = require("../permutiveVideoUtils");
+var ytIframeTracking = /** @class */ (function () {
+    function ytIframeTracking(FTTracker, videoTitle, videoUrl) {
+        var _this = this;
+        this.progressMilestones = [1, 25, 50, 75];
+        this.videoProgressInterval = 0;
+        this.progressPercentage = function (duration, currentTime) {
+            return parseInt(((currentTime / duration) * 100).toFixed(2));
+        };
+        this.emitProgressEvents = function (progress, duration, isYoutube) {
+            while (progress >= _this.progressMilestones[0]) {
+                _this.FTTracker.gaEvent("Video".concat(window.isOvideoPlayer ? ":fallback" : ""), "".concat(_this.progressMilestones[0], "% watched"), _this.videoTitle);
+                if (isYoutube) {
+                    _this.FTTracker.oEvent({
+                        category: "video",
+                        action: "progress",
+                        duration: duration,
+                        progress: progress,
+                    });
+                }
+                _this.progressMilestones.shift();
+            }
+        };
+        this.FTTracker = FTTracker;
+        this.videoTitle =
+            videoTitle || window.gtmCategory || window.location.pathname; //reverted fix for channels - use window.gtmCategory to maintain the original label style
+        this.videoUrl = videoUrl;
+        this.permutiveUtils = new permutiveVideoUtils_1.permutiveVideoUtils(this.FTTracker.config.campaign, this.videoTitle);
+    }
+    //Fallback oVideo implemented only on channels - uses shared events so added here for now.
+    ytIframeTracking.prototype.oVideoEventHandler = function (videoEl) {
+        var _this = this;
+        window.isOvideoPlayer = true;
+        this.permutiveUtils.videoId = videoEl.getAttribute("src");
+        videoEl.addEventListener("play", function () {
+            _this.playTracking(videoEl.currentTime, videoEl.duration);
+        });
+        videoEl.addEventListener("progress", function () {
+            _this.progressTracking(videoEl.currentTime, videoEl.duration);
+        });
+        videoEl.addEventListener("seeked", function () {
+            _this.seekedTracking(videoEl.currentTime, videoEl.duration);
+        });
+        videoEl.addEventListener("pause", function () {
+            _this.pausedTracking(videoEl.currentTime, videoEl.duration);
+        });
+        videoEl.addEventListener("ended", function () {
+            _this.endedTracking(videoEl.currentTime, videoEl.duration);
+        });
+    };
+    ytIframeTracking.prototype.ytIframeEventHandler = function (event) {
+        var _this = this;
+        var player = event.target;
+        if (!this.videoUrl) {
+            this.videoUrl = player.getVideoUrl();
+        }
+        this.permutiveUtils.videoId = this.videoUrl;
+        //player.playerInfo.videoUrl
+        switch (player.getPlayerState()) {
+            case YT.PlayerState.ENDED:
+                this.endedTracking(player.getCurrentTime(), player.getDuration());
+                break;
+            case YT.PlayerState.PLAYING:
+                this.ytPlayTracking(player);
+                break;
+            case YT.PlayerState.PAUSED:
+                //test if still pause after 1 second, otherwise its a seek
+                setTimeout(function () {
+                    if (player.getPlayerState() == YT.PlayerState.PAUSED) {
+                        _this.pausedTracking(player.getCurrentTime(), player.getDuration());
+                    }
+                }, 1000);
+                break;
+        }
+    };
+    ytIframeTracking.prototype.ytPlayTracking = function (player) {
+        var _this = this;
+        this.videoProgressInterval = window.setInterval(function () {
+            var currentTime = player.getCurrentTime();
+            var duration = player.getDuration();
+            _this.permutiveUtils.emitPermutiveProgressEvent(duration - 1, currentTime, _this.videoProgressInterval);
+            var progress = _this.progressPercentage(duration, currentTime);
+            _this.emitProgressEvents(progress, duration, true);
+        }, 1000);
+        var currentTime = player.getCurrentTime();
+        var duration = player.getDuration();
+        var progress = this.progressPercentage(duration, currentTime);
+        if (progress < 100) {
+            this.FTTracker.gaEvent("Video".concat(window.isOvideoPlayer ? ":fallback" : ""), "playing", this.videoTitle);
+            this.FTTracker.oEvent({
+                category: "video",
+                action: "playing",
+                duration: duration,
+                progress: progress,
+            });
+        }
+    };
+    ytIframeTracking.prototype.pausedTracking = function (currentTime, duration) {
+        var progress = this.progressPercentage(duration, currentTime);
+        this.FTTracker.gaEvent("Video".concat(window.isOvideoPlayer ? ":fallback" : ""), "pause", "".concat(this.videoTitle));
+        this.FTTracker.oEvent({
+            category: "video",
+            action: "pause",
+            duration: duration,
+            progress: progress,
+        });
+    };
+    ytIframeTracking.prototype.endedTracking = function (currentTime, duration) {
+        var progress = this.progressPercentage(duration, currentTime);
+        this.FTTracker.gaEvent("Video".concat(window.isOvideoPlayer ? ":fallback" : ""), "100% watched", "".concat(this.videoTitle));
+        this.FTTracker.oEvent({
+            category: "video",
+            action: "ended",
+            duration: duration,
+            progress: progress,
+        });
+        //force a 100% event on end
+        if (this.permutiveUtils.remainingProgress.length > 0) {
+            this.permutiveUtils.emitPermutiveProgressEvent(currentTime, currentTime, this.videoProgressInterval);
+        }
+    };
+    /*** Below events only used for FT-Channels videoJS and Origami players - remove if no longer needed ***/
+    /*** videojs and origami player event only  ***/
+    ytIframeTracking.prototype.playTracking = function (currentTime, duration) {
+        var _this = this;
+        this.videoProgressInterval = window.setInterval(function () {
+            _this.permutiveUtils.emitPermutiveProgressEvent(duration - 1, currentTime, _this.videoProgressInterval);
+        }, 1000);
+        var progress = this.progressPercentage(duration, currentTime);
+        this.FTTracker.oEvent({
+            category: "video",
+            action: "playing",
+            duration: duration,
+            progress: progress,
+        });
+    };
+    /*** videojs and origami player event only  ***/
+    ytIframeTracking.prototype.progressTracking = function (currentTime, duration) {
+        var progress = this.progressPercentage(duration, currentTime);
+        this.emitProgressEvents(progress, duration, false);
+        this.FTTracker.oEvent({
+            category: "video",
+            action: "progress",
+            duration: duration,
+            progress: progress,
+        });
+    };
+    /*** videojs and origami player event only  ***/
+    ytIframeTracking.prototype.seekedTracking = function (currentTime, duration) {
+        var progress = this.progressPercentage(duration, currentTime);
+        this.emitProgressEvents(progress, duration, false);
+        this.FTTracker.oEvent({
+            category: "video",
+            action: "seek",
+            duration: duration,
+            progress: progress,
+        });
+    };
+    return ytIframeTracking;
+}());
+exports.ytIframeTracking = ytIframeTracking;
+//# sourceMappingURL=index.js.map

package/lib/ytIframeTracking/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ytIframeTracking/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@phantomstudios/ft-lib",
+  "description": "A collection of Javascript UI & tracking utils for FT sites",
+  "version": "0.2.0",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "homepage": "https://github.com/phantomstudios/ft-lib#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/phantomstudios/ft-lib.git"
+  },
+  "bugs": {
+    "url": "https://github.com/phantomstudios/ft-lib/issues"
+  },
+  "keywords": [
+    "FT",
+    "tracking",
+    "Permutive"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "build:types": "tsc --emitDeclarationOnly",
+    "prepublishOnly": "npm run build",
+    "test": "jest --verbose",
+    "test:watch": "jest --verbose --watch",
+    "coverage": "jest --coverage",
+    "lint": "NODE_ENV=test npm-run-all --parallel lint:*",
+    "lint:js": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
+    "lint:format": "prettier \"**/*.{md,html,yaml,yml}\" --check",
+    "lint:type-check": "tsc --noEmit",
+    "fix": "npm-run-all --sequential fix:*",
+    "fix:js": "eslint \"src/**/*.{js,jsx,ts,tsx}\" --fix",
+    "fix:format": "prettier \"**/*.{md,html,yaml,yml}\" --write",
+    "depcheck": "npx npm-check --update"
+  },
+  "author": "Dhia Shakiry (dhia@phntms.com)",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/preset-env": "^7.14.2",
+    "@babel/preset-typescript": "^7.13.0",
+    "@types/debug": "^4.1.7",
+    "@types/jest": "^26.0.23",
+    "@types/react": "^17.0.6",
+    "@types/youtube": "^0.0.46",
+    "@types/yup": "^0.32.0",
+    "@typescript-eslint/eslint-plugin": "^4.24.0",
+    "@typescript-eslint/parser": "^4.24.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^26.0.1",
+    "browser-env": "^3.2.6",
+    "debug": "^4.3.2",
+    "eslint": "^7.26.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.23.3",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "jest": "^26.0.1",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.3.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-test-renderer": "^17.0.2",
+    "set-value": ">=4.0.1",
+    "ts-jest": "^26.5.6",
+    "typescript": "^4.2.4"
+  },
+  "dependencies": {
+    "yup": "^1.0.2"
+  },
+  "peerDependencies": {
+    "@financial-times/o-tracking": "^3.1.4",
+    "@financial-times/o-viewport": "^4.0.5"
+  }
+}

package/src/FTTracking/index.ts

@@ -0,0 +1,74 @@
+import { consentMonitor } from "../consentMonitor";
+import { gaTracker } from "../gaTracker";
+import { oTracker } from "../oTracker";
+import { ScrollTracker } from "../utils/scroll";
+import {
+  validateConfig,
+  ConfigType,
+  OrigamiEventType,
+} from "../utils/yupValidator";
+
+export interface TrackingOptions {
+  scrollTrackerSelector?: string;
+  isCustomGTMEvent?: boolean;
+  sendGTMPageViewYN?: boolean;
+}
+
+const DEFAULT_OPTIONS = {
+  scrollTrackerSelector: "#o_tracker_scroll",
+  isCustomGTMEvent: true,
+  sendGTMPageViewYN: true,
+};
+
+export class FTTracking {
+  private _config: ConfigType;
+  options: TrackingOptions;
+  oTracker: oTracker;
+  gaTracker: gaTracker;
+  scrollTracker: ScrollTracker;
+  oEvent: (detail: OrigamiEventType) => void;
+  gaEvent: (category: string, action: string, label: string) => void;
+  gtmEvent: (category: string, action: string, label: string) => void;
+
+  constructor(config: ConfigType, options?: TrackingOptions) {
+    this.options = { ...DEFAULT_OPTIONS, ...options };
+    this.oTracker = new oTracker(config, this.options);
+    this.gaTracker = new gaTracker(this.options);
+
+    this.oEvent = this.oTracker.eventDispatcher;
+    this.gaEvent = this.options.isCustomGTMEvent
+      ? this.gaTracker.GTMEventDispatcher
+      : this.gaTracker.GtagEventDispatcher;
+    this._config = config;
+
+    //backwards compatibility
+    this.gtmEvent = this.gaEvent;
+
+    this.scrollTracker = new ScrollTracker(this);
+
+    //cookie consent monitor for permutive tracking
+    window.addEventListener("load", () => {
+      new consentMonitor(window.location.hostname, [".app", "preview"]);
+    });
+  }
+  set config(c: ConfigType) {
+    this._config = c;
+    this.oTracker.config = c;
+  }
+  get config() {
+    return this._config;
+  }
+
+  public newPageView(config: ConfigType) {
+    //Update passed config to otracker,send pageview events and reset scrollTracker
+    validateConfig(config);
+    this.oTracker.config = config;
+    this.oTracker.broadcastPageView();
+    this.oTracker.broadcastBrandedContent();
+    this.scrollTracker.reset();
+    if (this.options.sendGTMPageViewYN) {
+      this.gaTracker.GTMVirtualPageView(this.config.url, this.config.title);
+    }
+    //ga pageview event required for sites without GTM?
+  }
+}