Release 0.1.4-alpha (#408)

* Remove link to empty API guide

Fixes #366
Depends on #51

* Remove redundant link

the COC is linked from the Contributing page which is a better landing page overall. keep it simple.

* Disable the filter when there are no items; resolves #324

* Add disabled state for buttons and disable the "add item" button when editing a new item

This also fixes some CSS with the "active" state of the button widget

* Refactor our telemetry to use Redux middleware

* Add missing telemetry events (and send the item id across)

* Create a Redux action for sending feedback

* Add a Redux action for copying fields

* Rename the object for various telemetry events

* Add telemetry to the doorhanger

* Be extra careful about the possibility of telemetry failing

* Firefox Accounts Integration (#362)

* Add instruction on how to run Tox recreate (#396)

* Add note on how to recreate tox dependencies

* Rewrap all the lines to 80

* Prepare 0.1.4-alpha and release notes (#393)

* Bump version to 0.1.4-alpha

* Quick draft and placeholder release notes

* Update release-notes.md

* Add "FxA can eat your logins" warnings

* Update release-notes.md

* typos

* Documentation updates from product team (#386)

* add FAQs placeholder page

* update homepage and styles to be HTML

because it was faster than trying to make custom theme stuff happen

* update navigation to be simpler

* change extension to match language

* finish converting index to html

* add draft FAQ copy

* typo and inconsistent use of Add-ons vs Extensions in menu

* back to markdown with admonitions

* fix styles to match new markup

* move the project note to the bottom of the page

* remove exclamation icons in headers

* updated tour and intro based on current FxA functionality

* copy edits from legal and content teams

* Disable the filter when there are no items; resolves #324

* Add disabled state for buttons and disable the "add item" button when editing a new item

This also fixes some CSS with the "active" state of the button widget

* Refactor our telemetry to use Redux middleware

* Add missing telemetry events (and send the item id across)

* Create a Redux action for sending feedback

* Add a Redux action for copying fields

* Rename the object for various telemetry events

* Add telemetry to the doorhanger

* Be extra careful about the possibility of telemetry failing

* Firefox Accounts Integration (#362)

* add the tour screen shots

* address @mheubusch comments as best can be done

* Incorporate more Photon-inspired UX and UI improvements (#351)

* Fix text color of wrapped inputs; resolves #264

* Change background color of primary content area when viewing or creating an entry

And change color of selected item in scroll list to match so it looks like one continuous tab/element

* Removal of horizontal divider in Create a New Entry & View Entry Details

and change Delete button to be a button

* Add arrow indicator, hide when item selected

* Match title and subtitle font sizes and weights

* Adjust sidebar width

* Remove item count from toolbar

* Update Navigation to match comps

- navigation links to match Photon
- larger with puffy sizes
- no side vs main toolbar

* fix font-weight typos from bad partial commit

* Add link theme and external link icon

* Small copy changes recently noticed

* Center text on modal

* Remove sidebar border

Need a clever way to add it back and "punch through" selected items, though

* Normal button for home

* re-order origin and title fields so address is first

* remove notes placeholder

* better spacing for empty sidebar text

* sidebar item typography and colors to match

* make the indicator arrow more style than semantic

and use the proper icon

* add semantic navigation arrow image to replace left arrow tag

* rename new, edit, delete, button and confirmation strings

* hide right border on selected list item so its like a tab into the panel

* improved modal styles

* consistent bytton styles and sizes

* improved item detail input and title styles

* remove fancy counter from homepage

* quick tweaks to doorhanger styles

* re-order title and address to match d6ea846

* actually finish the re-ordering of title and address

from 0c0884a

* updated description to match comps

* update sidebar background colors to match comps

* merge FxA changes into homepage

* remove pre-Alpha homepage greeting

* lower-case 'e' for entry now

* use product-title placeholder and undo accidental CSS specificity breakage

* remove superfulous brackets

* remove superfulous height and border, set proper color on item details

* remove unused localized toolbar string

* Merge and fix some conflicts against FxA

* remove unused Homepage prop

removed at 536d7e4

* sane sidebar min with grid shift to achieve wider-ness

* move homepage and FxA blurb styles around and match comps

* improve text and button hierarchy and clarity on modal dialogs

* localize the backwards navigation arrow on popup

* update item and scroll list colors to match Photon greys

* "provide feedback" link for user clarity

submit feedback happens after feedback is drafted

* explicitly disable browser style, prevents warning messages

* quick attempt fix vertical alignment of arrow indicator

* fix integration tests for login, add entry, delete, and doorhanger

* set a normal min-width to achieve fairly consistent size buttons

so short words like "Save" and "Edit" fill a minimum amount of space that has a good hit-area, but "Delete Entry" expands to fill space

* change the "go back" button to micro to fit the space better

* update ID locator in login.py tests

* add external link widget (#397)

* add external link widget

* address code review comments

* address children property feedback

* integration test: find the correct sign in link

* put things back where they were and address @jimporter review comments

* Updated integration tests

* Fix failing integration tests.

* Fix flake8

* Fix text color of wrapped inputs; resolves #264

* Change background color of primary content area when viewing or creating an entry

And change color of selected item in scroll list to match so it looks like one continuous tab/element

* Removal of horizontal divider in Create a New Entry & View Entry Details

and change Delete button to be a button

* Add arrow indicator, hide when item selected

* Match title and subtitle font sizes and weights

* Adjust sidebar width

* Remove item count from toolbar

* Update Navigation to match comps

- navigation links to match Photon
- larger with puffy sizes
- no side vs main toolbar

* fix font-weight typos from bad partial commit

* Add link theme and external link icon

* Small copy changes recently noticed

* Center text on modal

* Remove sidebar border

Need a clever way to add it back and "punch through" selected items, though

* Normal button for home

* re-order origin and title fields so address is first

* remove notes placeholder

* better spacing for empty sidebar text

* sidebar item typography and colors to match

* make the indicator arrow more style than semantic

and use the proper icon

* add semantic navigation arrow image to replace left arrow tag

* rename new, edit, delete, button and confirmation strings

* hide right border on selected list item so its like a tab into the panel

* improved modal styles

* consistent bytton styles and sizes

* improved item detail input and title styles

* remove fancy counter from homepage

* quick tweaks to doorhanger styles

* re-order title and address to match d6ea846

* updated description to match comps

* actually finish the re-ordering of title and address

from 0c0884a

* update sidebar background colors to match comps

* merge FxA changes into homepage

* remove pre-Alpha homepage greeting

* lower-case 'e' for entry now

* use product-title placeholder and undo accidental CSS specificity breakage

* remove superfulous brackets

* remove superfulous height and border, set proper color on item details

* remove unused localized toolbar string

* Merge and fix some conflicts against FxA

* remove unused Homepage prop

removed at 536d7e4

* sane sidebar min with grid shift to achieve wider-ness

* move homepage and FxA blurb styles around and match comps

* improve text and button hierarchy and clarity on modal dialogs

* localize the backwards navigation arrow on popup

* update item and scroll list colors to match Photon greys

* "provide feedback" link for user clarity

submit feedback happens after feedback is drafted

* explicitly disable browser style, prevents warning messages

* quick attempt fix vertical alignment of arrow indicator

* fix integration tests for login, add entry, delete, and doorhanger

* set a normal min-width to achieve fairly consistent size buttons

so short words like "Save" and "Edit" fill a minimum amount of space that has a good hit-area, but "Delete Entry" expands to fill space

* change the "go back" button to micro to fit the space better

* update ID locator in login.py tests

* add external link widget (#397)

* add external link widget

* address code review comments

* address children property feedback

* integration test: find the correct sign in link

* put things back where they were and address @jimporter review comments

* Updated integration tests

* Fix failing integration tests.

* Fix flake8

* Fix homepage wait to load

* Fix flake8

* Fix homepage wait to load

* slow the browser down because these tests are failing very occasionally

* make sure the FxA linked typography matches signed out guest mode

* bump toolbar and first run actions link sizes up to match nearby button sizes

* localization introduced at 9db70b2 is not actually working this way

returning [object Object] instead of string

* put back input sizes so there's no visibile jump going from edit to view

undo some of my changes at 234d001 so things line up properly

* better wrapping accounting for width of "Lockbox"

* also set account-summary span to 15px for now for nav size consistency

* sentence case our tagline

* minr Padd missing semi-colon

* address input review comments

* Localize the back button for <PanelHeader/>

* Use normal button style for signing into Firefox Account

* Simplify button CSS when using button icons

This does a few things:
* Makes the <PanelHeader/>'s back button bigger so people have an easier time
  clicking it
* Sets line-height of buttons to 1 to ensure that icons are vertically
  centered (this is ok because the labels never wrap anyway)
* Adjusts the vertical alignment of icons when there's a label next to them

For text-only buttons, there should be no visual changes whatsoever.

* Use a "ghost" button with some custom styling for the "copy" button

* Remove "link" button theme

* Add missing semicolon

* Move `grid-column-start` definition for the main toolbar to the proper place

* Move font-size definition for the main toolbar to a better spot

* Fix tests

* Updated waits for integration tests.

* Fix integration test flake8 errors.

* Input focus state should be higher priority than input hover state!

* Improve styles for management page's <ItemFilter/>

* fix from @jrbenny35

* Make the origin field non-monospace

* add HEADLESS back

* Add an external FAQ link to navigation (#387)

* Replicate send-feedback to create a FAQ link component

admittedly a total copy/paste job and not certain if good for long term maintenance with potential for changes (like if/when one or the other becomes something else) versus making send-feedback abstract to take two and then split out later when either one changes to be something other than a simple link :thinking_face:

* redo open-faq to match send-feedback with telemetry updates

* update to use common ExternalLink widget

* Fix sizing of various components in the manager to allow (very!) narrow screens

* Add an intro page to the manager; resolves #292

* Remove ENABLE_DOORHANGER code

we won't ever want to have it not enabled from here forward, so removing the code entirely

* Minor fixes before release (#407)

* fix broken markdown link

* change "FAQs" to "FAQ" based on recent copy text decision

* change intro titles to sentence case based on recent copy text decision

* remove first run warning about no data guarantee

we want users to rely on this now

* visually center the FxA blurbs on the home page

* increase FAQ navigation link size to match toolbar sizes

* add a little more space between clickable navigation items in toolbar

* Extended timeout for integration tests.

* Re-wrap the input item fields so they don't regress and break the page (#409)

* wrap the notes text area input so it doesn't break the page

* remove redundant overflow styles

Author: devinreams

.travis.yml

@@ -26,8 +26,6 @@ jobs:
         - nvm install node
         - pip install tox
       before_script:
-        - jwm &
-        - sleep 10
         - npm install
         - npm run package
       script: tox

docs/css/extra.css

@@ -8,7 +8,7 @@ h1 {
 
 a.button-link {
   display: block;
-  margin: 0px auto;
+  margin: .5em auto;
   padding: 0.5em;
   width: 12em;
   color: white;
@@ -17,3 +17,14 @@ a.button-link {
   border-radius: 4px;
   text-align: center;
 }
+
+div.right {
+  float: right;
+  clear: right;
+  width: 40%;
+  padding-left: 2em;
+}
+
+.rst-content .admonition-title::before {
+    display: none; !important
+}

docs/faqs.md

@@ -0,0 +1,53 @@
+## What’s the difference between Lockbox and the Firefox password manager?
+
+Firefox password manager is the built-in feature that saves and autofills website login information. You can protect these logins with a master password. 
+
+Lockbox is a stand-alone password manager extension that you can secure with a Firefox Account for newer encryption than what is offered with password manager. 
+
+The alpha version of Lockbox lets you create, store and manage entries (a site’s username and password) and copy and paste login information. We realize managing passwords this way may feel very manual, but we plan to add features like autofill and password generation in future releases. We are also working to build cloud backup, create a mobile app, and support multiple browsers.
+
+## Can I use Lockbox and the Firefox password manager at the same time?
+
+No. When you install Lockbox, Firefox automatically disables the password manager. If you disable or delete Lockbox, Firefox re-enables password manager on the browser’s next restart.
+
+## If I disable or delete Lockbox, will login information from my entries transfer into the password manager?
+
+No. But login information you previously added to password manager will still be available.
+
+## Does Lockbox import my information from password manager?
+
+Not in the current alpha version.
+
+## What security technology does Lockbox use?
+
+When you protect Lockbox with a Firefox Account, Lockbox uses [AES256-GCM](https://en.wikipedia.org/wiki/Galois/Counter_Mode) encryption, a tamper-resistent block cipher technology, to protect your data. Lockbox also uses [HMAC SHA-256](https://en.wikipedia.org/wiki/Hash-based_message_authentication_code) to “hash” searchable data for additional security. 
+
+## How do I disable or delete Lockbox?
+
+1. Click the menu button ![menu](https://user-images.githubusercontent.com/49511/33676293-a3470a0c-da72-11e7-9f93-2f054bc16cb9.png)
+ and choose Add-ons ![extensions](https://user-images.githubusercontent.com/49511/33676294-a35f8b5e-da72-11e7-8bfa-186708b20aab.png)
+2. ![disable](https://user-images.githubusercontent.com/49511/33676295-a3732b32-da72-11e7-9920-43c8b6d25134.png) or ![remove](https://user-images.githubusercontent.com/49511/33676296-a38aa708-da72-11e7-9c15-7960d17422b7.png) Lockbox
+
+## If I delete Lockbox, what happens to the entries I’ve saved?
+
+The alpha version of Lockbox doesn’t offer backup or synchronization. You’ll need to re-add login information to Lockbox after installing it again.
+
+## What if I forget my Firefox Account password?
+
+Firefox Accounts do not offer password recovery functionality. If you added a Firefox Account to Lockbox and forget your password, you’ll need to reset your Firefox Account. Note that you’ll lose all saved Lockbox entries.
+
+## Will Lockbox work with other password managers?
+
+The alpha version of Lockbox hasn’t been tested widely with other password managers. We recommend disabling or deleting other password managers from Firefox before installing Lockbox.
+
+## Do Lockbox entries sync to other computers with Lockbox installed?
+
+Yes, if you secure Lockbox with a Firefox Account.
+
+## Can I try Lockbox if I don’t have a Mozilla.com email address?
+
+Sure. To get started, click the <a href="https://testpilot.firefox.com/files/lockbox@mozilla.com/latest">Install Lockbox</a> button on the Introduction page. Note that this is an alpha version. Features and functionality will change as we continue developing Lockbox.
+
+## If I already have a Firefox Account, can I create a separate Firefox Account to use only with Lockbox? 
+
+You can create a new account using a different email address than the one you use for your existing Firefox Account. Note that the new Firefox Account won’t sync bookmarks, history and open tabs unless you use it to sign into the browser.

docs/images/tour-01.welcome.png

@@ -1,14 +1,45 @@
-# Lockbox Extension
+# Lockbox for desktop
 
-*This is just one component of the Lockbox product. Please see the
-[Lockbox website][org-website] for more documentation and context.*
+!!! right "Install the extension"
+    [Install Lockbox][install-link]{: .button-link }
+    Have questions about how Lockbox works? [Check out the FAQs][faq-link]
 
-Click below to install the Lockbox extension:
+!!! right "Contribute"
+    You can also contribute by:
+    
+    - Developing code
+    - Reporting bugs
+    
+    [Learn how to get started][contribute-link]
 
-[Install][install-link]{: .button-link }
+The Lockbox extension is a simple, stand-alone password manager that works
+with Firefox for desktop. It’s the first of several planned experiments
+designed to help us test and improve password management and online
+security.
 
-**Note: This is a rapidly evolving prototype that will change. Any data stored
-is not guaranteed to be retained in future updates.**
+Install it and sign in with your Firefox Account to encrypt your data with
+tamper-resistant block cipher technology. Then [share feedback
+here](feedback-link).
+
+## Get Started
+
+1. Install Lockbox, and it will automatically disable Firefox’s password manager.
+   ![install lockbox](./images/tour-01.welcome.png)
+
+2. Create an entry with a website name, URL, username, and password.
+   ![create an entry](./images/tour-02.create-entry.png)
+
+3. Search or browse in the toolbar menu or on the full tab to find the password you need.
+   ![search from doorhanger](./images/tour-03.doorhanger-search.png)
+
+4. Sign up or sign in with a Firefox Account to encrypt your entries.
+   ![sinup for fxa](./images/tour-04.signup-fxa.png)
+
+_This is just one component of the Lockbox product. Please see the [Lockbox
+website][website-link] for more documentation and context._
 
 [install-link]: https://testpilot.firefox.com/files/lockbox@mozilla.com/latest
-[org-website]: https://mozilla-lockbox.github.io/
+[faq-link]: /faqs/
+[contribute-link]: /contributing/ 
+[website-link]: https://mozilla-lockbox.github.io/
+[feedback-link]: https://qsurvey.mozilla.com/s3/Lockbox-Input

docs/images/tour-02.create-entry.png

@@ -144,9 +144,11 @@ All events are currently implemented under the **category: lockboxV0**. The `ext
 
 9. `feedbackClick` fires when the user clicks the "Send Feedback" button. **objects**: manage
 
-10. `resetRequested` fires when the user clicks the "Reset" button in the Lockbox settings. **objects**: settings
+10. `faqClick` fires when the user clicks the "FAQ" button. **objects**: manage
 
-11. `resetCompleted` fires when the user completes a reset of their Lockbox data in the Lockbox settings. **objects**: settings
+11. `resetRequested` fires when the user clicks the "Reset" button in the Lockbox settings. **objects**: settings
+
+12. `resetCompleted` fires when the user completes a reset of their Lockbox data in the Lockbox settings. **objects**: settings
 
 ## List of Planned Events
 

docs/images/tour-03.doorhanger-search.png

@@ -1,5 +1,28 @@
 # Lockbox Release Notes
 
+## 0.1.4-alpha
+
+_Date: 2017-12-11_
+
+### What's New
+
+- Access your saved Lockbox entries from a doorhanger experience ([#338](https://github.com/mozilla-lockbox/lockbox-extension/pull/362))
+- Secure your Lockbox with a Firefox Account ([#362](https://github.com/mozilla-lockbox/lockbox-extension/pull/362))
+- See the visual design and polish come together for the entire experience ([#351](https://github.com/mozilla-lockbox/lockbox-extension/pull/351))
+- Get help and instructions when you first get started ([#392](https://github.com/mozilla-lockbox/lockbox-extension/issues/392))
+- Get additional support from the updated [Lockbox website](https://mozilla-lockbox.github.io/lockbox-extension/), including the FAQ ([#345](https://github.com/mozilla-lockbox/lockbox-extension/issues/345))
+
+
+### What's Fixed
+
+### Known Issues
+
+* **Any existing Lockbox entries from previous versions have been removed.** Previous versions were storing and encrypting data differently than we are now. In order to add our new security features your old data can no longer be read/accessed and you'll see an empty state after you upgrade.
+* Once you link a Firefox Account to Lockbox, you cannot unlink it from that account.
+* Once you link a Firefox Account to Lockbox, signing in with a different account can render Lockbox unusable until you quit and restart Firefox.
+* Once you link a Firefox Account to Lockbox, resetting your Firefox Account password through "forgot your password" will render all your logins inaccessible; the only recourse is to reset Lockbox and start over.
+* Firefox's default prompt to save logins is only disabled on new installs of this extension; updating Lockbox will not change your current Firefox preferences.
+
 ## 0.1.3-alpha
 
 _Date: 2017-11-29_