@surfside/ads-core-web 0.1.21 → 0.2.0

package/package.json

@@ -10,7 +10,7 @@
       "types": "./lib/types/index.d.ts"
     }
   },
-  "version": "0.1.21",
+  "version": "0.2.0",
   "license": "UNLICENSED",
   "files": [
     "lib/",
@@ -19,15 +19,15 @@
   "type": "module",
   "scripts": {
     "clean": "rm -rf ./lib",
-    "prebuild": "echo \"export const SurfsideAdsCoreWebVersionInfo = { buildBranch: '$(git rev-parse --abbrev-ref HEAD)', buildHash: '$(git rev-parse --short HEAD)', buildVer: '$(bun -e 'console.log(require(\"./package.json\").version)')'};\" > src/BuildInfo.ts",
-    "build": "bunx npm-run-all --parallel \"types\" \"esm\" \"cjs\"",
+    "build": "bun x npm-run-all --parallel \"types\" \"esm\" \"cjs\"",
+    "build:debug": "bun ./debug.build.ts",
     "types": "tsc -p ./tsconfig.types.json",
     "esm": "tsc -p ./tsconfig.esm.json",
     "cjs": "tsc -p tsconfig.cjs.json",
     "lint": "npx eslint"
   },
   "dependencies": {
-    "@surfside/ads-core-client": "^0.1.21"
+    "@surfside/ads-core-client": "^0.2.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.25.1",
@@ -35,7 +35,7 @@
     "eslint": "^9.25.1",
     "handlebars": "^4.7.8",
     "typescript-eslint": "^8.41.0",
-    "@surfside/ads-core-mock": "^0.1.6",
+    "@surfside/ads-core-mock": "^0.2.0",
     "typescript": "^5.8.3"
   }
 }

package/lib/cjs/debug/carousel.js

@@ -1,74 +0,0 @@
-"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(80, false)
-        .withMetaBrand(80, false)
-        .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) {
-        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

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

package/lib/esm/debug/carousel.js

@@ -1,72 +0,0 @@
-import { AsyncPipe, GetValueOrThrow, InitLogger, WrapValue } from '@surfside/ads-core-client';
-import { InitSurfAdsWebInternal } from '..';
-import { InitSurfAdsCoreMock } from '@surfside/ads-core-mock';
-await (async () => {
-    const { buildHybridCarousel, startRequest, defaultNative, buildBannerResponse, requestBids, renderCarousel, renderBanner, buildVideoResponse, renderVideo } = GetValueOrThrow(await InitSurfAdsWebInternal(InitSurfAdsCoreMock('ec981', // Account ID
-    '544fa', // Channel ID
-    'bf9bc', // Site ID
-    'greengoddess', // Location ID
-    undefined, InitLogger())));
-    /* ===== Carousel ===== */
-    /* Make request, build response */
-    const carouselRes = await buildHybridCarousel({
-        type: 'top-products',
-    }, startRequest('my-zone') // Zone ID
-        .withNative(defaultNative()
-        .withMetaProduct(80, false)
-        .withMetaBrand(80, false)
-        .build())
-        .build());
-    if (!carouselRes.ok) {
-        console.error(carouselRes.error);
-        return;
-    }
-    const carousel = carouselRes.value;
-    /* Render carousel */
-    const rendered = 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) {
-        return;
-    }
-    const banner = renderBanner(GetValueOrThrow(buildBannerResponse(bid)));
-    if (!banner.ok) {
-        throw banner.error;
-    }
-    document.querySelector('.banner-container')?.appendChild(banner.value);
-    const video = await AsyncPipe(requestBids(startRequest('video-zone')
-        .withVideo(320, 240, 0, 30)
-        .build()))
-        .then(resp => 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/esm/debug/carousel.js.map

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

package/lib/types/debug/carousel.d.ts

@@ -1 +0,0 @@
-export {};