Adding support for resource id

Author: jwlilly

package.json

@@ -12,7 +12,7 @@
     "hot",
     "reload"
   ],
-  "version": "2.0.5",
+  "version": "2.0.6",
   "homepage": "https://github.com/jwlilly/Android-Accessibility-Inspector-Ap/#readme",
   "bugs": {
     "url": "https://github.com/jwlilly/Android-Accessibility-Inspector-App/issues"

release/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "android-accessibility-inspector",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "View and analyze the accessibility tree for Android apps",
   "license": "GPL-3.0-only",
   "author": {

src/input.scss

@@ -47,6 +47,11 @@ body {
   overflow: hidden;
 }
 
+.break-words {
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
 .tree-view .indicator:not(.search-term) .badge {
   display: none;
 }

src/main/main.ts

@@ -131,6 +131,7 @@ async function adbStartAccService(device: IDevice): Promise<boolean> {
 async function adbIsAppInstalled(device: IDevice): Promise<boolean> {
   if (adb) {
     const packages = await adb.listPackages(device.id);
+    // TODO: check for the app version
     return packages.includes('com.jwlilly.accessibilityinspector');
   }
   return true;

src/renderer/index.scss

@@ -8623,6 +8623,10 @@ html:has(.drawer-open.drawer-open) {
   height: 24px;
 }
 
+.h-\[36px\] {
+  height: 36px;
+}
+
 .h-\[400px\] {
   height: 400px;
 }
@@ -8631,6 +8635,18 @@ html:has(.drawer-open.drawer-open) {
   height: 7%;
 }
 
+.h-\[calc\(100vh-22em\)\] {
+  height: calc(100vh - 22em);
+}
+
+.h-\[calc\(100vh-8em\)\] {
+  height: calc(100vh - 8em);
+}
+
+.h-auto {
+  height: auto;
+}
+
 .h-full {
   height: 100%;
 }
@@ -8683,6 +8699,10 @@ html:has(.drawer-open.drawer-open) {
   width: 1%;
 }
 
+.w-\[12\%\] {
+  width: 12%;
+}
+
 .w-\[20\%\] {
   width: 20%;
 }
@@ -8873,6 +8893,10 @@ html:has(.drawer-open.drawer-open) {
   white-space: nowrap;
 }
 
+.break-words {
+  overflow-wrap: break-word;
+}
+
 .rounded {
   border-radius: 0.25rem;
 }
@@ -9190,6 +9214,10 @@ html:has(.drawer-open.drawer-open) {
   padding-bottom: 0.5rem;
 }
 
+.pl-4 {
+  padding-left: 1rem;
+}
+
 .pl-\[10px\] {
   padding-left: 10px;
 }
@@ -9641,6 +9669,11 @@ body {
   overflow: hidden;
 }
 
+.break-words {
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
 .tree-view .indicator:not(.search-term) .badge {
   display: none;
 }
@@ -10188,6 +10221,15 @@ body {
   }
 }
 
+.hover\:stroke-error-content:hover {
+  stroke: var(--fallback-erc,oklch(var(--erc)/1));
+}
+
+.hover\:\!text-error-content:hover {
+  --tw-text-opacity: 1 !important;
+  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity))) !important;
+}
+
 .focus\:outline-offset-0:focus {
   outline-offset: 0px;
 }

src/renderer/views/view-details.tsx

@@ -104,6 +104,12 @@ const ViewDetails = function ViewDetails({ selectedView, viewHierarchy }: any) {
           </tr>
         </thead>
         <tbody>
+          <tr>
+            <td>resource id</td>
+            <td className="font-mono break-words">
+              {transformData(view.metadata.resourceId)}
+            </td>
+          </tr>
           <tr>
             <td>role</td>
             <td className="font-mono">{transformData(view.metadata.role)}</td>