![](\"http://i.imgur.com/PWQ7NlY.jpg\")
{{{description}}}
\n| Argument | \nDescription | \n
|---|---|
| \n {{name}}\n | \n\n {{#if isOptional}}Optional{{/if}}\n {{{description}}}\n | \n
| Return Values | \n
|---|
| {{{description}}} |
{{{description}}}
\n{{#if arguments.length}}\n| \n {{name}}\n | \n\n {{#if isOptional}}Optional{{/if}}\n {{{description}}}\n | \n
\n ---------- Forwarded message ---------\n\"\"\"\n\n sessionSetupComplete = false\n useDraft.call(@,\n from: [u1]\n to: [u2]\n subject: \"Fwd: Test Forward Message 1\"\n body: @fwdBody)\n .then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n\n runs( =>\n makeComposer.call(@)\n @editableNode = ReactDOM.findDOMNode(@composer).querySelector('[contenteditable]')\n spyOn(@session.changes, \"add\")\n )\n\n it 'begins with the forwarded message expanded', ->\n expect(@editableNode.innerHTML).toBe @fwdBody\n\n it 'saves the full new body, plus forwarded text', ->\n @editableNode.innerHTML = \"Hello world#{@fwdBody}\"\n @composer.refs[Fields.Body]._onDOMMutated([\"mutated\"])\n expect(@session.changes.add).toHaveBeenCalled()\n expect(@session.changes.add.calls.length).toBe 1\n body = @session.changes.add.calls[0].args[0].body\n expect(body).toBe \"\"\"Hello world#{@fwdBody}\"\"\"\n\n describe \"When sending a message\", ->\n beforeEach ->\n spyOn(NylasEnv, \"isMainWindow\").andReturn true\n {remote} = require('electron')\n @dialog = remote.dialog\n spyOn(remote, \"getCurrentWindow\")\n spyOn(@dialog, \"showMessageBox\")\n spyOn(Actions, \"sendDraft\").andCallThrough()\n\n it \"shows an error if there are no recipients\", ->\n sessionSetupComplete = false\n useDraft.call(@, subject: \"no recipients\").then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe false\n expect(@dialog.showMessageBox).toHaveBeenCalled()\n dialogArgs = @dialog.showMessageBox.mostRecentCall.args[1]\n expect(dialogArgs.detail).toEqual(\"You need to provide one or more recipients before sending the message.\")\n expect(dialogArgs.buttons).toEqual ['Edit Message', 'Cancel']\n )\n\n it \"shows an error if a recipient is invalid\", ->\n sessionSetupComplete = false\n useDraft.call(@,\n subject: 'hello world!'\n to: [new Contact(email: 'lol', name: 'lol')])\n .then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe false\n expect(@dialog.showMessageBox).toHaveBeenCalled()\n dialogArgs = @dialog.showMessageBox.mostRecentCall.args[1]\n expect(dialogArgs.detail).toEqual(\"lol is not a valid email address - please remove or edit it before sending.\")\n expect(dialogArgs.buttons).toEqual ['Edit Message', 'Cancel']\n )\n\n describe \"empty body warning\", ->\n it \"warns if the body of the email is still the pristine body\", ->\n pristineBody = \"
\n From: Evan Morikawa <evan@evanmorikawa.com>
Subject: Test Forward Message 1
Date: Sep 3 2015, at 12:14 pm
To: Evan Morikawa <evan@nylas.com>\n
\n\n This is a test!\n
This is my quoted text!\")\n .then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe true\n )\n\n it \"does not warn if the user has attached a file\", ->\n sessionSetupComplete = false\n useDraft.call(@,\n to: [u1]\n subject: \"Hello World\"\n body: \"\"\n files: [f1])\n .then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe true\n expect(@dialog.showMessageBox).not.toHaveBeenCalled()\n )\n\n it \"shows a warning if there's no subject\", ->\n sessionSetupComplete = false\n useDraft.call(@, to: [u1], subject: \"\").then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe false\n expect(@dialog.showMessageBox).toHaveBeenCalled()\n dialogArgs = @dialog.showMessageBox.mostRecentCall.args[1]\n expect(dialogArgs.buttons).toEqual ['Send Anyway', 'Cancel']\n )\n\n it \"doesn't show a warning if requirements are satisfied\", ->\n sessionSetupComplete = false\n useFullDraft.apply(@).then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe true\n expect(@dialog.showMessageBox).not.toHaveBeenCalled()\n )\n\n describe \"Checking for attachments\", ->\n warn = (body) ->\n sessionSetupComplete = false\n useDraft.call(@, subject: \"Subject\", to: [u1], body: body).then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe false\n expect(@dialog.showMessageBox).toHaveBeenCalled()\n dialogArgs = @dialog.showMessageBox.mostRecentCall.args[1]\n expect(dialogArgs.buttons).toEqual ['Send Anyway', 'Cancel']\n )\n\n noWarn = (body) ->\n sessionSetupComplete = false\n useDraft.call(@, subject: \"Subject\", to: [u1], body: body).then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe true\n expect(@dialog.showMessageBox).not.toHaveBeenCalled()\n )\n\n it \"warns\", -> warn.call(@, \"Check out the attached file\")\n it \"warns\", -> warn.call(@, \"I've added an attachment\")\n it \"warns\", -> warn.call(@, \"I'm going to attach the file\")\n it \"warns\", -> warn.call(@, \"Hey attach me
sup\")\n\n it \"doesn't warn\", -> noWarn.call(@, \"sup yo\")\n it \"doesn't warn\", -> noWarn.call(@, \"Look at the file\")\n it \"doesn't warn\", -> noWarn.call(@, \"Hey there
attach\")\n\n it \"doesn't show a warning if you've attached a file\", ->\n sessionSetupComplete = false\n useDraft.call(@,\n subject: \"Subject\"\n to: [u1]\n body: \"Check out attached file\"\n files: [f1])\n .then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft()\n expect(status).toBe true\n expect(@dialog.showMessageBox).not.toHaveBeenCalled()\n )\n\n it \"bypasses the warning if force bit is set\", ->\n sessionSetupComplete = false\n useDraft.call(@, to: [u1], subject: \"\").then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n status = @composer._isValidDraft(force: true)\n expect(status).toBe true\n expect(@dialog.showMessageBox).not.toHaveBeenCalled()\n )\n\n it \"sends when you click the send button\", ->\n sessionSetupComplete = false\n useFullDraft.apply(@).then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n sendBtn = @composer.refs.sendActionButton\n sendBtn.primarySend()\n expect(Actions.sendDraft).toHaveBeenCalledWith(DRAFT_CLIENT_ID, 'send')\n expect(Actions.sendDraft.calls.length).toBe 1\n # Delete the draft from _draftsSending so we can send it in other tests\n delete DraftStore._draftsSending[DRAFT_CLIENT_ID]\n )\n\n it \"doesn't send twice if you double click\", =>\n sessionSetupComplete = false\n useFullDraft.apply(@).then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n sendBtn = @composer.refs.sendActionButton\n sendBtn.primarySend()\n sendBtn.primarySend()\n expect(Actions.sendDraft).toHaveBeenCalledWith(DRAFT_CLIENT_ID, 'send')\n expect(Actions.sendDraft.calls.length).toBe 1\n # Delete the draft from _draftsSending so we can send it in other tests\n delete DraftStore._draftsSending[DRAFT_CLIENT_ID]\n )\n\n describe \"when sending a message with keyboard inputs\", ->\n beforeEach ->\n sessionSetupComplete = false\n useFullDraft.apply(@).then =>\n makeComposer.call(@)\n @$composer = @composer.refs.composerWrap\n sessionSetupComplete = true\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n\n afterEach ->\n # Delete the draft from _draftsSending so we can send it in other tests\n delete DraftStore._draftsSending[DRAFT_CLIENT_ID]\n\n it \"sends the draft on cmd-enter\", ->\n ReactDOM.findDOMNode(@$composer).dispatchEvent(new CustomEvent('composer:send-message'))\n expect(Actions.sendDraft).toHaveBeenCalledWith(DRAFT_CLIENT_ID, 'send')\n expect(Actions.sendDraft.calls.length).toBe 1\n\n it \"doesn't let you send twice\", ->\n ReactDOM.findDOMNode(@$composer).dispatchEvent(new CustomEvent('composer:send-message'))\n expect(Actions.sendDraft).toHaveBeenCalledWith(DRAFT_CLIENT_ID, 'send')\n expect(Actions.sendDraft.calls.length).toBe 1\n ReactDOM.findDOMNode(@$composer).dispatchEvent(new CustomEvent('composer:send-message'))\n expect(Actions.sendDraft).toHaveBeenCalledWith(DRAFT_CLIENT_ID, 'send')\n expect(Actions.sendDraft.calls.length).toBe 1\n\n describe \"drag and drop\", ->\n beforeEach ->\n sessionSetupComplete = false\n useDraft.call(@,\n to: [u1]\n subject: \"Hello World\"\n body: \"\"\n files: [f1])\n .then( =>\n makeComposer.call(@)\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n\n describe \"_shouldAcceptDrop\", ->\n it \"should return true if the event is carrying native files\", ->\n event =\n dataTransfer:\n files:[{'pretend':'imafile'}]\n types:[]\n expect(@composer._shouldAcceptDrop(event)).toBe(true)\n\n it \"should return true if the event is carrying a non-native file URL\", ->\n event =\n dataTransfer:\n files:[]\n types:['text/uri-list']\n spyOn(@composer, '_nonNativeFilePathForDrop').andReturn(\"file://one-file\")\n\n expect(@composer._shouldAcceptDrop(event)).toBe(true)\n expect(@draft.files.length).toBe(1)\n\n it \"should return false otherwise\", ->\n event =\n dataTransfer:\n files:[]\n types:['text/plain']\n expect(@composer._shouldAcceptDrop(event)).toBe(false)\n\n describe \"_nonNativeFilePathForDrop\", ->\n it \"should return a path in the text/nylas-file-url data\", ->\n event =\n dataTransfer:\n types: ['text/nylas-file-url']\n getData: -> \"image/png:test.png:file:///Users/bengotow/Desktop/test.png\"\n expect(@composer._nonNativeFilePathForDrop(event)).toBe(\"/Users/bengotow/Desktop/test.png\")\n\n it \"should return a path in the text/uri-list data\", ->\n event =\n dataTransfer:\n types: ['text/uri-list']\n getData: -> \"file:///Users/bengotow/Desktop/test.png\"\n expect(@composer._nonNativeFilePathForDrop(event)).toBe(\"/Users/bengotow/Desktop/test.png\")\n\n it \"should return null otherwise\", ->\n event =\n dataTransfer:\n types: ['text/plain']\n getData: -> \"Hello world\"\n expect(@composer._nonNativeFilePathForDrop(event)).toBe(null)\n\n it \"should urldecode the contents of the text/uri-list field\", ->\n event =\n dataTransfer:\n types: ['text/uri-list']\n getData: -> \"file:///Users/bengotow/Desktop/Screen%20shot.png\"\n expect(@composer._nonNativeFilePathForDrop(event)).toBe(\"/Users/bengotow/Desktop/Screen shot.png\")\n\n it \"should return null if text/uri-list contains a non-file path\", ->\n event =\n dataTransfer:\n types: ['text/uri-list']\n getData: -> \"http://apple.com\"\n expect(@composer._nonNativeFilePathForDrop(event)).toBe(null)\n\n it \"should return null if text/nylas-file-url contains a non-file path\", ->\n event =\n dataTransfer:\n types: ['text/nylas-file-url']\n getData: -> \"application/json:filename.json:undefined\"\n expect(@composer._nonNativeFilePathForDrop(event)).toBe(null)\n\n describe \"A draft with files (attachments) and uploads\", ->\n beforeEach ->\n @file1 = new File\n id: \"f_1\"\n filename: \"f1.pdf\"\n size: 1230\n\n @file2 = new File\n id: \"f_2\"\n filename: \"f2.jpg\"\n size: 4560\n\n @file3 = new File\n id: \"f_3\"\n filename: \"f3.png\"\n size: 7890\n\n spyOn(Actions, \"fetchFile\")\n\n sessionSetupComplete = false\n useDraft.call(@, files: [@file1, @file2]).then( =>\n makeComposer.call(@)\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n\n it 'starts fetching attached files', ->\n waitsFor ->\n Actions.fetchFile.callCount == 1\n runs ->\n expect(Actions.fetchFile).toHaveBeenCalled()\n expect(Actions.fetchFile.calls.length).toBe(1)\n expect(Actions.fetchFile.calls[0].args[0]).toBe @file2\n\n it 'injects a MessageAttachments component for any present attachments', ->\n els = ReactTestUtils.scryRenderedComponentsWithTypeAndProps(@composer, InjectedComponent, matching: {role: \"MessageAttachments\"})\n expect(els.length).toBe 1\n el = els[0]\n expect(el.props.exposedProps.files).toEqual(@draft.files)\n\ndescribe \"when a file is received (via drag and drop or paste)\", ->\n beforeEach ->\n sessionSetupComplete = false\n useDraft.call(@).then( =>\n sessionSetupComplete = true\n )\n waitsFor(( => sessionSetupComplete), \"The session's draft needs to be set\", 500)\n runs( =>\n makeComposer.call(@)\n @upload = {targetPath: 'a/f.txt', size: 1000, name: 'f.txt', id: 'f'}\n spyOn(Actions, 'addAttachment').andCallFake ({filePath, messageClientId, onUploadCreated}) =>\n @draft.uploads.push(@upload)\n onUploadCreated(@upload)\n spyOn(Actions, 'insertAttachmentIntoDraft')\n )\n\n it \"should call addAttachment with the path and clientId\", ->\n @composer._onFileReceived('../../f.txt')\n expect(Actions.addAttachment.callCount).toBe(1)\n expect(Object.keys(Actions.addAttachment.calls[0].args[0])).toEqual([\n 'filePath', 'messageClientId', 'onUploadCreated',\n ])\n\n it \"should call insertAttachmentIntoDraft if the upload looks like an image\", ->\n @upload = {targetPath: 'a/f.txt', size: 1000, name: 'f.txt', id: 'f'}\n @composer._onFileReceived('../../f.txt')\n advanceClock()\n expect(Actions.insertAttachmentIntoDraft).not.toHaveBeenCalled()\n expect(@upload.inline).not.toEqual(true)\n\n @upload = {targetPath: 'a/f.png', size: 1000, name: 'f.png', id: 'g'}\n expect(Utils.shouldDisplayAsImage(@upload)).toBe(true) # sanity check\n\n @composer._onFileReceived('../../f.png')\n advanceClock()\n expect(Actions.insertAttachmentIntoDraft).toHaveBeenCalled()\n expect(@upload.inline).toEqual(true)\n" }, { "path": "packages/client-app/internal_packages/composer/spec/quoted-text-spec.cjsx", "content": "# This tests just quoted text within a contenteditable.\n#\n# For a test of the basic component itself see\n# contenteditable-component-spec.cjsx\n#\n_ = require \"underscore\"\nReact = require \"react\"\nReactDOM = require 'react-dom'\nReactTestUtils = require('react-addons-test-utils')\n\nFields = require('../lib/fields').default\nComposer = require(\"../lib/composer-view\").default\nComposerEditor = require('../lib/composer-editor').default\n\n{Message, DraftStore, ComponentRegistry} = require 'nylas-exports'\n\ndescribe \"Composer Quoted Text\", ->\n beforeEach ->\n ComponentRegistry.register(ComposerEditor, role: \"Composer:Editor\")\n\n @onChange = jasmine.createSpy('onChange')\n @htmlNoQuote = 'Test HTML
QUOTE'\n\n @draft = new Message(draft: true, clientId: \"client-123\")\n @session =\n trigger: ->\n changes:\n add: jasmine.createSpy('changes.add')\n draft: => @draft\n\n afterEach ->\n DraftStore._cleanupAllSessions()\n ComposerEditor.containerRequired = undefined\n ComponentRegistry.unregister(ComposerEditor)\n\n # Must be called with the test's scope\n setHTML = (newHTML) ->\n @$contentEditable.innerHTML = newHTML\n @contentEditable._onDOMMutated([\"mutated\"])\n\n describe \"when the message is a reply\", ->\n beforeEach ->\n @draft.body = @htmlNoQuote\n @composer = ReactTestUtils.renderIntoDocument(\n
QUOTE CHANGED!!!'\n expect(@$contentEditable.innerHTML).toBe @htmlWithQuote\n setHTML.call(@, newText)\n ev = @session.changes.add.mostRecentCall.args[0].body\n expect(ev).toEqual(newText)\n\n describe 'quoted text control toggle button', ->\n it 'should not be rendered', ->\n toggles = ReactTestUtils.scryRenderedDOMComponentsWithClass(@composer, 'quoted-text-control')\n expect(toggles.length).toBe(0)\n" }, { "path": "packages/client-app/internal_packages/composer/spec/send-action-button-spec.jsx", "content": "import React from 'react';\nimport {mount} from 'enzyme';\nimport {ButtonDropdown, RetinaImg} from 'nylas-component-kit';\nimport {Actions, Message, SendActionsStore} from 'nylas-exports';\nimport SendActionButton from '../lib/send-action-button';\n\nconst {UndecoratedSendActionButton} = SendActionButton;\n\nconst {DefaultSendAction} = SendActionsStore\n\nconst GoodSendAction = {\n title: \"Good Send Action\",\n configKey: 'good-send-action',\n isAvailableForDraft: () => true,\n performSendAction: () => {},\n}\n\nconst SecondSendAction = {\n title: \"Second Send Action\",\n configKey: 'second-send-action',\n isAvailableForDraft: () => true,\n performSendAction: () => {},\n}\n\nconst NoIconUrl = {\n title: \"No Icon\",\n configKey: 'no-icon',\n iconUrl: null,\n isAvailableForDraft: () => true,\n performSendAction() {},\n}\n\ndescribe('SendActionButton', function describeBlock() {\n beforeEach(() => {\n spyOn(NylasEnv, 'reportError')\n spyOn(Actions, 'sendDraft')\n this.isValidDraft = jasmine.createSpy('isValidDraft')\n this.clientId = \"client-23\"\n this.draft = new Message({clientId: this.clientId, draft: true})\n })\n\n const render = (draft, {isValid = true, sendActions = [], ordered = {}} = {}) => {\n this.isValidDraft.andReturn(isValid)\n return mount(\n
tags and tags...\n if ((node.nodeType === Node.ELEMENT_NODE) && ([\"CODE\", \"A\", \"PRE\"].includes(node.tagName))) {\n return NodeFilter.FILTER_REJECT;\n }\n return (node.nodeType === Node.TEXT_NODE) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n },\n });\n\n const nodeList = [];\n\n while (treeWalker.nextNode()) {\n nodeList.push(treeWalker.currentNode);\n }\n\n // Note: As a performance optimization, we stop spellchecking after encountering\n // 10 misspelled words. This keeps the runtime of this method bounded!\n let nodeMisspellingsFound = 0;\n\n while (true) {\n const node = nodeList.shift();\n if ((node === undefined) || (nodeMisspellingsFound > MAX_MISPELLINGS)) {\n break;\n }\n\n const nodeContent = node.textContent;\n const nodeWordRegexp = /(\\w[\\w'’-]*\\w|\\w)/g; // https://regex101.com/r/bG5yC4/1\n\n while (true) {\n const match = nodeWordRegexp.exec(nodeContent);\n if ((match === null) || (nodeMisspellingsFound > MAX_MISPELLINGS)) {\n break;\n }\n\n if (Spellchecker.isMisspelled(match[0])) {\n // The insertion point is currently at the end of this misspelled word.\n // Do not mark it until the user types a space or leaves.\n if ((selectionSnapshot.focusNode === node) && (selectionSnapshot.focusOffset === match.index + match[0].length)) {\n continue;\n }\n\n const matchNode = (match.index === 0) ? node : node.splitText(match.index);\n const afterMatchNode = matchNode.splitText(match[0].length);\n\n const spellingSpan = getSpellingNodeForText(match[0]);\n matchNode.parentNode.replaceChild(spellingSpan, matchNode);\n\n for (const prop of ['anchor', 'focus']) {\n if (selectionSnapshot[`${prop}Node`] === node) {\n if (selectionSnapshot[`${prop}Offset`] > match.index + match[0].length) {\n selectionSnapshot[`${prop}Node`] = afterMatchNode;\n selectionSnapshot[`${prop}Offset`] -= match.index + match[0].length;\n selectionSnapshot.modified = true;\n } else if (selectionSnapshot[`${prop}Offset`] >= match.index) {\n selectionSnapshot[`${prop}Node`] = spellingSpan.childNodes[0];\n selectionSnapshot[`${prop}Offset`] -= match.index;\n selectionSnapshot.modified = true;\n }\n }\n }\n\n nodeMisspellingsFound += 1;\n nodeList.unshift(afterMatchNode);\n break;\n }\n }\n }\n });\n}\n\nlet currentlyRunningSpellChecker = false;\nconst runSpellChecker = _.debounce((editor) => {\n if (!editor.currentSelection().isInScope()) return;\n currentlyRunningSpellChecker = true;\n unwrapWords(editor.rootNode);\n Spellchecker.handler.provideHintText(editor.rootNode.textContent).then(() => {\n wrapMisspelledWords(editor.rootNode)\n\n // We defer here so that when the MutationObserver fires the\n // SpellcheckComposerExtension.onContentChanged callback we will properly\n // observe that we just ran the spellchecker and won't schedule another\n // spellcheck pass (which would cause an infinite loop of spellchecking\n // once every second)\n _.defer(() => {\n currentlyRunningSpellChecker = false;\n });\n })\n}, 1000)\n\n\nexport default class SpellcheckComposerExtension extends ComposerExtension {\n\n static onContentChanged({editor}) {\n if (!currentlyRunningSpellChecker) {\n runSpellChecker(editor);\n }\n }\n\n static onShowContextMenu({editor, menu}) {\n const selection = editor.currentSelection();\n const range = DOMUtils.Mutating.getRangeAtAndSelectWord(selection, 0);\n const word = range.toString();\n\n Spellchecker.appendSpellingItemsToMenu({\n menu,\n word,\n onCorrect: (correction) => {\n DOMUtils.Mutating.applyTextInRange(range, selection, correction);\n SpellcheckComposerExtension.onContentChanged({editor});\n },\n onDidLearn: () => {\n SpellcheckComposerExtension.onContentChanged({editor});\n },\n });\n }\n\n static applyTransformsForSending({draftBodyRootNode}) {\n const spellingEls = draftBodyRootNode.querySelectorAll('spelling');\n for (const spellingEl of Array.from(spellingEls)) {\n // move contents out of the spelling node, remove the node\n const parent = spellingEl.parentNode;\n while (spellingEl.firstChild) {\n parent.insertBefore(spellingEl.firstChild, spellingEl);\n }\n parent.removeChild(spellingEl);\n }\n }\n\n static unapplyTransformsForSending() {\n // no need to put spelling nodes back!\n }\n\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-spellcheck/package.json",
"content": "{\n \"name\": \"composer-spellcheck\",\n \"version\": \"0.1.0\",\n \"main\": \"./lib/main\",\n \"description\": \"A small extension to the draft store that implements spellcheck\",\n \"license\": \"GPL-3.0\",\n \"private\": true,\n \"engines\": {\n \"nylas\": \"*\"\n },\n \"windowTypes\": {\n \"default\": true,\n \"composer\": true,\n \"thread-popout\": true\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-spellcheck/spec/fixtures/california-spelling-lookup.json",
"content": "{\n \"1\": false,\n \"5\": false,\n \"9\": false,\n \"13\": false,\n \"14\": false,\n \"15\": false,\n \"16\": false,\n \"37\": false,\n \"58\": false,\n \"1821\": false,\n \"1848\": false,\n \"1850\": false,\n \"34th\": false,\n \"most\": false,\n \"populous\": false,\n \"and\": false,\n \"the\": false,\n \"8th\": false,\n \"or\": false,\n \"9th\": false,\n \"largest\": false,\n \"economy\": false,\n \"in\": false,\n \"world\": false,\n \"If\": false,\n \"it\": false,\n \"were\": false,\n \"a\": false,\n \"country\": false,\n \"California\": false,\n \"would\": false,\n \"be\": false,\n \"California's\": false,\n \"agriculture\": false,\n \"industry\": false,\n \"has\": false,\n \"highest\": false,\n \"output\": false,\n \"of\": false,\n \"any\": false,\n \"U\": false,\n \"S\": false,\n \"State\": false,\n \"Although\": false,\n \"only\": false,\n \"State's\": false,\n \"together\": false,\n \"comprising\": false,\n \"business\": false,\n \"services\": false,\n \"government\": false,\n \"professional\": false,\n \"scientific\": false,\n \"technical\": false,\n \"real\": false,\n \"estate\": false,\n \"finance\": false,\n \"technology\": false,\n \"is\": false,\n \"centered\": false,\n \"on\": false,\n \"About\": false,\n \"000\": false,\n \"earthquakes\": false,\n \"are\": false,\n \"recorded\": false,\n \"each\": false,\n \"year\": false,\n \"but\": false,\n \"too\": false,\n \"small\": false,\n \"to\": false,\n \"felt\": false,\n \"Pacific\": false,\n \"Ring\": false,\n \"Fire\": false,\n \"Earthquakes\": false,\n \"common\": false,\n \"because\": false,\n \"state's\": false,\n \"location\": false,\n \"along\": false,\n \"Florida\": false,\n \"all\": false,\n \"states\": false,\n \"after\": false,\n \"Alaska\": false,\n \"3rd\": false,\n \"longest\": false,\n \"coastline\": false,\n \"contiguous\": false,\n \"United\": false,\n \"States\": false,\n \"Death\": false,\n \"Valley\": false,\n \"lowest\": false,\n \"point\": false,\n \"Mount\": false,\n \"Whitney\": false,\n \"major\": false,\n \"agricultural\": false,\n \"area\": false,\n \"contains\": false,\n \"both\": false,\n \"Central\": false,\n \"areas\": false,\n \"southeast\": false,\n \"The\": false,\n \"center\": false,\n \"state\": false,\n \"dominated\": false,\n \"by\": false,\n \"Mojave\": false,\n \"Desert\": false,\n \"forests\": false,\n \"northwest\": false,\n \"Douglas\": false,\n \"fir\": false,\n \"Redwood\": false,\n \"west\": false,\n \"from\": false,\n \"Coast\": false,\n \"east\": false,\n \"Sierra\": false,\n \"Nevada\": false,\n \"diverse\": false,\n \"geography\": false,\n \"ranges\": false,\n \"starting\": false,\n \"led\": false,\n \"dramati\": true,\n \"dramatic\": false,\n \"sociaal\": true,\n \"social\": false,\n \"demographic\": false,\n \"change\": false,\n \"with\": false,\n \"large-scale\": false,\n \"immigration\": false,\n \"abroad\": false,\n \"an\": false,\n \"accompanying\": false,\n \"economic\": false,\n \"boom\": false,\n \"Gold\": false,\n \"Rush\": false,\n \"western\": false,\n \"portion\": false,\n \"Alta\": false,\n \"was\": false,\n \"organized\": false,\n \"as\": false,\n \"which\": false,\n \"admitted\": false,\n \"31st\": false,\n \"September\": false,\n \"Mexican\": false,\n \"American\": false,\n \"War\": false,\n \"ceded\": false,\n \"war\": false,\n \"for\": false,\n \"independance\": true,\n \"following\": false,\n \"its\": false,\n \"successful\": false,\n \"Mexico\": false,\n \"became\": false,\n \"part\": false,\n \"New\": false,\n \"Spain\": false,\n \"larger\": false,\n \"territory\": false,\n \"Spanish\": false,\n \"Empire\": false,\n \"before\": false,\n \"being\": false,\n \"explored\": false,\n \"number\": false,\n \"European\": false,\n \"expeditions\": false,\n \"during\": false,\n \"16th\": false,\n \"17th\": false,\n \"centuries\": false,\n \"It\": false,\n \"then\": false,\n \"claimed\": false,\n \"various\": false,\n \"Native\": false,\n \"tribes\": false,\n \"What\": false,\n \"now\": false,\n \"first\": false,\n \"setttled\": true,\n \"this\": false,\n \"it's\": false,\n \"doesn't\": false,\n\n \"testst\": true,\n \"have\": false,\n \"a\": false,\n \"misspellled\": true,\n \"words\": false,\n \"myvariable\": true,\n \"fragmen\": true,\n \"document\": false,\n \"applieed\": true,\n \"like\": false,\n \"appples\": true,\n \"is\": false,\n \"back\": false,\n \"normall\": true\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-spellcheck/spec/fixtures/california-with-misspellings-after.html",
"content": "What is now California was first setttled by this it's doesn't various Native American tribes before being explored by a number of European expeditions during the 16th and 17th centuries. It was then claimed by the Spanish Empire as part of Alta California in the larger territory of New Spain. Alta California became a part of Mexico in 1821 following its successful war for independance, but was ceded to the United States in 1848 after the Mexican–American War. The western portion of Alta California was organized as the State of California, which was admitted as the 31st state on September 9, 1850. The California Gold Rush starting in 1848 led to dramati sociaal and demographic change, with large-scale immigration from the east and abroad with an accompanying economic boom.
California's diverse geography ranges from the Sierra Nevada in the east to the Pacific Coast in the west, from the Redwood–Douglas fir forests of the northwest, to the Mojave Desert areas in the southeast. The center of the state is dominated by the Central Valley, a major agricultural area. California contains both the highest point (Mount Whitney) and the lowest point (Death Valley), in the contiguous United States and it has the 3rd longest coastline of all states (after Alaska and Florida). Earthquakes are common because of the state's location along the Pacific Ring of Fire. About 37,000 earthquakes are recorded each year, but most are too small to be felt.[13]
California's economy is centered on technology, finance, real estate services, government, and professional, scientific and technical business services; together comprising 58% of the State economy.[14] Although only 1.5% of the State's economy,[14] California's agriculture industry has the highest output of any U.S. State.[15] If it were a country, California would be the 8th or 9th largest economy in the world[16] and the 34th most populous.
\n"
},
{
"path": "packages/client-app/internal_packages/composer-spellcheck/spec/fixtures/california-with-misspellings-before.html",
"content": "What is now California was first setttled by this it's doesn't various Native American tribes before being explored by a number of European expeditions during the 16th and 17th centuries. It was then claimed by the Spanish Empire as part of Alta California in the larger territory of New Spain. Alta California became a part of Mexico in 1821 following its successful war for independance, but was ceded to the United States in 1848 after the Mexican–American War. The western portion of Alta California was organized as the State of California, which was admitted as the 31st state on September 9, 1850. The California Gold Rush starting in 1848 led to dramati sociaal and demographic change, with large-scale immigration from the east and abroad with an accompanying economic boom.
California's diverse geography ranges from the Sierra Nevada in the east to the Pacific Coast in the west, from the Redwood–Douglas fir forests of the northwest, to the Mojave Desert areas in the southeast. The center of the state is dominated by the Central Valley, a major agricultural area. California contains both the highest point (Mount Whitney) and the lowest point (Death Valley), in the contiguous United States and it has the 3rd longest coastline of all states (after Alaska and Florida). Earthquakes are common because of the state's location along the Pacific Ring of Fire. About 37,000 earthquakes are recorded each year, but most are too small to be felt.[13]
California's economy is centered on technology, finance, real estate services, government, and professional, scientific and technical business services; together comprising 58% of the State economy.[14] Although only 1.5% of the State's economy,[14] California's agriculture industry has the highest output of any U.S. State.[15] If it were a country, California would be the 8th or 9th largest economy in the world[16] and the 34th most populous.
\n"
},
{
"path": "packages/client-app/internal_packages/composer-spellcheck/spec/spellcheck-composer-extension-spec.es6",
"content": "import fs from 'fs';\nimport path from 'path';\nimport {Spellchecker, Message} from 'nylas-exports';\n\nimport SpellcheckComposerExtension, {wrapMisspelledWords} from '../lib/spellcheck-composer-extension';\n\nconst initialPath = path.join(__dirname, 'fixtures', 'california-with-misspellings-before.html');\nconst initialHTML = fs.readFileSync(initialPath).toString();\nconst afterPath = path.join(__dirname, 'fixtures', 'california-with-misspellings-after.html');\nconst afterHTML = fs.readFileSync(afterPath).toString();\n\ndescribe('SpellcheckComposerExtension', function spellcheckComposerExtension() {\n beforeEach(() => {\n // Avoid differences between node-spellcheck on different platforms\n const lookupPath = path.join(__dirname, 'fixtures', 'california-spelling-lookup.json');\n const spellings = JSON.parse(fs.readFileSync(lookupPath));\n spyOn(Spellchecker, 'isMisspelled').andCallFake(word => spellings[word])\n spyOn(Spellchecker.handler, 'provideHintText').andReturn({\n then(cb) {\n cb()\n },\n })\n });\n\n describe(\"wrapMisspelledWords\", () => {\n it(\"correctly walks a DOM tree and surrounds mispelled words\", () => {\n const node = document.createElement('div');\n node.innerHTML = initialHTML;\n wrapMisspelledWords(node);\n advanceClock(1000) // Wait for debounce\n advanceClock(1) // Wait for defer\n expect(node.innerHTML).toEqual(afterHTML);\n });\n\n it(\"does not mark misspelled words inside A, CODE and PRE tags\", () => {\n const node = document.createElement('div');\n node.innerHTML = `\n
\n This is a testst! I have a few misspellled words.\n myvariable\n \n fragmen = document.applieed();\n
\n I like appples!\n
\n This is back to normall.\n `;\n wrapMisspelledWords(node);\n advanceClock(1000) // Wait for debounce\n advanceClock(1) // Wait for defer\n expect(node.innerHTML).toEqual(`\n
\n This is a testst ! I have a few misspellled words.\n myvariable\n fragmen = document.applieed();\n
\n I like appples!\n
\n This is back to normall .\n `);\n });\n });\n\n describe(\"applyTransformsForSending\", () => {\n it(\"removes the spelling annotations it inserted\", () => {\n const draft = new Message({ body: afterHTML });\n const fragment = document.createDocumentFragment();\n const draftBodyRootNode = document.createElement('root')\n fragment.appendChild(draftBodyRootNode)\n draftBodyRootNode.innerHTML = afterHTML\n SpellcheckComposerExtension.applyTransformsForSending({draftBodyRootNode, draft});\n expect(draftBodyRootNode.innerHTML).toEqual(initialHTML);\n });\n });\n});\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/README.md",
"content": "# Composer Templates\n\nCreate templates you can use to pre-fill the N1 composer - never type the same\nemail again! Templates live in the ~/.nylas-mail/templates directory on your computer.\nEach template is an HTML file - the name of the\nfile is the name of the template, and it's contents are the default message body.\n\nIf you include HTML <code> tags in your template, you can create\nregions that you can jump between and fill easily.\nGive <code> tags the `var` class to mark them as template regions. Add\nthe `empty` class to make them dark yellow. When you send your message, <code>\ntags are always stripped so the recipient never sees any highlighting.\n\nThis example is a good starting point for plugins that want to extend the composer\nexperience.\n\n![](\"https://raw.githubusercontent.com/nylas/nylas-mail/master/internal_packages/composer-templates/screenshot.png\")
\n\n#### Install this plugin\n\n1. Download and run N1\n\n2. From the menu, select `Developer > Install a Plugin Manually...`\n The dialog will default to this examples directory. Just choose the\n package to install it!\n\n > When you install packages, they're moved to `~/.nylas-mail/packages`,\n > and N1 runs `apm install` on the command line to fetch dependencies\n > listed in the package's `package.json`\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/assets/Welcome to Quick Replies.html",
"content": "Hey, {{First Name}}!\n
\n
\nWelcome to the Quick Replies plugin! Here you can create email templates with\n{{variables}} in double curly braces that you can quickly fill\nbefore you send your email.\n
\n
\nWhen you send your message, the highlighting is always removed so the recipient\nnever sees it.\n
\n
\nEnjoy!\n
\n
\n-Nylas Team\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/lib/main.es6",
"content": "/* eslint global-require: 0 */\nimport {PreferencesUIStore, ComponentRegistry, ExtensionRegistry} from 'nylas-exports';\nimport TemplatePicker from './template-picker';\nimport TemplateStatusBar from './template-status-bar';\nimport TemplateComposerExtension from './template-composer-extension';\n\nexport function activate(state = {}) {\n this.state = state;\n this.preferencesTab = new PreferencesUIStore.TabItem({\n tabId: 'Quick Replies',\n displayName: 'Quick Replies',\n component: require('./preferences-templates').default,\n });\n ComponentRegistry.register(TemplatePicker, {role: 'Composer:ActionButton'});\n ComponentRegistry.register(TemplateStatusBar, {role: 'Composer:Footer'});\n PreferencesUIStore.registerPreferencesTab(this.preferencesTab);\n ExtensionRegistry.Composer.register(TemplateComposerExtension);\n}\n\nexport function deactivate() {\n ComponentRegistry.unregister(TemplatePicker);\n ComponentRegistry.unregister(TemplateStatusBar);\n PreferencesUIStore.unregisterPreferencesTab(this.preferencesTab.tabId);\n ExtensionRegistry.Composer.unregister(TemplateComposerExtension);\n}\n\nexport function serialize() {\n return this.state;\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/lib/preferences-templates.jsx",
"content": "import _ from 'underscore';\nimport {Contenteditable, RetinaImg} from 'nylas-component-kit';\nimport {React} from 'nylas-exports';\n\nimport TemplateStore from './template-store';\nimport TemplateEditor from './template-editor';\n\n\nclass PreferencesTemplates extends React.Component {\n static displayName = 'PreferencesTemplates';\n\n constructor() {\n super();\n this._templateSaveQueue = {};\n\n const {templates, selectedTemplate, selectedTemplateName} = this._getStateFromStores();\n this.state = {\n editAsHTML: false,\n editState: templates.length === 0 ? \"new\" : null,\n templates: templates,\n selectedTemplate: selectedTemplate,\n selectedTemplateName: selectedTemplateName,\n contents: null,\n };\n }\n\n componentDidMount() {\n this.unsub = TemplateStore.listen(this._onChange);\n }\n\n componentWillUnmount() {\n this.unsub();\n if (this.state.selectedTemplate) {\n this._saveTemplateNow(this.state.selectedTemplate.name, this.state.contents);\n }\n }\n\n // SAVING AND LOADING TEMPLATES\n _loadTemplateContents = (template) => {\n if (template) {\n TemplateStore.getTemplateContents(template.id, (contents) => {\n this.setState({contents: contents});\n });\n }\n }\n\n _saveTemplateNow(name, contents, callback) {\n TemplateStore.saveTemplate(name, contents, callback);\n }\n\n _saveTemplateSoon(name, contents) {\n this._templateSaveQueue[name] = contents;\n this._saveTemplatesFromCache();\n }\n\n __saveTemplatesFromCache() {\n for (const name of Object.keys(this._templateSaveQueue)) {\n this._saveTemplateNow(name, this._templateSaveQueue[name]);\n }\n this._templateSaveQueue = {};\n }\n\n _saveTemplatesFromCache = _.debounce(PreferencesTemplates.prototype.__saveTemplatesFromCache, 500);\n\n // OVERALL STATE HANDLING\n _onChange = () => {\n this.setState(this._getStateFromStores());\n }\n\n _getStateFromStores() {\n const templates = TemplateStore.items();\n let selectedTemplate = this.state ? this.state.selectedTemplate : null;\n if (selectedTemplate && !_.pluck(templates, \"id\").includes(selectedTemplate.id)) {\n selectedTemplate = null;\n } else if (!selectedTemplate) {\n selectedTemplate = templates.length > 0 ? templates[0] : null;\n }\n this._loadTemplateContents(selectedTemplate);\n let selectedTemplateName = null;\n if (selectedTemplate) {\n selectedTemplateName = this.state ? this.state.selectedTemplateName : selectedTemplate.name;\n }\n return {templates, selectedTemplate, selectedTemplateName};\n }\n\n // TEMPLATE CONTENT EDITING\n _onEditTemplate = (event) => {\n const html = event.target.value;\n this.setState({contents: html});\n if (this.state.selectedTemplate) {\n this._saveTemplateSoon(this.state.selectedTemplate.name, html);\n }\n }\n\n _onSelectTemplate = (event) => {\n if (this.state.selectedTemplate) {\n this._saveTemplateNow(this.state.selectedTemplate.name, this.state.contents);\n }\n\n const selectedId = event.target.value;\n const selectedTemplate = this.state.templates.find((template) =>\n template.id === selectedId\n );\n\n this.setState({\n selectedTemplate: selectedTemplate,\n selectedTemplateName: selectedTemplate ? selectedTemplate.name : null,\n contents: null,\n });\n this._loadTemplateContents(selectedTemplate);\n }\n\n _renderTemplatePicker() {\n const options = this.state.templates.map((template) => {\n return \n });\n\n return (\n \n );\n }\n\n _renderEditableTemplate() {\n return (\n \n {editContainer}\n {this.state.editState !== \"new\" ? editor : null}\n {this.state.templates.length === 0 ? noTemplatesMessage : null}\n \n\n \n \n {`To create a variable, type a set of double curly\n brackets wrapping the variable's name, like this`}: {\"{{\"}variable_name{\"}}\"}. The highlighting in the variable regions will be removed before the message is\n sent.\n
\n \n Reply templates are saved as HTML files in the ~/.nylas-mail/templates directory on your computer. In raw HTML, variables are defined as HTML <code> tags with class "var empty".\n
\n \n \n );\n }\n\n}\n\nexport default PreferencesTemplates;\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/lib/template-composer-extension.es6",
"content": "import {DOMUtils, ComposerExtension} from 'nylas-exports';\n\nexport default class TemplatesComposerExtension extends ComposerExtension {\n\n static warningsForSending({draft}) {\n const warnings = [];\n if (draft.body.search(/]*empty[^>]*>/i) > 0) {\n warnings.push('with an empty template area');\n }\n return warnings;\n }\n\n static applyTransformsForSending = ({draftBodyRootNode}) => {\n draftBodyRootNode.innerHTML = draftBodyRootNode.innerHTML.replace(/<\\/?code[^>]*>/g, (match) =>\n ``\n );\n }\n\n static unapplyTransformsForSending = ({draftBodyRootNode}) => {\n draftBodyRootNode.innerHTML = draftBodyRootNode.innerHTML.replace(//g, (match, node) =>\n node\n );\n }\n\n static onClick({editor, event}) {\n const node = event.target;\n if (node.nodeName === 'CODE' && node.classList.contains('var') && node.classList.contains('empty')) {\n editor.selectAllChildren(node);\n }\n }\n\n static onKeyDown({editor, event}) {\n const editableNode = editor.rootNode;\n if (event.key === 'Tab') {\n const nodes = editableNode.querySelectorAll('code.var');\n if (nodes.length > 0) {\n const sel = editor.currentSelection();\n let found = false;\n\n // First, try to find a that the selection is within. If found,\n // select the next/prev node if the selection ends at the end of the\n // 's text, otherwise select the 's contents.\n for (let i = 0; i < nodes.length; i++) {\n const node = nodes[i];\n if (DOMUtils.selectionIsWithin(node)) {\n const selIndex = editor.getSelectionTextIndex(node);\n const length = DOMUtils.getIndexedTextContent(node).slice(-1)[0].end;\n let nextIndex = i;\n if (selIndex.endIndex === length) {\n nextIndex = event.shiftKey ? i - 1 : i + 1;\n }\n nextIndex = (nextIndex + nodes.length) % nodes.length; // allow wraparound in both directions\n sel.selectAllChildren(nodes[nextIndex]);\n found = true;\n break;\n }\n }\n\n // If we failed to find a that the selection is within, select the\n // nearest before/after the selection (depending on shift).\n if (!found) {\n const treeWalker = document.createTreeWalker(editableNode, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_TEXT);\n let curIndex = 0;\n let nextIndex = null;\n let node = treeWalker.nextNode();\n while (node) {\n if (sel.anchorNode === node || sel.focusNode === node) break;\n if (node.nodeName === 'CODE' && node.classList.contains('var')) curIndex++;\n node = treeWalker.nextNode();\n }\n nextIndex = event.shiftKey ? curIndex - 1 : curIndex;\n nextIndex = (nextIndex + nodes.length) % nodes.length; // allow wraparound in both directions\n sel.selectAllChildren(nodes[nextIndex]);\n }\n\n event.preventDefault();\n event.stopPropagation();\n }\n } else if (event.key === 'Enter') {\n const nodes = editableNode.querySelectorAll('code.var');\n for (let i = 0; i < nodes.length; i++) {\n if (DOMUtils.selectionStartsOrEndsIn(nodes[i])) {\n event.preventDefault();\n event.stopPropagation();\n break;\n }\n }\n }\n }\n\n static onContentChanged({editor}) {\n const editableNode = editor.rootNode;\n const selection = editor.currentSelection().rawSelection;\n const isWithinNode = (node) => {\n let test = selection.baseNode;\n while (test !== editableNode) {\n if (test === node) { return true; }\n test = test.parentNode;\n }\n return false;\n };\n\n const codeTags = editableNode.querySelectorAll('code.var.empty');\n for (let i = 0, codeTag; i < codeTags.length; i++) {\n codeTag = codeTags[i];\n // sets node contents to just its textContent, strips HTML\n codeTag.textContent = codeTag.textContent;\n if (selection.containsNode(codeTag) || isWithinNode(codeTag)) {\n codeTag.classList.remove('empty');\n }\n }\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/lib/template-editor.es6",
"content": "import {DOMUtils, ContenteditableExtension} from 'nylas-exports';\n\nexport default class TemplateEditor extends ContenteditableExtension {\n\n static onContentChanged = ({editor}) => {\n // Run through and remove all code nodes that are invalid\n const codeNodes = editor.rootNode.querySelectorAll(\"code.var.empty\");\n for (let ii = 0; ii < codeNodes.length; ii++) {\n const codeNode = codeNodes[ii];\n\n // remove any style that was added by contenteditable\n codeNode.removeAttribute(\"style\");\n\n // grab the text content and the indexable text content\n const codeNodeText = codeNode.textContent;\n const indexText = DOMUtils.getIndexedTextContent(codeNode).map(({text}) => text).join(\"\");\n\n // unwrap any code nodes that don't start/end with {{}}, and any with line breaks inside\n if ((!codeNodeText.startsWith(\"{{\")) || (!codeNodeText.endsWith(\"}}\")) || (indexText.indexOf(\"\\n\") > -1)) {\n editor.whilePreservingSelection(() => {\n DOMUtils.unwrapNode(codeNode);\n });\n }\n }\n\n // Attempt to sanitize extra nodes that may have been created by contenteditable on certain text editing\n // operations (insertion/deletion of line breaks, etc.). These are generally , but can also be\n // , , and possibly others. The extra nodes often grab CSS styles from neighboring elements\n // as inline style, including the yellow text from nodes that we insert. This is contenteditable\n // trying to be \"smart\" and preserve styles, which is very undesirable for the node styles. The\n // below code is a hack to prevent yellow text from appearing.\n const starNodes = editor.rootNode.querySelectorAll(\"*\");\n for (let ii = 0; ii < starNodes.length; ii++) {\n const node = starNodes[ii];\n if ((!node.className) && (node.style.color === \"#c79b11\")) {\n editor.whilePreservingSelection(() => {\n DOMUtils.unwrapNode(node);\n });\n }\n }\n\n const fontNodes = editor.rootNode.querySelectorAll(\"font\");\n for (let ii = 0; ii < fontNodes.length; ii++) {\n const node = fontNodes[ii];\n if (node.color === \"#c79b11\") {\n editor.whilePreservingSelection(() => {\n DOMUtils.unwrapNode(node);\n });\n }\n }\n\n // Find all {{}} and wrap them in code nodes if they aren't already\n // Regex finds any {{ }} that doesn't contain {, }, or \\n\n // https://regex101.com/r/jF2oF4/1\n for (const range of editor.regExpSelectorAll(/\\{\\{[^\\n{}]*?\\}\\}/g)) {\n if (!DOMUtils.isWrapped(range, \"CODE\")) {\n // Preserve the selection based on text index within the range matched by the regex\n const selIndex = editor.getSelectionTextIndex(range);\n const codeNode = DOMUtils.wrap(range, \"CODE\");\n codeNode.className = \"var empty\";\n\n // Sets node contents to just its textContent, strips HTML\n codeNode.textContent = codeNode.textContent;\n\n if (selIndex != null) {\n editor.restoreSelectionByTextIndex(codeNode, selIndex.startIndex, selIndex.endIndex);\n }\n }\n }\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/lib/template-picker.jsx",
"content": "/* eslint jsx-a11y/tabindex-no-positive: 0 */\nimport {Actions, React, ReactDOM} from 'nylas-exports';\nimport {Menu, RetinaImg} from 'nylas-component-kit';\nimport TemplateStore from './template-store';\n\nclass TemplatePopover extends React.Component {\n static displayName = 'TemplatePopover';\n\n static propTypes = {\n draftClientId: React.PropTypes.string,\n };\n\n constructor() {\n super();\n this.state = {\n searchValue: '',\n templates: TemplateStore.items(),\n };\n }\n\n componentDidMount() {\n this.unsubscribe = TemplateStore.listen(() => {\n this.setState({templates: TemplateStore.items()});\n });\n }\n\n componentWillUnmount() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n _filteredTemplates() {\n const {searchValue, templates} = this.state;\n\n if (!searchValue.length) { return templates; }\n\n return templates.filter((t) => {\n return t.name.toLowerCase().indexOf(searchValue.toLowerCase()) === 0;\n });\n }\n\n _onSearchValueChange = (event) => {\n this.setState({searchValue: event.target.value});\n };\n\n _onChooseTemplate = (template) => {\n Actions.insertTemplateId({templateId: template.id, draftClientId: this.props.draftClientId});\n Actions.closePopover();\n }\n\n _onManageTemplates = () => {\n Actions.showTemplates();\n };\n\n _onNewTemplate = () => {\n Actions.createTemplate({draftClientId: this.props.draftClientId});\n };\n\n _onClickButton = () => {\n const buttonRect = ReactDOM.findDOMNode(this).getBoundingClientRect()\n Actions.openPopover(\n this._renderPopover(),\n {originRect: buttonRect, direction: 'up'}\n )\n };\n\n render() {\n const filteredTemplates = this._filteredTemplates();\n\n const headerComponents = [\n item.id}\n itemContent={(item) => item.name}\n onSelect={this._onChooseTemplate}\n />\n );\n }\n\n}\n\nclass TemplatePicker extends React.Component {\n static displayName = 'TemplatePicker';\n\n static propTypes = {\n draftClientId: React.PropTypes.string,\n };\n\n _onClickButton = () => {\n const buttonRect = ReactDOM.findDOMNode(this).getBoundingClientRect()\n Actions.openPopover(\n \n ]*class=\"var[^>]*>/i) > 0;\n }\n\n render() {\n if (this._usingTemplate(this.props)) {\n return (\n \n Press "tab" to quickly move between the blanks - highlighting will not be visible to recipients.\n \n );\n }\n return ;\n }\n\n}\n\nTemplateStatusBar.containerStyles = {\n textAlign: 'center',\n width: 580,\n margin: 'auto',\n};\n\nexport default TemplateStatusBar;\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/lib/template-store.es6",
"content": "/* eslint global-require: 0*/\n\nimport {DraftStore, Actions, QuotedHTMLTransformer} from 'nylas-exports';\nimport NylasStore from 'nylas-store';\nimport path from 'path';\nimport fs from 'fs';\n\nclass TemplateStore extends NylasStore {\n\n // Support accented characters in template names\n // https://regex101.com/r/nD3eY8/1\n static INVALID_TEMPLATE_NAME_REGEX = /[^a-zA-Z\\u00C0-\\u017F0-9_\\- ]+/g;\n\n constructor() {\n super();\n this._init();\n }\n\n _init(templatesDir = path.join(NylasEnv.getConfigDirPath(), 'templates')) {\n this.items = this.items.bind(this);\n this.templatesDirectory = this.templatesDirectory.bind(this);\n this._setStoreDefaults = this._setStoreDefaults.bind(this);\n this._registerListeners = this._registerListeners.bind(this);\n this._populate = this._populate.bind(this);\n this._onCreateTemplate = this._onCreateTemplate.bind(this);\n this._onShowTemplates = this._onShowTemplates.bind(this);\n this._displayDialog = this._displayDialog.bind(this);\n this._displayError = this._displayError.bind(this);\n this.saveNewTemplate = this.saveNewTemplate.bind(this);\n this.saveTemplate = this.saveTemplate.bind(this);\n this.deleteTemplate = this.deleteTemplate.bind(this);\n this.renameTemplate = this.renameTemplate.bind(this);\n this.getTemplateContents = this.getTemplateContents.bind(this);\n this._onInsertTemplateId = this._onInsertTemplateId.bind(this);\n this._setStoreDefaults();\n this._registerListeners();\n\n this._templatesDir = templatesDir;\n this._welcomeName = 'Welcome to Quick Replies.html';\n this._welcomePath = path.join(__dirname, '..', 'assets', this._welcomeName);\n this._watcher = null;\n\n // I know this is a bit of pain but don't do anything that\n // could possibly slow down app launch\n fs.exists(this._templatesDir, (exists) => {\n if (exists) {\n this._populate();\n this.watch();\n } else {\n fs.mkdir(this._templatesDir, () => {\n fs.readFile(this._welcomePath, (err, welcome) => {\n fs.writeFile(path.join(this._templatesDir, this._welcomeName), welcome, () => {\n this.watch();\n });\n });\n });\n }\n });\n }\n\n watch() {\n if (!this._watcher) {\n this._watcher = fs.watch(this._templatesDir, () => this._populate());\n }\n }\n unwatch() {\n if (this._watcher) {\n this._watcher.close();\n }\n this._watcher = null;\n }\n\n items() {\n return this._items;\n }\n\n templatesDirectory() {\n return this._templatesDir;\n }\n\n _setStoreDefaults() {\n this._items = [];\n }\n\n _registerListeners() {\n this.listenTo(Actions.insertTemplateId, this._onInsertTemplateId);\n this.listenTo(Actions.createTemplate, this._onCreateTemplate);\n this.listenTo(Actions.showTemplates, this._onShowTemplates);\n }\n\n _populate() {\n fs.readdir(this._templatesDir, (err, filenames) => {\n if (err) {\n NylasEnv.showErrorDialog({\n title: \"Cannot scan templates directory\",\n message: `N1 was unable to read the contents of your templates directory (${this._templatesDir}). You may want to delete this folder or ensure filesystem permissions are set correctly.`,\n });\n return;\n }\n this._items = [];\n for (let i = 0, filename; i < filenames.length; i++) {\n filename = filenames[i];\n if (filename[0] === '.') { continue; }\n const displayname = path.basename(filename, path.extname(filename));\n this._items.push({\n id: filename,\n name: displayname,\n path: path.join(this._templatesDir, filename),\n });\n }\n this.trigger(this);\n });\n }\n\n _onCreateTemplate({draftClientId, name, contents} = {}) {\n if (draftClientId) {\n DraftStore.sessionForClientId(draftClientId).then((session) => {\n const draft = session.draft();\n const draftName = name || draft.subject.replace(TemplateStore.INVALID_TEMPLATE_NAME_REGEX, '');\n let draftContents = contents || QuotedHTMLTransformer.removeQuotedHTML(draft.body);\n\n const sigIndex = draftContents.indexOf('');\n draftContents = sigIndex > -1 ? draftContents.slice(0, sigIndex) : draftContents;\n if (!draftName || draftName.length === 0) {\n this._displayError('Give your draft a subject to name your template.');\n }\n if (!draftContents || draftContents.length === 0) {\n this._displayError('To create a template you need to fill the body of the current draft.');\n }\n this.saveNewTemplate(draftName, draftContents, this._onShowTemplates);\n });\n return;\n }\n if (!name || name.length === 0) {\n this._displayError('You must provide a name for your template.');\n }\n if (!contents || contents.length === 0) {\n this._displayError('You must provide contents for your template.');\n }\n this.saveNewTemplate(name, contents, this._onShowTemplates);\n }\n\n _onShowTemplates() {\n Actions.switchPreferencesTab('Quick Replies');\n Actions.openPreferences();\n }\n\n _displayError(message) {\n const dialog = require('electron').remote.dialog;\n dialog.showErrorBox('Template Creation Error', message);\n }\n _displayDialog(title, message, buttons) {\n const dialog = require('electron').remote.dialog;\n return (dialog.showMessageBox({\n title: title,\n message: title,\n detail: message,\n buttons: buttons,\n type: 'info',\n }) === 0);\n }\n\n saveNewTemplate(name, contents, callback) {\n if (!name || name.length === 0) {\n this._displayError('You must provide a template name.');\n return;\n }\n\n if (name.match(TemplateStore.INVALID_TEMPLATE_NAME_REGEX)) {\n this._displayError('Invalid template name! Names can only contain letters, numbers, spaces, dashes, and underscores.');\n return;\n }\n\n const template = this._getTemplate(name);\n if (template) {\n this._displayError('A template with that name already exists!');\n return;\n }\n this.saveTemplate(name, contents, callback);\n this.trigger(this);\n }\n\n _getTemplate(name, id) {\n for (const template of this._items) {\n if ((template.name === name || name == null) && (template.id === id || id == null)) {\n return template;\n }\n }\n return null;\n }\n\n saveTemplate(name, contents, callback) {\n const filename = `${name}.html`;\n const templatePath = path.join(this._templatesDir, filename);\n\n let template = this._getTemplate(name);\n this.unwatch();\n fs.writeFile(templatePath, contents, (err) => {\n this.watch();\n if (err) { this._displayError(err); }\n if (template === null) {\n template = {\n id: filename,\n name: name,\n path: templatePath,\n };\n this._items.unshift(template);\n }\n if (callback) {\n callback(template);\n }\n });\n }\n\n deleteTemplate(name, callback) {\n const template = this._getTemplate(name);\n if (!template) { return; }\n\n if (this._displayDialog(\n 'Delete this template?',\n 'The template and its file will be permanently deleted.',\n ['Delete', 'Cancel']\n )) {\n fs.unlink(template.path, () => {\n this._populate();\n if (callback) {\n callback();\n }\n });\n }\n }\n\n renameTemplate(oldName, newName, callback) {\n const template = this._getTemplate(oldName);\n if (!template) { return; }\n\n if (newName.match(TemplateStore.INVALID_TEMPLATE_NAME_REGEX)) {\n this._displayError('Invalid template name! Names can only contain letters, numbers, spaces, dashes, and underscores.');\n return;\n }\n if (newName.length === 0) {\n this._displayError('You must provide a template name.');\n return;\n }\n\n const newFilename = `${newName}.html`;\n const oldPath = path.join(this._templatesDir, `${oldName}.html`);\n const newPath = path.join(this._templatesDir, newFilename);\n fs.rename(oldPath, newPath, () => {\n template.name = newName;\n template.id = newFilename;\n template.path = newPath;\n this.trigger(this);\n callback(template);\n });\n }\n\n _onInsertTemplateId({templateId, draftClientId} = {}) {\n this.getTemplateContents(templateId, (templateBody) => {\n DraftStore.sessionForClientId(draftClientId).then((session) => {\n let proceed = true;\n if (!session.draft().pristine && !session.draft().hasEmptyBody()) {\n proceed = this._displayDialog(\n 'Replace draft contents?',\n 'It looks like your draft already has some content. Loading this template will ' +\n 'overwrite all draft contents.',\n ['Replace contents', 'Cancel']\n );\n }\n\n if (proceed) {\n const draftContents = QuotedHTMLTransformer.removeQuotedHTML(session.draft().body);\n const sigIndex = draftContents.indexOf('');\n const signature = sigIndex > -1 ? draftContents.slice(sigIndex) : '';\n\n const draftHtml = QuotedHTMLTransformer.appendQuotedHTML(templateBody + signature, session.draft().body);\n Actions.recordUserEvent(\"Email Template Inserted\")\n session.changes.add({body: draftHtml});\n }\n });\n });\n }\n\n getTemplateContents(templateId, callback) {\n const template = this._getTemplate(null, templateId);\n if (!template) { return; }\n\n fs.readFile(template.path, (err, data) => {\n const body = data.toString();\n callback(body);\n });\n }\n}\n\nconst store = new TemplateStore();\nexport default store\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/package.json",
"content": "{\n \"name\": \"composer-templates\",\n \"version\": \"0.1.0\",\n \"main\": \"./lib/main\",\n\n \"isOptional\": true,\n\n \"title\": \"Quick Replies\",\n \"description\": \"Create templated messages you can use to pre-fill the composer.\",\n \"icon\": \"./icon.png\",\n\n \"license\": \"GPL-3.0\",\n \"private\": true,\n \"engines\": {\n \"nylas\": \"*\"\n },\n \"windowTypes\": {\n \"default\": true,\n \"composer\": true,\n \"thread-popout\": true\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/spec/template-store-spec.es6",
"content": "import fs from 'fs';\nimport { remote } from 'electron';\nimport {Message, DraftStore} from 'nylas-exports';\nimport TemplateStore from '../lib/template-store';\n\nconst { shell } = remote;\n\nconst stubTemplatesDir = '~/.nylas-mail/templates';\n\nconst stubTemplateFiles = {\n 'template1.html': 'bla1
',\n 'template2.html': 'bla2
',\n};\n\nconst stubTemplates = [\n {id: 'template1.html', name: 'template1', path: `${stubTemplatesDir}/template1.html`},\n {id: 'template2.html', name: 'template2', path: `${stubTemplatesDir}/template2.html`},\n];\n\nxdescribe('TemplateStore', function templateStore() {\n beforeEach(() => {\n spyOn(fs, 'mkdir');\n spyOn(shell, 'showItemInFolder').andCallFake(() => {});\n spyOn(fs, 'writeFile').andCallFake((path, contents, callback) => {\n callback(null);\n });\n spyOn(fs, 'readFile').andCallFake((path, callback) => {\n const filename = path.split('/').pop();\n callback(null, stubTemplateFiles[filename]);\n });\n });\n\n it('should create the templates folder if it does not exist', () => {\n spyOn(fs, 'exists').andCallFake((path, callback) => callback(false));\n TemplateStore._init(stubTemplatesDir);\n expect(fs.mkdir).toHaveBeenCalled();\n });\n\n it('should expose templates in the templates directory', () => {\n let watchCallback;\n spyOn(fs, 'exists').andCallFake((path, callback) => { callback(true); });\n spyOn(fs, 'watch').andCallFake((path, callback) => { watchCallback = callback });\n spyOn(fs, 'readdir').andCallFake((path, callback) => { callback(null, Object.keys(stubTemplateFiles)); });\n TemplateStore._init(stubTemplatesDir);\n watchCallback();\n expect(TemplateStore.items()).toEqual(stubTemplates);\n });\n\n it('should watch the templates directory and reflect changes', () => {\n let watchCallback = null;\n let watchFired = false;\n\n spyOn(fs, 'exists').andCallFake((path, callback) => callback(true));\n spyOn(fs, 'watch').andCallFake((path, callback) => { watchCallback = callback });\n spyOn(fs, 'readdir').andCallFake((path, callback) => {\n if (watchFired) {\n callback(null, Object.keys(stubTemplateFiles));\n } else {\n callback(null, []);\n }\n });\n TemplateStore._init(stubTemplatesDir);\n expect(TemplateStore.items()).toEqual([]);\n\n watchFired = true;\n watchCallback();\n expect(TemplateStore.items()).toEqual(stubTemplates);\n });\n\n describe('insertTemplateId', () => {\n xit('should insert the template with the given id into the draft with the given id', () => {\n let watchCallback;\n spyOn(fs, 'exists').andCallFake((path, callback) => { callback(true); });\n spyOn(fs, 'watch').andCallFake((path, callback) => { watchCallback = callback });\n spyOn(fs, 'readdir').andCallFake((path, callback) => { callback(null, Object.keys(stubTemplateFiles)); });\n TemplateStore._init(stubTemplatesDir);\n watchCallback();\n const add = jasmine.createSpy('add');\n spyOn(DraftStore, 'sessionForClientId').andCallFake(() => {\n return Promise.resolve({changes: {add}});\n });\n\n runs(() => {\n TemplateStore._onInsertTemplateId({\n templateId: 'template1.html',\n draftClientId: 'localid-draft',\n });\n });\n waitsFor(() => add.calls.length > 0);\n runs(() => {\n expect(add).toHaveBeenCalledWith({\n body: stubTemplateFiles['template1.html'],\n });\n });\n });\n });\n\n describe('onCreateTemplate', () => {\n beforeEach(() => {\n let d;\n spyOn(DraftStore, 'sessionForClientId').andCallFake((draftClientId) => {\n if (draftClientId === 'localid-nosubject') {\n d = new Message({subject: '', body: 'Body
'});\n } else {\n d = new Message({subject: 'Subject', body: 'Body
'});\n }\n const session = {draft() { return d; }};\n return Promise.resolve(session);\n });\n TemplateStore._init(stubTemplatesDir);\n });\n\n xit('should create a template with the given name and contents', () => {\n const ref = TemplateStore.items();\n TemplateStore._onCreateTemplate({name: '123', contents: 'bla'});\n const item = (ref != null ? ref[0] : undefined);\n expect(item.id).toBe('123.html');\n expect(item.name).toBe('123');\n expect(item.path.split('/').pop()).toBe('123.html');\n });\n\n xit('should display an error if no name is provided', () => {\n spyOn(TemplateStore, '_displayError');\n TemplateStore._onCreateTemplate({contents: 'bla'});\n expect(TemplateStore._displayError).toHaveBeenCalled();\n });\n\n xit('should display an error if no content is provided', () => {\n spyOn(TemplateStore, '_displayError');\n TemplateStore._onCreateTemplate({name: 'bla'});\n expect(TemplateStore._displayError).toHaveBeenCalled();\n });\n\n xit('should save the template file to the templates folder', () => {\n TemplateStore._onCreateTemplate({name: '123', contents: 'bla'});\n const path = `${stubTemplatesDir}/123.html`;\n expect(fs.writeFile).toHaveBeenCalled();\n expect(fs.writeFile.mostRecentCall.args[0]).toEqual(path);\n expect(fs.writeFile.mostRecentCall.args[1]).toEqual('bla');\n });\n\n xit('should open the template so you can see it', () => {\n TemplateStore._onCreateTemplate({name: '123', contents: 'bla'});\n expect(shell.showItemInFolder).toHaveBeenCalled();\n });\n\n describe('when given a draft id', () => {\n xit('should create a template from the name and contents of the given draft', () => {\n spyOn(TemplateStore, 'trigger');\n spyOn(TemplateStore, '_populate');\n runs(() => {\n TemplateStore._onCreateTemplate({draftClientId: 'localid-b'});\n });\n waitsFor(() => TemplateStore.trigger.callCount > 0);\n runs(() => {\n expect(TemplateStore.items().length).toEqual(1);\n });\n });\n\n it('should display an error if the draft has no subject', () => {\n spyOn(TemplateStore, '_displayError');\n spyOn(fs, 'watch');\n runs(() => {\n TemplateStore._onCreateTemplate({draftClientId: 'localid-nosubject'});\n });\n waitsFor(() => TemplateStore._displayError.callCount > 0);\n runs(() => {\n expect(TemplateStore._displayError).toHaveBeenCalled();\n });\n });\n });\n });\n\n describe('onShowTemplates', () => {\n xit('should open the templates folder in the Finder', () => {\n TemplateStore._onShowTemplates();\n expect(shell.showItemInFolder).toHaveBeenCalled();\n });\n });\n});\n"
},
{
"path": "packages/client-app/internal_packages/composer-templates/stylesheets/message-templates.less",
"content": "@import \"ui-variables\";\n@import \"ui-mixins\";\n\n@code-bg-color: #fcf4db;\n\n.template-picker {\n .content-container {\n height:150px;\n width: 210px;\n overflow-y:scroll;\n }\n .footer-container {\n border-top: 1px solid @border-color-secondary;\n }\n}\n\n.template-status-bar {\n background-color: @code-bg-color;\n color: darken(@code-bg-color, 70%);\n border: 1.5px solid darken(@code-bg-color, 10%);\n border-radius: @border-radius-small;\n padding-top: @padding-small-vertical @padding-small-horizontal @padding-small-vertical @padding-small-horizontal;\n font-size: @font-size-small;\n margin-bottom: 10px;\n}\n\n.compose-body,.container-templates .contenteditable {\n code.var {\n font: inherit;\n padding:0;\n padding-left:2px;\n padding-right:2px;\n border-bottom: 1.5px solid darken(@code-bg-color, 10%);\n background-color: @code-bg-color;\n &.empty {\n color:darken(@code-bg-color, 50%);\n }\n }\n}\n\n\n.container-templates {\n max-width: 640px;\n margin: 0 auto;\n\n .no-templates-message {\n text-align: center;\n margin-top: 50px;\n }\n\n .template-wrap {\n position: relative;\n border: 1px solid @input-border-color;\n background-color: @white;\n padding: 10px;\n margin-top: 20px;\n min-height: 200px;\n display: flex;\n\n .contenteditable-container {\n min-height: 200px;\n }\n\n textarea {\n border: 0;\n padding: 0;\n flex: 1;\n font-family: monospace;\n font-size: 0.9em;\n }\n }\n\n .section-title {\n display: inline-flex;\n width: 100%;\n flex-wrap: wrap;\n align-items: center;\n\n span {\n line-height: 1.7;\n }\n select {\n flex-basis: 100px;\n flex-grow: 1;\n margin: 0 0 0 8px;\n }\n input {\n flex-grow: 1;\n margin: 0 0 0 8px;\n }\n }\n\n\n .section-body {\n padding: 10px 0 0 0;\n\n .menu {\n border: solid thin #CCC;\n margin-right: 5px;\n min-height: 200px;\n .menu-items {\n margin:0;\n padding:0;\n list-style: none;\n\n li { padding: 6px; }\n }\n }\n .menu-horizontal {\n height: 100%;\n .menu-items {\n height:100%;\n margin: 0;\n padding: 0;\n list-style: none;\n li {\n text-align:center;\n width:40px;\n display:inline-block;\n padding:8px 16px 8px 16px;\n border-right: solid thin #CCC;\n }\n }\n }\n .template-area {\n border: solid thin #CCC;\n min-height: 200px;\n }\n .menu-footer {\n border: solid thin #CCC;\n overflow: auto;\n }\n .template-footer {\n border: solid thin #CCC;\n overflow: auto;\n\n .edit-html-button {\n float: right;\n margin: 6px;\n }\n }\n }\n\n .template-name-btn {\n float: right;\n margin: 0 6px;\n }\n .template-name-input {\n display: inline-block;\n width: 100px;\n }\n .editor-note {\n color: #AAA;\n font-size: small;\n margin-top: 5px;\n }\n\n .templates-instructions {\n color: #333;\n font-size: small;\n margin-top: 20px;\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/composer-translate/README.md",
"content": "\n## Translate\n\nA package for N1 that translates draft text into other languages using the Yandex Translation API.\n\n![](\"https://raw.githubusercontent.com/nylas/nylas-mail/master/internal_packages/composer-translate/examples-screencap-translate.png\"/)
\n\n#### Enable this plugin\n\n1. Download and run N1\n\n2. Navigate to Preferences > Plugins and click \"Enable\" beside the plugin.\n\n#### Build documentation\n\n```\ncjsx-transform lib/main.cjsx > docs/main.coffee\ndocco docs/main.coffee\nrm docs/main.coffee\n```\n"
},
{
"path": "packages/client-app/internal_packages/composer-translate/lib/main.jsx",
"content": "/* eslint global-require: \"off\" */\n\n// // Translation Plugin\n// Last Revised: Feb. 29, 2016 by Ben Gotow\n\n// TranslateButton is a simple React component that allows you to select\n// a language from a popup menu and translates draft text into that language.\n\nimport request from 'request'\n\nimport {\n React,\n ReactDOM,\n ComponentRegistry,\n QuotedHTMLTransformer,\n Actions,\n} from 'nylas-exports';\n\nimport {\n Menu,\n RetinaImg,\n} from 'nylas-component-kit';\n\nconst YandexTranslationURL = 'https://translate.yandex.net/api/v1.5/tr.json/translate';\nconst YandexTranslationKey = 'trnsl.1.1.20150415T044616Z.24814c314120d022.0a339e2bc2d2337461a98d5ec9863fc46e42735e';\nconst YandexLanguages = {\n English: 'en',\n Spanish: 'es',\n Russian: 'ru',\n Chinese: 'zh',\n French: 'fr',\n German: 'de',\n Italian: 'it',\n Japanese: 'ja',\n Portuguese: 'pt',\n Korean: 'ko',\n};\n\nclass TranslateButton extends React.Component {\n\n // Adding a `displayName` makes debugging React easier\n static displayName = 'TranslateButton';\n\n // Since our button is being injected into the Composer Footer,\n // we receive the local id of the current draft as a `prop` (a read-only\n // property). Since our code depends on this prop, we mark it as a requirement.\n static propTypes = {\n draft: React.PropTypes.object.isRequired,\n session: React.PropTypes.object.isRequired,\n };\n\n shouldComponentUpdate(nextProps) {\n // Our render method doesn't use the provided `draft`, and the draft changes\n // constantly (on every keystroke!) `shouldComponentUpdate` helps keep N1 fast.\n return nextProps.session !== this.props.session;\n }\n\n _onError(error) {\n Actions.closePopover()\n const dialog = require('electron').remote.dialog;\n dialog.showErrorBox('Language Conversion Failed', error.toString());\n }\n\n _onTranslate = (lang) => {\n Actions.closePopover()\n\n // Obtain the session for the current draft. The draft session provides us\n // the draft object and also manages saving changes to the local cache and\n // Nilas API as multiple parts of the application touch the draft.\n const draftHtml = this.props.draft.body;\n const text = QuotedHTMLTransformer.removeQuotedHTML(draftHtml);\n\n Actions.recordUserEvent(\"Email Translated\", {\n language: YandexLanguages[lang],\n })\n\n const query = {\n key: YandexTranslationKey,\n lang: YandexLanguages[lang],\n text: text,\n format: 'html',\n };\n\n // Use Node's `request` library to perform the translation using the Yandex API.\n request({url: YandexTranslationURL, qs: query}, (error, resp, data) => {\n if (resp.statusCode !== 200) {\n this._onError(error);\n return;\n }\n\n const json = JSON.parse(data);\n let translated = json.text.join('');\n\n // The new text of the draft is our translated response, plus any quoted text\n // that we didn't process.\n translated = QuotedHTMLTransformer.appendQuotedHTML(translated, draftHtml);\n\n // To update the draft, we add the new body to it's session. The session object\n // automatically marshalls changes to the database and ensures that others accessing\n // the same draft are notified of changes.\n this.props.session.changes.add({body: translated});\n this.props.session.changes.commit();\n });\n };\n\n _onClickTranslateButton = () => {\n const buttonRect = ReactDOM.findDOMNode(this).getBoundingClientRect()\n Actions.openPopover(\n this._renderPopover(),\n {originRect: buttonRect, direction: 'up'}\n )\n };\n\n // Helper method that will render the contents of our popover.\n _renderPopover() {\n const headerComponents = [\n Translate:,\n ];\n return (\n item}\n itemContent={(item) => item}\n headerComponents={headerComponents}\n defaultSelectedIndex={-1}\n onSelect={this._onTranslate}\n />\n )\n }\n\n // The `render` method returns a React Virtual DOM element. This code looks\n // like HTML, but don't be fooled. The JSX preprocessor converts\n // `Hello!`\n // into Javascript objects which describe the HTML you want:\n // `React.createElement('a', {href: 'http://facebook.github.io/react/'}, 'Hello!')`\n\n // We're rendering a `Menu` inside our Popover, and using a `RetinaImg` for the button.\n // These components are part of N1's standard `nylas-component-kit` library,\n // and make it easy to build interfaces that match the rest of N1's UI.\n //\n // For example, using the `RetinaImg` component makes it easy to display an\n // image from our package. `RetinaImg` will automatically chose the best image\n // format for our display.\n render() {\n return (\n \n \n\nmodule.exports =\n Wide: [ParticipantsColumn, ContentsColumn, StatusColumn]\n"
},
{
"path": "packages/client-app/internal_packages/draft-list/lib/draft-list-send-status.jsx",
"content": "import React, {Component, PropTypes} from 'react'\nimport {DateUtils} from 'nylas-exports'\nimport {Flexbox} from 'nylas-component-kit'\nimport SendingProgressBar from './sending-progress-bar'\n\nexport default class DraftListSendStatus extends Component {\n static displayName = 'DraftListSendStatus';\n\n static propTypes = {\n draft: PropTypes.object,\n };\n\n static containerRequired = false;\n\n render() {\n const {draft} = this.props\n if (draft.uploadTaskId) {\n return (\n \n \n )\n }\n return {DateUtils.shortTimeString(draft.date)}\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/draft-list/lib/draft-list-store.coffee",
"content": "NylasStore = require 'nylas-store'\n_ = require 'underscore'\n{Rx,\n Message,\n OutboxStore,\n AccountStore,\n MutableQueryResultSet,\n MutableQuerySubscription,\n ObservableListDataSource,\n FocusedPerspectiveStore,\n DatabaseStore} = require 'nylas-exports'\n{ListTabular} = require 'nylas-component-kit'\n\nclass DraftListStore extends NylasStore\n constructor: ->\n @listenTo FocusedPerspectiveStore, @_onPerspectiveChanged\n @_createListDataSource()\n\n dataSource: =>\n @_dataSource\n\n selectionObservable: =>\n return Rx.Observable.fromListSelection(@)\n\n # Inbound Events\n\n _onPerspectiveChanged: =>\n @_createListDataSource()\n\n # Internal\n\n _createListDataSource: =>\n mailboxPerspective = FocusedPerspectiveStore.current()\n\n if mailboxPerspective.drafts\n query = DatabaseStore.findAll(Message)\n .include(Message.attributes.body)\n .order(Message.attributes.date.descending())\n .where(draft: true)\n .page(0, 1)\n\n # Adding a \"account_id IN (a,b,c)\" clause to our query can result in a full\n # table scan. Don't add the where clause if we know we want results from all.\n if mailboxPerspective.accountIds.length < AccountStore.accounts().length\n query.where(accountId: mailboxPerspective.accountIds)\n\n subscription = new MutableQuerySubscription(query, {emitResultSet: true})\n $resultSet = Rx.Observable.fromNamedQuerySubscription('draft-list', subscription)\n $resultSet = Rx.Observable.combineLatest [\n $resultSet,\n Rx.Observable.fromStore(OutboxStore)\n ], (resultSet, outbox) =>\n\n # Generate a new result set that includes additional information on\n # the draft objects. This is similar to what we do in the thread-list,\n # where we set thread.__messages to the message array.\n resultSetWithTasks = new MutableQueryResultSet(resultSet)\n\n mailboxPerspective.accountIds.forEach (aid) =>\n OutboxStore.itemsForAccount(aid).forEach (task) =>\n draft = resultSet.modelWithId(task.draftClientId)\n if draft\n draft = draft.clone()\n draft.uploadTaskId = task.id\n draft.uploadProgress = task.progress\n resultSetWithTasks.updateModel(draft)\n\n return resultSetWithTasks.immutableClone()\n\n @_dataSource = new ObservableListDataSource($resultSet, subscription.replaceRange)\n else\n @_dataSource = new ListTabular.DataSource.Empty()\n\n @trigger(@)\n\nmodule.exports = new DraftListStore()\n"
},
{
"path": "packages/client-app/internal_packages/draft-list/lib/draft-list-toolbar.jsx",
"content": "import React, {Component, PropTypes} from 'react'\nimport {ListensToObservable, MultiselectToolbar, InjectedComponentSet} from 'nylas-component-kit'\n\nimport DraftListStore from './draft-list-store'\n\n\nfunction getObservable() {\n return DraftListStore.selectionObservable()\n}\n\nfunction getStateFromObservable(items) {\n if (!items) {\n return {items: []}\n }\n return {items}\n}\n\nclass DraftListToolbar extends Component {\n static displayName = 'DraftListToolbar';\n\n static propTypes = {\n items: PropTypes.array,\n };\n\n onClearSelection = () => {\n DraftListStore.dataSource().selection.clear()\n };\n\n render() {\n const {selection} = DraftListStore.dataSource()\n const {items} = this.props\n\n // Keep all of the exposed props from deprecated regions that now map to this one\n const toolbarElement = (\n dataSource: DraftListStore.dataSource() }>\n \n \n \n\n _itemPropsProvider: (draft) ->\n props = {}\n props.className = 'sending' if draft.uploadTaskId\n props\n\n _keymapHandlers: =>\n 'core:delete-item': @_onRemoveFromView\n 'core:gmail-remove-from-view': @_onRemoveFromView\n 'core:remove-from-view': @_onRemoveFromView\n\n _onDoubleClick: (draft) =>\n unless draft.uploadTaskId\n Actions.composePopoutDraft(draft.clientId)\n\n # Additional Commands\n\n _onRemoveFromView: =>\n drafts = DraftListStore.dataSource().selection.items()\n Actions.destroyDraft(draft.clientId) for draft in drafts\n\nmodule.exports = DraftList\n"
},
{
"path": "packages/client-app/internal_packages/draft-list/lib/draft-toolbar-buttons.cjsx",
"content": "React = require \"react\"\n{RetinaImg} = require 'nylas-component-kit'\n{Actions, FocusedContentStore} = require \"nylas-exports\"\n\nclass DraftDeleteButton extends React.Component\n @displayName: 'DraftDeleteButton'\n @containerRequired: false\n\n @propTypes:\n selection: React.PropTypes.object.isRequired\n\n render: ->\n \n\n _destroySelected: =>\n for item in @props.selection.items()\n Actions.destroyDraft(item.clientId)\n @props.selection.clear()\n return\n\nmodule.exports = {DraftDeleteButton}\n"
},
{
"path": "packages/client-app/internal_packages/draft-list/lib/main.es6",
"content": "import {WorkspaceStore, ComponentRegistry, Actions} from 'nylas-exports'\nimport DraftList from './draft-list'\nimport DraftListToolbar from './draft-list-toolbar'\nimport DraftListSendStatus from './draft-list-send-status'\nimport {DraftDeleteButton} from \"./draft-toolbar-buttons\"\n\n\nexport function activate() {\n WorkspaceStore.defineSheet(\n 'Drafts',\n {root: true},\n {list: ['RootSidebar', 'DraftList']}\n );\n if (NylasEnv.savedState.perspective &&\n NylasEnv.savedState.perspective.type === \"DraftsMailboxPerspective\") {\n Actions.selectRootSheet(WorkspaceStore.Sheet.Drafts);\n }\n\n ComponentRegistry.register(DraftList, {location: WorkspaceStore.Location.DraftList})\n ComponentRegistry.register(DraftListToolbar, {location: WorkspaceStore.Location.DraftList.Toolbar})\n ComponentRegistry.register(DraftDeleteButton, {role: 'DraftActionsToolbarButton'})\n ComponentRegistry.register(DraftListSendStatus, {role: 'DraftList:DraftStatus'})\n}\n\n\nexport function deactivate() {\n ComponentRegistry.unregister(DraftList)\n ComponentRegistry.unregister(DraftListToolbar)\n ComponentRegistry.unregister(DraftDeleteButton)\n ComponentRegistry.unregister(DraftListSendStatus)\n}\n"
},
{
"path": "packages/client-app/internal_packages/draft-list/lib/sending-cancel-button.cjsx",
"content": "React = require 'react'\n{Actions} = require 'nylas-exports'\n{RetinaImg} = require 'nylas-component-kit'\n\nclass SendingCancelButton extends React.Component\n @displayName: 'SendingCancelButton'\n\n @propTypes:\n taskId: React.PropTypes.string.isRequired\n\n constructor: (@props) ->\n @state =\n cancelling: false\n\n render: =>\n if @state.cancelling\n \n Event: {@state.event.title}\n \n \n \n \n {moment(@state.event.start*1000).tz(DateUtils.timeZone).format(\"dddd, MMMM Do\")}\n \n \n \n {moment(@state.event.start*1000).tz(DateUtils.timeZone).format(timeFormat)}\n \n {@_renderEventActions()}\n \n \n \n \n else\n \n\n _renderEventActions: =>\n me = @state.event.participantForMe()\n return false unless me\n\n actions = [[\"yes\", \"Accept\"], [\"maybe\", \"Maybe\"], [\"no\", \"Decline\"]]\n\n \n {actions.map ([status, label]) =>\n classes = \"btn-rsvp \"\n classes += status if me.status is status\n @_rsvp(status)}>\n {label}\n \n }\n \n\n _rsvp: (status) =>\n me = @state.event.participantForMe()\n Actions.queueTask(new EventRSVPTask(@state.event, me.email, status))\n\nmodule.exports = EventHeader\n"
},
{
"path": "packages/client-app/internal_packages/events/lib/main.cjsx",
"content": "{ComponentRegistry, WorkspaceStore} = require 'nylas-exports'\nEventHeader = require \"./event-header\"\n\nmodule.exports =\n activate: (@state={}) ->\n ComponentRegistry.register EventHeader,\n role: 'message:BodyHeader'\n\n deactivate: ->\n ComponentRegistry.unregister(EventHeader)\n\n serialize: -> @state\n"
},
{
"path": "packages/client-app/internal_packages/events/package.json",
"content": "{\n \"name\": \"events\",\n \"version\": \"0.1.0\",\n \"main\": \"./lib/main\",\n \"description\": \"View events on message\",\n \"license\": \"GPL-3.0\",\n \"private\": true,\n \"engines\": {\n \"nylas\": \"*\"\n },\n \"windowTypes\": {\n \"default\": true,\n \"thread-popout\": true\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/events/stylesheets/events.less",
"content": "@import \"ui-variables\";\n@import \"ui-mixins\";\n\n.event-wrapper {\n cursor: default;\n position: relative;\n font-size: @font-size-small;\n margin-top: @spacing-standard;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n display: inline-block;\n border-radius: @border-radius-base;\n border: 1px solid @border-color-divider;\n\n .event-header {\n border-bottom: 1px solid @border-color-divider;\n padding: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n\n img {\n margin-right: 20px;\n }\n\n .event-title-text {\n color: @text-color-very-subtle;\n }\n\n .event-title {\n color: @text-color;\n }\n }\n\n .event-body {\n padding: @padding-small-horizontal;\n\n .event-date {\n display: inline-block;\n width: 100%;\n\n .event-day {\n display: block;\n font-size: @font-size-large;\n color: #e64d65;\n }\n\n .event-time {\n display: inline-block;\n font-size: @font-size-h3;\n font-weight: @font-weight-blond;\n }\n }\n\n .event-actions {\n display: inline-block;\n float: right;\n\n z-index: 4;\n text-align: center;\n\n .btn-rsvp {\n float: left;\n padding: @spacing-three-quarters @spacing-standard * 1.75 @spacing-three-quarters @spacing-standard * 1.75;\n line-height: 10px;\n color: @text-color;\n border-radius: 3px;\n background: @background-primary;\n box-shadow: @standard-shadow;\n margin: 0 7.5px 0 7.5px;\n &:active {background: transparent;}\n\n &.no {\n background: @color-error;\n color: @white;\n }\n\n &.yes {\n background: @color-success;\n color: @white;\n }\n\n &.maybe {\n background: @gray-light;\n color: @white;\n }\n }\n }\n }\n}\nbody.platform-win32 {\n .event-wrapper {\n border-radius: 0;\n .event-body {\n .event-actions {\n .btn-rsvp {\n border-radius: 0;\n }\n }\n }\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/github-contact-card/README.md",
"content": "# Github Contact Card Section\n\nExtends the contact card in the sidebar to show public repos of the people you email.\nUses GitHub's public API to look up a GitHub user based on their email address,\nand then displays public repos and their stars.\n\nThis example is a good starting point for plugins that want to display data from\nexternal sources in the sidebar. If you want to see some more advanced plugins, have a look through [all the internal plugins, here on Github](https://github.com/nylas/nylas-mail/tree/master/internal_packages).\n\n![](\"https://raw.githubusercontent.com/nylas/nylas-mail/master/internal_packages/github-contact-card/screenshot.png\")
\n\n#### Install this plugin\n\n1. Download and run N1\n\n2. From the menu, select `Developer > Install a Plugin Manually...`\n The dialog will default to this examples directory. Just choose the\n package to install it!\n\n > When you install packages, they're moved to `~/.nylas-mail/packages`,\n > and N1 runs `apm install` on the command line to fetch dependencies\n > listed in the package's `package.json`\n"
},
{
"path": "packages/client-app/internal_packages/github-contact-card/lib/github-contact-card-section.jsx",
"content": "import _ from 'underscore';\nimport {React} from 'nylas-exports';\nimport GithubUserStore from \"./github-user-store\";\n\n// Small React component that renders a single Github repository\nconst GithubRepo = function GithubRepo(props) {\n const {repo} = props;\n\n return (\n \n {repo.stargazers_count}\n {repo.full_name}\n \n );\n}\nGithubRepo.propTypes = {\n // This component takes a `repo` object as a prop. Listing props is optional\n // but enables nice React warnings when our expectations aren't met\n repo: React.PropTypes.object.isRequired,\n};\n\n// Small React component that renders the user's Github profile.\nconst GithubProfile = function GithubProfile(props) {\n const {profile} = props;\n\n // Transform the profile's array of repos into an array of React elements\n const repoElements = _.map(profile.repos, (repo) => {\n return Github
\n {this._renderInner()}\n \n );\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/github-contact-card/lib/github-user-store.es6",
"content": "import _ from 'underscore';\nimport request from 'request';\nimport NylasStore from 'nylas-store';\nimport {FocusedContactsStore} from 'nylas-exports';\n\n// This package uses the Flux pattern - our Store is a small singleton that\n// observes other parts of the application and vends data to our React\n// component. If the user could interact with the GithubSidebar, this store\n// would also listen for `Actions` emitted by our React components.\nclass GithubUserStore extends NylasStore {\n constructor() {\n super();\n\n this._profile = null;\n this._cache = {};\n this._loading = false;\n this._error = null;\n\n // Register a callback with the FocusedContactsStore. This will tell us\n // whenever the selected person has changed so we can refresh our data.\n this.listenTo(FocusedContactsStore, this._onFocusedContactChanged);\n }\n\n // Getter Methods\n\n profileForFocusedContact() {\n return this._profile;\n }\n\n loading() {\n return this._loading;\n }\n\n error() {\n return this._error;\n }\n\n // Called when the FocusedContactStore `triggers`, notifying us that the data\n // it vends has changed.\n _onFocusedContactChanged = () => {\n // Grab the new focused contact\n const contact = FocusedContactsStore.focusedContact();\n\n // First, clear the contact that we're currently showing and `trigger`. Since\n // our React component observes our store, `trigger` causes our React component\n // to re-render.\n this._error = null;\n this._profile = null;\n\n if (contact) {\n this._profile = this._cache[contact.email];\n if (this._profile === undefined) {\n // Make a Github search request to find the matching user profile\n this._githubFetchProfile(contact.email);\n }\n }\n\n this.trigger(this);\n }\n\n _githubFetchProfile(email) {\n this._loading = true\n this._githubRequest(`https://api.github.com/search/users?q=${email}`, (err, resp, data) => {\n if (err || !data) {\n return;\n }\n\n if (data.message !== undefined) {\n console.warn(data.message);\n }\n\n // Sometimes we get rate limit errors, etc., so we need to check and make\n // sure we've gotten items before pulling the first one.\n let profile = false;\n if (data && data.items && data.items[0]) {\n profile = data.items[0];\n }\n\n // If a profile was found, make a second request for the user's public\n // repositories.\n if (profile !== false) {\n profile.repos = [];\n this._githubRequest(`https://api.github.com/search/repositories?q=user:${profile.login}&sort=stars&order=desc`, (reposErr, reposResp, repos) => {\n // Sort the repositories by their stars (`-` for descending order)\n profile.repos = _.sortBy(repos.items, (repo) => -repo.stargazers_count);\n // Trigger so that our React components refresh their state and display\n // the updated data.\n this.trigger(this);\n });\n }\n\n this._loading = false;\n this._profile = this._cache[email] = profile;\n this.trigger(this);\n });\n }\n\n // Wrap the Node `request` library and pass the User-Agent header, which is required\n // by Github's API. Also pass `json:true`, which causes responses to be automatically\n // parsed.\n _githubRequest(url, callback) {\n return request({url: url, headers: {'User-Agent': 'request'}, json: true}, callback);\n }\n}\n\nexport default new GithubUserStore();\n"
},
{
"path": "packages/client-app/internal_packages/github-contact-card/lib/main.jsx",
"content": "import {\n ComponentRegistry,\n} from \"nylas-exports\";\n\nimport GithubContactCardSection from \"./github-contact-card-section\";\n\n/*\nAll packages must export a basic object that has at least the following 3\nmethods:\n\n1. `activate` - Actions to take once the package gets turned on.\nPre-enabled packages get activated on N1 bootup. They can also be\nactivated manually by a user.\n\n2. `deactivate` - Actions to take when a package gets turned off. This can\nhappen when a user manually disables a package.\n\n3. `serialize` - A simple serializable object that gets saved to disk\nbefore N1 quits. This gets passed back into `activate` next time N1 boots\nup or your package is manually activated.\n*/\nexport function activate() {\n // Register our sidebar so that it appears in the Message List sidebar.\n // This sidebar is to the right of the Message List in both split pane mode\n // and list mode.\n ComponentRegistry.register(GithubContactCardSection, {\n role: \"MessageListSidebar:ContactCard\",\n });\n}\n\nexport function serialize() {\n return {};\n}\n\nexport function deactivate() {\n ComponentRegistry.unregister(GithubContactCardSection);\n}\n"
},
{
"path": "packages/client-app/internal_packages/github-contact-card/package.json",
"content": "{\n \"name\": \"github-contact-card\",\n \"version\": \"0.1.0\",\n \"main\": \"./lib/main\",\n \"isHiddenOnPluginsPage\": true,\n\n \"isOptional\": true,\n\n \"title\": \"GitHub Sidebar Info\",\n \"description\": \"Extend the contact card in the sidebar to show public repos of the people you email.\",\n \"icon\": \"./icon.png\",\n\n \"license\": \"GPL-3.0\",\n \"engines\": {\n \"nylas\": \"*\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/bengotow/nylas-sidebar-github-profile\"\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/github-contact-card/stylesheets/sidebar-github-profile.less",
"content": "@import \"ui-variables\";\n\n.sidebar-github-profile {\n margin-bottom: 20px;\n\n a{ text-decoration: none; }\n\n .pending {\n font-size: 12px;\n color: @text-color-very-subtle;\n }\n\n .logo {\n float: left;\n width:15px;\n height:15px;\n opacity:0.4;\n margin-right: @spacing-half;\n }\n\n .repo {\n padding-left: @spacing-standard;\n border-left:1px solid @border-color-divider;\n margin-left: @spacing-standard/2;\n font-size: @font-size-smaller;\n display: flex;\n\n a {\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n white-space: nowrap;\n }\n .stars {\n order: 2;\n margin-left:@spacing-standard;\n }\n }\n}\n"
},
{
"path": "packages/client-app/internal_packages/keybase/README.md",
"content": "## Keybase Plugin\n\nTODO:\n-----\n* final refactor\n* tests\n\nWISHLIST:\n-----\n* message signing\n* encrypted file handling\n* integrate MIT PGP Keyserver search into Keybase searchbar\n* make the decrypt interface a message body overlay instead of a button in the header\n* improve search result deduping with keys on file\n"
},
{
"path": "packages/client-app/internal_packages/keybase/lib/decrypt-button.cjsx",
"content": "{MessageStore, React, ReactDOM, FileDownloadStore, MessageBodyProcessor, Actions} = require 'nylas-exports'\nPGPKeyStore = require './pgp-key-store'\n{remote} = require 'electron'\nPassphrasePopover = require './passphrase-popover'\nPrivateKeyPopover = require './private-key-popover'\npgp = require 'kbpgp'\n_ = require 'underscore'\n\nclass DecryptMessageButton extends React.Component\n\n @displayName: 'DecryptMessageButton'\n\n @propTypes:\n message: React.PropTypes.object.isRequired\n\n constructor: (props) ->\n super(props)\n @state = @_getStateFromStores()\n\n _getStateFromStores: ->\n return {\n isDecrypted: PGPKeyStore.isDecrypted(@props.message)\n wasEncrypted: PGPKeyStore.hasEncryptedComponent(@props.message)\n encryptedAttachments: PGPKeyStore.fetchEncryptedAttachments(@props.message)\n status: PGPKeyStore.msgStatus(@props.message)\n }\n\n componentDidMount: ->\n @unlistenKeystore = PGPKeyStore.listen(@_onKeystoreChange, @)\n\n componentWillUnmount: ->\n @unlistenKeystore()\n\n _onKeystoreChange: ->\n # every time a new key gets unlocked/fetched, try to decrypt this message\n if not @state.isDecrypted\n PGPKeyStore.decrypt(@props.message)\n @setState(@_getStateFromStores())\n\n _onClickDecrypt: (event) =>\n popoverTarget = event.target.getBoundingClientRect()\n if @_noPrivateKeys()\n Actions.openPopover(\n @_openPassphrasePopover(popoverTarget, @decryptPopoverDone)}/>,\n {originRect: popoverTarget, direction: 'down'}\n )\n else\n @_openPassphrasePopover(popoverTarget, @decryptPopoverDone)\n\n _displayError: (err) ->\n dialog = remote.dialog\n dialog.showErrorBox('Decryption Error', err.toString())\n\n _onClickDecryptAttachments: (event) =>\n popoverTarget = event.target.getBoundingClientRect()\n if @_noPrivateKeys()\n Actions.openPopover(\n @_openPassphrasePopover(popoverTarget, @decryptAttachmentsPopoverDone)}/>,\n {originRect: popoverTarget, direction: 'down'}\n )\n else\n @_openPassphrasePopover(popoverTarget, @decryptAttachmentsPopoverDone)\n\n decryptPopoverDone: (passphrase) =>\n for recipient in @props.message.to\n # right now, just try to unlock all possible keys\n # (many will fail - TODO?)\n privateKeys = PGPKeyStore.privKeys(address: recipient.email, timed: false)\n for privateKey in privateKeys\n PGPKeyStore.getKeyContents(key: privateKey, passphrase: passphrase)\n\n decryptAttachmentsPopoverDone: (passphrase) =>\n for recipient in @props.message.to\n privateKeys = PGPKeyStore.privKeys(address: recipient.email, timed: false)\n for privateKey in privateKeys\n PGPKeyStore.getKeyContents(key: privateKey, passphrase: passphrase, callback: (identity) => PGPKeyStore.decryptAttachments(identity, @state.encryptedAttachments))\n\n _openPassphrasePopover: (target, callback) =>\n Actions.openPopover(\n tag prevents gross HTML formatting in-flight\n cryptotext = \"#{cryptotext}\"\n @setState({\n currentlyEncrypted: true\n plaintext: plaintext\n cryptotext: cryptotext\n })\n @props.session.changes.add({body: cryptotext})\n )\n\n _encrypt: (text, identities, cb) =>\n # get the actual key objects\n keys = _.pluck(identities, \"key\")\n # remove the nulls\n kms = _.compact(keys)\n if kms.length == 0\n NylasEnv.showErrorDialog(\"There are no PGP public keys loaded, so the message cannot be\n encrypted. Compose a message, add recipients in the To: field, and try again.\")\n return\n params =\n encrypt_for: kms\n msg: text\n pgp.box(params, cb)\n\n _checkKeysAndEncrypt: (text, identities, cb) =>\n emails = _.chain(identities)\n .pluck(\"addresses\")\n .flatten()\n .uniq()\n .value()\n\n if _.every(identities, (identity) -> identity.key?)\n # every key is present and valid\n @_encrypt(text, identities, cb)\n else\n # open a popover to correct null keys\n DatabaseStore.findAll(Contact, {email: emails}).then((contacts) =>\n component = ( @_encrypt(text, newIdentities, cb) }/>)\n Actions.openPopover(\n component,\n {\n originRect: ReactDOM.findDOMNode(@).getBoundingClientRect(),\n direction: 'up',\n closeOnAppBlur: false,\n })\n )\n\nmodule.exports = EncryptMessageButton\n"
},
{
"path": "packages/client-app/internal_packages/keybase/lib/identity.coffee",
"content": "# A single user identity: a key, a way to find that key, one or more email\n# addresses, and a keybase profile\n\n{Utils} = require 'nylas-exports'\npath = require 'path'\n\nmodule.exports =\nclass Identity\n constructor: ({key, addresses, isPriv, keybase_profile}) ->\n @clientId = Utils.generateTempId()\n @key = key ? null # keybase keymanager object\n @isPriv = isPriv ? false # is this a private key?\n @timeout = null # the time after which this key (if private) needs to be unlocked again\n @addresses = addresses ? [] # email addresses associated with this identity\n @keybase_profile = keybase_profile ? null # a kb profile object associated with this identity\n\n Object.defineProperty(@, 'keyPath', {\n get: ->\n if @addresses.length > 0\n keyDir = path.join(NylasEnv.getConfigDirPath(), 'keys')\n thisDir = if @isPriv then path.join(keyDir, 'private') else path.join(keyDir, 'public')\n keyPath = path.join(thisDir, @addresses.join(\" \"))\n else\n keyPath = null\n return keyPath\n })\n\n if @isPriv\n @setTimeout()\n\n fingerprint: ->\n if @key?\n return @key.get_pgp_fingerprint().toString('hex')\n return null\n\n setTimeout: ->\n delay = 1000 * 60 * 30 # 30 minutes in ms\n @timeout = Date.now() + delay\n\n isTimedOut: ->\n return @timeout < Date.now()\n\n uid: ->\n if @key?\n uid = @key.get_pgp_fingerprint().toString('hex')\n else if @keybase_profile?\n uid = @keybase_profile.components.username.val\n else if @addresses.length > 0\n uid = @addresses.join('')\n else\n uid = @clientId\n\n return uid\n"
},
{
"path": "packages/client-app/internal_packages/keybase/lib/key-adder.cjsx",
"content": "{Utils, React, RegExpUtils} = require 'nylas-exports'\n{RetinaImg} = require 'nylas-component-kit'\nPGPKeyStore = require './pgp-key-store'\nIdentity = require './identity'\nkb = require './keybase'\npgp = require 'kbpgp'\n_ = require 'underscore'\nfs = require 'fs'\n\nmodule.exports =\nclass KeyAdder extends React.Component\n @displayName: 'KeyAdder'\n\n constructor: (props) ->\n @state =\n address: \"\"\n keyContents: \"\"\n passphrase: \"\"\n\n generate: false\n paste: false\n import: false\n\n isPriv: false\n loading: false\n\n validAddress: false\n validKeyBody: false\n\n _onPasteButtonClick: (event) =>\n @setState\n generate: false\n paste: !@state.paste\n import: false\n address: \"\"\n validAddress: false\n keyContents: \"\"\n\n _onGenerateButtonClick: (event) =>\n @setState\n generate: !@state.generate\n paste: false\n import: false\n address: \"\"\n validAddress: false\n keyContents: \"\"\n passphrase: \"\"\n\n _onImportButtonClick: (event) =>\n NylasEnv.showOpenDialog({\n title: \"Import PGP Key\",\n buttonLabel: \"Import\",\n properties: ['openFile']\n }, (filepath) =>\n if filepath?\n @setState\n generate: false\n paste: false\n import: true\n address: \"\"\n validAddress: false\n passphrase: \"\"\n fs.readFile(filepath[0], (err, data) =>\n pgp.KeyManager.import_from_armored_pgp {\n armored: data\n }, (err, km) =>\n if err\n PGPKeyStore._displayError(\"File is not a valid PGP key.\")\n return\n else\n privateStart = \"-----BEGIN PGP PRIVATE KEY BLOCK-----\"\n keyBody = if km.armored_pgp_private? then km.armored_pgp_private else km.armored_pgp_public\n @setState\n keyContents: keyBody\n isPriv: keyBody.indexOf(privateStart) >= 0\n validKeyBody: true\n )\n )\n\n _onInnerGenerateButtonClick: (event) =>\n @setState\n loading: true\n @_generateKeypair()\n\n _generateKeypair: =>\n pgp.KeyManager.generate_rsa { userid : @state.address }, (err, km) =>\n km.sign {}, (err) =>\n if err\n console.warn(err)\n km.export_pgp_private {passphrase: @state.passphrase}, (err, pgp_private) =>\n ident = new Identity({\n addresses: [@state.address]\n isPriv: true\n })\n PGPKeyStore.saveNewKey(ident, pgp_private)\n km.export_pgp_public {}, (err, pgp_public) =>\n ident = new Identity({\n addresses: [@state.address]\n isPriv: false\n })\n PGPKeyStore.saveNewKey(ident, pgp_public)\n @setState\n keyContents: pgp_public\n loading: false\n\n _saveNewKey: =>\n ident = new Identity({\n addresses: [@state.address]\n isPriv: @state.isPriv\n })\n PGPKeyStore.saveNewKey(ident, @state.keyContents)\n\n _onAddressChange: (event) =>\n address = event.target.value\n valid = false\n if (address and address.length > 0 and RegExpUtils.emailRegex().test(address))\n valid = true\n @setState\n address: event.target.value\n validAddress: valid\n\n _onPassphraseChange: (event) =>\n @setState\n passphrase: event.target.value\n\n _onKeyChange: (event) =>\n privateStart = \"-----BEGIN PGP PRIVATE KEY BLOCK-----\"\n @setState\n keyContents: event.target.value\n isPriv: event.target.value.indexOf(privateStart) >= 0\n pgp.KeyManager.import_from_armored_pgp {\n armored: event.target.value\n }, (err, km) =>\n if err\n valid = false\n else\n valid = true\n @setState\n validKeyBody: valid\n\n _renderAddButtons: ->\n \n Add a PGP Key:\n \n \n \n \n\n _renderManualKey: ->\n if !@state.validAddress and @state.address.length > 0\n invalidMsg = Invalid email address\n else if !@state.validKeyBody and @state.keyContents.length > 0\n invalidMsg = Invalid key body\n else\n invalidMsg = \n invalidInputs = !(@state.validAddress and @state.validKeyBody)\n\n buttonClass = if invalidInputs then \"btn key-add-btn btn-disabled\" else \"btn key-add-btn\"\n\n passphraseInput = \n\n \n \n \n \n \n \n {if @state.isPriv then passphraseInput}\n {invalidMsg}\n \n \n \n\n _renderGenerateKey: ->\n if !@state.validAddress and @state.address.length > 0\n invalidMsg = Invalid email address\n else\n invalidMsg = \n\n loading =
![\"github](\"nylas://github-contact-card/assets/github.png\")
\n