@surfside/ads-core-web 0.1.0 → 0.1.2

package/README.md

@@ -1,15 +1,15 @@
-# @surfside/ads-core-web
-
-To install dependencies:
-
-```bash
-bun install
-```
-
-To run:
-
-```bash
-bun run src/index.ts
-```
-
-This project was created using `bun init` in bun v1.2.10. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
+# @surfside/ads-core-web
+
+To install dependencies:
+
+```bash
+bun install
+```
+
+To run:
+
+```bash
+bun run src/index.ts
+```
+
+This project was created using `bun init` in bun v1.2.10. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.

package/lib/cjs/debug/carousel.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ads_core_client_1 = require("@surfside/ads-core-client");
+const __1 = require("..");
+const ads_core_mock_1 = require("@surfside/ads-core-mock");
+await (async () => {
+    const { buildHybridCarousel, startRequest, defaultNative, buildBannerResponse, requestBids, renderCarousel, renderBanner, buildVideoResponse, renderVideo } = (0, ads_core_client_1.GetValueOrThrow)(await (0, __1.InitSurfAdsWebInternal)((0, ads_core_mock_1.InitSurfAdsCoreMock)('ec981', // Account ID
+    '544fa', // Channel ID
+    'bf9bc', // Site ID
+    'greengoddess', // Location ID
+    undefined, (0, ads_core_client_1.InitLogger)())));
+    /* ===== Carousel ===== */
+    /* Make request, build response */
+    const carouselRes = await buildHybridCarousel({
+        type: 'top-products',
+    }, startRequest('my-zone') // Zone ID
+        .withNative(defaultNative()
+        .withMetaProduct()
+        .build())
+        .build());
+    if (!carouselRes.ok) {
+        console.error(carouselRes.error);
+        return;
+    }
+    const carousel = carouselRes.value;
+    /* Render carousel */
+    const rendered = (0, ads_core_client_1.GetValueOrThrow)(await renderCarousel(carousel, 300, {
+        type: 'infinite'
+    }, 'page'));
+    /* Add to page */
+    document.querySelector('.carousel-container').appendChild(rendered.element);
+    const success = await rendered.init();
+    if (!success.ok) {
+        throw success.error;
+    }
+    /* ===== Banner ===== */
+    const bidRes = await requestBids(startRequest('banner-zone')
+        .withBanner(4, 1)
+        .build());
+    if (!bidRes.ok) {
+        console.error('No banners');
+        return;
+    }
+    const bid = bidRes.value.seatbid?.[0]?.bid?.[0];
+    if (bid === undefined) {
+        console.log('no bids');
+        return;
+    }
+    const banner = renderBanner((0, ads_core_client_1.GetValueOrThrow)(buildBannerResponse(bid)));
+    if (!banner.ok) {
+        throw banner.error;
+    }
+    document.querySelector('.banner-container')?.appendChild(banner.value);
+    const video = await (0, ads_core_client_1.AsyncPipe)(requestBids(startRequest('video-zone')
+        .withVideo(320, 240, 0, 30)
+        .build()))
+        .then(resp => (0, ads_core_client_1.WrapValue)(resp.seatbid?.[0]?.bid?.[0]))
+        .then(buildVideoResponse)
+        .then(renderVideo)
+        .result();
+    if (!video.ok) {
+        console.error('Video failed!');
+        throw video.error;
+    }
+    document.querySelector('.video-container')?.appendChild(video.value);
+    /* Dynamic Zones */
+    // const dynamicZone = GetValueOrThrow(await getDynamicZone('my-zone'));
+    // const dynamicZoneRequest = GetValueOrThrow(buildDynamicZoneRequest('my-zone', dynamicZone));
+    // const dynamicResponse = GetValueOrThrow(await buildDynamicResponse(dynamicZoneRequest));
+    // const htmlElement = buildDynamicCreative(dynamicResponse);
+    // const htmlElement = await getDynamicCreative('my-zone');
+    // console.log(dynamicResponse);
+})();
+//# sourceMappingURL=carousel.js.map

package/lib/cjs/debug/carousel.js.map

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

package/lib/cjs/helpers/Dom.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotANumberError = exports.MissingAttributeError = exports.GetNumberAttributeOr = exports.GetNumberAttribute = exports.GetAttributeOr = exports.GetAttribute = void 0;
+const ads_core_client_1 = require("@surfside/ads-core-client");
+const GetAttribute = (element, attributeName) => {
+    const attribute = element.getAttribute(attributeName);
+    if (attribute === null) {
+        return (0, ads_core_client_1.Err)(new MissingAttributeError(element, attributeName));
+    }
+    return (0, ads_core_client_1.Ok)(attribute);
+};
+exports.GetAttribute = GetAttribute;
+const GetAttributeOr = (element, attributeName, or) => (0, ads_core_client_1.GetValue)((0, exports.GetAttribute)(element, attributeName)) ?? or;
+exports.GetAttributeOr = GetAttributeOr;
+const GetNumberAttribute = (element, attributeName) => {
+    const attribute = (0, exports.GetAttribute)(element, attributeName);
+    if (!attribute.ok) {
+        return attribute;
+    }
+    const num = Number(attribute.value);
+    if (Number.isNaN(num)) {
+        return (0, ads_core_client_1.Err)(new NotANumberError(element, attributeName, attribute.value));
+    }
+    return (0, ads_core_client_1.Ok)(num);
+};
+exports.GetNumberAttribute = GetNumberAttribute;
+const GetNumberAttributeOr = (element, attributeName, or) => (0, ads_core_client_1.GetValue)((0, exports.GetNumberAttribute)(element, attributeName)) ?? or;
+exports.GetNumberAttributeOr = GetNumberAttributeOr;
+class MissingAttributeError extends Error {
+    element;
+    attributeName;
+    constructor(element, attributeName) {
+        super(`Failed to get attribute ${attributeName} on element ${element.tagName}`);
+        this.element = element;
+        this.attributeName = attributeName;
+    }
+}
+exports.MissingAttributeError = MissingAttributeError;
+class NotANumberError extends Error {
+    element;
+    attributeName;
+    value;
+    constructor(element, attributeName, value) {
+        super(`Attribute ${attributeName} on element ${element.tagName} was NaN. Value was '${value}'`);
+        this.element = element;
+        this.attributeName = attributeName;
+        this.value = value;
+    }
+}
+exports.NotANumberError = NotANumberError;
+;
+//# sourceMappingURL=Dom.js.map

package/lib/cjs/helpers/Dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dom.js","sourceRoot":"src/","sources":["helpers/Dom.ts"],"names":[],"mappings":";;;AAAA,+DAA2E;AAEpE,MAAM,YAAY,GAAG,CAAC,OAAgB,EAAE,aAAqB,EAAkB,EAAE;IACpF,MAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IACtD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,IAAA,qBAAG,EAAC,IAAI,qBAAqB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,IAAA,oBAAE,EAAC,SAAS,CAAC,CAAC;AACzB,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB;AAEK,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAE,aAAqB,EAAE,EAAU,EAAU,EAAE,CAC1F,IAAA,0BAAQ,EAAC,IAAA,oBAAY,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC;AAD5C,QAAA,cAAc,kBAC8B;AAElD,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAE,aAAqB,EAAkB,EAAE;IAC1F,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IACvD,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC;QAChB,OAAO,SAAS,CAAC;IACrB,CAAC;IACD,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACpC,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACpB,OAAO,IAAA,qBAAG,EAAC,IAAI,eAAe,CAAC,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,OAAO,IAAA,oBAAE,EAAC,GAAG,CAAC,CAAC;AACnB,CAAC,CAAC;AAXW,QAAA,kBAAkB,sBAW7B;AAEK,MAAM,oBAAoB,GAAG,CAAC,OAAgB,EAAE,aAAqB,EAAE,EAAU,EAAU,EAAE,CAChG,IAAA,0BAAQ,EAAC,IAAA,0BAAkB,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,CAAC;AADlD,QAAA,oBAAoB,wBAC8B;AAE/D,MAAa,qBAAsB,SAAQ,KAAK;IAChB;IAAkC;IAA9D,YAA4B,OAAgB,EAAkB,aAAqB;QAC/E,KAAK,CAAC,2BAA2B,aAAa,eAAe,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QADxD,YAAO,GAAP,OAAO,CAAS;QAAkB,kBAAa,GAAb,aAAa,CAAQ;IAEnF,CAAC;CACJ;AAJD,sDAIC;AAED,MAAa,eAAgB,SAAQ,KAAK;IAElB;IACA;IACA;IAHpB,YACoB,OAAgB,EAChB,aAAqB,EACrB,KAAa;QAE7B,KAAK,CAAC,aAAa,aAAa,eAAe,OAAO,CAAC,OAAO,wBAAwB,KAAK,GAAG,CAAC,CAAC;QAJhF,YAAO,GAAP,OAAO,CAAS;QAChB,kBAAa,GAAb,aAAa,CAAQ;QACrB,UAAK,GAAL,KAAK,CAAQ;IAGjC,CAAC;CACJ;AARD,0CAQC;AAAA,CAAC"}

package/lib/cjs/helpers/Trackers.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScriptTracker = exports.PixelTracker = void 0;
+const PixelTracker = (url) => {
+    const img = document.createElement('img');
+    img.src = url;
+    img.width = 1;
+    img.height = 1;
+    img.style.display = 'none';
+    return img;
+};
+exports.PixelTracker = PixelTracker;
+const ScriptTracker = (url) => {
+    const script = new HTMLScriptElement;
+    script.defer = true;
+    script.src = url;
+    return script;
+};
+exports.ScriptTracker = ScriptTracker;
+//# sourceMappingURL=Trackers.js.map

package/lib/cjs/helpers/Trackers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trackers.js","sourceRoot":"src/","sources":["helpers/Trackers.ts"],"names":[],"mappings":";;;AAAO,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IACxC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;IACd,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;IACd,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;IACf,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,OAAO,GAAG,CAAC;AACf,CAAC,CAAC;AAPW,QAAA,YAAY,gBAOvB;AAEK,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE;IACzC,MAAM,MAAM,GAAG,IAAI,iBAAiB,CAAC;IACrC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AALW,QAAA,aAAa,iBAKxB"}

package/lib/cjs/helpers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Dom"), exports);
+__exportStar(require("./Trackers"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAsB;AACtB,6CAA2B"}