Initial plasmo setup

2025-09-13 18:13:25 +00:00 · 2024-01-07 17:30:00 +01:00
parent d050a96792
commit 9dc8681ad2
25 changed files with 5100 additions and 758 deletions
--- a/src/assets/icons/16.png
+++ b/src/assets/icons/16.png
--- a/src/assets/manifest.chrome.json
+++ b/src/assets/manifest.chrome.json
@@ -1,5 +0,0 @@
-{
-  "background": {
-    "service_worker": "worker.js"
-  }
-}
--- a/src/assets/manifest.common.json
+++ b/src/assets/manifest.common.json
@@ -1,21 +0,0 @@
-{
-  "manifest_version": 3,
-  "name": "movie-web extension",
-  "version": "0.1",
-  "description": "Allows for sources to work without a proxy",
-  "icons": {
-    "16": "assets/icons/16.png"
-  },
-  "action": {
-    "default_title": "movie-web extension",
-    "default_popup": "popup.html"
-  },
-  "permissions": ["declarativeNetRequest"],
-  "host_permissions": ["<all_urls>"],
-  "web_accessible_resources": [
-    {
-      "resources": ["*.js.map"],
-      "matches": ["<all_urls>"]
-    }
-  ]
-}
--- a/src/assets/manifest.firefox.json
+++ b/src/assets/manifest.firefox.json
@@ -1,10 +0,0 @@
-{
-  "background": {
-    "scripts": ["worker.js"]
-  },
-  "browser_specific_settings": {
-    "gecko": {
-      "id": "extension-firefox@movie-web.app"
-    }
-  }
-}
--- a/src/background/messages/proxy.ts
+++ b/src/background/messages/proxy.ts
@@ -0,0 +1,24 @@
+import type { PlasmoMessaging } from '@plasmohq/messaging';
+
+const handler: PlasmoMessaging.MessageHandler = async (req, res) => {
+  try {
+    const response = await fetch(req.body.url, {
+      headers: req.body.headers,
+    });
+    const body = await response.text();
+
+    res.send({
+      status: response.status,
+      statusText: response.statusText,
+      requestHeaders: req.body.headers,
+      responseHeaders: Object.fromEntries(response.headers.entries()),
+      body,
+    });
+  } catch (err) {
+    res.send({
+      error: err.message,
+    });
+  }
+};
+
+export default handler;
--- a/src/contents/movie-web.ts
+++ b/src/contents/movie-web.ts
@@ -0,0 +1,11 @@
+import type { PlasmoCSConfig } from 'plasmo';
+
+import { relayMessage } from '@plasmohq/messaging';
+
+export const config: PlasmoCSConfig = {
+  matches: ['https://movie-web.app/*', 'https://dev.movie-web.app/*', 'http://localhost:5173/*'],
+};
+
+relayMessage({
+  name: 'proxy',
+});
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,36 +0,0 @@
-chrome.declarativeNetRequest.updateDynamicRules({
-  removeRuleIds: [666],
-  addRules: [
-    {
-      id: 666,
-      priority: 1,
-      condition: {
-        initiatorDomains: ['movie-web.app'],
-      },
-      action: {
-        type: chrome.declarativeNetRequest.RuleActionType.MODIFY_HEADERS,
-        requestHeaders: [
-          {
-            header: 'X-Test',
-            operation: chrome.declarativeNetRequest.HeaderOperation.SET,
-            value: 'Hello world',
-          },
-        ],
-        responseHeaders: [
-          {
-            header: 'Access-Control-Allow-Origin',
-            operation: chrome.declarativeNetRequest.HeaderOperation.SET,
-            value: '*',
-          },
-          {
-            header: 'Access-Control-Allow-Methods',
-            operation: chrome.declarativeNetRequest.HeaderOperation.SET,
-            value: 'POST,GET,OPTIONS,PUT',
-          },
-        ],
-      },
-    },
-  ],
-});
-
-console.log('loaded extension');
--- a/src/popup.html
+++ b/src/popup.html
@@ -1,10 +0,0 @@
-<html>
-  <head>
-    <title>movie-web extension</title>
-    <link rel="stylesheet" href="./popup/styles.css" />
-  </head>
-  <body>
-    <script type="module" src="./popup/index.ts"></script>
-    <h1>This is the popup</h1>
-  </body>
-</html>
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -0,0 +1,11 @@
+function IndexPopup() {
+  return (
+    <div style={{ width: 180 }}>
+      <p>
+        Extension running at version {chrome.runtime.getManifest().version}
+      </p>
+    </div>
+  )
+}
+
+export default IndexPopup
--- a/src/popup/index.ts
+++ b/src/popup/index.ts
@@ -1 +0,0 @@
-console.log('popup js');
--- a/src/popup/styles.css
+++ b/src/popup/styles.css
@@ -1,3 +0,0 @@
-.test {
-  color: blue
-}