Generate the chrome extension files

igorfv · Jun 2, 2022 · b1cdbd3 · b1cdbd3
1 parent c4f371f
commit b1cdbd3
Show file tree

Hide file tree

Showing 17 changed files with 1,209 additions and 982 deletions.
diff --git a/assets/icon-128.png b/assets/icon-128.png
diff --git a/assets/icon-16.png b/assets/icon-16.png
diff --git a/assets/icon-48.png b/assets/icon-48.png
diff --git a/devtools/index.html b/devtools/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" />
+    <title>GraphQL Monitor</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.tsx"></script>
+  </body>
+</html>
diff --git a/devtools/index.tsx b/devtools/index.tsx
@@ -0,0 +1,14 @@
+import { render, MountableElement } from "solid-js/web";
+import { onCleanup, createSignal } from "solid-js";
+
+const CountingComponent = () => {
+  const [count, setCount] = createSignal(0);
+  const interval = setInterval(() => setCount((count) => count + 1), 1000);
+  onCleanup(() => clearInterval(interval));
+  return <div>Count value is {count()}</div>;
+};
+
+render(
+  () => <CountingComponent />,
+  document.getElementById("app") as MountableElement
+);
diff --git a/index.html b/index.html
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Apollo Tracing",
+  "version": "1.0",
+  "manifest_version": 3,
+  "default_locale": "en",
+  "description": "An extension to help you visualize Apollo graphql tracing data",
+  "icons": {
+    "16": "assets/icon-16.png",
+    "48": "assets/icon-48.png",
+    "128": "assets/icon-128.png"
+  },
+  "content_security_policy": {
+    "sandbox": "script-src 'self' https://unpkg.com; object-src 'self'"
+  },
+  "devtools_page": "devtools/index.html"
+}
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "vite-template-solid",
-  "version": "0.0.0",
-  "description": "",
+  "name": "graphql-monitor",
+  "version": "2.0.0",
+  "description": "Monitor GraphQL connections",
   "scripts": {
     "start": "vite",
     "dev": "vite",
@@ -10,6 +10,7 @@
   },
   "license": "MIT",
   "devDependencies": {
+    "@crxjs/vite-plugin": "^1.0.7",
     "typescript": "^4.6.4",
     "vite": "^2.9.9",
     "vite-plugin-solid": "^2.2.6"