docs update

mzusin · Oct 7, 2023 · 6fadce1 · 6fadce1
1 parent a606a7f
commit 6fadce1
Show file tree

Hide file tree

Showing 13 changed files with 32 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -20,6 +20,7 @@ TypeScript-based library for managing browser extensions APIs with async/await.
 
 
 
+
 ``` 
  _______          _________ _______  _        _______ _________ _______  _        _______ 
 (  ____ \|\     /|\__   __/(  ____ \( (    /|(  ____ \\__   __/(  ___  )( (    /|(  ____ \

diff --git a/docs/css/styles.1696681819083.css → docs/css/styles.1696686096556.css b/docs/css/styles.1696681819083.css → docs/css/styles.1696686096556.css
diff --git a/docs/index.html b/docs/index.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="font-roboto bg-gray-900 text-gray-100" id="special-page">
@@ -89,6 +89,6 @@ <h1 class="text-slate-100 font-extrabold text-4xl sm:text-5xl lg:text-6xl tracki
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/docs/js/index.1696681819083.js → docs/js/index.1696686096556.js b/docs/js/index.1696681819083.js → docs/js/index.1696686096556.js
diff --git a/docs/js/index.1696681819083.js.map → docs/js/index.1696686096556.js.map b/docs/js/index.1696681819083.js.map → docs/js/index.1696686096556.js.map
diff --git a/docs/pages/basic-usage.html b/docs/pages/basic-usage.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -167,6 +167,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/docs/pages/cookies.html b/docs/pages/cookies.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -189,6 +189,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/docs/pages/devtools.html b/docs/pages/devtools.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -132,7 +132,9 @@
 <p class="mb-4"><strong class="font-bold">Create DevTools Panel</strong></p>
 <pre class="hljs p-4 mb-4 rounded-md shadow-xl overflow-auto whitespace-pre-wrap text-base"><code><span class="hljs-keyword">import</span> { createDevtoolsPanel } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;mz-browser-extensions&#x27;</span>;
 
-<span class="hljs-keyword">const</span> panel = <span class="hljs-keyword">await</span> <span class="hljs-title function_">createDevtoolsPanel</span>(<span class="hljs-string">&#x27;Pnale Title&#x27;</span>, <span class="hljs-string">&#x27;img/panel-icon.png&#x27;</span>, <span class="hljs-string">&#x27;html/panel.html&#x27;</span>);</code></pre>
+<span class="hljs-comment">// Manifest: &quot;devtools_page&quot;: &quot;devtools.html&quot;</span>
+
+<span class="hljs-keyword">const</span> panel = <span class="hljs-keyword">await</span> <span class="hljs-title function_">createDevtoolsPanel</span>(<span class="hljs-string">&#x27;Panel Title&#x27;</span>, <span class="hljs-string">&#x27;img/panel-icon.png&#x27;</span>, <span class="hljs-string">&#x27;html/panel.html&#x27;</span>);</code></pre>
 </div>
 
       <div class="w-800 max-w-full mx-auto grid  gap-8 items-center text-slate-500">
@@ -160,6 +162,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/docs/pages/files.html b/docs/pages/files.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -219,6 +219,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/docs/pages/screenshot.html b/docs/pages/screenshot.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -176,6 +176,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/docs/pages/storage.html b/docs/pages/storage.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -213,6 +213,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/docs/pages/tabs.html b/docs/pages/tabs.html
@@ -16,8 +16,8 @@
   <link id="favicon-32" rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png" />
   <link id="favicon-16" rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png" />
 
-  <link rel="stylesheet" href="/css/styles.1696681819083.css" />
-  <!--<link rel="stylesheet" href="/js/index.1696681819083.css" />-->
+  <link rel="stylesheet" href="/css/styles.1696686096556.css" />
+  <!--<link rel="stylesheet" href="/js/index.1696686096556.css" />-->
 
 </head>
 <body class="h-screen flex flex-col font-roboto bg-white dark:bg-slate-900 dark:text-slate-100">
@@ -182,6 +182,6 @@
   </div>
 </footer>-->
 
-<script src="/js/index.1696681819083.js"></script>
+<script src="/js/index.1696686096556.js"></script>
 </body>
 </html>
diff --git a/src/core/devtools.ts b/src/core/devtools.ts
@@ -1,6 +1,8 @@
 /**
  * const panel = await createDevtoolsPanel('Waves A/B Test', 'img/panel-icon.png', 'html/panel.html');
- * Manifest: "devtools_page": "devtools.html"
+ * Manifest:
+ * "devtools_page": "devtools.html"
+ * "host_permissions": [ "<all_urls>" ]
  */
 export const createDevtoolsPanel = (
     title: string,