v1.0.0

sscotth · Feb 7, 2018 · 601c809 · 601c809
commit 601c809
Show file tree

Hide file tree

Showing 12 changed files with 110 additions and 0 deletions.
diff --git a/README.md b/README.md
diff --git a/images/icons/128x128.png b/images/icons/128x128.png
diff --git a/images/icons/16x16.png b/images/icons/16x16.png
diff --git a/images/icons/19x19.png b/images/icons/19x19.png
diff --git a/images/icons/24x24.png b/images/icons/24x24.png
diff --git a/images/icons/32x32.png b/images/icons/32x32.png
diff --git a/images/icons/38x38.png b/images/icons/38x38.png
diff --git a/images/icons/48x48.png b/images/icons/48x48.png
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,31 @@
+{
+  "manifest_version": 2,
+  "name": "Rclone decrypter",
+  "description": "This extension allows the user to decrypt filenames encrypted by Rclone.",
+  "version": "1.0",
+
+  "browser_action": {
+    "default_icon": {
+      "16": "/images/icons/16x16.png",
+      "19": "/images/icons/19x19.png",
+      "24": "/images/icons/24x24.png",
+      "32": "/images/icons/32x32.png",
+      "38": "/images/icons/38x38.png"
+    }
+  },
+  "options_page": "/src/options.html",
+  "content_scripts": [
+    {
+      "matches": ["https://drive.google.com/drive/*"],
+      "js": ["/lib/rclone-js/rclone.js", "/src/apps/gdrive.js"]
+    }
+  ],
+  "icons": {
+    "16": "/images/icons/16x16.png",
+    "48": "/images/icons/48x48.png",
+    "128": "/images/icons/128x128.png"
+  },
+  "permissions": [
+    "storage"
+  ]
+}
diff --git a/src/apps/gdrive.js b/src/apps/gdrive.js
@@ -0,0 +1,24 @@
+chrome.storage.sync.get(['password', 'salt'], passwords => {
+
+  const decryptor = rclone.Rclone(passwords).then(o => o.Path.decryptName)
+
+  const decryptElement = (el) =>
+    decryptor.then(decrypt => {
+      el.innerText = decrypt(el.innerText)
+      el.classList.add('rclone-decrypted')
+    })
+
+  const FILE_NAMES = 'span[data-is-doc-name="true"]:not(.rclone-decrypted)'
+  const PARENT_FOLDERS = '[data-target="folder"]:not(.rclone-decrypted)'
+  const CURRENT_FOLDER = '[guidedhelpid="folder_path_button"] > div > div:not(.rclone-decrypted)'
+
+  const decryptAllFileAndFolderNames = () => document.querySelectorAll([FILE_NAMES, PARENT_FOLDERS, CURRENT_FOLDER].join(', ')).forEach(decryptElement)
+
+  const btn = document.createElement('button')
+  btn.classList.add('rclone-decrypt')
+  btn.innerText = 'Rclone Decrypt'
+  btn.addEventListener('click', decryptAllFileAndFolderNames)
+
+  document.querySelector('[aria-label="New"]').insertAdjacentElement('afterend', btn)
+
+})
diff --git a/src/options.html b/src/options.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Rclone Decrypter</title>
+    <link rel="stylesheet" href="/lib/material-design-lite/material.light_blue-blue.min.css" />
+    <style>
+      body { margin: 0 20px; }
+      .mdl-textfield { width: 500px; }
+    </style>
+  </head>
+  <body>
+    <h1>Rclone file name decryptor</h1>
+    <h3>Enter passwords from <code>rclone.conf</code> to decrypt</h2>
+    <form>
+      <div>
+        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+          <input class="mdl-textfield__input" id="password">
+          <label class="mdl-textfield__label" for="password">Password 1</label>
+        </div>
+      <div>
+        <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+          <input class="mdl-textfield__input" id="salt">
+          <label class="mdl-textfield__label" for="salt">Password 2 (Salt)</label>
+        </div>
+      </div>
+      <div class="submit">
+        <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">Save</button>
+      </div>
+    </form>
+    <script src="/lib/material-design-lite/material.min.js"></script>
+    <script src="/options.js"></script>
+  </body>
+</html>
diff --git a/src/options.js b/src/options.js
@@ -0,0 +1,22 @@
+document.addEventListener('DOMContentLoaded', () => {
+  restoreOptions()
+
+  document.querySelector('form').addEventListener('submit', evt => {
+    evt.preventDefault()
+    saveOptions(collectOptions(evt.target))
+  })
+})
+
+const collectOptions = form => ({
+  password: form.elements.password.value,
+  salt: form.elements.salt.value
+})
+
+const saveOptions = options => chrome.storage.sync.set(options)
+
+const restoreOptions = () => chrome.storage.sync.get(['password', 'salt'],
+  ({ password, salt }) => {
+    document.querySelector('#password').parentNode.MaterialTextfield.change(password)
+    document.querySelector('#salt').parentNode.MaterialTextfield.change(salt)
+  }
+)