@car-cutter/vanilla-webplayer 3.1.0 → 3.1.2

package/dist/index.d.ts

@@ -1,8 +1,10 @@
-export declare const ANALYTICS_EVENT_IDENTIFY = "analytics-identify";
+export declare const ANALYTICS_EVENT_DISPLAY = "analytics-display";
 
-export declare const ANALYTICS_EVENT_PAGE = "analytics-page";
+export declare const ANALYTICS_EVENT_ERROR = "analytics-error";
 
-export declare const ANALYTICS_EVENT_TRACK = "analytics-track";
+export declare const ANALYTICS_EVENT_INTERACTION = "analytics-interaction";
+
+export declare const ANALYTICS_EVENT_LOAD = "analytics-load";
 
 export declare function appendWebPlayer(parentElement: HTMLElement, webPlayerProps: WebPlayerProps, customization?: {
     customMedias?: (WebPlayerCustomMediaProps & {
@@ -185,14 +187,21 @@ declare type WebPlayerProps = {
     eventPrefix?: string;
     demoSpin?: boolean;
     reverse360?: boolean;
+    spinCursor?: string;
 
     // Analytics
     analyticsEventPrefix?: string;
+    /** @deprecated Prefer monitoring (enabled by default). When set, disables monitoring and sends analytics to this URL instead. */
     analyticsUrl?: string;
+    /** @deprecated Only used with analyticsUrl. Sets the Authorization bearer token for analytics requests. Ignored when analyticsSimpleRequestsOnly is true. */
     analyticsBearer?: string;
+    /** @deprecated Only used with analyticsUrl. When true, sends CORS simple requests only (disables custom headers including analyticsBearer). */
     analyticsSimpleRequestsOnly?: boolean;
     analyticsDryRun?: boolean;
     analyticsDebug?: boolean;
+
+    // Monitoring
+    monitoring?: boolean;
 };
 
 export { }

package/dist/index.js

@@ -1,48 +1,49 @@
-import { ensureCustomElementsDefinition as i, WEB_PLAYER_WC_TAG as A, webPlayerPropsToAttributes as l, WEB_PLAYER_CUSTOM_MEDIA_WC_TAG as p, webPlayerCustomMediaPropsToAttributes as C, WEB_PLAYER_ICON_WC_TAG as O, webPlayerIconPropsToAttributes as N } from "@car-cutter/wc-webplayer";
-function m(_, c, a) {
-  const s = (e, t) => {
+import { ensureCustomElementsDefinition as T, WEB_PLAYER_WC_TAG as i, webPlayerPropsToAttributes as l, WEB_PLAYER_CUSTOM_MEDIA_WC_TAG as p, webPlayerCustomMediaPropsToAttributes as O, WEB_PLAYER_ICON_WC_TAG as N, webPlayerIconPropsToAttributes as C } from "@car-cutter/wc-webplayer";
+function m(s, _, a) {
+  const c = (e, t) => {
     Object.entries(t).forEach(
-      ([o, E]) => e.setAttribute(o, E)
+      ([o, n]) => e.setAttribute(o, n)
     );
   };
-  i();
-  const n = document.createElement(A), T = l(c);
-  s(n, T), a?.customMedias?.forEach((e) => {
+  T();
+  const E = document.createElement(i), A = l(_);
+  c(E, A), a?.customMedias?.forEach((e) => {
     const t = document.createElement(
       p
-    ), { element: o, ...E } = e;
+    ), { element: o, ...n } = e;
     t.appendChild(o);
-    const r = C(E);
-    s(t, r), n.appendChild(t);
+    const r = O(n);
+    c(t, r), E.appendChild(t);
   }), a?.icons?.forEach((e) => {
-    const t = document.createElement(O), { element: o, ...E } = e;
+    const t = document.createElement(N), { element: o, ...n } = e;
     t.appendChild(o);
-    const r = N(E);
-    s(t, r), n.appendChild(t);
-  }), _.appendChild(n);
+    const r = C(n);
+    c(t, r), E.appendChild(t);
+  }), s.appendChild(E);
 }
-const P = "cc-webplayer", I = "cc-webplayer-custom-media", L = "cc-webplayer-icon", u = "composition-loading", b = "composition-loaded", W = "composition-load-error", y = "item-change", R = "extend-mode-on", M = "extend-mode-off", Y = "hotspots-on", D = "hotspots-off", G = "gallery-open", S = "gallery-close", V = "analytics-identify", f = "analytics-page", h = "analytics-track", w = "cc-webplayer:";
-function B(_, c) {
-  return `https://cdn.car-cutter.com/gallery/${_}/${c}/composition_v3.json`;
+const P = "cc-webplayer", L = "cc-webplayer-custom-media", I = "cc-webplayer-icon", u = "composition-loading", b = "composition-loaded", R = "composition-load-error", W = "item-change", y = "extend-mode-on", S = "extend-mode-off", Y = "hotspots-on", D = "hotspots-off", M = "gallery-open", V = "gallery-close", G = "analytics-load", h = "analytics-display", f = "analytics-interaction", w = "analytics-error", B = "cc-webplayer:";
+function g(s, _) {
+  return `https://cdn.car-cutter.com/gallery/${s}/${_}/composition_v3.json`;
 }
 export {
-  V as ANALYTICS_EVENT_IDENTIFY,
-  f as ANALYTICS_EVENT_PAGE,
-  h as ANALYTICS_EVENT_TRACK,
-  w as DEFAULT_EVENT_PREFIX,
+  h as ANALYTICS_EVENT_DISPLAY,
+  w as ANALYTICS_EVENT_ERROR,
+  f as ANALYTICS_EVENT_INTERACTION,
+  G as ANALYTICS_EVENT_LOAD,
+  B as DEFAULT_EVENT_PREFIX,
   b as EVENT_COMPOSITION_LOADED,
   u as EVENT_COMPOSITION_LOADING,
-  W as EVENT_COMPOSITION_LOAD_ERROR,
-  M as EVENT_EXTEND_MODE_OFF,
-  R as EVENT_EXTEND_MODE_ON,
-  S as EVENT_GALLERY_CLOSE,
-  G as EVENT_GALLERY_OPEN,
+  R as EVENT_COMPOSITION_LOAD_ERROR,
+  S as EVENT_EXTEND_MODE_OFF,
+  y as EVENT_EXTEND_MODE_ON,
+  V as EVENT_GALLERY_CLOSE,
+  M as EVENT_GALLERY_OPEN,
   D as EVENT_HOTSPOTS_OFF,
   Y as EVENT_HOTSPOTS_ON,
-  y as EVENT_ITEM_CHANGE,
-  I as WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,
-  L as WEB_PLAYER_ICON_WC_TAG,
+  W as EVENT_ITEM_CHANGE,
+  L as WEB_PLAYER_CUSTOM_MEDIA_WC_TAG,
+  I as WEB_PLAYER_ICON_WC_TAG,
   P as WEB_PLAYER_WC_TAG,
   m as appendWebPlayer,
-  B as generateCompositionUrl
+  g as generateCompositionUrl
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@car-cutter/wc-webplayer")):typeof define=="function"&&define.amd?define(["exports","@car-cutter/wc-webplayer"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E.CarCutterWebplayerVanilla={},E.CarCutterWebplayerWC))})(this,function(E,e){"use strict";function s(c,i,O){const A=(_,t)=>{Object.entries(t).forEach(([n,o])=>_.setAttribute(n,o))};e.ensureCustomElementsDefinition();const T=document.createElement(e.WEB_PLAYER_WC_TAG),b=e.webPlayerPropsToAttributes(i);A(T,b),O?.customMedias?.forEach(_=>{const t=document.createElement(e.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG),{element:n,...o}=_;t.appendChild(n);const N=e.webPlayerCustomMediaPropsToAttributes(o);A(t,N),T.appendChild(t)}),O?.icons?.forEach(_=>{const t=document.createElement(e.WEB_PLAYER_ICON_WC_TAG),{element:n,...o}=_;t.appendChild(n);const N=e.webPlayerIconPropsToAttributes(o);A(t,N),T.appendChild(t)}),c.appendChild(T)}const a="cc-webplayer",C="cc-webplayer-custom-media",l="cc-webplayer-icon",d="composition-loading",r="composition-loaded",P="composition-load-error",I="item-change",u="extend-mode-on",L="extend-mode-off",m="hotspots-on",V="hotspots-off",S="gallery-open",D="gallery-close",f="analytics-identify",p="analytics-page",R="analytics-track",M="cc-webplayer:";function Y(c,i){return`https://cdn.car-cutter.com/gallery/${c}/${i}/composition_v3.json`}E.ANALYTICS_EVENT_IDENTIFY=f,E.ANALYTICS_EVENT_PAGE=p,E.ANALYTICS_EVENT_TRACK=R,E.DEFAULT_EVENT_PREFIX=M,E.EVENT_COMPOSITION_LOADED=r,E.EVENT_COMPOSITION_LOADING=d,E.EVENT_COMPOSITION_LOAD_ERROR=P,E.EVENT_EXTEND_MODE_OFF=L,E.EVENT_EXTEND_MODE_ON=u,E.EVENT_GALLERY_CLOSE=D,E.EVENT_GALLERY_OPEN=S,E.EVENT_HOTSPOTS_OFF=V,E.EVENT_HOTSPOTS_ON=m,E.EVENT_ITEM_CHANGE=I,E.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=C,E.WEB_PLAYER_ICON_WC_TAG=l,E.WEB_PLAYER_WC_TAG=a,E.appendWebPlayer=s,E.generateCompositionUrl=Y,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
+(function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("@car-cutter/wc-webplayer")):typeof define=="function"&&define.amd?define(["exports","@car-cutter/wc-webplayer"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E.CarCutterWebplayerVanilla={},E.CarCutterWebplayerWC))})(this,(function(E,e){"use strict";function s(c,A,i){const N=(_,t)=>{Object.entries(t).forEach(([n,o])=>_.setAttribute(n,o))};e.ensureCustomElementsDefinition();const T=document.createElement(e.WEB_PLAYER_WC_TAG),b=e.webPlayerPropsToAttributes(A);N(T,b),i?.customMedias?.forEach(_=>{const t=document.createElement(e.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG),{element:n,...o}=_;t.appendChild(n);const O=e.webPlayerCustomMediaPropsToAttributes(o);N(t,O),T.appendChild(t)}),i?.icons?.forEach(_=>{const t=document.createElement(e.WEB_PLAYER_ICON_WC_TAG),{element:n,...o}=_;t.appendChild(n);const O=e.webPlayerIconPropsToAttributes(o);N(t,O),T.appendChild(t)}),c.appendChild(T)}const a="cc-webplayer",C="cc-webplayer-custom-media",l="cc-webplayer-icon",r="composition-loading",d="composition-loaded",I="composition-load-error",L="item-change",P="extend-mode-on",u="extend-mode-off",m="hotspots-on",S="hotspots-off",V="gallery-open",R="gallery-close",D="analytics-load",Y="analytics-display",f="analytics-interaction",p="analytics-error",M="cc-webplayer:";function y(c,A){return`https://cdn.car-cutter.com/gallery/${c}/${A}/composition_v3.json`}E.ANALYTICS_EVENT_DISPLAY=Y,E.ANALYTICS_EVENT_ERROR=p,E.ANALYTICS_EVENT_INTERACTION=f,E.ANALYTICS_EVENT_LOAD=D,E.DEFAULT_EVENT_PREFIX=M,E.EVENT_COMPOSITION_LOADED=d,E.EVENT_COMPOSITION_LOADING=r,E.EVENT_COMPOSITION_LOAD_ERROR=I,E.EVENT_EXTEND_MODE_OFF=u,E.EVENT_EXTEND_MODE_ON=P,E.EVENT_GALLERY_CLOSE=R,E.EVENT_GALLERY_OPEN=V,E.EVENT_HOTSPOTS_OFF=S,E.EVENT_HOTSPOTS_ON=m,E.EVENT_ITEM_CHANGE=L,E.WEB_PLAYER_CUSTOM_MEDIA_WC_TAG=C,E.WEB_PLAYER_ICON_WC_TAG=l,E.WEB_PLAYER_WC_TAG=a,E.appendWebPlayer=s,E.generateCompositionUrl=y,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@car-cutter/vanilla-webplayer",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "license": "Apache-2.0",
   "author": {
     "name": "CarCutter",
@@ -35,7 +35,7 @@
     "analyze": "vite-bundle-visualizer"
   },
   "dependencies": {
-    "@car-cutter/wc-webplayer": "3.1.0"
+    "@car-cutter/wc-webplayer": "3.1.2"
   },
   "devDependencies": {
     "@car-cutter/eslint-config": "*",
@@ -44,7 +44,7 @@
     "browserslist-to-esbuild": "^2.1.1",
     "eslint": "^8.57.0",
     "typescript": "^5.5.4",
-    "vite": "^5.4.21",
+    "vite": "^6.2.0",
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "^4.2.1"
   },