initial commit

Author: Player005

.gitignore

@@ -0,0 +1 @@
+web-ext-artifacts

.web-extension-id

@@ -0,0 +1,3 @@
+# This file was created by https://github.com/mozilla/web-ext
+# Your auto-generated extension ID for addons.mozilla.org is:
+trektor@aboutsource.net

README.md

@@ -0,0 +1,3 @@
+# trektor 🚜
+
+Browser-Extension zum automatischen Anlegen von Toggl tracking tasks.

background.js

@@ -0,0 +1,67 @@
+trektor.runtime.onMessage.addListener(async (msg) => {
+  switch (msg.action) {
+    case 'track':
+      await track(...msg.args);
+      return;
+    case 'addTask':
+      await addTask(...msg.args);
+      return;
+    default:
+      throw new Error(`unknown action: ${msg.action}`);
+  }
+});
+
+async function track(cardId) {
+  const task = await addTask(cardId);
+  const response = await trektor.togglGateway.startTimeEntry(task.id);
+  return response.data;
+}
+
+async function addTask(cardId) {
+  const card = await trektor.trelloGateway.getCard(cardId);
+
+  const taskPrefixes = card.labels
+    .map((label) => label.name.match(/(?<=#)[a-z0-9]+$/)?.[0])
+    .filter((prefix) => prefix !== undefined);
+
+  if (taskPrefixes.length === 0) {
+    throw new Error('Card has no valid project labels.');
+  }
+  if (taskPrefixes.length > 1) {
+    throw new Error('Card has multiple project labels.');
+  }
+  const taskPrefix = taskPrefixes[0];
+  const taskName = `${taskPrefix}_${card.idShort}`;
+  const cardTaskName = card.name.match(/(?<=#)[a-z0-9]+_[0-9]+/)?.[0];
+
+  if (cardTaskName === undefined) {
+    await trektor.trelloGateway.updateCard(card.id, {
+      name: `${card.name} #${taskName}`,
+    });
+  } else if (cardTaskName !== taskName) {
+    throw new Error('Card name includes invalid tracking task.');
+  }
+  const workspaces = await trektor.togglGateway.getWorkspaces();
+
+  if (workspaces.length === 0) {
+    throw new Error('Could not find any toggl workspaces.');
+  }
+  if (workspaces.length > 1) {
+    throw new Error('Found multiple toggl workspaces. Not sure how to deal with that...');
+  }
+  const allProjects = await trektor.togglGateway.getProjects(workspaces[0].id);
+  const projects = allProjects.filter((project) => project.name.endsWith(`(${taskPrefix})`));
+
+  if (projects.length === 0) {
+    throw new Error('Could not find any matching toggl project.');
+  }
+  if (projects.length > 1) {
+    throw new Error('Found multiple matching toggl projects. Not sure how to deal with that...');
+  }
+  const tasks = await trektor.togglGateway.getTasks(projects[0].id);
+  const task = tasks.find((task) => task.name === taskName);
+  if (task !== undefined) return task;
+
+  const response = await trektor.togglGateway.createTask(projects[0].id, taskName)
+  return response.data;
+}

content_script.js

@@ -0,0 +1,86 @@
+async function addButton() {
+  const sidebar = await awaitSelector(".window-sidebar", 10000);
+
+  const module = document.createElement("div");
+  module.classList.add("window-module", "u-clearfix");
+  sidebar.prepend(module);
+
+  const moduleHeading = document.createElement('h3');
+  moduleHeading.innerText = 'Trektor';
+  module.append(moduleHeading);
+
+  const buttonList = document.createElement("div");
+  buttonList.classList.add("u-clearfix");
+  module.append(buttonList);
+
+  const trackButton = document.createElement("span");
+  trackButton.classList.add("button-link");
+  buttonList.append(trackButton);
+
+  const trackButtonIcon = document.createElement("span");
+  trackButtonIcon.classList.add("icon-sm", "icon-clock", "trektor-button-icon");
+  trackButton.append(trackButtonIcon);
+
+  const trackButtonText = document.createElement("span");
+  trackButtonText.innerText = "Trek Now";
+  trackButton.append(trackButtonText);
+
+  const addButton = document.createElement("span");
+  addButton.classList.add("button-link", "add-button-link");
+  addButton.innerText = "Toggl Task hinzufügen";
+  buttonList.append(addButton);
+
+  trackButton.addEventListener("click", async () => {
+    trackButtonIcon.classList.add("trektor-state-loading");
+
+    const response = await trektor.runtime.sendMessage({
+        action: "track",
+        args: [window.location.pathname.split("/", 3)[2]],
+    });
+    trackButtonIcon.classList.remove("trektor-state-loading");
+
+    if (response) {
+      window.alert(response);
+    } else {
+      trackButtonIcon.classList.replace("icon-clock", "icon-check-circle");
+      window.setTimeout(() => trackButtonIcon.classList.replace("icon-check-circle", "icon-clock"), 2000);
+    }
+  });
+
+  addButton.addEventListener("click", async () => {
+    const response = await trektor.runtime.sendMessage({
+      action: "addTask",
+      args: [window.location.pathname.split("/", 3)[2]],
+    });
+
+    if (response) window.alert(response);
+  });
+}
+
+function awaitSelector(selector, timeout) {
+  const element = document.querySelector(".window-sidebar");
+  if (element !== null) return Promise.resolve(element);
+
+  return new Promise((resolve, reject) => {
+    const interval = window.setInterval(() => {
+      const element = document.querySelector(".window-sidebar");
+
+      if (element !== null) {
+        resolve(element);
+        window.clearInterval(interval);
+      } else if (timeout < 0) {
+        reject(new Error('timeout'));
+        window.clearInterval(interval);
+      }
+      timeout -= 100;
+    }, 100);
+  });
+}
+
+window.addEventListener("pushstate", () => {
+  if (window.location.pathname.startsWith("/c/")) addButton();
+});
+
+window.addEventListener('load', () => {
+  if (window.location.pathname.startsWith("/c/")) addButton();
+});

content_style.css

@@ -0,0 +1,15 @@
+.trektor-button-icon.trektor-state-loading {
+  animation-name: trektor-spin;
+  animation-duration: 1s;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+
+@keyframes trektor-spin {
+  from {
+    transform:rotate(0deg);
+  }
+  to {
+    transform:rotate(360deg);
+  }
+}

icons/64.png

@@ -0,0 +1,42 @@
+{
+  "manifest_version": 2,
+  "name": "Trektor",
+  "description": "Browser-Extension zum automatischen Anlegen von Toggl tracking tasks",
+  "version": "0.0.3",
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "trektor@aboutsource.net"
+    }
+  },
+  "icons": {
+    "64": "icons/64.png"
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "https://trello.com/*"
+      ],
+      "js": [
+        "trektor.js",
+        "content_script.js"
+      ],
+      "css": [
+        "content_style.css"
+      ]
+    }
+  ],
+  "background": {
+    "scripts": [
+      "trektor.js",
+      "background.js"
+    ]
+  },
+  "permissions": [
+    "https://api.trello.com/*",
+    "https://api.track.toggl.com/*",
+    "storage"
+  ],
+  "options_ui": {
+    "page": "options/index.html"
+  }
+}

manifest.json

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="icon" href="icons/64.png">
+    <title>Trektor settings</title>
+    <meta charset="UTF-8">
+    <style>
+      a {
+        display: block;
+        margin-bottom: 10px;
+      }
+      input {
+        width: 100%;
+        box-sizing: border-box;
+        margin-bottom: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <a href="https://trello.com/1/authorize?expiration=90days&scope=read,write&response_type=token&name=Trektor&key=afadffe77f745496f80ebb4bf460c615" target="_blank">
+      Trello Token
+    </a>
+
+    <input type="text" name="trello" />
+
+    <a href="https://track.toggl.com/profile" target="_blank">
+      Toggl Token
+    </a>
+
+    <input type="text" name="toggl" />
+
+    <script src="../trektor.js"></script>
+    <script src="./script.js"></script>
+  </body>
+</html>

options/index.html

@@ -0,0 +1,9 @@
+document.querySelectorAll("input").forEach((field) => {
+  field.addEventListener("input", (e) => {
+    trektor.storage.set({ [e.target.name]: e.target.value });
+  });
+
+  trektor.storage.get(field.name).then(({ [field.name]: value }) => {
+    field.value = (value === undefined) ? '' : value;
+  });
+});