@mml-io/3d-web-experience-client 0.0.0-experimental-4fa4c42-20250715 → 0.0.0-experimental-d4f4aa0-20250721
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +19 -0
- package/build/avatar-selection-ui/AvatarSelectionUI.d.ts +0 -1
- package/build/index.css +104 -104
- package/build/index.css.map +1 -1
- package/build/index.js +135 -129
- package/build/index.js.map +3 -3
- package/package.json +6 -5
package/build/index.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
globalThis['__css-content-4f8287b7f1327101523ba48f76bd7efb__']=".AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0220{z-index:102;user-select:none;width:70px;min-height:70px;position:absolute;top:0;right:0}.AvatarSelectionUIComponent-module__input_VjZ7cq__0220{color:#fff;backdrop-filter:blur(10px);background-color:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;margin-right:6px;padding:6px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__input_VjZ7cq__0220:focus{background-color:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.AvatarSelectionUIComponent-module__input_VjZ7cq__0220::placeholder{color:#ffffff80}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0220{backdrop-filter:blur(10px);color:#fffc;cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0220:hover{color:#ffffffe6;background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0220:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0220{backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0220:hover{background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0220:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0220 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0220{backdrop-filter:blur(20px);z-index:103;user-select:none;background:#000000bf;border:1px solid #fff3;border-radius:16px;width:400px;max-width:78vw;max-height:calc(100vh - 24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:absolute;top:8px;right:60px;overflow:hidden auto;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0220::-webkit-scrollbar{width:8px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0220::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0220::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0220::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0220{border-bottom:1px solid #ffffff26;padding:10px}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0220:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0220{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;max-height:320px;padding:10px;display:grid;overflow:hidden auto}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0220::-webkit-scrollbar{width:6px}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0220::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0220::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0220{color:#ffffffe6;text-align:center;font-weight:600;position:relative}.AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0220{position:absolute;top:20px;right:20px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0220{color:#ffffffe6;text-align:center;cursor:pointer;border-radius:8px;padding:4px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0220:hover{background:#0000004d;transform:translateY(-2px)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0220{border-radius:8px;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0220{aspect-ratio:1;box-sizing:border-box;background:#0003;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0220 img{filter:invert(70%);opacity:.7;width:40%}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0220 p{text-overflow:ellipsis;white-space:nowrap;color:#fffc;margin:4px 0 0;font-size:12px;font-weight:500;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0220{pointer-events:none;z-index:1000;color:#ffffffe6;backdrop-filter:blur(10px);opacity:0;visibility:hidden;white-space:nowrap;background:#000c;border-radius:8px;margin-bottom:4px;padding:4px 6px;font-size:12px;font-weight:500;transition:opacity .2s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0220 p:hover+.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0220{opacity:1;visibility:visible;transition-delay:.5s}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0220 .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0220{aspect-ratio:1;border-radius:8px;width:100%;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0220{color:#fff;backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #fff3;border-radius:6px;padding:2px 4px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0220 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0220{z-index:2;position:absolute;top:4px;right:4px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0220 img:hover{opacity:.8;transform:scale(1.05)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 .AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0220{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 .AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0220{white-space:nowrap;align-items:center;gap:3px;margin-right:6px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 label{color:#fffc;cursor:pointer;margin:0;font-size:14px;font-weight:500;transition:color .2s ease-in-out}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 label:hover{color:#fff}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 input[type=radio]{appearance:none;cursor:pointer;background:none;border:2px solid #ffffff4d;border-radius:50%;outline:none;width:18px;height:18px;transition:all .2s ease-in-out;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 input[type=radio]:hover{border-color:#ffffff80}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 input[type=radio]:focus{box-shadow:0 0 0 3px #ffffff1a}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 input[type=radio]:checked{background:#ffffff1a;border-color:#fffc}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 input[type=radio]:checked:after{content:\"\";background:#ffffffe6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 input[type=radio][disabled]{opacity:.4;cursor:not-allowed}.AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0220{align-items:stretch;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0220{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;height:44px;padding-left:16px;padding-right:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0220:hover:not(:disabled){background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0220:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0220:disabled{opacity:.5;cursor:not-allowed;transform:none}.AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0220{color:#ffffffe6;letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0220 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0220{margin-left:8px;position:relative;top:-2px}.AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0220{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0220{align-items:stretch;display:flex}.InputBox-module__inputWrapper_adOgOW__0220{pointer-events:all;align-items:stretch;gap:6px;display:flex}.InputBox-module__chatInput_adOgOW__0220{color:#fff;backdrop-filter:blur(10px);box-sizing:border-box;background:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;height:36px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.InputBox-module__chatInput_adOgOW__0220:focus{background:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.InputBox-module__chatInput_adOgOW__0220::placeholder{color:#ffffff80}.InputBox-module__sendButton_adOgOW__0220{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s ease-in-out;display:flex}.InputBox-module__sendButton_adOgOW__0220:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.InputBox-module__sendButton_adOgOW__0220:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.InputBox-module__sendButton_adOgOW__0220 .InputBox-module__svgIcon_adOgOW__0220 img{filter:invert(80%);width:18px;height:18px;transition:all .2s ease-in-out}.InputBox-module__sendButton_adOgOW__0220:hover .InputBox-module__svgIcon_adOgOW__0220 img{filter:invert(90%)}.Message-module__messageContainer_ikOQiq__0220{backdrop-filter:blur(8px);word-break:break-word;color:#ffffffe6;direction:ltr;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:fit-content;margin:6px auto 6px 2px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;transition:all .2s ease-in-out;overflow-x:hidden}.Message-module__messageContainer_ikOQiq__0220:hover{background:#0006;border-color:#ffffff4d}.Message-module__userName_ikOQiq__0220{color:#ffffffe6;margin-right:4px;font-weight:600}.Messages-module__messagesContainer_LXaUUW__0220{z-index:1000;max-height:inherit;scrollbar-width:thin;scrollbar-color:#fff3 transparent;pointer-events:fill;direction:rtl;position:relative;bottom:0;left:-1px;overflow-y:auto}.Messages-module__messagesContainer_LXaUUW__0220::-webkit-scrollbar{width:6px}.Messages-module__messagesContainer_LXaUUW__0220::-webkit-scrollbar-track{background:none}.Messages-module__messagesContainer_LXaUUW__0220::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:3px}.Messages-module__messagesContainer_LXaUUW__0220::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.Messages-module__newMessagesButton_LXaUUW__0220{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1001;direction:ltr;background:#000000bf;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .2s;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.Messages-module__newMessagesButton_LXaUUW__0220:hover{background:#000000d9;border-color:#ffffff4d;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 16px #0006}.Messages-module__newMessagesButton_LXaUUW__0220:active{transform:translate(-50%)translateY(0);box-shadow:0 2px 8px #0000004d}.TextChatUIComponent-module__uiHover_gFDdcW__0220{z-index:102;pointer-events:all;width:58px;min-height:58px;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChatUi_gFDdcW__0220{flex-direction:row;align-items:flex-end;width:100%;max-width:500px;height:0;display:flex;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChat_gFDdcW__0220{z-index:-1;color:#fff;user-select:none;opacity:0;flex-direction:column;justify-content:space-between;width:100%;max-height:500px;margin-bottom:8px;margin-left:60px;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:opacity .25s ease-in-out,transform .2s ease-in-out;display:flex;transform:translate(-100%)}.TextChatUIComponent-module__fadeIn_gFDdcW__0220{opacity:1;transform:translate(0)}.TextChatUIComponent-module__fadeOut_gFDdcW__0220{opacity:.6;transform:translate(calc(-100% - 72px))}.TextChatUIComponent-module__controls_gFDdcW__0220{position:absolute;top:2px;right:0}.TextChatUIComponent-module__openTab_gFDdcW__0220{backdrop-filter:blur(10px);cursor:pointer;z-index:102;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:8px;left:8px}.TextChatUIComponent-module__openTab_gFDdcW__0220:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__openTab_gFDdcW__0220:active{transform:scale(.95)}.TextChatUIComponent-module__openTab_gFDdcW__0220 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0220{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:1;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:38px;left:38px}.TextChatUIComponent-module__stickyButton_gFDdcW__0220:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0220{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:0;pointer-events:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0220{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#000c;border:1px solid #22c55e99;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px;box-shadow:0 0 8px #22c55e4d}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0220:hover{border-color:#22c55ecc;transform:scale(1.05);box-shadow:0 0 12px #22c55e66}.TextChatUIComponent-module__stickyButton_gFDdcW__0220 img,.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0220 img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0220 img{filter:invert(70%);width:12px;height:12px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0220:hover img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0220:hover img{filter:invert(90%)}.TextChatUIComponent-module__controls_gFDdcW__0220 .TextChatUIComponent-module__closeButton_gFDdcW__0220{color:#fffc;backdrop-filter:blur(10px);cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:3px;right:3px}.TextChatUIComponent-module__closeButton_gFDdcW__0220:hover{color:#ffffffe6;background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__closeButton_gFDdcW__0220:active{transform:scale(.95)}.TextChatUIComponent-module__messagesWrapper_gFDdcW__0220{direction:rtl;width:fit-content;max-height:450px;margin-bottom:8px;position:relative}.Networked3dWebExperience-module__respawnButton_7g9l0W__0220{z-index:102;color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;left:8px}.Networked3dWebExperience-module__respawnButton_7g9l0W__0220:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px)}.Networked3dWebExperience-module__respawnButton_7g9l0W__0220:active{transform:translateY(0)}\n";globalThis['__css-digest-4f8287b7f1327101523ba48f76bd7efb__']="4f8287b7f1327101523ba48f76bd7efb";
|
1
|
+
globalThis['__css-content-0cf48d47e49b83312176e637e778b3b0__']=".AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0231{z-index:102;user-select:none;width:70px;min-height:70px;position:absolute;top:0;right:0}.AvatarSelectionUIComponent-module__input_VjZ7cq__0231{color:#fff;backdrop-filter:blur(10px);background-color:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;margin-right:6px;padding:6px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__input_VjZ7cq__0231:focus{background-color:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.AvatarSelectionUIComponent-module__input_VjZ7cq__0231::placeholder{color:#ffffff80}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0231{backdrop-filter:blur(10px);color:#fffc;cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0231:hover{color:#ffffffe6;background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0231:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0231{backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0231:hover{background:#000c;transform:scale(1.05)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0231:active{transform:scale(.95)}.AvatarSelectionUIComponent-module__openTab_VjZ7cq__0231 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0231{backdrop-filter:blur(20px);z-index:103;user-select:none;background:#000000bf;border:1px solid #fff3;border-radius:16px;width:400px;max-width:78vw;max-height:calc(100vh - 24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:absolute;top:8px;right:60px;overflow:hidden auto;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0231::-webkit-scrollbar{width:8px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0231::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0231::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}.AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0231::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0231{border-bottom:1px solid #ffffff26;padding:10px}.AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0231:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0231{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;max-height:320px;padding:10px;display:grid;overflow:hidden auto}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0231::-webkit-scrollbar{width:6px}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0231::-webkit-scrollbar-track{background:none}.AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0231::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0231{color:#ffffffe6;text-align:center;font-weight:600;position:relative}.AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0231{position:absolute;top:20px;right:20px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0231{color:#ffffffe6;text-align:center;cursor:pointer;border-radius:8px;padding:4px;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0231:hover{background:#0000004d;transform:translateY(-2px)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0231{border-radius:8px;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0231{aspect-ratio:1;box-sizing:border-box;background:#0003;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex}.AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0231 img{filter:invert(70%);opacity:.7;width:40%}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0231 p{text-overflow:ellipsis;white-space:nowrap;color:#fffc;margin:4px 0 0;font-size:12px;font-weight:500;position:relative;overflow:hidden}.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0231{pointer-events:none;z-index:1000;color:#ffffffe6;backdrop-filter:blur(10px);opacity:0;visibility:hidden;white-space:nowrap;background:#000c;border-radius:8px;margin-bottom:4px;padding:4px 6px;font-size:12px;font-weight:500;transition:opacity .2s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0231 p:hover+.AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0231{opacity:1;visibility:visible;transition-delay:.5s}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0231 .AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0231{aspect-ratio:1;border-radius:8px;width:100%;transition:all .2s ease-in-out}.AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0231{color:#fff;backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #fff3;border-radius:6px;padding:2px 4px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0231 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0231{z-index:2;position:absolute;top:4px;right:4px}.AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0231 img:hover{opacity:.8;transform:scale(1.05)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231:last-child{border-bottom:none}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 .AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0231{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 .AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0231{white-space:nowrap;align-items:center;gap:3px;margin-right:6px;display:flex}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 label{color:#fffc;cursor:pointer;margin:0;font-size:14px;font-weight:500;transition:color .2s ease-in-out}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 label:hover{color:#fff}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 input[type=radio]{appearance:none;cursor:pointer;background:none;border:2px solid #ffffff4d;border-radius:50%;outline:none;width:18px;height:18px;transition:all .2s ease-in-out;position:relative}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 input[type=radio]:hover{border-color:#ffffff80}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 input[type=radio]:focus{box-shadow:0 0 0 3px #ffffff1a}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 input[type=radio]:checked{background:#ffffff1a;border-color:#fffc}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 input[type=radio]:checked:after{content:\"\";background:#ffffffe6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 input[type=radio][disabled]{opacity:.4;cursor:not-allowed}.AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0231{align-items:stretch;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0231{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;height:44px;padding-left:16px;padding-right:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0231:hover:not(:disabled){background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0231:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.AvatarSelectionUIComponent-module__setButton_VjZ7cq__0231:disabled{opacity:.5;cursor:not-allowed;transform:none}.AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0231{color:#ffffffe6;letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231 .AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0231{margin-left:8px;position:relative;top:-2px}.AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0231{color:#ffffffe6;border-bottom:1px solid #ffffff26;padding:10px;position:relative}.AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0231{align-items:stretch;display:flex}.InputBox-module__inputWrapper_adOgOW__0231{pointer-events:all;align-items:stretch;gap:6px;display:flex}.InputBox-module__chatInput_adOgOW__0231{color:#fff;backdrop-filter:blur(10px);box-sizing:border-box;background:#0006;border:1px solid #fff3;border-radius:8px;outline:none;flex:1;height:36px;padding:0 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease-in-out}.InputBox-module__chatInput_adOgOW__0231:focus{background:#0009;border-color:#fff6;box-shadow:0 0 0 3px #ffffff26}.InputBox-module__chatInput_adOgOW__0231::placeholder{color:#ffffff80}.InputBox-module__sendButton_adOgOW__0231{color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s ease-in-out;display:flex}.InputBox-module__sendButton_adOgOW__0231:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.InputBox-module__sendButton_adOgOW__0231:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.InputBox-module__sendButton_adOgOW__0231 .InputBox-module__svgIcon_adOgOW__0231 img{filter:invert(80%);width:18px;height:18px;transition:all .2s ease-in-out}.InputBox-module__sendButton_adOgOW__0231:hover .InputBox-module__svgIcon_adOgOW__0231 img{filter:invert(90%)}.Message-module__messageContainer_ikOQiq__0231{backdrop-filter:blur(8px);word-break:break-word;color:#ffffffe6;direction:ltr;background:#0000004d;border:1px solid #fff3;border-radius:8px;width:fit-content;margin:6px auto 6px 2px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;transition:all .2s ease-in-out;overflow-x:hidden}.Message-module__messageContainer_ikOQiq__0231:hover{background:#0006;border-color:#ffffff4d}.Message-module__userName_ikOQiq__0231{color:#ffffffe6;margin-right:4px;font-weight:600}.Messages-module__messagesContainer_LXaUUW__0231{z-index:1000;max-height:inherit;scrollbar-width:thin;scrollbar-color:#fff3 transparent;pointer-events:fill;direction:rtl;position:relative;bottom:0;left:-1px;overflow-y:auto}.Messages-module__messagesContainer_LXaUUW__0231::-webkit-scrollbar{width:6px}.Messages-module__messagesContainer_LXaUUW__0231::-webkit-scrollbar-track{background:none}.Messages-module__messagesContainer_LXaUUW__0231::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:3px}.Messages-module__messagesContainer_LXaUUW__0231::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.Messages-module__newMessagesButton_LXaUUW__0231{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1001;direction:ltr;background:#000000bf;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .2s;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.Messages-module__newMessagesButton_LXaUUW__0231:hover{background:#000000d9;border-color:#ffffff4d;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 16px #0006}.Messages-module__newMessagesButton_LXaUUW__0231:active{transform:translate(-50%)translateY(0);box-shadow:0 2px 8px #0000004d}.TextChatUIComponent-module__uiHover_gFDdcW__0231{z-index:102;pointer-events:all;width:58px;min-height:58px;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChatUi_gFDdcW__0231{flex-direction:row;align-items:flex-end;width:100%;max-width:500px;height:0;display:flex;position:absolute;bottom:0;left:0}.TextChatUIComponent-module__textChat_gFDdcW__0231{z-index:-1;color:#fff;user-select:none;opacity:0;flex-direction:column;justify-content:space-between;width:100%;max-height:500px;margin-bottom:8px;margin-left:60px;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:opacity .25s ease-in-out,transform .2s ease-in-out;display:flex;transform:translate(-100%)}.TextChatUIComponent-module__fadeIn_gFDdcW__0231{opacity:1;transform:translate(0)}.TextChatUIComponent-module__fadeOut_gFDdcW__0231{opacity:.6;transform:translate(calc(-100% - 72px))}.TextChatUIComponent-module__controls_gFDdcW__0231{position:absolute;top:2px;right:0}.TextChatUIComponent-module__openTab_gFDdcW__0231{backdrop-filter:blur(10px);cursor:pointer;z-index:102;user-select:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:8px;left:8px}.TextChatUIComponent-module__openTab_gFDdcW__0231:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__openTab_gFDdcW__0231:active{transform:scale(.95)}.TextChatUIComponent-module__openTab_gFDdcW__0231 img{filter:invert(80%);width:24px;height:24px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0231{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:1;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:38px;left:38px}.TextChatUIComponent-module__stickyButton_gFDdcW__0231:hover{background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0231{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;opacity:0;pointer-events:none;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0231{z-index:103;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:#000c;border:1px solid #22c55e99;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:42px;left:42px;box-shadow:0 0 8px #22c55e4d}.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0231:hover{border-color:#22c55ecc;transform:scale(1.05);box-shadow:0 0 12px #22c55e66}.TextChatUIComponent-module__stickyButton_gFDdcW__0231 img,.TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0231 img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0231 img{filter:invert(70%);width:12px;height:12px;transition:all .2s ease-in-out}.TextChatUIComponent-module__stickyButton_gFDdcW__0231:hover img,.TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0231:hover img{filter:invert(90%)}.TextChatUIComponent-module__controls_gFDdcW__0231 .TextChatUIComponent-module__closeButton_gFDdcW__0231{color:#fffc;backdrop-filter:blur(10px);cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:3px;right:3px}.TextChatUIComponent-module__closeButton_gFDdcW__0231:hover{color:#ffffffe6;background:#000c;border-color:#ffffff4d;transform:scale(1.05)}.TextChatUIComponent-module__closeButton_gFDdcW__0231:active{transform:scale(.95)}.TextChatUIComponent-module__messagesWrapper_gFDdcW__0231{direction:rtl;width:fit-content;max-height:450px;margin-bottom:8px;position:relative}.Networked3dWebExperience-module__respawnButton_7g9l0W__0231{z-index:102;color:#ffffffe6;backdrop-filter:blur(10px);cursor:pointer;user-select:none;background:linear-gradient(135deg,#0009,#0006);border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:absolute;top:8px;left:8px}.Networked3dWebExperience-module__respawnButton_7g9l0W__0231:hover{background:linear-gradient(135deg,#000c,#0009);border-color:#ffffff4d;transform:translateY(-1px)}.Networked3dWebExperience-module__respawnButton_7g9l0W__0231:active{transform:translateY(0)}\n";globalThis['__css-digest-0cf48d47e49b83312176e637e778b3b0__']="0cf48d47e49b83312176e637e778b3b0";
|
2
2
|
// src/Networked3dWebExperienceClient.ts
|
3
3
|
import {
|
4
4
|
CameraManager,
|
@@ -39,7 +39,7 @@ import {
|
|
39
39
|
import { Scene, AudioListener, Vector3 } from "three";
|
40
40
|
|
41
41
|
// src/avatar-selection-ui/AvatarSelectionUI.tsx
|
42
|
-
import {
|
42
|
+
import { forwardRef } from "react";
|
43
43
|
import { flushSync } from "react-dom";
|
44
44
|
import { createRoot } from "react-dom/client";
|
45
45
|
|
@@ -53,8 +53,8 @@ import {
|
|
53
53
|
var Avatar_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"/></svg>\n';
|
54
54
|
|
55
55
|
// esbuild-css-modules-plugin-ns-js::src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css:injector.js
|
56
|
-
var content = globalThis['__css-content-
|
57
|
-
var digest = globalThis['__css-digest-
|
56
|
+
var content = globalThis['__css-content-0cf48d47e49b83312176e637e778b3b0__'];
|
57
|
+
var digest = globalThis['__css-digest-0cf48d47e49b83312176e637e778b3b0__'];
|
58
58
|
var inject = () => {
|
59
59
|
setTimeout(() => {
|
60
60
|
if (!globalThis.document) {
|
@@ -80,29 +80,29 @@ var inject = () => {
|
|
80
80
|
|
81
81
|
// src/avatar-selection-ui/components/AvatarPanel/AvatarSelectionUIComponent.module.css
|
82
82
|
var AvatarSelectionUIComponent_default = new Proxy({
|
83
|
-
"avatarSelectionContainer": "AvatarSelectionUIComponent-
|
84
|
-
"avatarSelectionNoImage": "AvatarSelectionUIComponent-
|
85
|
-
"avatarSelectionSection": "AvatarSelectionUIComponent-
|
86
|
-
"avatarSelectionUi": "AvatarSelectionUIComponent-
|
87
|
-
"avatarSelectionUiAvatar": "AvatarSelectionUIComponent-
|
88
|
-
"avatarSelectionUiAvatarImage": "AvatarSelectionUIComponent-
|
89
|
-
"avatarSelectionUiAvatarImgContainer": "AvatarSelectionUIComponent-
|
90
|
-
"avatarSelectionUiCloseButton": "AvatarSelectionUIComponent-
|
91
|
-
"avatarSelectionUiHeader": "AvatarSelectionUIComponent-
|
92
|
-
"closeButton": "AvatarSelectionUIComponent-
|
93
|
-
"customAvatarInputSection": "AvatarSelectionUIComponent-
|
94
|
-
"customAvatarSection": "AvatarSelectionUIComponent-
|
95
|
-
"displayNameInputSection": "AvatarSelectionUIComponent-
|
96
|
-
"displayNameSection": "AvatarSelectionUIComponent-
|
97
|
-
"input": "AvatarSelectionUIComponent-
|
98
|
-
"menuButton": "AvatarSelectionUIComponent-
|
99
|
-
"openTab": "AvatarSelectionUIComponent-
|
100
|
-
"radioGroup": "AvatarSelectionUIComponent-
|
101
|
-
"radioItem": "AvatarSelectionUIComponent-
|
102
|
-
"sectionHeading": "AvatarSelectionUIComponent-
|
103
|
-
"selectedPill": "AvatarSelectionUIComponent-
|
104
|
-
"setButton": "AvatarSelectionUIComponent-
|
105
|
-
"tooltipText": "AvatarSelectionUIComponent-
|
83
|
+
"avatarSelectionContainer": "AvatarSelectionUIComponent-module__avatarSelectionContainer_VjZ7cq__0231",
|
84
|
+
"avatarSelectionNoImage": "AvatarSelectionUIComponent-module__avatarSelectionNoImage_VjZ7cq__0231",
|
85
|
+
"avatarSelectionSection": "AvatarSelectionUIComponent-module__avatarSelectionSection_VjZ7cq__0231",
|
86
|
+
"avatarSelectionUi": "AvatarSelectionUIComponent-module__avatarSelectionUi_VjZ7cq__0231",
|
87
|
+
"avatarSelectionUiAvatar": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatar_VjZ7cq__0231",
|
88
|
+
"avatarSelectionUiAvatarImage": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImage_VjZ7cq__0231",
|
89
|
+
"avatarSelectionUiAvatarImgContainer": "AvatarSelectionUIComponent-module__avatarSelectionUiAvatarImgContainer_VjZ7cq__0231",
|
90
|
+
"avatarSelectionUiCloseButton": "AvatarSelectionUIComponent-module__avatarSelectionUiCloseButton_VjZ7cq__0231",
|
91
|
+
"avatarSelectionUiHeader": "AvatarSelectionUIComponent-module__avatarSelectionUiHeader_VjZ7cq__0231",
|
92
|
+
"closeButton": "AvatarSelectionUIComponent-module__closeButton_VjZ7cq__0231",
|
93
|
+
"customAvatarInputSection": "AvatarSelectionUIComponent-module__customAvatarInputSection_VjZ7cq__0231",
|
94
|
+
"customAvatarSection": "AvatarSelectionUIComponent-module__customAvatarSection_VjZ7cq__0231",
|
95
|
+
"displayNameInputSection": "AvatarSelectionUIComponent-module__displayNameInputSection_VjZ7cq__0231",
|
96
|
+
"displayNameSection": "AvatarSelectionUIComponent-module__displayNameSection_VjZ7cq__0231",
|
97
|
+
"input": "AvatarSelectionUIComponent-module__input_VjZ7cq__0231",
|
98
|
+
"menuButton": "AvatarSelectionUIComponent-module__menuButton_VjZ7cq__0231",
|
99
|
+
"openTab": "AvatarSelectionUIComponent-module__openTab_VjZ7cq__0231",
|
100
|
+
"radioGroup": "AvatarSelectionUIComponent-module__radioGroup_VjZ7cq__0231",
|
101
|
+
"radioItem": "AvatarSelectionUIComponent-module__radioItem_VjZ7cq__0231",
|
102
|
+
"sectionHeading": "AvatarSelectionUIComponent-module__sectionHeading_VjZ7cq__0231",
|
103
|
+
"selectedPill": "AvatarSelectionUIComponent-module__selectedPill_VjZ7cq__0231",
|
104
|
+
"setButton": "AvatarSelectionUIComponent-module__setButton_VjZ7cq__0231",
|
105
|
+
"tooltipText": "AvatarSelectionUIComponent-module__tooltipText_VjZ7cq__0231"
|
106
106
|
}, {
|
107
107
|
get: function(source, key) {
|
108
108
|
inject();
|
@@ -115,7 +115,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
115
115
|
function SelectedPill() {
|
116
116
|
return /* @__PURE__ */ jsx("span", { className: AvatarSelectionUIComponent_default.selectedPill, children: "Selected" });
|
117
117
|
}
|
118
|
-
var AvatarSelectionUIComponent = (props
|
118
|
+
var AvatarSelectionUIComponent = (props) => {
|
119
119
|
const visibleByDefault = props.visibleByDefault ?? false;
|
120
120
|
const [isVisible, setIsVisible] = useState(visibleByDefault);
|
121
121
|
const [selectedAvatar, setSelectedAvatar] = useState(
|
@@ -363,19 +363,19 @@ var ForwardedAvatarSelectionUIComponent = forwardRef(AvatarSelectionUIComponent)
|
|
363
363
|
var AvatarSelectionUI = class {
|
364
364
|
constructor(config) {
|
365
365
|
this.config = config;
|
366
|
-
this.appRef = createRef();
|
367
|
-
this.wrapper = document.createElement("div");
|
368
|
-
this.onUpdateUserAvatar = (avatar) => {
|
369
|
-
this.config.characterDescription = avatar;
|
370
|
-
this.config.sendIdentityUpdateToServer(this.config.displayName, avatar);
|
371
|
-
};
|
372
|
-
this.onUpdateDisplayName = (displayName) => {
|
373
|
-
this.config.displayName = displayName;
|
374
|
-
this.config.sendIdentityUpdateToServer(displayName, this.config.characterDescription);
|
375
|
-
};
|
376
366
|
this.config.holderElement.appendChild(this.wrapper);
|
377
367
|
this.root = createRoot(this.wrapper);
|
378
368
|
}
|
369
|
+
root;
|
370
|
+
wrapper = document.createElement("div");
|
371
|
+
onUpdateUserAvatar = (avatar) => {
|
372
|
+
this.config.characterDescription = avatar;
|
373
|
+
this.config.sendIdentityUpdateToServer(this.config.displayName, avatar);
|
374
|
+
};
|
375
|
+
onUpdateDisplayName = (displayName) => {
|
376
|
+
this.config.displayName = displayName;
|
377
|
+
this.config.sendIdentityUpdateToServer(displayName, this.config.characterDescription);
|
378
|
+
};
|
379
379
|
updateAvatarConfig(avatarConfig) {
|
380
380
|
this.config = {
|
381
381
|
...this.config,
|
@@ -396,7 +396,6 @@ var AvatarSelectionUI = class {
|
|
396
396
|
/* @__PURE__ */ jsx2(
|
397
397
|
ForwardedAvatarSelectionUIComponent,
|
398
398
|
{
|
399
|
-
ref: this.appRef,
|
400
399
|
onUpdateUserAvatar: this.onUpdateUserAvatar,
|
401
400
|
onUpdateDisplayName: this.onUpdateDisplayName,
|
402
401
|
visibleByDefault: this.config.visibleByDefault,
|
@@ -413,7 +412,7 @@ var AvatarSelectionUI = class {
|
|
413
412
|
};
|
414
413
|
|
415
414
|
// src/chat-ui/TextChatUI.tsx
|
416
|
-
import { createRef
|
415
|
+
import { createRef, forwardRef as forwardRef3 } from "react";
|
417
416
|
import { flushSync as flushSync2 } from "react-dom";
|
418
417
|
import { createRoot as createRoot2 } from "react-dom/client";
|
419
418
|
|
@@ -464,8 +463,8 @@ import { forwardRef as forwardRef2, useImperativeHandle, useRef as useRef3, useS
|
|
464
463
|
var PaperPlane_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>';
|
465
464
|
|
466
465
|
// esbuild-css-modules-plugin-ns-js::src/chat-ui/components/Input/InputBox.module.css:injector.js
|
467
|
-
var content2 = globalThis['__css-content-
|
468
|
-
var digest2 = globalThis['__css-digest-
|
466
|
+
var content2 = globalThis['__css-content-0cf48d47e49b83312176e637e778b3b0__'];
|
467
|
+
var digest2 = globalThis['__css-digest-0cf48d47e49b83312176e637e778b3b0__'];
|
469
468
|
var inject2 = () => {
|
470
469
|
setTimeout(() => {
|
471
470
|
if (!globalThis.document) {
|
@@ -491,10 +490,10 @@ var inject2 = () => {
|
|
491
490
|
|
492
491
|
// src/chat-ui/components/Input/InputBox.module.css
|
493
492
|
var InputBox_default = new Proxy({
|
494
|
-
"chatInput": "InputBox-
|
495
|
-
"inputWrapper": "InputBox-
|
496
|
-
"sendButton": "InputBox-
|
497
|
-
"svgIcon": "InputBox-
|
493
|
+
"chatInput": "InputBox-module__chatInput_adOgOW__0231",
|
494
|
+
"inputWrapper": "InputBox-module__inputWrapper_adOgOW__0231",
|
495
|
+
"sendButton": "InputBox-module__sendButton_adOgOW__0231",
|
496
|
+
"svgIcon": "InputBox-module__svgIcon_adOgOW__0231"
|
498
497
|
}, {
|
499
498
|
get: function(source, key) {
|
500
499
|
inject2();
|
@@ -562,8 +561,8 @@ import { useEffect as useEffect3, useRef as useRef4, useState as useState4 } fro
|
|
562
561
|
import { useState as useState3, useEffect as useEffect2, useCallback } from "react";
|
563
562
|
|
564
563
|
// esbuild-css-modules-plugin-ns-js::src/chat-ui/components/Message/Message.module.css:injector.js
|
565
|
-
var content3 = globalThis['__css-content-
|
566
|
-
var digest3 = globalThis['__css-digest-
|
564
|
+
var content3 = globalThis['__css-content-0cf48d47e49b83312176e637e778b3b0__'];
|
565
|
+
var digest3 = globalThis['__css-digest-0cf48d47e49b83312176e637e778b3b0__'];
|
567
566
|
var inject3 = () => {
|
568
567
|
setTimeout(() => {
|
569
568
|
if (!globalThis.document) {
|
@@ -589,8 +588,8 @@ var inject3 = () => {
|
|
589
588
|
|
590
589
|
// src/chat-ui/components/Message/Message.module.css
|
591
590
|
var Message_default = new Proxy({
|
592
|
-
"messageContainer": "Message-
|
593
|
-
"userName": "Message-
|
591
|
+
"messageContainer": "Message-module__messageContainer_ikOQiq__0231",
|
592
|
+
"userName": "Message-module__userName_ikOQiq__0231"
|
594
593
|
}, {
|
595
594
|
get: function(source, key) {
|
596
595
|
inject3();
|
@@ -646,8 +645,8 @@ var Message = ({ username, message, stringToHslOptions }) => {
|
|
646
645
|
var Message_default2 = Message;
|
647
646
|
|
648
647
|
// esbuild-css-modules-plugin-ns-js::src/chat-ui/components/Messages/Messages.module.css:injector.js
|
649
|
-
var content4 = globalThis['__css-content-
|
650
|
-
var digest4 = globalThis['__css-digest-
|
648
|
+
var content4 = globalThis['__css-content-0cf48d47e49b83312176e637e778b3b0__'];
|
649
|
+
var digest4 = globalThis['__css-digest-0cf48d47e49b83312176e637e778b3b0__'];
|
651
650
|
var inject4 = () => {
|
652
651
|
setTimeout(() => {
|
653
652
|
if (!globalThis.document) {
|
@@ -673,8 +672,8 @@ var inject4 = () => {
|
|
673
672
|
|
674
673
|
// src/chat-ui/components/Messages/Messages.module.css
|
675
674
|
var Messages_default = new Proxy({
|
676
|
-
"messagesContainer": "Messages-
|
677
|
-
"newMessagesButton": "Messages-
|
675
|
+
"messagesContainer": "Messages-module__messagesContainer_LXaUUW__0231",
|
676
|
+
"newMessagesButton": "Messages-module__newMessagesButton_LXaUUW__0231"
|
678
677
|
}, {
|
679
678
|
get: function(source, key) {
|
680
679
|
inject4();
|
@@ -684,6 +683,7 @@ var Messages_default = new Proxy({
|
|
684
683
|
|
685
684
|
// src/chat-ui/components/Messages/Messages.tsx
|
686
685
|
import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
686
|
+
var SCROLL_THRESHOLD_PX = 10;
|
687
687
|
var Messages = ({ messages, stringToHslOptions, shouldAutoScroll }) => {
|
688
688
|
const messagesEndRef = useRef4(null);
|
689
689
|
const containerRef = useRef4(null);
|
@@ -693,7 +693,7 @@ var Messages = ({ messages, stringToHslOptions, shouldAutoScroll }) => {
|
|
693
693
|
const isAtBottom = () => {
|
694
694
|
if (!containerRef.current) return true;
|
695
695
|
const { scrollTop, scrollHeight, clientHeight } = containerRef.current;
|
696
|
-
return Math.abs(scrollHeight - clientHeight - scrollTop) <
|
696
|
+
return Math.abs(scrollHeight - clientHeight - scrollTop) < SCROLL_THRESHOLD_PX;
|
697
697
|
};
|
698
698
|
const handleScroll = () => {
|
699
699
|
const atBottom = isAtBottom();
|
@@ -731,44 +731,29 @@ var Messages = ({ messages, stringToHslOptions, shouldAutoScroll }) => {
|
|
731
731
|
}
|
732
732
|
}, [messages, shouldAutoScroll, wasAtBottom, lastReadMessageIndex]);
|
733
733
|
return /* @__PURE__ */ jsxs4(Fragment2, { children: [
|
734
|
-
/* @__PURE__ */ jsxs4(
|
735
|
-
|
736
|
-
|
737
|
-
|
738
|
-
|
739
|
-
|
740
|
-
|
741
|
-
|
742
|
-
|
743
|
-
|
744
|
-
|
745
|
-
|
746
|
-
|
747
|
-
|
748
|
-
|
749
|
-
|
750
|
-
|
751
|
-
]
|
752
|
-
}
|
753
|
-
),
|
754
|
-
unreadCount > 0 && /* @__PURE__ */ jsxs4(
|
755
|
-
"button",
|
756
|
-
{
|
757
|
-
className: Messages_default.newMessagesButton,
|
758
|
-
onClick: scrollToBottom,
|
759
|
-
children: [
|
760
|
-
unreadCount,
|
761
|
-
" new message",
|
762
|
-
unreadCount !== 1 ? "s" : ""
|
763
|
-
]
|
764
|
-
}
|
765
|
-
)
|
734
|
+
/* @__PURE__ */ jsxs4("div", { ref: containerRef, className: Messages_default.messagesContainer, onScroll: handleScroll, children: [
|
735
|
+
messages.map((msg, index) => /* @__PURE__ */ jsx5(
|
736
|
+
Message_default2,
|
737
|
+
{
|
738
|
+
username: msg.username,
|
739
|
+
message: msg.message,
|
740
|
+
stringToHslOptions
|
741
|
+
},
|
742
|
+
index
|
743
|
+
)),
|
744
|
+
/* @__PURE__ */ jsx5("div", { ref: messagesEndRef })
|
745
|
+
] }),
|
746
|
+
unreadCount > 0 && /* @__PURE__ */ jsxs4("button", { className: Messages_default.newMessagesButton, onClick: scrollToBottom, children: [
|
747
|
+
unreadCount,
|
748
|
+
" new message",
|
749
|
+
unreadCount !== 1 ? "s" : ""
|
750
|
+
] })
|
766
751
|
] });
|
767
752
|
};
|
768
753
|
|
769
754
|
// esbuild-css-modules-plugin-ns-js::src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css:injector.js
|
770
|
-
var content5 = globalThis['__css-content-
|
771
|
-
var digest5 = globalThis['__css-digest-
|
755
|
+
var content5 = globalThis['__css-content-0cf48d47e49b83312176e637e778b3b0__'];
|
756
|
+
var digest5 = globalThis['__css-digest-0cf48d47e49b83312176e637e778b3b0__'];
|
772
757
|
var inject5 = () => {
|
773
758
|
setTimeout(() => {
|
774
759
|
if (!globalThis.document) {
|
@@ -794,18 +779,18 @@ var inject5 = () => {
|
|
794
779
|
|
795
780
|
// src/chat-ui/components/ChatPanel/TextChatUIComponent.module.css
|
796
781
|
var TextChatUIComponent_default = new Proxy({
|
797
|
-
"closeButton": "TextChatUIComponent-
|
798
|
-
"controls": "TextChatUIComponent-
|
799
|
-
"fadeIn": "TextChatUIComponent-
|
800
|
-
"fadeOut": "TextChatUIComponent-
|
801
|
-
"messagesWrapper": "TextChatUIComponent-
|
802
|
-
"openTab": "TextChatUIComponent-
|
803
|
-
"stickyButton": "TextChatUIComponent-
|
804
|
-
"stickyButtonEnabled": "TextChatUIComponent-
|
805
|
-
"stickyButtonFadeOut": "TextChatUIComponent-
|
806
|
-
"textChat": "TextChatUIComponent-
|
807
|
-
"textChatUi": "TextChatUIComponent-
|
808
|
-
"uiHover": "TextChatUIComponent-
|
782
|
+
"closeButton": "TextChatUIComponent-module__closeButton_gFDdcW__0231",
|
783
|
+
"controls": "TextChatUIComponent-module__controls_gFDdcW__0231",
|
784
|
+
"fadeIn": "TextChatUIComponent-module__fadeIn_gFDdcW__0231",
|
785
|
+
"fadeOut": "TextChatUIComponent-module__fadeOut_gFDdcW__0231",
|
786
|
+
"messagesWrapper": "TextChatUIComponent-module__messagesWrapper_gFDdcW__0231",
|
787
|
+
"openTab": "TextChatUIComponent-module__openTab_gFDdcW__0231",
|
788
|
+
"stickyButton": "TextChatUIComponent-module__stickyButton_gFDdcW__0231",
|
789
|
+
"stickyButtonEnabled": "TextChatUIComponent-module__stickyButtonEnabled_gFDdcW__0231",
|
790
|
+
"stickyButtonFadeOut": "TextChatUIComponent-module__stickyButtonFadeOut_gFDdcW__0231",
|
791
|
+
"textChat": "TextChatUIComponent-module__textChat_gFDdcW__0231",
|
792
|
+
"textChatUi": "TextChatUIComponent-module__textChatUi_gFDdcW__0231",
|
793
|
+
"uiHover": "TextChatUIComponent-module__uiHover_gFDdcW__0231"
|
809
794
|
}, {
|
810
795
|
get: function(source, key) {
|
811
796
|
inject5();
|
@@ -817,6 +802,7 @@ var TextChatUIComponent_default = new Proxy({
|
|
817
802
|
import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
|
818
803
|
var MAX_MESSAGES = 50;
|
819
804
|
var SECONDS_TO_FADE_OUT = 6;
|
805
|
+
var AUTO_SCROLL_RESET_DELAY_MS = 100;
|
820
806
|
var ChatUIComponent = (props, ref) => {
|
821
807
|
const visibleByDefault = props.visibleByDefault ?? true;
|
822
808
|
const [messages, setMessages] = useState5([]);
|
@@ -918,7 +904,7 @@ var ChatUIComponent = (props, ref) => {
|
|
918
904
|
const handleSendMessage = (message) => {
|
919
905
|
setShouldAutoScroll(true);
|
920
906
|
props.sendMessageToServer(message);
|
921
|
-
setTimeout(() => setShouldAutoScroll(false),
|
907
|
+
setTimeout(() => setShouldAutoScroll(false), AUTO_SCROLL_RESET_DELAY_MS);
|
922
908
|
};
|
923
909
|
const setFocus = () => setIsFocused(true);
|
924
910
|
useEffect4(() => {
|
@@ -952,7 +938,14 @@ var ChatUIComponent = (props, ref) => {
|
|
952
938
|
className: `${TextChatUIComponent_default.textChat} ${panelStyle}`,
|
953
939
|
onWheel: handleWheel,
|
954
940
|
children: [
|
955
|
-
/* @__PURE__ */ jsx6("div", { className: TextChatUIComponent_default.messagesWrapper, children: /* @__PURE__ */ jsx6(
|
941
|
+
/* @__PURE__ */ jsx6("div", { className: TextChatUIComponent_default.messagesWrapper, children: /* @__PURE__ */ jsx6(
|
942
|
+
Messages,
|
943
|
+
{
|
944
|
+
messages,
|
945
|
+
stringToHslOptions: props.stringToHslOptions,
|
946
|
+
shouldAutoScroll
|
947
|
+
}
|
948
|
+
) }),
|
956
949
|
/* @__PURE__ */ jsx6(
|
957
950
|
InputBox,
|
958
951
|
{
|
@@ -982,16 +975,17 @@ var ForwardedChatUIComponent = forwardRef3(ChatUIComponent);
|
|
982
975
|
var TextChatUI = class {
|
983
976
|
constructor(config) {
|
984
977
|
this.config = config;
|
985
|
-
this.appRef = createRef2();
|
986
|
-
this.wrapper = document.createElement("div");
|
987
978
|
this.config.holderElement.appendChild(this.wrapper);
|
988
979
|
this.root = createRoot2(this.wrapper);
|
989
980
|
}
|
981
|
+
root;
|
982
|
+
appRef = createRef();
|
990
983
|
addTextMessage(username, message) {
|
991
984
|
if (this.appRef.current) {
|
992
985
|
this.appRef.current.addMessage(username, message);
|
993
986
|
}
|
994
987
|
}
|
988
|
+
wrapper = document.createElement("div");
|
995
989
|
dispose() {
|
996
990
|
this.root.unmount();
|
997
991
|
this.wrapper.remove();
|
@@ -1014,8 +1008,8 @@ var TextChatUI = class {
|
|
1014
1008
|
};
|
1015
1009
|
|
1016
1010
|
// esbuild-css-modules-plugin-ns-js::src/Networked3dWebExperience.module.css:injector.js
|
1017
|
-
var content6 = globalThis['__css-content-
|
1018
|
-
var digest6 = globalThis['__css-digest-
|
1011
|
+
var content6 = globalThis['__css-content-0cf48d47e49b83312176e637e778b3b0__'];
|
1012
|
+
var digest6 = globalThis['__css-digest-0cf48d47e49b83312176e637e778b3b0__'];
|
1019
1013
|
var inject6 = () => {
|
1020
1014
|
setTimeout(() => {
|
1021
1015
|
if (!globalThis.document) {
|
@@ -1041,7 +1035,7 @@ var inject6 = () => {
|
|
1041
1035
|
|
1042
1036
|
// src/Networked3dWebExperience.module.css
|
1043
1037
|
var Networked3dWebExperience_default = new Proxy({
|
1044
|
-
"respawnButton": "Networked3dWebExperience-
|
1038
|
+
"respawnButton": "Networked3dWebExperience-module__respawnButton_7g9l0W__0231"
|
1045
1039
|
}, {
|
1046
1040
|
get: function(source, key) {
|
1047
1041
|
inject6();
|
@@ -1079,26 +1073,6 @@ var Networked3dWebExperienceClient = class {
|
|
1079
1073
|
constructor(holderElement, config) {
|
1080
1074
|
this.holderElement = holderElement;
|
1081
1075
|
this.config = config;
|
1082
|
-
this.scene = new Scene();
|
1083
|
-
this.tweakPane = null;
|
1084
|
-
this.audioListener = new AudioListener();
|
1085
|
-
this.timeManager = new TimeManager();
|
1086
|
-
this.keyInputManager = new KeyInputManager();
|
1087
|
-
this.mmlFrames = {};
|
1088
|
-
this.clientId = null;
|
1089
|
-
this.remoteUserStates = /* @__PURE__ */ new Map();
|
1090
|
-
this.userProfiles = /* @__PURE__ */ new Map();
|
1091
|
-
this.textChatUI = null;
|
1092
|
-
this.avatarSelectionUI = null;
|
1093
|
-
this.latestCharacterObject = {
|
1094
|
-
characterState: null
|
1095
|
-
};
|
1096
|
-
this.characterControllerPaneSet = false;
|
1097
|
-
this.initialLoadCompleted = false;
|
1098
|
-
this.loadingProgressManager = new LoadingProgressManager();
|
1099
|
-
this.groundPlane = null;
|
1100
|
-
this.respawnButton = null;
|
1101
|
-
this.currentRequestAnimationFrame = null;
|
1102
1076
|
var _a;
|
1103
1077
|
this.element = document.createElement("div");
|
1104
1078
|
this.element.style.position = "absolute";
|
@@ -1269,7 +1243,6 @@ var Networked3dWebExperienceClient = class {
|
|
1269
1243
|
const [, completed] = this.loadingProgressManager.toRatio();
|
1270
1244
|
if (completed && !this.initialLoadCompleted) {
|
1271
1245
|
this.initialLoadCompleted = true;
|
1272
|
-
console.log("Initial load completed");
|
1273
1246
|
this.connectToTextChat();
|
1274
1247
|
this.mountAvatarSelectionUI();
|
1275
1248
|
this.spawnCharacter(spawnData);
|
@@ -1277,6 +1250,39 @@ var Networked3dWebExperienceClient = class {
|
|
1277
1250
|
});
|
1278
1251
|
this.loadingProgressManager.setInitialLoad(true);
|
1279
1252
|
}
|
1253
|
+
element;
|
1254
|
+
canvasHolder;
|
1255
|
+
scene = new Scene();
|
1256
|
+
composer;
|
1257
|
+
tweakPane = null;
|
1258
|
+
audioListener = new AudioListener();
|
1259
|
+
cameraManager;
|
1260
|
+
collisionsManager;
|
1261
|
+
characterModelLoader;
|
1262
|
+
characterManager;
|
1263
|
+
timeManager = new TimeManager();
|
1264
|
+
keyInputManager = new KeyInputManager();
|
1265
|
+
virtualJoystick;
|
1266
|
+
mmlCompositionScene;
|
1267
|
+
mmlFrames = {};
|
1268
|
+
clientId = null;
|
1269
|
+
networkClient;
|
1270
|
+
remoteUserStates = /* @__PURE__ */ new Map();
|
1271
|
+
userProfiles = /* @__PURE__ */ new Map();
|
1272
|
+
textChatUI = null;
|
1273
|
+
avatarSelectionUI = null;
|
1274
|
+
latestCharacterObject = {
|
1275
|
+
characterState: null
|
1276
|
+
};
|
1277
|
+
characterControllerPaneSet = false;
|
1278
|
+
spawnConfiguration;
|
1279
|
+
initialLoadCompleted = false;
|
1280
|
+
loadingProgressManager = new LoadingProgressManager();
|
1281
|
+
loadingScreen;
|
1282
|
+
errorScreen;
|
1283
|
+
groundPlane = null;
|
1284
|
+
respawnButton = null;
|
1285
|
+
currentRequestAnimationFrame = null;
|
1280
1286
|
setGroundPlaneEnabled(enabled) {
|
1281
1287
|
if (enabled && this.groundPlane === null) {
|
1282
1288
|
this.groundPlane = new GroundPlane();
|