mozilla · vladikoff · Feb 21, 2018 · Jan 5, 2018 · Jan 5, 2018 · Jan 5, 2018
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["react"]
+}
diff --git a/.eslintrc.yml b/.eslintrc.yml
@@ -4,14 +4,18 @@ env:
   webextensions: true
 
 parserOptions:
+  ecmaFeatures:
+    jsx: true
   ecmaVersion: 2017
+  sourceType: module
 
 extends:
   - eslint:recommended
   - plugin:mozilla/recommended
+  - plugin:react/recommended
+  - plugin:jsx-a11y/recommended
 
 globals:
-  BrowserStorageCredentials: false
   ClassicEditor: false
   Jose: false
   JoseJWE: false
@@ -20,23 +24,26 @@ globals:
   Quill: false
   TestPilotGA: false
   customizeEditor: false
-  disconnectFromKinto: false
   formatFooterTime: false
   fxaCryptoRelier: false
   fxaFetchProfile: false
   fxaRenewCredential: false
   getPadStats: false
-  loadFromKinto: false
   localizeEditorButtons: false
   migrationCheck: false
   migrationNote: false
   migrationBody: false
   retrieveNote: false
-  saveToKinto: false
   setAnimation: false
+  BrowserStorageCredentials: false
+  loadFromKinto: false
+  disconnectFromKinto: false
+  saveToKinto: false
 
 plugins:
   - mozilla
+  - jsx-a11y
+  - react
 
 root: true
 

diff --git a/.stylelintrc b/.stylelintrc
@@ -0,0 +1,7 @@
+{
+  "extends": "stylelint-config-recommended",
+  "rules": {
+    "no-descending-specificity": null,
+    "shorthand-property-no-redundant-values": null
+  }
+}
diff --git a/.travis.yml b/.travis.yml
@@ -2,7 +2,7 @@ language: node_js
 addons:
   firefox: latest
 node_js:
-  - "6"
+  - "8"
 before_install:
   - export DISPLAY=:99.0
   - sh -e /etc/init.d/xvfb start
@@ -15,12 +15,17 @@ env:
 
 matrix:
   include:
-    - script: npm run build-ck
-      env: BUILD_CK
+    - script: npm run test
+      env:
+        global:
+          - FIREFOX_BINARY: firefox
       before_install:
+         - export DISPLAY=:99.0
+         - sh -e /etc/init.d/xvfb start
+         - sleep 3
     - script: npm run build
       env: BUILD_NOTES
-      before_install:
     - script: npm run lint
       env: LINT
+      before_script: npm run build
       before_install:
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog
 
+## 3.0.0
+
+* Add send-to-notes context menu (#655)
+* Use React.js states to render the add-on frontend (#550)
+* Export to HTML feature (#695)
+
+
 ## 2.2.0 (2018-02-12)
 
 * Add the full heading names (#528)

diff --git a/README.md b/README.md
@@ -1,24 +1,24 @@
 # Firefox Notes
 
+A notepad for Firefox
+
 [![CircleCI](https://circleci.com/gh/mozilla/notes/tree/master.svg?style=svg)](https://circleci.com/gh/mozilla/notes/tree/master)
 [![Available on Test Pilot](https://img.shields.io/badge/available_on-Test_Pilot-0996F8.svg)](https://testpilot.firefox.com/experiments/notes)
 [![Waffle.io - Bug Triage](https://badge.waffle.io/mozilla/notes.svg?columns=all)](https://waffle.io/mozilla/notes)
 
-## What does it aim for
-
-This project let you open a notepad in the Firefox toolbar to store notes about your browsing.
+> Discussion Forum: [https://discourse.mozilla.org/c/test-pilot/notes](https://discourse.mozilla.org/c/test-pilot/notes)
 
 
-## How can you use it
+## Contribute
 
-Step 0: If you plan on sending pull-request, you should fork the repository.
-Step 1: Clone the [notes](https://github.com/mozilla/notes) repository or your fork.
+* Step 0: If you plan on sending a pull-request, you should fork the repository.
+* Step 1: Clone the [notes](https://github.com/mozilla/notes) repository or your fork.
 ```
 git clone https://github.com/mozilla/notes.git
 # or
 git clone https://github.com/[yourusername]/notes.git
 ```
-Step 2:Navigate to the root of the directory you cloned and run:
+* Step 2: Navigate to the root of the directory you cloned and run:
 > Make sure to use Node.js 6+.
 
 | Command         | Description                               |
@@ -29,7 +29,11 @@ Step 2:Navigate to the root of the directory you cloned and run:
 
 You can also open the `test/index.html` file in your browser to run the automated tests.
 
-## Localization
+## Release 
+
+See [RELEASE.md](https://github.com/mozilla/notes/blob/master/RELEASE.md) for release steps.
+
+### Localization
 
 Firefox Notes localization is managed via [Pontoon](https://pontoon.mozilla.org/projects/test-pilot-notes/), not direct pull requests to the repository. If you want to fix a typo, add a new language, or simply know more about localization, please get in touch with the [existing localization team](https://pontoon.mozilla.org/teams/) for your language, or Mozilla’s [l10n-drivers](https://wiki.mozilla.org/L10n:Mozilla_Team#Mozilla_Corporation) for guidance.
 

diff --git a/RELEASE.md b/RELEASE.md
@@ -40,7 +40,6 @@ git push origin production
 * Upgrade to next version in dev (i.e 1.8.0dev):
   * Update `package.json` next version number
   * Update `src/manifest.json` next version number
-  * Update `src/background.js` next version number
   * Prepare `CHANGELOG.md` for the next release
 
 ```

diff --git a/circle.yml b/circle.yml
@@ -4,8 +4,8 @@ machine:
 
 test:
   override:
+    - npm run build
     - npm run lint
 
     # Build the extension and copy to artifacts directory.
-    - npm run build
     - cp web-ext-artifacts/*.zip $CIRCLE_ARTIFACTS
diff --git a/docs/metrics.md b/docs/metrics.md
@@ -152,6 +152,12 @@ An event fired when the migration from Quill.JS to CKEditor already happened
 - `ec` - `notes`
 - `ea` - `metrics-migrated-before`
 
+#### `context-menu`
+An event fired when the "Send to Notes" context menu is used
+
+- `ec` - `notes`
+- `ea` - `metrics-context-menu`
+
 #### `limit-reached`
 
 An event fired when user goes over the pad limit (15000 character)

diff --git a/locales/ar/notes.properties b/locales/ar/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=اتجاه النص
 themeLegend=سمة
 defaultThemeTitle=المبدئي
 darkThemeTitle=داكن
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=أرسِل إلى الملاحظات
+
+exportAsHTML=صدّر بنسق HTML…
diff --git a/locales/bs/notes.properties b/locales/bs/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Smjer teksta
 themeLegend=Tema
 defaultThemeTitle=Zadano
 darkThemeTitle=Tamno
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Pošalji u bilješke
+
+exportAsHTML=Izvezi kao HTML…
diff --git a/locales/cak/notes.properties b/locales/cak/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Rochochib'al Rucholajem Tzij
 themeLegend=Wachinel
 defaultThemeTitle=K'o wi
 darkThemeTitle=Q'equ'm
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Titaq pa Notes
+
+exportAsHTML=Tik'wäx el achi'el HTML…
diff --git a/locales/de/notes.properties b/locales/de/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Textrichtung
 themeLegend=Design
 defaultThemeTitle=Standard
 darkThemeTitle=Dunkel
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=An Notes senden
+
+exportAsHTML=Als HTML exportieren…
diff --git a/locales/dsb/notes.properties b/locales/dsb/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Tekstowy směr
 themeLegend=Drastwa
 defaultThemeTitle=Standard
 darkThemeTitle=Śamny
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Na Notes pósłaś
+
+exportAsHTML=Ako HTML eksportěrowaś…
@@ -107,3 +107,10 @@ textDirectionTitle=Text Direction
 themeLegend=Theme
 defaultThemeTitle=Default
 darkThemeTitle=Dark
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Send to Notes
+
+exportAsHTML=Export as HTML…
diff --git a/locales/es-AR/notes.properties b/locales/es-AR/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Dirección del texto
 themeLegend=Tema
 defaultThemeTitle=Predeterminado
 darkThemeTitle=Oscuro
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Enviar a Notes
+
+exportAsHTML=Exportar como HTML…
diff --git a/locales/es-CL/notes.properties b/locales/es-CL/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Dirección del texto
 themeLegend=Tema
 defaultThemeTitle=Por defecto
 darkThemeTitle=Oscuro
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Enviar a Notes
+
+exportAsHTML=Exportar como HTML…
diff --git a/locales/es-ES/notes.properties b/locales/es-ES/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Dirección del texto
 themeLegend=Tema
 defaultThemeTitle=Predeterminado
 darkThemeTitle=Oscuro
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Enviar a Notes
+
+exportAsHTML=Exportar como HTML…
diff --git a/locales/es-MX/notes.properties b/locales/es-MX/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Dirección del texto
 themeLegend=Tema
 defaultThemeTitle=Predeterminado
 darkThemeTitle=Oscuro
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Enviar a Notes
+
+exportAsHTML=Exportar como HTML…
diff --git a/locales/fr/notes.properties b/locales/fr/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Orientation du texte
 themeLegend=Thème
 defaultThemeTitle=Par défaut
 darkThemeTitle=Sombre
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Envoyer à Notes
+
+exportAsHTML=Exporter comme HTML…
diff --git a/locales/fy-NL/notes.properties b/locales/fy-NL/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Tekstrjochting
 themeLegend=Tema
 defaultThemeTitle=Standert
 darkThemeTitle=Donker
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Ferstjoere nei Notes
+
+exportAsHTML=Eksportearje as HTML…
diff --git a/locales/hsb/notes.properties b/locales/hsb/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Tekstowy směr
 themeLegend=Drasta
 defaultThemeTitle=Standard
 darkThemeTitle=Ćmowy
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Na Notes pósłać
+
+exportAsHTML=Jako HTML eksportować…
diff --git a/locales/hu/notes.properties b/locales/hu/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Szövegirány
 themeLegend=Téma
 defaultThemeTitle=Alapértelmezett
 darkThemeTitle=Sötét
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Küldés a Notesba
+
+exportAsHTML=Exportálás HTML-ként…
diff --git a/locales/it/notes.properties b/locales/it/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Orientamento del testo
 themeLegend=Tema
 defaultThemeTitle=Predefinito
 darkThemeTitle=Scuro
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Invia a Notes
+
+exportAsHTML=Esporta in HTML…
diff --git a/locales/ja/notes.properties b/locales/ja/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=テキストの記述方向
 themeLegend=テーマ
 defaultThemeTitle=既定
 darkThemeTitle=ダーク
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Notes へ送る
+
+exportAsHTML=HTML としてエクスポート...
diff --git a/locales/ka/notes.properties b/locales/ka/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=ტექსტის მიმართულება
 themeLegend=გაფორმება
 defaultThemeTitle=ნაგულისხმევი
 darkThemeTitle=მუქი
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Notes-ში გადაგზავნა
+
+exportAsHTML=HTML ფაილად შენახვა…
diff --git a/locales/ms/notes.properties b/locales/ms/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Hala Teks
 themeLegend=Tema
 defaultThemeTitle=Piawai
 darkThemeTitle=Gelap
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Hantar ke Notes
+
+exportAsHTML=Eksport sebagai HTML…
diff --git a/locales/nb-NO/notes.properties b/locales/nb-NO/notes.properties
@@ -107,3 +107,10 @@ textDirectionTitle=Tekstretting
 themeLegend=Tema
 defaultThemeTitle=Standard
 darkThemeTitle=Mørk
+
+# Displayed in the context menu when selecting text on a web page, used to send
+# the text to Firefox Notes. Keep "Notes" in English, since it's the name of the
+# add-on.
+sendToNotes=Send til Notes
+
+exportAsHTML=Eksporter som HTML…