@spatialwalk/avatarkit 1.0.0-beta.40 → 1.0.0-beta.41

package/CHANGELOG.md

@@ -5,6 +5,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.0-beta.41] - 2025-12-29
+
+### 🔄 Breaking Changes
+- **Background Image Support Removed** - Removed background image functionality from `AvatarView`:
+  - Removed `isOpaque` getter/setter property
+  - Removed `setBackgroundImage()` method
+  - Removed background image loading from `AvatarDownloader`
+  - Canvas now always uses transparent background
+
 ## [1.0.0-beta.40] - 2025-12-27
 
 ### 🔧 API Improvements

package/dist/{StreamingAudioPlayer-hJgaKVC3.js → StreamingAudioPlayer-BXytpr5T.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { A as APP_CONFIG, e as errorToMessage, l as logEvent, a as logger } from "./index-BxhQDfJ7.js";
+import { A as APP_CONFIG, e as errorToMessage, l as logEvent, a as logger } from "./index-CRKYjlwp.js";
 class StreamingAudioPlayer {
   constructor(options) {
     __publicField(this, "audioContext", null);

package/dist/config/constants.d.ts

@@ -1,14 +1,7 @@
-import { Environment } from '../types';
-export declare const POSTHOG_HOST_CN: string;
-export declare const POSTHOG_API_KEY_CN: string;
-export declare const POSTHOG_HOST_INTL: string;
-export declare const POSTHOG_API_KEY_INTL: string;
+export declare const POSTHOG_HOST: string;
+export declare const POSTHOG_API_KEY: string;
 export declare const POSTHOG_TRACK_EVENTS: boolean;
 export declare const POSTHOG_PROJECT_NAME: string;
-export declare function getPostHogConfig(environment: Environment): {
-    host: string;
-    apiKey: string;
-};
 export declare const ENV_TEST: boolean;
 
 export declare function isDebugMode(): boolean;

package/dist/core/AvatarView.d.ts

@@ -26,7 +26,6 @@ export declare class AvatarView {
     private idleCurrentFrameIndex;
     private characterHandle;
     private characterId;
-    private _isOpaque;
     private alignFlamePair;
     private generateAndAlignTransitionFrames;
     private getCachedIdleFirstFrame;
@@ -58,9 +57,6 @@ export declare class AvatarView {
     private stopRealtimeRendering;
     dispose(): void;
     private handleResize;
-    get isOpaque(): boolean;
-    set isOpaque(value: boolean);
-    setBackgroundImage(image: HTMLImageElement | string | null): void;
     get transform(): {
         x: number;
         y: number;

package/dist/{index-BxhQDfJ7.js → index-CRKYjlwp.js}

@@ -1253,99 +1253,9 @@ function base64FromBytes$1(arr) {
 function isSet$1(value) {
   return value !== null && value !== void 0;
 }
-var ResourceType = /* @__PURE__ */ ((ResourceType2) => {
-  ResourceType2["CAMERA"] = "camera";
-  ResourceType2["ANIMATION_IDLE"] = "frameIdle";
-  ResourceType2["MODEL_SHAPE"] = "shape";
-  ResourceType2["MODEL_GS"] = "gsStandard";
-  return ResourceType2;
-})(ResourceType || {});
-function extractResourceUrls(meta) {
-  var _a, _b, _c, _d, _e2, _f, _g, _h, _i2, _j, _k;
-  return {
-    ["camera"]: ((_b = (_a = meta.camera) == null ? void 0 : _a.resource) == null ? void 0 : _b.remote) || null,
-    ["frameIdle"]: ((_e2 = (_d = (_c = meta.animations) == null ? void 0 : _c.frameIdle) == null ? void 0 : _d.resource) == null ? void 0 : _e2.remote) || null,
-    ["shape"]: ((_h = (_g = (_f = meta.models) == null ? void 0 : _f.shape) == null ? void 0 : _g.resource) == null ? void 0 : _h.remote) || null,
-    ["gsStandard"]: ((_k = (_j = (_i2 = meta.models) == null ? void 0 : _i2.gsStandard) == null ? void 0 : _j.resource) == null ? void 0 : _k.remote) || null
-  };
-}
-var Environment = /* @__PURE__ */ ((Environment2) => {
-  Environment2["cn"] = "cn";
-  Environment2["intl"] = "intl";
-  return Environment2;
-})(Environment || {});
-var DrivingServiceMode = /* @__PURE__ */ ((DrivingServiceMode2) => {
-  DrivingServiceMode2["sdk"] = "sdk";
-  DrivingServiceMode2["host"] = "host";
-  return DrivingServiceMode2;
-})(DrivingServiceMode || {});
-var LogLevel$1 = /* @__PURE__ */ ((LogLevel2) => {
-  LogLevel2["off"] = "off";
-  LogLevel2["error"] = "error";
-  LogLevel2["warning"] = "warning";
-  LogLevel2["all"] = "all";
-  return LogLevel2;
-})(LogLevel$1 || {});
-var LoadProgress = /* @__PURE__ */ ((LoadProgress2) => {
-  LoadProgress2["downloading"] = "downloading";
-  LoadProgress2["completed"] = "completed";
-  LoadProgress2["failed"] = "failed";
-  return LoadProgress2;
-})(LoadProgress || {});
-var ConnectionState = /* @__PURE__ */ ((ConnectionState2) => {
-  ConnectionState2["disconnected"] = "disconnected";
-  ConnectionState2["connecting"] = "connecting";
-  ConnectionState2["connected"] = "connected";
-  ConnectionState2["failed"] = "failed";
-  return ConnectionState2;
-})(ConnectionState || {});
-var ConversationState = /* @__PURE__ */ ((ConversationState2) => {
-  ConversationState2["idle"] = "idle";
-  ConversationState2["playing"] = "playing";
-  ConversationState2["pausing"] = "pausing";
-  return ConversationState2;
-})(ConversationState || {});
-var AvatarState = /* @__PURE__ */ ((AvatarState2) => {
-  AvatarState2["idle"] = "idle";
-  AvatarState2["active"] = "active";
-  AvatarState2["playing"] = "playing";
-  AvatarState2["paused"] = "paused";
-  return AvatarState2;
-})(AvatarState || {});
-var ErrorCode = /* @__PURE__ */ ((ErrorCode2) => {
-  ErrorCode2["appIDUnrecognized"] = "appIDUnrecognized";
-  ErrorCode2["avatarIDUnrecognized"] = "avatarIDUnrecognized";
-  ErrorCode2["sessionTokenInvalid"] = "sessionTokenInvalid";
-  ErrorCode2["sessionTokenExpired"] = "sessionTokenExpired";
-  ErrorCode2["failedToFetchAvatarMetadata"] = "failedToFetchAvatarMetadata";
-  ErrorCode2["failedToDownloadAvatarAssets"] = "failedToDownloadAvatarAssets";
-  return ErrorCode2;
-})(ErrorCode || {});
-class SPAvatarError extends Error {
-  constructor(message, code) {
-    super(message);
-    this.code = code;
-    this.name = "SPAvatarError";
-  }
-}
-const POSTHOG_HOST_CN = "https://analytics.spatialwalk.top";
-const POSTHOG_API_KEY_CN = "phc_BwD9QedcHpUJ1j8XwALx2xPWQAswvELygU17J4XO5ZB";
-const POSTHOG_HOST_INTL = "https://i.spatialwalk.ai";
-const POSTHOG_API_KEY_INTL = "phc_IFTLa6Z6VhTaNvsxB7klvG2JeNwcSpnnwz8YvZRC96Q";
+const POSTHOG_HOST = "https://i.spatialwalk.ai";
+const POSTHOG_API_KEY = "phc_IFTLa6Z6VhTaNvsxB7klvG2JeNwcSpnnwz8YvZRC96Q";
 const POSTHOG_PROJECT_NAME = "sdk";
-function getPostHogConfig(environment) {
-  if (environment === Environment.cn) {
-    return {
-      host: POSTHOG_HOST_CN,
-      apiKey: POSTHOG_API_KEY_CN
-    };
-  } else {
-    return {
-      host: POSTHOG_HOST_INTL,
-      apiKey: POSTHOG_API_KEY_INTL
-    };
-  }
-}
 function hasDebugParam() {
   if (typeof window === "undefined") {
     return false;
@@ -6604,14 +6514,14 @@ const mix = (del = delimiter) => {
 };
 const posix = /* @__PURE__ */ mix(":");
 const win32 = /* @__PURE__ */ mix(";");
-var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
+var LogLevel$1 = /* @__PURE__ */ ((LogLevel2) => {
   LogLevel2[LogLevel2["Error"] = 0] = "Error";
   LogLevel2[LogLevel2["Warning"] = 1] = "Warning";
   LogLevel2[LogLevel2["Log"] = 2] = "Log";
   LogLevel2[LogLevel2["Verbose"] = 3] = "Verbose";
   LogLevel2[LogLevel2["Debug"] = 4] = "Debug";
   return LogLevel2;
-})(LogLevel || {});
+})(LogLevel$1 || {});
 var LogLevelString = /* @__PURE__ */ ((LogLevelString2) => {
   LogLevelString2["Error"] = "error";
   LogLevelString2["Warning"] = "warn";
@@ -6671,18 +6581,18 @@ function createColors(enabled = isColorSupported) {
 }
 const pc = createColors();
 const logLevelStringToLogLevelMap = {
-  [LogLevelString.Error]: LogLevel.Error,
-  [LogLevelString.Warning]: LogLevel.Warning,
-  [LogLevelString.Log]: LogLevel.Log,
-  [LogLevelString.Verbose]: LogLevel.Verbose,
-  [LogLevelString.Debug]: LogLevel.Debug
+  [LogLevelString.Error]: LogLevel$1.Error,
+  [LogLevelString.Warning]: LogLevel$1.Warning,
+  [LogLevelString.Log]: LogLevel$1.Log,
+  [LogLevelString.Verbose]: LogLevel$1.Verbose,
+  [LogLevelString.Debug]: LogLevel$1.Debug
 };
 const logLevelToLogLevelStringMap = {
-  [LogLevel.Error]: LogLevelString.Error,
-  [LogLevel.Warning]: LogLevelString.Warning,
-  [LogLevel.Log]: LogLevelString.Log,
-  [LogLevel.Verbose]: LogLevelString.Verbose,
-  [LogLevel.Debug]: LogLevelString.Debug
+  [LogLevel$1.Error]: LogLevelString.Error,
+  [LogLevel$1.Warning]: LogLevelString.Warning,
+  [LogLevel$1.Log]: LogLevelString.Log,
+  [LogLevel$1.Verbose]: LogLevelString.Verbose,
+  [LogLevel$1.Debug]: LogLevelString.Debug
 };
 const availableLogLevelStrings = [
   LogLevelString.Error,
@@ -6692,18 +6602,18 @@ const availableLogLevelStrings = [
   LogLevelString.Debug
 ];
 const logLevelToColorMap = {
-  [LogLevel.Error]: pc.red,
-  [LogLevel.Warning]: pc.yellow,
-  [LogLevel.Log]: pc.blue,
-  [LogLevel.Verbose]: pc.cyan,
-  [LogLevel.Debug]: pc.green
+  [LogLevel$1.Error]: pc.red,
+  [LogLevel$1.Warning]: pc.yellow,
+  [LogLevel$1.Log]: pc.blue,
+  [LogLevel$1.Verbose]: pc.cyan,
+  [LogLevel$1.Debug]: pc.green
 };
 const availableLogLevels = [
-  LogLevel.Error,
-  LogLevel.Warning,
-  LogLevel.Log,
-  LogLevel.Verbose,
-  LogLevel.Debug
+  LogLevel$1.Error,
+  LogLevel$1.Warning,
+  LogLevel$1.Log,
+  LogLevel$1.Verbose,
+  LogLevel$1.Debug
 ];
 const availableFormats = [Format.JSON, Format.Pretty];
 function parseErrorStacks(errorLike) {
@@ -6863,19 +6773,19 @@ ${log.error.stack}`;
   return message;
 }
 function shouldOutputDebugLevelLogWhenLogLevelIsOneOf(logLevel) {
-  return logLevel >= LogLevel.Debug;
+  return logLevel >= LogLevel$1.Debug;
 }
 function shouldOutputVerboseLevelLogWhenLogLevelIsOneOf(logLevel) {
-  return logLevel >= LogLevel.Verbose;
+  return logLevel >= LogLevel$1.Verbose;
 }
 function shouldOutputLogLevelLogWhenLogLevelIsOneOf(logLevel) {
-  return logLevel >= LogLevel.Log;
+  return logLevel >= LogLevel$1.Log;
 }
 function shouldOutputWarningLevelLogWhenLogLevelIsOneOf(logLevel) {
-  return logLevel >= LogLevel.Warning;
+  return logLevel >= LogLevel$1.Warning;
 }
 function shouldOutputErrorLevelLogWhenLogLevelIsOneOf(logLevel) {
-  return logLevel >= LogLevel.Error;
+  return logLevel >= LogLevel$1.Error;
 }
 function isBrowser() {
   return typeof window !== "undefined";
@@ -6888,7 +6798,7 @@ function withHyperlink(basePath, context) {
 }
 const GLOBAL_CONFIG = {
   configured: false,
-  logLevel: LogLevel.Debug,
+  logLevel: LogLevel$1.Debug,
   format: Format.JSON,
   timeFormatter: (inputDate) => inputDate.toISOString()
 };
@@ -6917,7 +6827,7 @@ function createLogg(context) {
   const logObj = {
     fields: {},
     context,
-    logLevel: LogLevel.Debug,
+    logLevel: LogLevel$1.Debug,
     format: Format.JSON,
     shouldUseGlobalConfig: false,
     errorProcessor: (err) => err,
@@ -7183,8 +7093,83 @@ function createLogger(context) {
   return createLogg(withHyperlink(basePath, context));
 }
 const useLogger = (context) => createLogger(context).useGlobalConfig();
+var ResourceType = /* @__PURE__ */ ((ResourceType2) => {
+  ResourceType2["CAMERA"] = "camera";
+  ResourceType2["ANIMATION_IDLE"] = "frameIdle";
+  ResourceType2["MODEL_SHAPE"] = "shape";
+  ResourceType2["MODEL_GS"] = "gsStandard";
+  return ResourceType2;
+})(ResourceType || {});
+function extractResourceUrls(meta) {
+  var _a, _b, _c, _d, _e2, _f, _g, _h, _i2, _j, _k;
+  return {
+    ["camera"]: ((_b = (_a = meta.camera) == null ? void 0 : _a.resource) == null ? void 0 : _b.remote) || null,
+    ["frameIdle"]: ((_e2 = (_d = (_c = meta.animations) == null ? void 0 : _c.frameIdle) == null ? void 0 : _d.resource) == null ? void 0 : _e2.remote) || null,
+    ["shape"]: ((_h = (_g = (_f = meta.models) == null ? void 0 : _f.shape) == null ? void 0 : _g.resource) == null ? void 0 : _h.remote) || null,
+    ["gsStandard"]: ((_k = (_j = (_i2 = meta.models) == null ? void 0 : _i2.gsStandard) == null ? void 0 : _j.resource) == null ? void 0 : _k.remote) || null
+  };
+}
+var Environment = /* @__PURE__ */ ((Environment2) => {
+  Environment2["cn"] = "cn";
+  Environment2["intl"] = "intl";
+  return Environment2;
+})(Environment || {});
+var DrivingServiceMode = /* @__PURE__ */ ((DrivingServiceMode2) => {
+  DrivingServiceMode2["sdk"] = "sdk";
+  DrivingServiceMode2["host"] = "host";
+  return DrivingServiceMode2;
+})(DrivingServiceMode || {});
+var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
+  LogLevel2["off"] = "off";
+  LogLevel2["error"] = "error";
+  LogLevel2["warning"] = "warning";
+  LogLevel2["all"] = "all";
+  return LogLevel2;
+})(LogLevel || {});
+var LoadProgress = /* @__PURE__ */ ((LoadProgress2) => {
+  LoadProgress2["downloading"] = "downloading";
+  LoadProgress2["completed"] = "completed";
+  LoadProgress2["failed"] = "failed";
+  return LoadProgress2;
+})(LoadProgress || {});
+var ConnectionState = /* @__PURE__ */ ((ConnectionState2) => {
+  ConnectionState2["disconnected"] = "disconnected";
+  ConnectionState2["connecting"] = "connecting";
+  ConnectionState2["connected"] = "connected";
+  ConnectionState2["failed"] = "failed";
+  return ConnectionState2;
+})(ConnectionState || {});
+var ConversationState = /* @__PURE__ */ ((ConversationState2) => {
+  ConversationState2["idle"] = "idle";
+  ConversationState2["playing"] = "playing";
+  ConversationState2["pausing"] = "pausing";
+  return ConversationState2;
+})(ConversationState || {});
+var AvatarState = /* @__PURE__ */ ((AvatarState2) => {
+  AvatarState2["idle"] = "idle";
+  AvatarState2["active"] = "active";
+  AvatarState2["playing"] = "playing";
+  AvatarState2["paused"] = "paused";
+  return AvatarState2;
+})(AvatarState || {});
+var ErrorCode = /* @__PURE__ */ ((ErrorCode2) => {
+  ErrorCode2["appIDUnrecognized"] = "appIDUnrecognized";
+  ErrorCode2["avatarIDUnrecognized"] = "avatarIDUnrecognized";
+  ErrorCode2["sessionTokenInvalid"] = "sessionTokenInvalid";
+  ErrorCode2["sessionTokenExpired"] = "sessionTokenExpired";
+  ErrorCode2["failedToFetchAvatarMetadata"] = "failedToFetchAvatarMetadata";
+  ErrorCode2["failedToDownloadAvatarAssets"] = "failedToDownloadAvatarAssets";
+  return ErrorCode2;
+})(ErrorCode || {});
+class SPAvatarError extends Error {
+  constructor(message, code) {
+    super(message);
+    this.code = code;
+    this.name = "SPAvatarError";
+  }
+}
 {
-  setGlobalLogLevel(LogLevel.Warning);
+  setGlobalLogLevel(LogLevel$1.Warning);
 }
 const logger = useLogger("Web").withErrorProcessor((err) => {
   captureErrorContext("error", err);
@@ -7193,7 +7178,7 @@ const logger = useLogger("Web").withErrorProcessor((err) => {
 let originalLogger = null;
 function setLogLevel(level) {
   switch (level) {
-    case LogLevel$1.off:
+    case LogLevel.off:
       if (!originalLogger) {
         originalLogger = { ...logger };
       }
@@ -7212,33 +7197,33 @@ function setLogLevel(level) {
         }
       });
       break;
-    case LogLevel$1.error:
+    case LogLevel.error:
       if (originalLogger) {
         Object.assign(logger, originalLogger);
         originalLogger = null;
       }
-      setGlobalLogLevel(LogLevel.Error);
+      setGlobalLogLevel(LogLevel$1.Error);
       break;
-    case LogLevel$1.warning:
+    case LogLevel.warning:
       if (originalLogger) {
         Object.assign(logger, originalLogger);
         originalLogger = null;
       }
-      setGlobalLogLevel(LogLevel.Warning);
+      setGlobalLogLevel(LogLevel$1.Warning);
       break;
-    case LogLevel$1.all:
+    case LogLevel.all:
       if (originalLogger) {
         Object.assign(logger, originalLogger);
         originalLogger = null;
       }
-      setGlobalLogLevel(LogLevel.Debug);
+      setGlobalLogLevel(LogLevel$1.Debug);
       break;
     default:
       if (originalLogger) {
         Object.assign(logger, originalLogger);
         originalLogger = null;
       }
-      setGlobalLogLevel(LogLevel.Warning);
+      setGlobalLogLevel(LogLevel$1.Warning);
       break;
   }
 }
@@ -7389,11 +7374,6 @@ let currentEnvironment = null;
 let isInitialized = false;
 const FILTERED_HOSTNAMES = ["localhost", "127.0.0.1", "0.0.0.0"];
 function initializePostHog(environment, version) {
-  const { host, apiKey } = getPostHogConfig(environment);
-  if (!apiKey) {
-    logger.warn(`[PostHog] API Key not configured for environment: ${environment}, tracking disabled`);
-    return;
-  }
   if (isInitialized) {
     logger.log("[PostHog] Already initialized, skipping");
     return;
@@ -7402,14 +7382,14 @@ function initializePostHog(environment, version) {
   sdkVersion = version;
   try {
     const logContext = idManager.getLogContext();
-    Vo.init(apiKey, {
-      api_host: host,
+    Vo.init(POSTHOG_API_KEY, {
+      api_host: POSTHOG_HOST,
       name: POSTHOG_PROJECT_NAME,
       person_profiles: "identified_only",
       capture_pageview: false,
       capture_pageleave: false,
       loaded: (posthogInstance) => {
-        logger.log(`[PostHog] Initialized successfully - environment: ${environment}, host: ${host}, project: ${POSTHOG_PROJECT_NAME}`);
+        logger.log(`[PostHog] Initialized successfully - environment: ${environment}, project: ${POSTHOG_PROJECT_NAME}`);
         isInitialized = true;
         if (logContext.user_id) {
           posthogInstance.identify(logContext.user_id, {
@@ -7560,7 +7540,7 @@ const _AnimationPlayer = class _AnimationPlayer {
     if (this.streamingPlayer) {
       return;
     }
-    const { StreamingAudioPlayer } = await import("./StreamingAudioPlayer-hJgaKVC3.js");
+    const { StreamingAudioPlayer } = await import("./StreamingAudioPlayer-BXytpr5T.js");
     const { AvatarSDK: AvatarSDK2 } = await Promise.resolve().then(() => AvatarSDK$1);
     const audioFormat = AvatarSDK2.getAudioFormat();
     this.streamingPlayer = new StreamingAudioPlayer({
@@ -8789,7 +8769,7 @@ class AvatarSDK {
       }
       logger.log(`[AvatarSDK] Initializing with appId: ${appId}, environment: ${configuration.environment}`);
       this._configuration = configuration;
-      setLogLevel(configuration.logLevel ?? LogLevel$1.off);
+      setLogLevel(configuration.logLevel ?? LogLevel.off);
       idManager.setAppId(appId);
       logger.log(`[AvatarSDK] Client ID: ${idManager.getClientId()}`);
       initializePostHog(configuration.environment, this._version);
@@ -8974,7 +8954,7 @@ class AvatarSDK {
 }
 __publicField(AvatarSDK, "_isInitialized", false);
 __publicField(AvatarSDK, "_configuration", null);
-__publicField(AvatarSDK, "_version", "1.0.0-beta.40");
+__publicField(AvatarSDK, "_version", "1.0.0-beta.41");
 __publicField(AvatarSDK, "_avatarCore", null);
 __publicField(AvatarSDK, "_dynamicSdkConfig", null);
 const AvatarSDK$1 = Object.freeze(Object.defineProperty({
@@ -11836,19 +11816,9 @@ class AvatarDownloader {
     });
     return characterData;
   }
-  async loadBackground(characterMeta) {
-    var _a, _b;
-    const backgroundUrl = (_b = (_a = characterMeta.background) == null ? void 0 : _a.resource) == null ? void 0 : _b.remote;
-    if (!backgroundUrl) {
-      logger.log("ℹ️ No background resource URL provided");
-      return void 0;
-    }
-    logger.log(`📥 Background image URL: ${backgroundUrl}`);
-    return backgroundUrl;
-  }
   async preloadResources(characterMeta, options) {
     const { progressCallback = null } = options || {};
-    const [characterData, preloadCameraSettings, background] = await Promise.all([
+    const [characterData, preloadCameraSettings] = await Promise.all([
       this.loadCharacterData(characterMeta, {
         progressCallback: (info) => {
           if (progressCallback) {
@@ -11859,14 +11829,12 @@ class AvatarDownloader {
           }
         }
       }),
-      this.loadCameraSettings(characterMeta),
-      this.loadBackground(characterMeta)
+      this.loadCameraSettings(characterMeta)
     ]);
     return {
       characterData,
       preloadCameraSettings,
-      characterSettings: characterMeta.characterSettings,
-      background
+      characterSettings: characterMeta.characterSettings
     };
   }
   getSdkApiClient() {
@@ -13596,7 +13564,6 @@ class AvatarView {
     __publicField(this, "idleCurrentFrameIndex", 0);
     __publicField(this, "characterHandle", null);
     __publicField(this, "characterId");
-    __publicField(this, "_isOpaque", false);
     this.avatar = avatar;
     this.characterId = `${avatar.id}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
     if (!AvatarSDK.configuration) {
@@ -13693,9 +13660,6 @@ class AvatarView {
     canvas.style.zIndex = "";
     canvas.style.background = "none";
     canvas.style.border = "none";
-    canvas.style.backgroundSize = "cover";
-    canvas.style.backgroundPosition = "center";
-    canvas.style.backgroundRepeat = "no-repeat";
     container.appendChild(canvas);
     container.style.display = "flex";
     container.style.justifyContent = "center";
@@ -13749,11 +13713,6 @@ class AvatarView {
         logger.log("[AvatarView] Initializing render system...");
       const cameraConfig = this.resolveCameraConfig(resources);
       await this.initializeRenderSystem(cameraConfig);
-      if (resources.background) {
-        if (APP_CONFIG.debug)
-          logger.log("[AvatarView] Setting background image from resources");
-        this.setBackgroundImage(resources.background);
-      }
       if (APP_CONFIG.debug)
         logger.log("[AvatarView] Starting rendering...");
       await this.renderFirstFrame();
@@ -13773,12 +13732,11 @@ class AvatarView {
     } else {
       logger.log("[AvatarView] No camera config in resources, using default static config:", this.cameraConfig);
     }
-    const backgroundColor = this._isOpaque ? [0, 0, 0, 1] : [0, 0, 0, 0];
     this.renderSystem = new RenderSystem({
       canvas: this.canvas,
       camera: this.cameraConfig,
-      backgroundColor,
-      alpha: !this._isOpaque
+      backgroundColor: [0, 0, 0, 0],
+      alpha: true
     });
     await this.renderSystem.initialize();
     if (APP_CONFIG.debug)
@@ -14267,37 +14225,6 @@ class AvatarView {
       fps: this.currentFPS
     };
   }
-  get isOpaque() {
-    return this._isOpaque;
-  }
-  set isOpaque(value) {
-    if (this._isOpaque === value) return;
-    this._isOpaque = value;
-    if (this.renderSystem && this.isInitialized) {
-      const bgColor = this._isOpaque ? [0, 0, 0, 1] : [0, 0, 0, 0];
-      this.renderSystem.updateBackgroundColor(bgColor);
-    }
-  }
-  setBackgroundImage(image) {
-    if (image === null) {
-      this.canvas.style.backgroundImage = "";
-    } else {
-      const imageUrl = typeof image === "string" ? image : image.src;
-      const img = new Image();
-      img.onload = () => {
-        this.canvas.style.background = "none";
-        this.canvas.style.backgroundImage = `url("${imageUrl}")`;
-        if (this._isOpaque && this.renderSystem && this.isInitialized) {
-          this.renderSystem.updateBackgroundColor([0, 0, 0, 0]);
-          this._isOpaque = false;
-        }
-      };
-      img.onerror = () => {
-        logger.error(`[AvatarView] Failed to load background image: ${imageUrl}`);
-      };
-      img.src = imageUrl;
-    }
-  }
   get transform() {
     if (!this.renderSystem) {
       throw new Error("Render system not initialized");
@@ -14321,7 +14248,7 @@ export {
   ConnectionState as C,
   DrivingServiceMode as D,
   Environment as E,
-  LogLevel$1 as L,
+  LogLevel as L,
   ResourceType as R,
   SPAvatarError as S,
   logger as a,

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b, c, f, d, j, g, C, i, D, E, k, h, L, R, S, m } from "./index-BxhQDfJ7.js";
+import { b, c, f, d, j, g, C, i, D, E, k, h, L, R, S, m } from "./index-CRKYjlwp.js";
 export {
   b as Avatar,
   c as AvatarController,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spatialwalk/avatarkit",
   "type": "module",
-  "version": "1.0.0-beta.40",
+  "version": "1.0.0-beta.41",
   "description": "SPAvatar SDK - 3D Gaussian Splatting Avatar Rendering SDK",
   "author": "SPAvatar Team",
   "license": "MIT",

package/dist/playground/apps/web/src/api/auth.d.ts

@@ -1,3 +0,0 @@
-import { LoginResponse } from '../../../../generated/realtime/v1/auth';
-
-export declare function login(username: string, password?: string): Promise<LoginResponse>;

package/dist/playground/apps/web/src/api/character.d.ts

@@ -1,13 +0,0 @@
-import { RealtimeGetCharacterResponse, RealtimeListCharactersResponse } from '../../../../generated/realtime/v2/realtime';
-import { CharacterMeta } from '../types/character';
-export interface GetCharactersOptions {
-    pageSize?: number;
-    pageToken?: string;
-    characterStatus?: string[];
-}
-
-export declare function getCharacters(options?: GetCharactersOptions): Promise<RealtimeListCharactersResponse>;
-
-export declare function getCharacterById(characterId: string): Promise<CharacterMeta>;
-
-export declare function getCharacterRealtimeInfo(characterId: string): Promise<RealtimeGetCharacterResponse>;

package/dist/playground/apps/web/src/api/index.d.ts

@@ -1,3 +0,0 @@
-export * from './auth';
-export * from './character';
-export * from './redeem';

package/dist/playground/apps/web/src/api/redeem.d.ts

@@ -1,3 +0,0 @@
-import { RedeemCharacterResponse } from '../../../../generated/realtime/v1/redeem';
-
-export declare function redeemCharacter(code: string): Promise<RedeemCharacterResponse>;