Browsertrix API Integration Fixes (#218)

- use correct browsertrix api (/api/users/me)
- match both org name and org slug for optional org name
- switch tab order to have browsertrix be first
- remove embed files from git
- bump to 0.12.0

dist/.gitignore

@@ -1,2 +1,2 @@
-*
+**/*
 !.gitignore

src/ui/app.js

@@ -681,12 +681,12 @@ class ArchiveWebApp extends ReplayWebApp
     <wr-modal @modal-closed="${this.onCancelSettings}" title="Settings">
       <div class="tabs mb-3">
         <ul>
-          <li class="${this.settingsTab === "ipfs" ? "is-active" : ""}">
-            <a @click=${() => this.settingsTab = "ipfs"}>IPFS</a>
-          </li>
           <li class="${this.settingsTab === "browsertrix" ? "is-active" : ""}">
             <a @click=${() => this.settingsTab = "browsertrix"}>Browsertrix</a>
           </li>
+          <li class="${this.settingsTab === "ipfs" ? "is-active" : ""}">
+            <a @click=${() => this.settingsTab = "ipfs"}>IPFS</a>
+          </li>
         </ul>
       </div>
 
@@ -746,10 +746,10 @@ class ArchiveWebApp extends ReplayWebApp
           </div>
           <div class="field has-addons">
             <p class="is-expanded">
-              Organization Name (Optional)
+              Organization Name or Slug (Optional)
               <input class="input is-small" type="text"
               name="btrixOrgName" id="btrixOrgName" value="${this.btrixOpts && this.btrixOpts.orgName}"
-              placeholder="Organization (optional)">
+              placeholder="my-org">
             </p>
           </div>
         </fieldset>

src/ui/upload.js

@@ -353,7 +353,7 @@ export class BtrixClient
   }
 
   async getOrg(name="") {
-    const json = await this.fetchAPI("/api/users/me-with-orgs");
+    const json = await this.fetchAPI("/api/users/me");
     const { orgs } = json;
     if (!orgs || !orgs.length) {
       return null;
@@ -362,7 +362,7 @@ export class BtrixClient
       return orgs[0].id;
     }
     for (const org of orgs) {
-      if (org.name === name) {
+      if (org.slug === name || org.name === name) {
         return org.id;
       }
     }