Create GitHub workflow to grab the latest version of Eruda

.github/workflows/main.yml

@@ -0,0 +1,38 @@
+name: Build
+on:
+ schedule:
+  - cron: "0 10 * * 3,6"
+ push:
+  branches:
+   - "*"
+ workflow_dispatch:
+jobs:
+ build:
+  runs-on: ubuntu-latest
+  steps:
+   - uses: actions/checkout@v4
+
+   - name: Place Eruda File
+     run: |
+      curl https://cdn.jsdelivr.net/npm/eruda --output "./src/eruda.min.js";
+
+   - name: Fetch Eruda Release Version
+     run: |
+      echo -n "VERSION_ERUDA=" >> $GITHUB_ENV;
+      grep -o -m 1 -P "(?<=^\/\*! eruda )v[^ ]+" "./src/eruda.min.js" >> $GITHUB_ENV;
+
+   - name: Build
+     run: |
+      npm install -g crx;
+      crx pack -p "key.pem" "./src" -o "./mobile-devtools.crx";
+
+   - name: Release with Notes
+     uses: softprops/action-gh-release@v2
+     with:
+      files: "./mobile-devtools.crx"
+      name: ${{ env.VERSION_ERUDA }}
+      tag_name: ${{ env.VERSION_ERUDA }}
+      generate_release_notes: true
+      overwrite_files: false
+     env:
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,3 +1,7 @@
+# extension build
+mobile-devtools.crx
+
+
 # Logs
 logs
 *.log
@@ -58,7 +62,4 @@ typings/
 .env
 
 # next.js build output
-.next
-
-# crx private key
-key.pem
+.next

README.md

@@ -1,13 +1,23 @@
-# ![](https://raw.githubusercontent.com/volleio/mobile-devtools/master/src/icons/mobile-devtools32.png "mobile-devtools logo") Mobile DevTools 
-### A mobile browser extension for debugging web apps. Based on the open source project [Eruda](https://eruda.liriliri.io/), Mobile DevTools allows you to view the console, DOM elements, network traffic, page source, resources, and more. 
-
-Click the extensions's icon in the toolbar or menu to open the overlay. Drag the top menu left & right and tap on a tab to open: 
-- Console: View JavaScript logs, errors, warnings, and other debug info. Execute arbitrary JS to interact with the webpage.    
-- Elements: Drill down into the DOM tree to see attributes, inline styles, CSS rules, and computed styles.   
-- Network: Record in detail the network requests being made and inspect the responses. 
-- Resource: Show local storage, session storage, cookies, scripts, stylesheets, iframes, and image assets.   
-- Sources: Source code viewer for HTML, JS, and CSS.   
-- Info: View the current URL, User Agent, and device details.   
-- Snippets: Execute useful JavaScript snippets. If you're a developer and would like to add additional plugins, please visit Eruda's documentation at https://github.com/liriliri/eruda and contact the developer of this extension!   
+# Mobile DevTools
+
+A mobile browser extension for debugging web apps. Based on the libre project [Eruda](https://eruda.liriliri.io/), Mobile DevTools allows you to view the console, DOM elements, network traffic, page source, resources, and more.
+
+Click the extension's icon in the toolbar or menu to open the overlay.
+
+- Console: View JavaScript logs, errors, warnings, and other debug info. Execute arbitrary JS to interact with the webpage.
+- Elements: Drill down into the DOM tree to see attributes, inline styles, CSS rules, and computed styles.
+- Network: Record in detail the network requests being made and inspect the responses.
+- Resource: Show local storage, session storage, cookies, scripts, stylesheets, iframes, and image assets.
+- Sources: Source code viewer for HTML, JS, and CSS.
+- Info: View the current URL, User Agent, and device details.
+- Snippets: Execute useful JavaScript snippets. If you're a developer and would like to add additional plugins, please visit Eruda's documentation at https://github.com/liriliri/eruda.
 
 _Mobile DevTools may not work on all websites, depending on the page content's security policies._
+
+## How to Build
+
+```sh
+curl https://cdn.jsdelivr.net/npm/eruda --output ./src/eruda.min.js
+npm install -g crx
+crx pack -p key.pem ./src mobile-devtools.crx
+```

key.pem

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCUvRCix4RsYrTb
+6JKPqJh995g0OdMYgvv9bdgiYyT1kZztugRSiASl92arlXqV2sOa3xQO8dDQHoMf
+xiiyQy0OXuFEaB5VJybx2qZKeVUIay8UvYjosqrMzI34qmDZB5YSS3szbBBdviX4
+R2ilxzKhtsFZzztue1cKTa56cPXlflBtF25slyUbP9G6jB9bvCFsYLRAufY6Yyri
+c0BsIeN26TK24ifh5eTn5XG1OLWHk+xyszEeJn/b7OPnNCrG2e1v6PTmdWnumgB8
+9hdF8Swjg1qLpOTN+eZwmYRIMT++kaJeKELPX+i9j3A6j+AcY0Km0beTmgnK6i5r
+/A7NE6fxAgMBAAECggEAWLRs8HeG/VDcxe3tQmntD+sSxcran1q2yAyzgsaYKzA9
+Y/W1UDc4dnaWr6wFIMwILhvujX8f5o7b6p42dSHlBBYHyNFDjcs8ya550B6OXOf3
+eyoSNZ0gieVQokWSXrzMfnqvrho7pHybjnef7IZhJtqkc1hI/HnojgeIEBPAQq3k
+okOUEsj/bw/HxCcqzv/5lQGYy1vHX+rFcaueLrSZffnKBYJVSDun7bHC2HTxsDmB
+Ka+lftekC6j5UW1jvSdg0urisKhDwbYbe6cnB1J1mSL4RmMLCkx+SPwnfz2QQXYW
+fOyGR0rYiqezTWDI2MbZQeY4PzasR9B3NKQC1SDHMQKBgQD0+6U5szakMDOYW7Kp
+wKcQvYOnmUQ6C2hBiJurjmTzJxDyJs5NAzkMFvPTu4o0ZHghYEutkBYmB2x2tQ1T
+ZNZsjNBhvSjRNFyepAL4iuMQTxdoRDfMUPunSrpzEJFP/skoB2jhLST7xdlLSzVT
+ws7mTpj4VwrCcS2yNi9GrNJUPQKBgQCbbWj37swBJMvSHpU+Qjc0opuKE7s5VUNN
+7V0MXZruQ7t1jIgiqlKkQ76i4TTSH+k2g5YsdWwqx9xBWUaYBCrAC45h8uw+9KpF
+liZ/vLB6vUpeieyp8c/346SnGdegXyNew5YC555Emd0ueJQc+sJ6UyfQk+Hr05xO
+RoiHiYh5xQKBgGiXd3cm+FEo8x49KA4pXipbfvXzDZnqfNxdwniAFsFpEGcSAkoG
+8jgjJH5lNyAfNNqrDiRPu+UIjlov+jx8dL9rbxwLcn2+6TwhsdMDGOZBnjC5z0i/
+2nEWCnxNunx4vtEEONbKO1vyoE7xERdtuH/DVrPQFZvmTigj0hNOfY3RAoGAP5Ky
+2qZr/xPD4n/r33lKB1dzczi63aqISvmJk6M92bMOm/gNPtCX2OR0tz6SUlgHFesg
+o7KruZvh9UDE5SzfJ4oShPHNu7prYucVfC37qVh/cMfNa32i6OvNzyN81PXVC8/I
+Lgv66mhc1cMwIeJXZZ1ZrbCvObxmNIYZFgclMVkCgYEAnM+z5XoMTy/q2Z+eC2nh
+Mj8QwM/ZGA/USym12Ui8uVfG89s2rUp7LxRkP5yi5u6IJmp6xUKO2Ytznekx97YD
+1OPSSZ5TIUUjT8bdcxtUrFCSoIznU+w8soGVJqMfLB/1zL1VW4slYQ//2FatgFHE
+DbnkzCSguq/2zQ5HFir1//Q=
+-----END PRIVATE KEY-----