initial support for CORS per-hook

closes #63

src/config.ts

@@ -30,7 +30,7 @@ export const EVENTS = [
 ];
 
 export const DEFAULT_CONFIG = {
-  webhooks: Object.fromEntries(EVENTS.map((e) => [e, { url: "" }])),
+  webhooks: Object.fromEntries(EVENTS.map((e) => [e, { url: "", cors: false }])),
 } as Config;
 
 export interface Config {

src/options.ts

@@ -24,7 +24,9 @@ function saveOptions(): void {
 
   EVENTS.forEach((e: string) => {
     // @ts-ignore-next-line
-    config.webhooks[e].url = getHtmlInputElement(e).value;
+    config.webhooks[e].url = getHtmlInputElement(`${e}.url`).value;
+    // @ts-ignore-next-line
+    config.webhooks[e].cors = getHtmlInputElement(`${e}.cors`).checked;
   });
 
   setConfig(config);
@@ -35,7 +37,9 @@ async function restoreOptions(): Promise<void> {
 
   EVENTS.forEach((e) => {
     // @ts-ignore-next-line
-    getHtmlInputElement(e).value = config.webhooks[e].url;
+    getHtmlInputElement(`${e}.url`).value = config.webhooks[e].url;
+    // @ts-ignore-next-line
+    getHtmlInputElement(`${e}.cors`).checked = config.webhooks[e].cors;
   });
 }
 
@@ -46,13 +50,18 @@ EVENTS.forEach((e) => {
     "beforeend",
     `
     <div class="form-group">
-      <label for="${e}">Event: <code>${e}</code></label>
-      <input type="url" class="form-control" id="${e}" placeholder="Webhook Url">
+      <label for="${e}.url">Event: <code>${e}</code></label>
+      <input type="url" class="form-control" id="${e}.url" placeholder="Webhook Url">
       <small id="${e}.help" class="form-text text-muted">${description}</small>
-
+      <label for="${e}.cors">CORS</label>
+      <input type="checkbox" class="form-control" id="${e}.cors" placeholder="CORS">
     </div>`
   );
-  document.getElementById(e).addEventListener("change", () => {
+  document.getElementById(`${e}.url`).addEventListener("change", () => {
+    saveOptions();
+  });
+
+  document.getElementById(`${e}.cors`).addEventListener("change", () => {
     saveOptions();
   });
 });

src/webhook.ts

@@ -3,6 +3,7 @@ import { State } from "./runner";
 export interface Webhook {
   url: string;
   method?: string;
+  cors: boolean;
 }
 
 export const PLACEHOLDER_WEBHOOK = { url: "" };
@@ -34,7 +35,7 @@ export function send(state: State, webhook: Webhook): Promise<Response> {
       options = {
         method: "POST",
         body: renderBody(state),
-        mode: "no-cors",
+        mode: webhook.cors ? "cors" : "no-cors",
         headers: {
           "Content-Type": "application/json",
         },