@midscene/playground-app 1.7.3 → 1.7.4

package/dist/es/scrcpy-preview.mjs

@@ -0,0 +1,30 @@
+import { SCRCPY_PREVIEW_METADATA_TIMEOUT_MS } from "@midscene/shared/constants";
+const SCRCPY_METADATA_TIMEOUT_MS = SCRCPY_PREVIEW_METADATA_TIMEOUT_MS;
+function isScrcpyPreviewStatusEvent(value) {
+    return 'object' == typeof value && null !== value && 'message' in value && 'string' == typeof value.message;
+}
+function getDefaultScrcpyWaitingStatusText() {
+    return 'Preparing Android device connection…';
+}
+function getScrcpyDecoderStatusText() {
+    return 'Starting video decoder…';
+}
+function getScrcpyPreviewStatusText(status, waitingMessage = getDefaultScrcpyWaitingStatusText()) {
+    switch(status){
+        case 'connected':
+            return 'Live scrcpy preview connected';
+        case 'waiting-for-stream':
+            return waitingMessage;
+        case 'error':
+            return 'Unable to start scrcpy preview';
+        case 'disconnected':
+            return 'scrcpy preview disconnected, retrying…';
+        default:
+            return 'Connecting to scrcpy preview server…';
+    }
+}
+function getScrcpyMetadataTimeoutMessage(timeoutMs = SCRCPY_METADATA_TIMEOUT_MS) {
+    const seconds = Math.max(1, Math.round(timeoutMs / 1000));
+    return `Timed out waiting ${seconds}s for scrcpy video stream metadata.`;
+}
+export { SCRCPY_METADATA_TIMEOUT_MS, getDefaultScrcpyWaitingStatusText, getScrcpyDecoderStatusText, getScrcpyMetadataTimeoutMessage, getScrcpyPreviewStatusText, isScrcpyPreviewStatusEvent };

package/dist/lib/PlaygroundApp.css

@@ -103,134 +103,6 @@ h3 {
   overflow: hidden;
 }
 
-.session-setup-panel {
-  flex: 1;
-  justify-content: center;
-  align-items: center;
-  padding: 24px 0;
-  display: flex;
-}
-
-.session-setup-card {
-  background: linear-gradient(#fff 0%, #fafafa 100%);
-  border: 1px solid rgba(0, 0, 0, .08);
-  border-radius: 16px;
-  width: 100%;
-  max-width: 520px;
-  padding: 28px;
-  box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
-}
-
-.session-setup-card .ant-alert {
-  margin-bottom: 16px;
-}
-
-.session-setup-form {
-  margin: 24px 0 8px;
-}
-
-.platform-selector-group {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
-  width: 100%;
-  display: grid;
-}
-
-.platform-selector-group .ant-radio-button-wrapper {
-  white-space: normal;
-  background: #fff;
-  border-radius: 14px;
-  justify-content: flex-start;
-  align-items: flex-start;
-  height: auto;
-  min-height: 92px;
-  padding: 14px 16px;
-  transition: border-color .2s, box-shadow .2s, transform .2s;
-  display: flex;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-  border-left-width: 1px;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-  border-left-width: 1px;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-  border-left-width: 1px;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  border-right-width: 1px;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  border-right-width: 1px;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  border-right-width: 1px;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:before {
-  display: none;
-}
-
-.platform-selector-group .ant-radio-button-wrapper:hover {
-  border-color: #1677ff;
-  transform: translateY(-1px);
-}
-
-.platform-selector-group .ant-radio-button-wrapper-checked {
-  border-color: #1677ff;
-  box-shadow: 0 10px 24px rgba(22, 119, 255, .12);
-}
-
-.platform-selector-card .platform-selector-title {
-  color: rgba(0, 0, 0, .88);
-  font-size: 15px;
-  font-weight: 600;
-  line-height: 1.4;
-}
-
-.platform-selector-card .platform-selector-description {
-  color: rgba(0, 0, 0, .5);
-  margin-top: 6px;
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-.session-select-option {
-  flex-direction: column;
-  gap: 2px;
-  line-height: 1.4;
-  display: flex;
-}
-
-.session-select-option-label {
-  color: rgba(0, 0, 0, .88);
-}
-
-.session-select-option-description {
-  color: rgba(0, 0, 0, .45);
-  font-size: 12px;
-}
-
-.session-toolbar {
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-  padding: 20px 0 16px;
-  display: flex;
-}
-
-@media (max-width: 640px) {
-  .platform-selector-group {
-    grid-template-columns: 1fr;
-  }
-}
-
 .server-offline-container {
   background: #f5f5f5;
   justify-content: center;