@mml-io/3d-web-experience-client 0.26.1 → 0.27.0

package/build/plugins.d.ts

@@ -0,0 +1,16 @@
+import type { Networked3dWebExperienceClient, UpdatableConfig } from "./Networked3dWebExperienceClient";
+export interface UIPlugin {
+    mount(container: HTMLElement, client: Networked3dWebExperienceClient): void;
+    dispose(): void;
+    /**
+     * Called automatically by the client whenever the updatable config changes
+     * (e.g. avatar configuration, spawn settings, environment). Implementing
+     * this hook is the preferred alternative to manually subscribing to the
+     * `"configChanged"` event — the client handles subscription/cleanup for you.
+     *
+     * Note: if you implement this hook you should **not** also subscribe to
+     * `"configChanged"` via `client.on()`, or your handler will fire twice.
+     */
+    onConfigChanged?(config: Partial<UpdatableConfig>): void;
+}
+//# sourceMappingURL=plugins.d.ts.map

package/build/plugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../src/plugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,8BAA8B,EAC9B,eAAe,EAChB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,8BAA8B,GAAG,IAAI,CAAC;IAC5E,OAAO,IAAI,IAAI,CAAC;IAEhB;;;;;;;;OAQG;IACH,eAAe,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;CAC1D"}

package/package.json

@@ -1,12 +1,23 @@
 {
   "name": "@mml-io/3d-web-experience-client",
-  "version": "0.26.1",
+  "version": "0.27.0",
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mml-io/3d-web-experience.git",
+    "directory": "packages/3d-web-experience-client"
+  },
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
   "type": "module",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "default": "./build/index.js"
+    }
+  },
   "files": [
     "/build"
   ],
@@ -16,22 +27,24 @@
     "iterate": "tsx ./build.ts --watch",
     "type-check": "tsc --noEmit",
     "lint": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --max-warnings 0",
-    "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
+    "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix",
+    "test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest"
   },
   "dependencies": {
-    "@mml-io/3d-web-client-core": "^0.26.1",
-    "@mml-io/3d-web-threejs": "^0.26.1",
-    "@mml-io/3d-web-user-networking": "^0.26.1",
-    "@mml-io/mml-web": "0.23.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "@mml-io/3d-web-client-core": "^0.27.0",
+    "@mml-io/3d-web-experience-protocol": "^0.27.0",
+    "@mml-io/3d-web-threejs": "^0.27.0",
+    "@mml-io/3d-web-user-networking": "^0.27.0",
+    "@mml-io/mml-web": "0.26.1"
   },
   "devDependencies": {
+    "@jest/globals": "29.7.0",
     "@types/jest": "^29.5.12",
     "@types/node": "^22.13.1",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
-    "esbuild-css-modules-plugin": "3.1.4"
+    "cross-env": "^7.0.3",
+    "jest": "^29.7.0",
+    "jest-junit": "16.0.0",
+    "ts-jest": "^29.1.2"
   },
-  "gitHead": "641ba30671cf66b7a4c288cd68328366076ecf8c"
+  "gitHead": "4038d512f99c0700d77337a0daa6f49b281dce87"
 }

package/build/avatar-selection-ui/AvatarSelectionUI.d.ts

@@ -1,21 +0,0 @@
-import { AvatarConfiguration, AvatarType } from "./AvatarType";
-export type AvatarSelectionUIProps = {
-    holderElement: HTMLElement;
-    visibleByDefault?: boolean;
-    displayName: string;
-    characterDescription: AvatarType;
-    allowCustomDisplayName: boolean;
-    sendIdentityUpdateToServer: (displayName: string, characterDescription: AvatarType) => void;
-} & AvatarConfiguration;
-export declare class AvatarSelectionUI {
-    private config;
-    private root;
-    private wrapper;
-    constructor(config: AvatarSelectionUIProps);
-    private onUpdateUserAvatar;
-    private onUpdateDisplayName;
-    updateAvatarConfig(avatarConfig: AvatarConfiguration): void;
-    updateAllowCustomDisplayName(allowCustomDisplayName: boolean): void;
-    init(): void;
-}
-//# sourceMappingURL=AvatarSelectionUI.d.ts.map

package/build/avatar-selection-ui/AvatarSelectionUI.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarSelectionUI.d.ts","sourceRoot":"","sources":["../../src/avatar-selection-ui/AvatarSelectionUI.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/D,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,EAAE,WAAW,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,UAAU,CAAC;IACjC,sBAAsB,EAAE,OAAO,CAAC;IAChC,0BAA0B,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,oBAAoB,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7F,GAAG,mBAAmB,CAAC;AAExB,qBAAa,iBAAiB;IAKhB,OAAO,CAAC,MAAM;IAJ1B,OAAO,CAAC,IAAI,CAAO;IAEnB,OAAO,CAAC,OAAO,CAAiC;gBAE5B,MAAM,EAAE,sBAAsB;IAKlD,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEK,kBAAkB,CAAC,YAAY,EAAE,mBAAmB;IAQpD,4BAA4B,CAAC,sBAAsB,EAAE,OAAO;IAQnE,IAAI;CAgBL"}

package/build/avatar-selection-ui/AvatarType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarType.d.ts","sourceRoot":"","sources":["../../src/avatar-selection-ui/AvatarType.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,CACA;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,IAAI,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,IAAI,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,kBAAkB,CAAC,EAAE,IAAI,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;CACzB,CACJ,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC"}

package/build/avatar-selection-ui/components/AvatarPanel/AvatarSectionUIComponent.d.ts

@@ -1,15 +0,0 @@
-import { ForwardRefRenderFunction } from "react";
-import { AvatarType } from "../../AvatarType";
-type AvatarSelectionUIProps = {
-    onUpdateUserAvatar: (avatar: AvatarType) => void;
-    visibleByDefault?: boolean;
-    availableAvatars: AvatarType[];
-    characterDescription: AvatarType;
-    allowCustomAvatars: boolean;
-    displayName: string;
-    allowCustomDisplayName: boolean;
-    onUpdateDisplayName: (displayNameValue: string) => void;
-};
-export declare const AvatarSelectionUIComponent: ForwardRefRenderFunction<any, AvatarSelectionUIProps>;
-export {};
-//# sourceMappingURL=AvatarSectionUIComponent.d.ts.map

package/build/avatar-selection-ui/components/AvatarPanel/AvatarSectionUIComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarSectionUIComponent.d.ts","sourceRoot":"","sources":["../../../../src/avatar-selection-ui/components/AvatarPanel/AvatarSectionUIComponent.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,wBAAwB,EAKzB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAE/B,oBAAoB,EAAE,UAAU,CAAC;IACjC,kBAAkB,EAAE,OAAO,CAAC;IAE5B,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,OAAO,CAAC;IAChC,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,CAAC;AAYF,eAAO,MAAM,0BAA0B,EAAE,wBAAwB,CAAC,GAAG,EAAE,sBAAsB,CAmR5F,CAAC"}

package/build/avatar-selection-ui/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./AvatarSelectionUI";
-export * from "./AvatarType";
-//# sourceMappingURL=index.d.ts.map

package/build/avatar-selection-ui/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar-selection-ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC"}

package/build/chat-ui/TextChatUI.d.ts

@@ -1,26 +0,0 @@
-export type StringToHslOptions = {
-    hueThresholds?: [number, number][];
-    saturationThresholds?: [number, number][];
-    lightnessThresholds?: [number, number][];
-};
-export declare const DEFAULT_HSL_OPTIONS: StringToHslOptions;
-export type ChatUIInstance = {
-    addMessage: (username: string, message: string) => void;
-};
-export type TextChatUIProps = {
-    holderElement: HTMLElement;
-    sendMessageToServerMethod: (message: string) => void;
-    visibleByDefault?: boolean;
-    stringToHslOptions?: StringToHslOptions;
-};
-export declare class TextChatUI {
-    private config;
-    private root;
-    private appRef;
-    addTextMessage(username: string, message: string): void;
-    private wrapper;
-    constructor(config: TextChatUIProps);
-    dispose(): void;
-    init(): void;
-}
-//# sourceMappingURL=TextChatUI.d.ts.map

package/build/chat-ui/TextChatUI.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextChatUI.d.ts","sourceRoot":"","sources":["../../src/chat-ui/TextChatUI.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IACnC,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC1C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAC1C,CAAC;AAMF,eAAO,MAAM,mBAAmB,EAAE,kBAIjC,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,EAAE,WAAW,CAAC;IAC3B,yBAAyB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CAAC;AAEF,qBAAa,UAAU;IAYT,OAAO,CAAC,MAAM;IAX1B,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,MAAM,CAA+B;IAEtC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;IAMvD,OAAO,CAAC,OAAO,CAAiC;gBAE5B,MAAM,EAAE,eAAe;IAK3C,OAAO;IAKP,IAAI;CAYL"}

package/build/chat-ui/components/ChatPanel/TextChatUIComponent.d.ts

@@ -1,10 +0,0 @@
-import { ForwardRefRenderFunction } from "react";
-import { StringToHslOptions, type ChatUIInstance } from "../../TextChatUI";
-type ChatUIProps = {
-    sendMessageToServer: (message: string) => void;
-    visibleByDefault?: boolean;
-    stringToHslOptions?: StringToHslOptions;
-};
-export declare const ChatUIComponent: ForwardRefRenderFunction<ChatUIInstance, ChatUIProps>;
-export {};
-//# sourceMappingURL=TextChatUIComponent.d.ts.map

package/build/chat-ui/components/ChatPanel/TextChatUIComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextChatUIComponent.d.ts","sourceRoot":"","sources":["../../../../src/chat-ui/components/ChatPanel/TextChatUIComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,wBAAwB,EAEzB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,kBAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAK3E,KAAK,WAAW,GAAG;IACjB,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,wBAAwB,CAAC,cAAc,EAAE,WAAW,CAmLjF,CAAC"}

package/build/chat-ui/components/Input/InputBox.d.ts

@@ -1,10 +0,0 @@
-type InputBoxProps = {
-    onSendMessage: (message: string) => void;
-    hide: () => void;
-    setFocus: () => void;
-};
-export declare const InputBox: import("react").ForwardRefExoticComponent<InputBoxProps & import("react").RefAttributes<{
-    focusInput: () => void;
-} | null>>;
-export {};
-//# sourceMappingURL=InputBox.d.ts.map

package/build/chat-ui/components/Input/InputBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../../../src/chat-ui/components/Input/InputBox.tsx"],"names":[],"mappings":"AAMA,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,QAAQ;gBAA4B,MAAM,IAAI;UAuD1D,CAAC"}

package/build/chat-ui/components/Message/Message.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { StringToHslOptions } from "../../TextChatUI";
-type MessageProps = {
-    username: string;
-    message: string;
-    stringToHslOptions?: StringToHslOptions;
-};
-declare const Message: FC<MessageProps>;
-export default Message;
-//# sourceMappingURL=Message.d.ts.map

package/build/chat-ui/components/Message/Message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/chat-ui/components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAuB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAqD3E,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAyB7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/chat-ui/components/Messages/Messages.d.ts

@@ -1,13 +0,0 @@
-import { FC } from "react";
-import { StringToHslOptions } from "../../TextChatUI";
-type MessagesProps = {
-    messages: Array<{
-        username: string;
-        message: string;
-    }>;
-    stringToHslOptions?: StringToHslOptions;
-    shouldAutoScroll?: boolean;
-};
-export declare const Messages: FC<MessagesProps>;
-export {};
-//# sourceMappingURL=Messages.d.ts.map

package/build/chat-ui/components/Messages/Messages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Messages.d.ts","sourceRoot":"","sources":["../../../../src/chat-ui/components/Messages/Messages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKtD,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8EtC,CAAC"}

package/build/chat-ui/helpers.d.ts

@@ -1,4 +0,0 @@
-type ClickAwayCallback = (event: MouseEvent | TouchEvent) => void;
-export declare function useClickOutside(cb: ClickAwayCallback): import("react").RefObject<HTMLDivElement | null>;
-export {};
-//# sourceMappingURL=helpers.d.ts.map

package/build/chat-ui/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/chat-ui/helpers.tsx"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;AAElE,wBAAgB,eAAe,CAAC,EAAE,EAAE,iBAAiB,oDA0BpD"}

package/build/chat-ui/index.d.ts

@@ -1,2 +0,0 @@
-export { TextChatUI, TextChatUIProps, type StringToHslOptions } from "./TextChatUI";
-//# sourceMappingURL=index.d.ts.map

package/build/chat-ui/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC"}