default to urlencoded data if not CORS

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

@@ -1,8 +1,9 @@
-import { State } from "./runner";
+import { State, InputState } from "./runner";
 
 export interface Webhook {
   url: string;
   method?: string;
+  cors: boolean;
 }
 
 export const PLACEHOLDER_WEBHOOK = { url: "" };
@@ -17,6 +18,10 @@ export function renderBody(state: State): string {
   return JSON.stringify(state);
 }
 
+export function renderUrlEncoded(state: State): string {
+  return Object.entries(state.input).map((k, i) => `${k[0]}=${k[1]}`).join('&')
+}
+
 export function send(state: State, webhook: Webhook): Promise<Response> {
   let options: RequestInit;
 
@@ -33,10 +38,10 @@ export function send(state: State, webhook: Webhook): Promise<Response> {
     default:
       options = {
         method: "POST",
-        body: renderBody(state),
-        mode: "no-cors",
+        body: webhook.cors ? renderBody(state) : renderUrlEncoded(state),
+        mode: webhook.cors ? "cors" : "no-cors",
         headers: {
-          "Content-Type": "application/json",
+          "Content-Type": webhook.cors ? "application/json" : "application/x-www-form-urlencoded",
         },
       };
   }