@limrun/ui 0.13.3-rc.1 → 0.13.3

package/src/device-install/demo/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Real Device Install Demo - @limrun/ui</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./demo.tsx"></script>
+  </body>
+</html>

package/src/device-install/index.ts

@@ -17,11 +17,7 @@ export {
   type StartInstallRelayOptions,
   type StartPairingRelayOptions,
 } from '../core/device-install/operations';
-export {
-  getPairRecord,
-  normalizeUDID,
-  putPairRecord,
-} from '../core/device-install/storage';
+export { getPairRecord, normalizeUDID, putPairRecord } from '../core/device-install/storage';
 export type {
   DeviceHello,
   DeviceInstallLog,
@@ -36,11 +32,15 @@ export async function requestUSBAccess(options: RequestUSBAccessOptions = {}) {
   return requestCoreUSBAccess({ log: options.log ?? noopLog });
 }
 
-export async function pairDevice(options: Omit<StartPairingRelayOptions, 'log'> & { log?: DeviceInstallLog }) {
+export async function pairDevice(
+  options: Omit<StartPairingRelayOptions, 'log'> & { log?: DeviceInstallLog },
+) {
   return startPairingRelay({ ...options, log: options.log ?? noopLog });
 }
 
-export async function startDeviceInstall(options: Omit<StartInstallRelayOptions, 'log'> & { log?: DeviceInstallLog }) {
+export async function startDeviceInstall(
+  options: Omit<StartInstallRelayOptions, 'log'> & { log?: DeviceInstallLog },
+) {
   return startInstallRelay({ ...options, log: options.log ?? noopLog });
 }
 

package/src/device-install/react.ts

@@ -48,12 +48,18 @@ export function useDeviceInstallRelay({
   const [pairConfirmationRequired, setPairConfirmationRequired] = useState(false);
   const relayRef = useRef<RelayClient | undefined>(undefined);
   const deviceRef = useRef<DeviceRelayTarget | undefined>(undefined);
+  // Keep the logger in a ref so callbacks below don't change identity when the
+  // consumer passes an unmemoized `log`. Otherwise every render would recreate
+  // cleanupDeviceAccess, re-run the unmount effect, and close the USB device
+  // mid-claim (surfacing as "Unable to claim interface" / "operation in progress").
+  const logRef = useRef(log);
+  logRef.current = log;
 
   const cleanupDeviceAccess = useCallback(async () => {
     relayRef.current?.close();
     relayRef.current = undefined;
-    await closeDeviceRelayTarget(deviceRef.current, log);
-  }, [log]);
+    await closeDeviceRelayTarget(deviceRef.current, logRef.current);
+  }, []);
 
   useEffect(() => {
     deviceRef.current = device;
@@ -72,14 +78,17 @@ export function useDeviceInstallRelay({
     let target: DeviceRelayTarget | undefined;
     try {
       await cleanupDeviceAccess();
-      target = await requestUSBAccess({ log });
+      target = await requestUSBAccess({ log: logRef.current });
       const storedPairRecord = await getPairRecord(target.hello.serialNumber);
       setDevice(target);
       setPairRecord(storedPairRecord);
-      log(storedPairRecord ? 'Pair record found' : 'No pair record found', target.hello.serialNumber);
+      logRef.current(
+        storedPairRecord ? 'Pair record found' : 'No pair record found',
+        target.hello.serialNumber,
+      );
       return target;
     } catch (caught) {
-      await closeDeviceRelayTarget(target, log);
+      await closeDeviceRelayTarget(target, logRef.current);
       setDevice(undefined);
       setPairRecord(undefined);
       setError(errorMessage(caught));
@@ -87,7 +96,7 @@ export function useDeviceInstallRelay({
     } finally {
       setBusyAction(undefined);
     }
-  }, [cleanupDeviceAccess, log]);
+  }, [cleanupDeviceAccess]);
 
   const pairBrowser = useCallback(async () => {
     if (!apiUrl || !device) {
@@ -101,27 +110,27 @@ export function useDeviceInstallRelay({
       const result = await pairDevice({
         limbuildApiUrl: apiUrl,
         token,
-        log,
+        log: logRef.current,
         target: device,
       });
       const stored = await putPairRecord(result.pairRecord, {
         productName: device.hello.productName,
       });
       result.relay.close();
-      await closeDeviceRelayTarget(device, log);
+      await closeDeviceRelayTarget(device, logRef.current);
       setPairRecord(stored);
       setPairConfirmationRequired(false);
-      log('Device paired', 'The pair record was stored locally in this browser.');
+      logRef.current('Device paired', 'The pair record was stored locally in this browser.');
       return stored;
     } catch (caught) {
-      await closeDeviceRelayTarget(device, log);
+      await closeDeviceRelayTarget(device, logRef.current);
       setPairConfirmationRequired(true);
       setError(errorMessage(caught));
       return undefined;
     } finally {
       setBusyAction(undefined);
     }
-  }, [apiUrl, cleanupDeviceAccess, device, log, token]);
+  }, [apiUrl, cleanupDeviceAccess, device, token]);
 
   const startInstallation = useCallback(async () => {
     if (!apiUrl || !device || !pairRecord) {
@@ -134,25 +143,25 @@ export function useDeviceInstallRelay({
       relayRef.current = await startDeviceInstall({
         limbuildApiUrl: apiUrl,
         token,
-        log,
+        log: logRef.current,
         target: device,
         pairRecord,
       });
-      log('Device install started', 'Installation will continue through the connected iPhone.');
+      logRef.current('Device install started', 'Installation will continue through the connected iPhone.');
       return relayRef.current;
     } catch (caught) {
-      await closeDeviceRelayTarget(device, log);
+      await closeDeviceRelayTarget(device, logRef.current);
       setError(errorMessage(caught));
       return undefined;
     } finally {
       setBusyAction(undefined);
     }
-  }, [apiUrl, cleanupDeviceAccess, device, log, pairRecord, token]);
+  }, [apiUrl, cleanupDeviceAccess, device, pairRecord, token]);
 
   const stopRelay = useCallback(() => {
     void cleanupDeviceAccess();
-    log('Device relay stopped');
-  }, [cleanupDeviceAccess, log]);
+    logRef.current('Device relay stopped');
+  }, [cleanupDeviceAccess]);
 
   return {
     device,

package/src/index.ts

@@ -16,4 +16,4 @@ export {
   normalizeAndroidTree,
   normalizeIosTree,
   AX_UNAVAILABLE_ERROR,
-} from './core/ax-tree';
+} from './core/ax-tree';

package/dist/browser-storage-C1jQLXat.js

@@ -1 +0,0 @@
-"use strict";const b="limbuild-device-pairing";const l="pairRecords",m="limbuild-device-signing";const c="signingAssets";function d(e){return(e??"").replace(/-/g,"").replace(/[^a-fA-F0-9]/g,"")}function u(e){return(e??"").trim()}async function h(e){const n=d(e);if(!n)return;const r=await g(b,1,l,"udid");return p(r.transaction(l,"readonly").objectStore(l).get(n))}async function E(e,n={}){const r=d(e.udid);if(!r)throw new Error("Cannot store pair record without a UDID.");const t={...e,udid:r,productName:n.productName,updatedAt:new Date().toISOString()},i=await g(b,1,l,"udid");return await p(i.transaction(l,"readwrite").objectStore(l).put(t)),t}async function x({deviceUDID:e,bundleID:n,signingMode:r="development"}){const t=u(n);if(!t)return;const i=d(e),s=await v(I("bundle",t,r));if(s)return s;if(i){const o=await v(I(i,t,r));if(o)return o}return(await O(t,r))[0]}async function _(e="development"){return(await A()).filter(r=>(r.signingMode??"development")===e).sort((r,t)=>new Date(t.updatedAt).getTime()-new Date(r.updatedAt).getTime())[0]}async function R(e,n="development"){return(await A()).filter(t=>!t.certificateID||!t.certificateP12Base64||(t.signingMode??"development")!==n?!1:!e||!t.teamID||t.teamID===e).sort((t,i)=>new Date(i.updatedAt).getTime()-new Date(t.updatedAt).getTime())[0]}async function G(e){const n=u(e.bundleID);if(!n)throw new Error("Cannot store signing assets without a bundle ID.");const r=d(e.deviceUDID),t=e.signingMode??"development",i=I("bundle",n,t),s={...e,id:i,deviceUDID:r||void 0,signingMode:t,bundleID:n,updatedAt:new Date().toISOString()},a=await g(m,1,c,"id");return await p(a.transaction(c,"readwrite").objectStore(c).put(s)),s}async function O(e,n="development"){const r=u(e);return r?(await A()).filter(i=>i.bundleID===r&&(i.signingMode??"development")===n):[]}function z(e,n){const r=d(n);return!!r&&e.provisionedDevices.some(t=>d(t)===r)}function U(e,n){const r=u(n),t=u(e.bundleID);if(!r||!t)return!1;if(t===r||t==="*")return!0;if(!t.endsWith(".*"))return!1;const i=t.slice(0,-1);return r.startsWith(i)}async function V(e){return w(new Uint8Array(await e.arrayBuffer()))}function C(e){const n=atob(e),r=new Uint8Array(n.length);for(let t=0;t<n.length;t+=1)r[t]=n.charCodeAt(t);return w(r)}function w(e){const n=new TextDecoder("latin1").decode(e),r=n.indexOf("<?xml"),t=n.indexOf("</plist>");if(r<0||t<r)throw new Error("Provisioning profile plist not found.");const i=n.slice(r,t+8),s=new DOMParser().parseFromString(i,"application/xml");if(s.querySelector("parsererror"))throw new Error("Provisioning profile plist could not be parsed.");const a=s.querySelector("plist > dict");if(!a)throw new Error("Provisioning profile plist dictionary not found.");const o=S(a);if(!P(o))throw new Error("Provisioning profile plist has an unexpected shape.");const D=P(o.Entitlements)?o.Entitlements:{},y=f(D["application-identifier"]),B=M(y);return{name:f(o.Name),uuid:f(o.UUID),teamID:f(D["com.apple.developer.team-identifier"])??N(o.TeamIdentifier)[0],applicationIdentifier:y,bundleID:B,provisionedDevices:N(o.ProvisionedDevices),getTaskAllow:j(D["get-task-allow"]),expirationDate:f(o.ExpirationDate)}}async function v(e){if(!e)return;const n=await g(m,1,c,"id");return p(n.transaction(c,"readonly").objectStore(c).get(e))}async function A(){const e=await g(m,1,c,"id");return p(e.transaction(c,"readonly").objectStore(c).getAll())}function I(e,n,r){return`${r}:${e}:${n}`}function M(e){if(!e)return;const n=e.indexOf(".");return n>=0?e.slice(n+1):void 0}function S(e){switch(e.tagName){case"dict":return T(e);case"array":return Array.from(e.children).map(S);case"string":case"date":return e.textContent??"";default:return e.textContent??""}}function T(e){const n={},r=Array.from(e.children);for(let t=0;t<r.length;t+=2){const i=r[t],s=r[t+1];!i||i.tagName!=="key"||!s||(n[i.textContent??""]=S(s))}return n}function f(e){return typeof e=="string"&&e?e:void 0}function N(e){return Array.isArray(e)?e.filter(n=>typeof n=="string"):[]}function j(e){return typeof e=="boolean"?e:void 0}function P(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function g(e,n,r,t){return new Promise((i,s)=>{const a=indexedDB.open(e,n);a.onupgradeneeded=()=>{const o=a.result;o.objectStoreNames.contains(r)||o.createObjectStore(r,{keyPath:t})},a.onsuccess=()=>i(a.result),a.onerror=()=>s(a.error??new Error("Open IndexedDB failed"))})}function p(e){return new Promise((n,r)=>{e.onsuccess=()=>n(e.result),e.onerror=()=>r(e.error??new Error("IndexedDB request failed"))})}exports.getLatestSigningAssets=_;exports.getLatestSigningAssetsWithCertificate=R;exports.getPairRecord=h;exports.getSigningAssets=x;exports.normalizeBundleID=u;exports.normalizeUDID=d;exports.parseProvisioningProfile=V;exports.parseProvisioningProfileBase64=C;exports.parseProvisioningProfileBytes=w;exports.profileContainsDevice=z;exports.profileMatchesBundleID=U;exports.putPairRecord=E;exports.putSigningAssets=G;

package/dist/limbuild-client-C_CMNLYV.js

@@ -1 +0,0 @@
-"use strict";async function u(o,e){const a=new URL(`${o}/info`);e&&a.searchParams.set("token",e);const t=await fetch(a.toString(),{headers:e?{Authorization:`Bearer ${e}`}:void 0});if(!t.ok){const n=await t.text();throw new Error(`Info request failed: HTTP ${t.status} ${n}`)}return await t.json()}async function l({limbuildApiUrl:o,token:e,certificateP12Base64:a,certificatePassword:t,provisioningProfileBase64:n}){const d=new URL(`${o}/exec`);e&&d.searchParams.set("token",e);const r=await fetch(d.toString(),{method:"POST",headers:{"Content-Type":"application/json",...e?{Authorization:`Bearer ${e}`}:{}},body:JSON.stringify({command:"xcodebuild",xcodebuild:{sdk:"iphoneos"},signing:{certificateP12Base64:a,...t?{certificatePassword:t}:{},provisioningProfileBase64:n}})});if(!r.ok){const s=await r.text();throw new Error(`Build request failed: HTTP ${r.status} ${s}`)}return await r.json()}async function f({limbuildApiUrl:o,execId:e,token:a}){const t=new URL(`${o}/exec/${encodeURIComponent(e)}/ios/ota`);a&&t.searchParams.set("token",a);const n=await fetch(t.toString(),{headers:a?{Authorization:`Bearer ${a}`}:void 0});if(!n.ok){const d=await n.text();throw new Error(`OTA install metadata failed: HTTP ${n.status} ${d}`)}return await n.json()}function h({limbuildApiUrl:o,execId:e,token:a,onLine:t,onStatus:n,onError:d}){const r=new URL(`${o}/exec/${e}/events`);a&&r.searchParams.set("token",a);const s=new EventSource(r.toString());return n("running"),s.addEventListener("command",i=>t({type:"command",data:i.data})),s.addEventListener("stdout",i=>t({type:"stdout",data:i.data})),s.addEventListener("stderr",i=>t({type:"stderr",data:i.data})),s.addEventListener("exitCode",i=>{const c=parseInt(i.data,10);n(c===0?"succeeded":c<0?"cancelled":"failed"),s.close()}),s.onerror=()=>{s.close(),d?.(new Error("Build log stream closed before completion."))},()=>s.close()}exports.fetchLimbuildInfo=u;exports.getIOSOTAInstall=f;exports.startSignedDeviceBuild=l;exports.watchBuildLogEvents=h;