devicely 2.1.9 → 2.2.0

package/lib/frontend/static/js/main.5495c762.js.LICENSE.txt

@@ -0,0 +1,48 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/lib/logger.js

@@ -1,7 +1,9 @@
 // Centralized Logger for Production
-// Use environment variable to control debug output
+// Use environment variable or --debug flag to control debug output
 
-const DEBUG_MODE = process.env.DEBUG === 'true' || process.env.NODE_ENV === 'development';
+const DEBUG_MODE = process.argv.includes('--debug') || 
+                   process.env.DEBUG === 'true' || 
+                   process.env.NODE_ENV === 'development';
 
 class Logger {
   constructor(module) {
@@ -28,8 +30,18 @@ class Logger {
 
   // Keep critical startup/connection messages
   startup(...args) {
-    console.log(`[STARTUP][${this.module}]`, ...args);
+    console.log(`✅ [${this.module}]`, ...args);
   }
+  
+  // Show execution results (always visible)
+  result(...args) {
+    console.log(`📝 [${this.module}]`, ...args);
+  }
+}
+
+// Show debug mode status on startup
+if (DEBUG_MODE) {
+  console.log('🔧 DEBUG MODE ENABLED - Use devicely without --debug flag for quiet mode\n');
 }
 
 module.exports = Logger;

package/lib/server.js

@@ -9,6 +9,10 @@ const { spawn } = require('child_process');
 const WebSocket = require('ws');
 const fs = require('fs').promises;
 const AIProviderManager = require('./aiProviders');
+const Logger = require('./logger');
+
+// Initialize logger
+const logger = new Logger('Server');
 
 // Import scriptLoader for encrypted scripts
 let scriptLoader;
@@ -643,12 +647,11 @@ function executeCommand(deviceNames, command, wsClient) {
 
 function executeWithScript(scriptPath, deviceNames, command, wsClient) {
   return new Promise((resolve, reject) => {
-    console.log(`\n${'='.repeat(60)}`);
-    console.log(`Script: ${path.basename(scriptPath)}`);
-    console.log(`Devices: [${deviceNames.join(', ')}]`);
-    console.log(`Command: "${command}"`);
-
-    console.log(`${'='.repeat(60)}\n`);
+    logger.debug(`\n${'='.repeat(60)}`);
+    logger.debug(`Script: ${path.basename(scriptPath)}`);
+    logger.debug(`Devices: [${deviceNames.join(', ')}]`);
+    logger.debug(`Command: "${command}"`);
+    logger.debug(`${'='.repeat(60)}\n`);
     
     // Execute command on each device in parallel
     const devicePromises = deviceNames.map((deviceName, index) => {
@@ -657,6 +660,8 @@ function executeWithScript(scriptPath, deviceNames, command, wsClient) {
         // Use -d flag for each device
         const args = ['-d', deviceName, command];
         
+        logger.debug(`[${index + 1}/${deviceNames.length}] Executing on: ${deviceName}`);
+        
         
         const child = spawn(scriptPath, args, {
           cwd: path.dirname(scriptPath)
@@ -669,7 +674,7 @@ function executeWithScript(scriptPath, deviceNames, command, wsClient) {
         child.stdout.on('data', (data) => {
           const text = data.toString();
           output += text;
-          console.log(`[${deviceName}] STDOUT: ${text.trim()}`);
+          logger.debug(`[${deviceName}] STDOUT: ${text.trim()}`);
           if (wsClient) {
             wsClient.send(JSON.stringify({
               type: 'command_output',
@@ -728,15 +733,15 @@ function executeWithScript(scriptPath, deviceNames, command, wsClient) {
 // Execute Android commands (uses device UDID instead of name)
 function executeAndroidDevices(scriptPath, devices, command, wsClient) {
   return new Promise((resolve, reject) => {
-    console.log(`\n${'='.repeat(60)}`);
-    console.log(`Script: ${path.basename(scriptPath)}`);
-    console.log(`Devices: [${devices.map(d => d.name).join(', ')}]`);
-    console.log(`Command: "${command}"`);
-    console.log(`${'='.repeat(60)}\n`);
+    logger.debug(`\n${'='.repeat(60)}`);
+    logger.debug(`Script: ${path.basename(scriptPath)}`);
+    logger.debug(`Devices: [${devices.map(d => d.name).join(', ')}]`);
+    logger.debug(`Command: "${command}"`);
+    logger.debug(`${'='.repeat(60)}\n`);
     
     // Execute command on each device in parallel
     const devicePromises = devices.map((device, index) => {
-      console.log(`[${index + 1}/${devices.length}] Creating execution promise for: ${device.name} (${device.udid})`);
+      logger.debug(`[${index + 1}/${devices.length}] Creating execution promise for: ${device.name} (${device.udid}`);
       
       return new Promise((resolveDevice, rejectDevice) => {
         // Android script expects: <device_serial> <command> [args...]
@@ -754,7 +759,7 @@ function executeAndroidDevices(scriptPath, devices, command, wsClient) {
         child.stdout.on('data', (data) => {
           const text = data.toString();
           output += text;
-          console.log(`[${device.name}] STDOUT: ${text.trim()}`);
+          logger.debug(`[${device.name}] STDOUT: ${text.trim()}`);
           if (wsClient) {
             wsClient.send(JSON.stringify({ 
               type: 'output', 
@@ -767,7 +772,7 @@ function executeAndroidDevices(scriptPath, devices, command, wsClient) {
         child.stderr.on('data', (data) => {
           const text = data.toString();
           error += text;
-          console.log(`[${device.name}] STDERR: ${text.trim()}`);
+          logger.debug(`[${device.name}] STDERR: ${text.trim()}`);
         });
         
         child.on('close', (code) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devicely",
-  "version": "2.1.9",
+  "version": "2.2.0",
   "description": "Devicely - One Command, All Devices. AI Powered Mobile Automation for iOS and Android",
   "main": "lib/index.js",
   "bin": {

package/lib/frontend/static/css/main.23bd35c0.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.23bd35c0.css","mappings":"AAGA,kBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAGA,wBACE,GACE,SAAU,CACV,0BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAGA,uBACE,GACE,SAAU,CACV,2BACF,CACA,GACE,SAAU,CACV,uBACF,CACF,CAGA,mBACE,GACE,SAAU,CACV,mBACF,CACA,GACE,SAAU,CACV,kBACF,CACF,CAGA,iBACE,MACE,SAAU,CACV,kBACF,CACA,IACE,UAAY,CACZ,qBACF,CACF,CAGA,gBACE,OAEE,SAAU,CADV,kBAEF,CACF,CAGA,kBACE,MACE,uBACF,CACA,IACE,2BACF,CACF,CAGA,mBACE,GACE,6BACF,CACA,GACE,4BACF,CACF,CAGA,kBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAGA,iBACE,MACE,uBACF,CACA,IACE,0BACF,CACF,CAGA,gBACE,MACE,4BACF,CACA,IACE,gDACF,CACF,CAGA,SACE,6BACF,CAEA,gBACE,mCACF,CAEA,eACE,kCACF,CAEA,UACE,kDACF,CAEA,OACE,mDACF,CAEA,MACE,iDACF,CAEA,QACE,wCACF,CAEA,OACE,uCACF,CAEA,SAQE,6BAA8B,CAP9B,6DAKC,CACD,2BAEF,CAEA,QACE,0BACF,CAEA,MACE,sCACF,CAGA,EACE,uCACF,CAEA,mBACE,0CACF,CAEA,oBAEE,gCAA2C,CAD3C,0BAEF,CAGA,OACE,oBAAoC,CAGpC,sBACF,CAEA,mBALE,yCAA0C,CAC1C,iDASF,CALA,YACE,gBAA8B,CAG9B,0BACF,CAGA,YACE,0CACF,CAEA,kBAEE,4BAA0C,CAD1C,sCAEF,CAGA,QAEE,eAAgB,CADhB,iBAEF,CAEA,cAQE,oBAAoC,CADpC,iBAAkB,CANlB,UAAW,CAKX,QAAS,CAFT,QAAS,CAFT,iBAAkB,CAClB,OAAQ,CAMR,8BAAgC,CAChC,+BAAmC,CALnC,OAMF,CAEA,qBAEE,YAAa,CADb,WAEF,CAGA,oBAEE,WAAY,CADZ,UAEF,CAEA,0BACE,oBAA+B,CAC/B,kBACF,CAEA,0BACE,oBAA8B,CAC9B,kBAAmB,CACnB,+BAAyB,CAAzB,uBACF,CAEA,gCACE,oBACF,CAGA,UAQE,+BAAgC,CAPhC,2EAKC,CACD,yBAA0B,CAE1B,iBACF,CAGA,eAGE,iBAAkB,CAFlB,2BAA0C,CAC1C,kBAEF,CAGA,WACE,wBAAyB,CAGzB,gBACF,CAGA,eAGE,6BAAoC,CAFpC,kDAA6D,CAC7D,4BAA6B,CAE7B,oBACF,CAGA,aACE,mDACF,CAEA,eACE,oDACF,CAEA,eACE,qDACF,CAGA,cAEE,sCAAwC,CADxC,SAEF,CAEA,0BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CACpD,2BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CACpD,2BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CACpD,2BAA6B,oBAAwB,CACrD,2BAA6B,mBAAuB,CAGpD,oBACE,yBACF,CAEA,oBACE,yBACF,CAGA,uCACE,iBAGE,kCAAqC,CACrC,qCAAuC,CACvC,mCACF,CACF","sources":["animations.css"],"sourcesContent":["/* Enhanced UI Animations and Effects */\n\n/* Smooth Fade In */\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Slide In From Right */\n@keyframes slideInRight {\n  from {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n/* Slide In From Left */\n@keyframes slideInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n/* Scale In */\n@keyframes scaleIn {\n  from {\n    opacity: 0;\n    transform: scale(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n/* Pulse Effect */\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.6;\n    transform: scale(1.15);\n  }\n}\n\n/* Ping Effect (Ripple) */\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n/* Bounce */\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n/* Shimmer Loading */\n@keyframes shimmer {\n  0% {\n    background-position: -1000px 0;\n  }\n  100% {\n    background-position: 1000px 0;\n  }\n}\n\n/* Rotate */\n@keyframes rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Float */\n@keyframes float {\n  0%, 100% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n/* Glow */\n@keyframes glow {\n  0%, 100% {\n    box-shadow: 0 0 5px rgba(24, 144, 255, 0.5);\n  }\n  50% {\n    box-shadow: 0 0 20px rgba(24, 144, 255, 0.8), 0 0 30px rgba(24, 144, 255, 0.6);\n  }\n}\n\n/* Apply Animations */\n.fade-in {\n  animation: fadeIn 0.5s ease-out;\n}\n\n.slide-in-right {\n  animation: slideInRight 0.5s ease-out;\n}\n\n.slide-in-left {\n  animation: slideInLeft 0.5s ease-out;\n}\n\n.scale-in {\n  animation: scaleIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n.pulse {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n.ping {\n  animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n\n.bounce {\n  animation: bounce 1s ease-in-out infinite;\n}\n\n.float {\n  animation: float 3s ease-in-out infinite;\n}\n\n.shimmer {\n  background: linear-gradient(\n    to right,\n    rgba(255, 255, 255, 0) 0%,\n    rgba(255, 255, 255, 0.3) 50%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  background-size: 1000px 100%;\n  animation: shimmer 2s infinite;\n}\n\n.rotate {\n  animation: rotate 1s linear;\n}\n\n.glow {\n  animation: glow 2s ease-in-out infinite;\n}\n\n/* Smooth Transitions */\n* {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.smooth-transition {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.smooth-hover:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n}\n\n/* Glass Morphism */\n.glass {\n  background: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(10px) saturate(180%);\n  -webkit-backdrop-filter: blur(10px) saturate(180%);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.glass-dark {\n  background: rgba(0, 0, 0, 0.2);\n  backdrop-filter: blur(10px) saturate(180%);\n  -webkit-backdrop-filter: blur(10px) saturate(180%);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n/* Card Hover Effects */\n.card-hover {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-hover:hover {\n  transform: translateY(-4px) scale(1.02);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}\n\n/* Button Ripple Effect */\n.ripple {\n  position: relative;\n  overflow: hidden;\n}\n\n.ripple::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.5);\n  transform: translate(-50%, -50%);\n  transition: width 0.6s, height 0.6s;\n}\n\n.ripple:active::after {\n  width: 300px;\n  height: 300px;\n}\n\n/* Smooth Scrollbar */\n::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.05);\n  border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.3);\n  border-radius: 10px;\n  transition: all 0.3s ease;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.5);\n}\n\n/* Loading Skeleton */\n.skeleton {\n  background: linear-gradient(\n    90deg,\n    rgba(200, 200, 200, 0.3) 25%,\n    rgba(200, 200, 200, 0.5) 50%,\n    rgba(200, 200, 200, 0.3) 75%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n/* Focus Visible for Accessibility */\n*:focus-visible {\n  outline: 2px solid rgba(24, 144, 255, 0.6);\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n\n/* Prevent Text Selection on Interactive Elements */\n.no-select {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n/* Gradient Text */\n.gradient-text {\n  background: linear-gradient(135deg, #1890FF 0%, #9254DE 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n/* Enhanced Shadow */\n.shadow-soft {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.08);\n}\n\n.shadow-medium {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.1);\n}\n\n.shadow-strong {\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 16px 48px rgba(0, 0, 0, 0.15);\n}\n\n/* Stagger Animation for Lists */\n.stagger-item {\n  opacity: 0;\n  animation: fadeIn 0.5s ease-out forwards;\n}\n\n.stagger-item:nth-child(1) { animation-delay: 0.05s; }\n.stagger-item:nth-child(2) { animation-delay: 0.1s; }\n.stagger-item:nth-child(3) { animation-delay: 0.15s; }\n.stagger-item:nth-child(4) { animation-delay: 0.2s; }\n.stagger-item:nth-child(5) { animation-delay: 0.25s; }\n.stagger-item:nth-child(6) { animation-delay: 0.3s; }\n.stagger-item:nth-child(7) { animation-delay: 0.35s; }\n.stagger-item:nth-child(8) { animation-delay: 0.4s; }\n\n/* Micro-interactions */\n.micro-bounce:hover {\n  animation: bounce 0.5s ease;\n}\n\n.micro-rotate:hover {\n  animation: rotate 0.5s ease;\n}\n\n/* Accessibility */\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}