portacode 2.2.20.dev4__tar.gz → 2.2.20.dev5__tar.gz

{portacode-2.2.20.dev4 → portacode-2.2.20.dev5}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: portacode
-Version: 2.2.20.dev4
+Version: 2.2.20.dev5
 Summary: Device agent for the AI platform that builds, tests, deploys, and operates real software
 Home-page: https://portacode.com/
 Author: Meena Erian

{portacode-2.2.20.dev4 → portacode-2.2.20.dev5}/portacode/_version.py

@@ -18,7 +18,7 @@ version_tuple: tuple[int | str, ...]
 commit_id: str | None
 __commit_id__: str | None
 
-__version__ = version = '2.2.20.dev4'
-__version_tuple__ = version_tuple = (2, 2, 20, 'dev4')
+__version__ = version = '2.2.20.dev5'
+__version_tuple__ = version_tuple = (2, 2, 20, 'dev5')
 
 __commit_id__ = commit_id = None

{portacode-2.2.20.dev4 → portacode-2.2.20.dev5}/portacode/connection/handlers/browser_handlers.py

@@ -105,6 +105,7 @@ _RUNNER = r"""
 const fs = require('fs');
 const readline = require('readline');
 const { chromium } = require(process.env.PORTACODE_PLAYWRIGHT_JS || 'playwright');
+const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
 const locator = (p,s) => {
   let l;
   if (s.role) l=p.getByRole(s.role, s.name === undefined ? {} : {name:s.name, exact:!!s.exact});
@@ -119,6 +120,39 @@ const closeContext = async () => {
  if(context) await context.close().catch(()=>{});
  context=null; page=null;
 };
+const installDemoLayer = async page => page.evaluate(() => {
+ if (document.querySelector('#__portacode_demo_cursor')) return;
+ const style=document.createElement('style'); style.id='__portacode_demo_style';
+ style.textContent=`#__portacode_demo_cursor{position:fixed;left:0;top:0;width:22px;height:22px;z-index:2147483647;pointer-events:none;filter:drop-shadow(0 2px 3px #0008);transform:translate(-3px,-2px);transition:opacity .2s}#__portacode_demo_cursor:before{content:'';display:block;width:0;height:0;border-top:19px solid #fff;border-right:12px solid transparent;filter:drop-shadow(0 0 1px #111)}.__portacode_demo_focus{position:fixed;z-index:2147483645;pointer-events:none;border:3px solid #32d583;border-radius:12px;box-shadow:0 0 0 5px #32d58333,0 8px 30px #0004;opacity:0;transition:all .28s ease,opacity .18s}.__portacode_demo_ripple{position:fixed;z-index:2147483646;pointer-events:none;width:18px;height:18px;margin:-9px;border:3px solid #32d583;border-radius:50%;animation:__pcRipple .55s ease-out forwards}@keyframes __pcRipple{to{transform:scale(3.4);opacity:0}}`;
+ document.documentElement.appendChild(style);
+ const cursor=document.createElement('div');cursor.id='__portacode_demo_cursor';document.documentElement.appendChild(cursor);
+ const focus=document.createElement('div');focus.className='__portacode_demo_focus';document.documentElement.appendChild(focus);
+ window.__pcDemo={x:Math.min(innerWidth-30,32),y:Math.min(innerHeight-30,80)};
+ cursor.style.transform=`translate(${window.__pcDemo.x}px,${window.__pcDemo.y}px)`;
+});
+const demoMove = async (page, locator, cfg, zoom=true) => {
+ if (!cfg.demo) return;
+ await locator.scrollIntoViewIfNeeded().catch(()=>{}); await sleep(250);
+ const box=await locator.boundingBox(); if(!box) return;
+ const point={x:box.x+box.width/2,y:box.y+box.height/2};
+ await page.evaluate(({box,point,desktopZoom}) => new Promise(resolve => {
+  const cursor=document.querySelector('#__portacode_demo_cursor'), focus=document.querySelector('.__portacode_demo_focus');
+  const from=window.__pcDemo||{x:30,y:80}, started=performance.now(), duration=Math.min(900,Math.max(420,Math.hypot(point.x-from.x,point.y-from.y)*1.35));
+  focus.style.left=`${box.x-5}px`;focus.style.top=`${box.y-5}px`;focus.style.width=`${box.width+10}px`;focus.style.height=`${box.height+10}px`;focus.style.opacity='1';
+  if(desktopZoom){document.body.style.transformOrigin=`${point.x}px ${point.y}px`;document.body.style.transition='transform 520ms cubic-bezier(.2,.8,.2,1)';document.body.style.transform='scale(1.055)';}
+  const tick=now=>{const t=Math.min(1,(now-started)/duration),e=1-Math.pow(1-t,3);const x=from.x+(point.x-from.x)*e,y=from.y+(point.y-from.y)*e;cursor.style.transform=`translate(${x}px,${y}px)`;if(t<1)requestAnimationFrame(tick);else{window.__pcDemo=point;resolve();}};requestAnimationFrame(tick);
+ }), {box,point,desktopZoom:zoom&&cfg.viewport.width>=900});
+ await sleep(260);
+};
+const demoClick = async (page, locator, cfg) => {
+ if(!cfg.demo) return;
+ const box=await locator.boundingBox(); if(!box)return;
+ await page.evaluate(({x,y})=>{const r=document.createElement('div');r.className='__portacode_demo_ripple';r.style.left=`${x}px`;r.style.top=`${y}px`;document.documentElement.appendChild(r);setTimeout(()=>r.remove(),700);},{x:box.x+box.width/2,y:box.y+box.height/2});
+};
+const demoRelease = async (page,cfg,hold=620) => {
+ if(!cfg.demo)return; await sleep(hold);
+ await page.evaluate(()=>{const f=document.querySelector('.__portacode_demo_focus');if(f)f.style.opacity='0';document.body.style.transform='scale(1)';}); await sleep(380);
+};
 const ensureContext = async cfg => {
  if(context && cfg.video_dir) await closeContext();
  if(!context) {
@@ -131,6 +165,7 @@ const ensureContext = async cfg => {
  }
  if(!page || page.isClosed()) {const pages=context.pages();page=pages[0] || await context.newPage();}
  await page.setViewportSize(cfg.viewport);
+ if(cfg.demo) await installDemoLayer(page);
  return page;
 };
 const run = async cfg => {
@@ -146,13 +181,13 @@ const run = async cfg => {
    const s=cfg.steps[i], op=s.op; let value=null;
    try {
     const l = ['click','fill','press','select','check','uncheck','assert','read'].includes(op) ? locator(page,s) : null;
-    if(op==='goto') await page.goto(s.url,{waitUntil:s.wait_until||'domcontentloaded'});
-    else if(op==='click') await l.click();
-    else if(op==='fill') await l.fill(String(s.value??''));
-    else if(op==='press') await l.press(s.key);
-    else if(op==='select') value=await l.selectOption(s.value);
-    else if(op==='check') await l.check();
-    else if(op==='uncheck') await l.uncheck();
+    if(op==='goto') {await page.goto(s.url,{waitUntil:s.wait_until||'domcontentloaded'});if(cfg.demo){await installDemoLayer(page);await sleep(900);}}
+    else if(op==='click') {await demoMove(page,l,cfg);await demoClick(page,l,cfg);await l.click();await demoRelease(page,cfg);}
+    else if(op==='fill') {await demoMove(page,l,cfg,false);if(cfg.demo&&await l.getAttribute('type')!=='password'){await l.click();await l.fill('');await l.pressSequentially(String(s.value??''),{delay:55});}else await l.fill(String(s.value??''));await demoRelease(page,cfg,420);}
+    else if(op==='press') {await demoMove(page,l,cfg,false);await l.press(s.key);await demoRelease(page,cfg,500);}
+    else if(op==='select') {await demoMove(page,l,cfg);value=await l.selectOption(s.value);await demoRelease(page,cfg,650);}
+    else if(op==='check') {await demoMove(page,l,cfg,false);await demoClick(page,l,cfg);await l.check();await demoRelease(page,cfg,450);}
+    else if(op==='uncheck') {await demoMove(page,l,cfg,false);await demoClick(page,l,cfg);await l.uncheck();await demoRelease(page,cfg,450);}
     else if(op==='wait') s.ms ? await page.waitForTimeout(s.ms) : await page.waitForLoadState(s.state||'domcontentloaded');
     else if(op==='assert') { const kind=s.kind||'visible'; if(kind==='visible') await l.waitFor({state:'visible'}); else if(kind==='hidden') await l.waitFor({state:'hidden'}); else if(kind==='text'){const got=await l.textContent();if(!String(got||'').includes(String(s.value)))throw Error(`expected text ${s.value}`); } else if(kind==='url'){if(!page.url().includes(String(s.value)))throw Error(`expected URL ${s.value}`);} else throw Error('unsupported assertion'); }
     else if(op==='read') { if(s.attribute) value=await l.getAttribute(s.attribute); else if(s.kind==='value') value=await l.inputValue(); else if(s.kind==='count') value=await l.count(); else value=(await l.innerText()).slice(0,8000); }
@@ -162,6 +197,7 @@ const run = async cfg => {
     out.steps.push({i,op,ok:true,...(value===null?{}:{value})});
    } catch(e) { out.steps.push({i,op,ok:false,error:String(e.message||e).slice(0,500)}); if(cfg.screenshot_on_failure){const b=await page.screenshot({type:'jpeg',quality:cfg.image_quality});out.screenshots.push({step:i,data:b.toString('base64'),mime_type:'image/jpeg',failure:true});} throw e; }
   }
+  if(cfg.demo) await sleep(1800);
   if(cfg.final_screenshot){const b=await page.screenshot({type:'jpeg',quality:cfg.image_quality});out.screenshots.push({step:'final',data:b.toString('base64'),mime_type:'image/jpeg'});}
   out.ok=true; out.url=page.url(); out.title=await page.title();
  } catch(e) {out.error=String(e.message||e).slice(0,1000);}
@@ -441,7 +477,8 @@ class BrowserRunHandler(AsyncHandler):
             "video_size": {"width": video_width, "height": video_height},
             "viewport": {"width": width, "height": height}, "executable_path": executable,
             "start_url": message.get("start_url"), "steps": steps, "timeout_ms": timeout_ms,
-            "deadline_ms": 45_000 if video_dir else None,
+            "deadline_ms": 180_000 if video_dir else None,
+            "demo": bool(video_dir),
             "image_quality": min(max(int(message.get("image_quality") or 65), 30), 85),
             "final_screenshot": bool(message.get("final_screenshot", True)),
             "screenshot_on_failure": bool(message.get("screenshot_on_failure", True)),
@@ -455,7 +492,7 @@ class BrowserRunHandler(AsyncHandler):
         worker = await _worker_for(
             user=user, session_id=session_id, argv=argv, env=env,
         )
-        run_limit = min(75 if video_dir else 300, 20 + len(steps) * timeout_ms / 1000)
+        run_limit = min(240 if video_dir else 300, 30 + len(steps) * timeout_ms / 1000)
         result = await worker.run(config, timeout=run_limit)
         result.update({"event": "browser_run_response", "success": bool(result.get("ok"))})
         return result

{portacode-2.2.20.dev4 → portacode-2.2.20.dev5}/portacode/connection/handlers/test_browser_handlers.py

@@ -217,6 +217,33 @@ class BrowserRunHandlerTests(unittest.IsolatedAsyncioTestCase):
         self.assertIn("op==='dom'", browser_handlers._RUNNER)
         self.assertIn("20000", browser_handlers._RUNNER)
 
+    def test_video_demo_layer_has_cursor_zoom_typing_and_click_effects(self):
+        runner = browser_handlers._RUNNER
+        self.assertIn("__portacode_demo_cursor", runner)
+        self.assertIn("desktopZoom", runner)
+        self.assertIn("pressSequentially", runner)
+        self.assertIn("__portacode_demo_ripple", runner)
+        self.assertIn("if(cfg.demo)", runner)
+
+    async def test_demo_presentation_is_enabled_only_for_video(self):
+        worker = AsyncMock()
+        worker.run.return_value = {"ok": True, "steps": [], "screenshots": []}
+        with (
+            patch.object(browser_handlers, "load_browser_config", return_value={"viewport":{"width":390,"height":844},"video":{"width":390,"height":844}}),
+            patch.object(browser_handlers, "get_default_runtime_user", return_value="tester"),
+            patch.object(browser_handlers, "get_runtime_user_home", return_value="/tmp"),
+            patch.object(browser_handlers, "mkdir_with_owner"),
+            patch.object(browser_handlers, "wrap_argv_for_user", return_value=["node"]),
+            patch.object(browser_handlers, "_node_path", AsyncMock(return_value="/modules")),
+            patch.object(browser_handlers, "_node_executable", return_value="/bundled/node"),
+            patch.object(browser_handlers, "_playwright_js_package", return_value=None),
+            patch.object(browser_handlers, "_worker_for", AsyncMock(return_value=worker)),
+        ):
+            await self.handler.execute({"session_id":"fast","steps":[],"record_video":False})
+            await self.handler.execute({"session_id":"demo","steps":[],"record_video":True})
+        self.assertFalse(worker.run.await_args_list[0].args[0]["demo"])
+        self.assertTrue(worker.run.await_args_list[1].args[0]["demo"])
+
     async def test_persistent_mobile_config_controls_viewport_and_video(self):
         worker = AsyncMock()
         worker.run.return_value = {"ok": True, "steps": [], "screenshots": []}

{portacode-2.2.20.dev4 → portacode-2.2.20.dev5}/portacode.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: portacode
-Version: 2.2.20.dev4
+Version: 2.2.20.dev5
 Summary: Device agent for the AI platform that builds, tests, deploys, and operates real software
 Home-page: https://portacode.com/
 Author: Meena Erian