')\n );\n});\n\nThen use the helper in your template:\n\n{{#transform}}{{{files.0.content.html}}}{{/transform}}\n*/\n\n"
},
{
"path": "src/data/empties/emptyTemplateValue.html",
"content": "\n\n"
},
{
"path": "src/data/faq.md",
"content": "**Where is my data stored?**\n\nIf your workspace is not synced, your files are stored inside your browser and nowhere else.\n\nWe recommend syncing your workspace to make sure files won't be lost in case your browser data is cleared. Self-hosted CouchDB or GitLab backends are well suited for privacy.\n\n**Can StackEdit access my data without telling me?**\n\nStackEdit is a browser-based application. The access tokens issued by Google, Dropbox, GitHub... are stored in your browser and are not sent to any kind of backend or 3^rd^ party so your data won't be accessed by anyone.\n"
},
{
"path": "src/data/features.js",
"content": "class Feature {\n constructor(id, badgeName, description, children = null) {\n this.id = id;\n this.badgeName = badgeName;\n this.description = description;\n this.children = children;\n }\n\n toBadge(badgeCreations) {\n const children = this.children\n ? this.children.map(child => child.toBadge(badgeCreations))\n : null;\n return {\n featureId: this.id,\n name: this.badgeName,\n description: this.description,\n children,\n isEarned: children\n ? children.every(child => child.isEarned)\n : !!badgeCreations[this.id],\n hasSomeEarned: children && children.some(child => child.isEarned),\n };\n }\n}\n\nexport default [\n new Feature(\n 'navigationBar',\n 'Nav bar expert',\n 'Master the navigation bar by formatting some Markdown and renaming the current file.',\n [\n new Feature(\n 'formatButtons',\n 'Formatter',\n 'Use the format buttons to change formatting in your Markdown file.',\n ),\n new Feature(\n 'editCurrentFileName',\n 'Renamer',\n 'Use the name field in the navigation bar to rename the current file.',\n ),\n new Feature(\n 'toggleExplorer',\n 'Explorer toggler',\n 'Use the navigation bar to toggle the explorer.',\n ),\n new Feature(\n 'toggleSideBar',\n 'Side bar toggler',\n 'Use the navigation bar to toggle the side bar.',\n ),\n ],\n ),\n new Feature(\n 'explorer',\n 'Explorer',\n 'Use the file explorer to manage files and folders in your workspace.',\n [\n new Feature(\n 'createFile',\n 'File creator',\n 'Use the file explorer to create a new file in your workspace.',\n ),\n new Feature(\n 'switchFile',\n 'File switcher',\n 'Use the file explorer to switch from one file to another in your workspace.',\n ),\n new Feature(\n 'createFolder',\n 'Folder creator',\n 'Use the file explorer to create a new folder in your workspace.',\n ),\n new Feature(\n 'moveFile',\n 'File mover',\n 'Drag a file in the file explorer to move it in another folder.',\n ),\n new Feature(\n 'moveFolder',\n 'Folder mover',\n 'Drag a folder in the file explorer to move it in another folder.',\n ),\n new Feature(\n 'renameFile',\n 'File renamer',\n 'Use the file explorer to rename a file in your workspace.',\n ),\n new Feature(\n 'renameFolder',\n 'Folder renamer',\n 'Use the file explorer to rename a folder in your workspace.',\n ),\n new Feature(\n 'removeFile',\n 'File remover',\n 'Use the file explorer to remove a file in your workspace.',\n ),\n new Feature(\n 'removeFolder',\n 'Folder remover',\n 'Use the file explorer to remove a folder in your workspace.',\n ),\n ],\n ),\n new Feature(\n 'buttonBar',\n 'Button bar expert',\n 'Use the button bar to customize the editor layout and to toggle features.',\n [\n new Feature(\n 'toggleNavigationBar',\n 'Navigation bar toggler',\n 'Use the button bar to toggle the navigation bar.',\n ),\n new Feature(\n 'toggleSidePreview',\n 'Side preview toggler',\n 'Use the button bar to toggle the side preview.',\n ),\n new Feature(\n 'toggleEditor',\n 'Editor toggler',\n 'Use the button bar to toggle the editor.',\n ),\n new Feature(\n 'toggleFocusMode',\n 'Focused',\n 'Use the button bar to toggle the focus mode. This mode keeps the caret vertically centered while typing.',\n ),\n new Feature(\n 'toggleScrollSync',\n 'Scroll sync toggler',\n 'Use the button bar to toggle the scroll sync feature. This feature links the editor and the preview scrollbars.',\n ),\n new Feature(\n 'toggleStatusBar',\n 'Status bar toggler',\n 'Use the button bar to toggle the status bar.',\n ),\n ],\n ),\n new Feature(\n 'signIn',\n 'Signed in',\n 'Sign in with Google, sync your main workspace and unlock functionalities.',\n [\n new Feature(\n 'syncMainWorkspace',\n 'Main workspace synced',\n 'Sign in with Google to sync your main workspace with your Google Drive app data folder.',\n ),\n new Feature(\n 'sponsor',\n 'Sponsor',\n 'Sign in with Google and sponsor StackEdit to unlock PDF and Pandoc exports.',\n ),\n ],\n ),\n new Feature(\n 'workspaces',\n 'Workspace expert',\n 'Use the workspace menu to create all kinds of workspaces and to manage them.',\n [\n new Feature(\n 'addCouchdbWorkspace',\n 'CouchDB workspace creator',\n 'Use the workspace menu to create a CouchDB workspace.',\n ),\n new Feature(\n 'addGithubWorkspace',\n 'GitHub workspace creator',\n 'Use the workspace menu to create a GitHub workspace.',\n ),\n new Feature(\n 'addGitlabWorkspace',\n 'GitLab workspace creator',\n 'Use the workspace menu to create a GitLab workspace.',\n ),\n new Feature(\n 'addGoogleDriveWorkspace',\n 'Google Drive workspace creator',\n 'Use the workspace menu to create a Google Drive workspace.',\n ),\n new Feature(\n 'renameWorkspace',\n 'Workspace renamer',\n 'Use the \"Manage workspaces\" dialog to rename a workspace.',\n ),\n new Feature(\n 'removeWorkspace',\n 'Workspace remover',\n 'Use the \"Manage workspaces\" dialog to remove a workspace locally.',\n ),\n ],\n ),\n new Feature(\n 'manageAccounts',\n 'Account manager',\n 'Link all kinds of external accounts and use the \"Accounts\" dialog to manage them.',\n [\n new Feature(\n 'addBloggerAccount',\n 'Blogger user',\n 'Link your Blogger account to StackEdit.',\n ),\n new Feature(\n 'addDropboxAccount',\n 'Dropbox user',\n 'Link your Dropbox account to StackEdit.',\n ),\n new Feature(\n 'addGitHubAccount',\n 'GitHub user',\n 'Link your GitHub account to StackEdit.',\n ),\n new Feature(\n 'addGitLabAccount',\n 'GitLab user',\n 'Link your GitLab account to StackEdit.',\n ),\n new Feature(\n 'addGoogleDriveAccount',\n 'Google Drive user',\n 'Link your Google Drive account to StackEdit.',\n ),\n new Feature(\n 'addGooglePhotosAccount',\n 'Google Photos user',\n 'Link your Google Photos account to StackEdit.',\n ),\n new Feature(\n 'addWordpressAccount',\n 'WordPress user',\n 'Link your WordPress account to StackEdit.',\n ),\n new Feature(\n 'addZendeskAccount',\n 'Zendesk user',\n 'Link your Zendesk account to StackEdit.',\n ),\n new Feature(\n 'removeAccount',\n 'Revoker',\n 'Use the \"Accounts\" dialog to remove access to an external account.',\n ),\n ],\n ),\n new Feature(\n 'syncFiles',\n 'File synchronizer',\n 'Master the \"Synchronize\" menu by opening and saving files with all kinds of external accounts.',\n [\n new Feature(\n 'openFromDropbox',\n 'Dropbox reader',\n 'Use the \"Synchronize\" menu to open a file from your Dropbox account.',\n ),\n new Feature(\n 'saveOnDropbox',\n 'Dropbox writer',\n 'Use the \"Synchronize\" menu to save a file in your Dropbox account.',\n ),\n new Feature(\n 'openFromGithub',\n 'GitHub reader',\n 'Use the \"Synchronize\" menu to open a file from a GitHub repository.',\n ),\n new Feature(\n 'saveOnGithub',\n 'GitHub writer',\n 'Use the \"Synchronize\" menu to save a file in a GitHub repository.',\n ),\n new Feature(\n 'saveOnGist',\n 'Gist writer',\n 'Use the \"Synchronize\" menu to save a file in a Gist.',\n ),\n new Feature(\n 'openFromGitlab',\n 'GitLab reader',\n 'Use the \"Synchronize\" menu to open a file from a GitLab repository.',\n ),\n new Feature(\n 'saveOnGitlab',\n 'GitLab writer',\n 'Use the \"Synchronize\" menu to save a file in a GitLab repository.',\n ),\n new Feature(\n 'openFromGoogleDrive',\n 'Google Drive reader',\n 'Use the \"Synchronize\" menu to open a file from your Google Drive account.',\n ),\n new Feature(\n 'saveOnGoogleDrive',\n 'Google Drive writer',\n 'Use the \"Synchronize\" menu to save a file in your Google Drive account.',\n ),\n new Feature(\n 'triggerSync',\n 'Sync trigger',\n 'Use the \"Synchronize\" menu or the navigation bar to manually trigger synchronization.',\n ),\n new Feature(\n 'syncMultipleLocations',\n 'Multi-sync',\n 'Use the \"Synchronize\" menu to synchronize a file with multiple external locations.',\n ),\n new Feature(\n 'removeSyncLocation',\n 'Desynchronizer',\n 'Use the \"File synchronization\" dialog to remove a sync location.',\n ),\n ],\n ),\n new Feature(\n 'publishFiles',\n 'File publisher',\n 'Master the \"Publish\" menu by publishing files to all kinds of external accounts.',\n [\n new Feature(\n 'publishToBlogger',\n 'Blogger publisher',\n 'Use the \"Publish\" menu to publish a Blogger article.',\n ),\n new Feature(\n 'publishToBloggerPage',\n 'Blogger Page publisher',\n 'Use the \"Publish\" menu to publish a Blogger page.',\n ),\n new Feature(\n 'publishToDropbox',\n 'Dropbox publisher',\n 'Use the \"Publish\" menu to publish a file to your Dropbox account.',\n ),\n new Feature(\n 'publishToGithub',\n 'GitHub publisher',\n 'Use the \"Publish\" menu to publish a file to a GitHub repository.',\n ),\n new Feature(\n 'publishToGist',\n 'Gist publisher',\n 'Use the \"Publish\" menu to publish a file to a Gist.',\n ),\n new Feature(\n 'publishToGitlab',\n 'GitLab publisher',\n 'Use the \"Publish\" menu to publish a file to a GitLab repository.',\n ),\n new Feature(\n 'publishToGoogleDrive',\n 'Google Drive publisher',\n 'Use the \"Publish\" menu to publish a file to your Google Drive account.',\n ),\n new Feature(\n 'publishToWordPress',\n 'WordPress publisher',\n 'Use the \"Publish\" menu to publish a WordPress article.',\n ),\n new Feature(\n 'publishToZendesk',\n 'Zendesk publisher',\n 'Use the \"Publish\" menu to publish a Zendesk Help Center article.',\n ),\n new Feature(\n 'triggerPublish',\n 'Publication reviser',\n 'Use the \"Publish\" menu or the navigation bar to manually update publications.',\n ),\n new Feature(\n 'publishMultipleLocations',\n 'Multi-publication',\n 'Use the \"Publish\" menu to publish a file to multiple external locations.',\n ),\n new Feature(\n 'removePublishLocation',\n 'Unpublisher',\n 'Use the \"File publication\" dialog to remove a publish location.',\n ),\n ],\n ),\n new Feature(\n 'manageHistory',\n 'Historian',\n 'Use the \"File history\" menu to see version history and restore old versions of the current file.',\n [\n new Feature(\n 'restoreVersion',\n 'Restorer',\n 'Use the \"File history\" menu to restore an old version of the current file.',\n ),\n new Feature(\n 'chooseHistory',\n 'History chooser',\n 'Select a different history for a file that is synced with multiple external locations.',\n ),\n ],\n ),\n new Feature(\n 'manageProperties',\n 'Property expert',\n 'Use the \"File properties\" dialog to change properties for the current file.',\n [\n new Feature(\n 'setMetadata',\n 'Metadata setter',\n 'Use the \"File properties\" dialog to set metadata for the current file.',\n ),\n new Feature(\n 'changePreset',\n 'Preset changer',\n 'Use the \"File properties\" dialog to change the Markdown engine preset.',\n ),\n new Feature(\n 'changeExtension',\n 'Extension expert',\n 'Use the \"File properties\" dialog to enable, disable or configure Markdown engine extensions.',\n ),\n ],\n ),\n new Feature(\n 'comment',\n 'Comment expert',\n 'Start and remove discussions, add and remove comments.',\n [\n new Feature(\n 'createDiscussion',\n 'Discussion starter',\n 'Use the \"comment\" button to start a new discussion.',\n ),\n new Feature(\n 'addComment',\n 'Commenter',\n 'Use the discussion gutter to add a comment to an existing discussion.',\n ),\n new Feature(\n 'removeComment',\n 'Moderator',\n 'Use the discussion gutter to remove a comment in a discussion.',\n ),\n new Feature(\n 'removeDiscussion',\n 'Discussion closer',\n 'Use the discussion gutter to remove a discussion.',\n ),\n ],\n ),\n new Feature(\n 'importExport',\n 'Import/export',\n 'Use the \"Import/export\" menu to import and export files.',\n [\n new Feature(\n 'importMarkdown',\n 'Markdown importer',\n 'Use the \"Import/export\" menu to import a Markdown file from disk.',\n ),\n new Feature(\n 'exportMarkdown',\n 'Markdown exporter',\n 'Use the \"Import/export\" menu to export a Markdown file to disk.',\n ),\n new Feature(\n 'importHtml',\n 'HTML importer',\n 'Use the \"Import/export\" menu to import an HTML file from disk and convert it to Markdown.',\n ),\n new Feature(\n 'exportHtml',\n 'HTML exporter',\n 'Use the \"Import/export\" menu to export a file to disk as an HTML file using a Handlebars template.',\n ),\n new Feature(\n 'exportPdf',\n 'PDF exporter',\n 'Use the \"Import/export\" menu to export a file to disk as a PDF file.',\n ),\n new Feature(\n 'exportPandoc',\n 'Pandoc exporter',\n 'Use the \"Import/export\" menu to export a file to disk using Pandoc.',\n ),\n ],\n ),\n new Feature(\n 'manageSettings',\n 'Settings expert',\n 'Use the \"Settings\" dialog to tweak the application behaviors and change keyboard shortcuts.',\n [\n new Feature(\n 'changeSettings',\n 'Tweaker',\n 'Use the \"Settings\" dialog to tweak the application behaviors.',\n ),\n new Feature(\n 'changeShortcuts',\n 'Shortcut editor',\n 'Use the \"Settings\" dialog to change keyboard shortcuts.',\n ),\n ],\n ),\n new Feature(\n 'manageTemplates',\n 'Template expert',\n 'Use the \"Templates\" dialog to create, remove or modify Handlebars templates.',\n [\n new Feature(\n 'addTemplate',\n 'Template creator',\n 'Use the \"Templates\" dialog to create a Handlebars template.',\n ),\n new Feature(\n 'removeTemplate',\n 'Template remover',\n 'Use the \"Templates\" dialog to remove a Handlebars template.',\n ),\n ],\n ),\n];\n"
},
{
"path": "src/data/markdownSample.md",
"content": "Headers\n---------------------------\n\n# Header 1\n\n## Header 2\n\n### Header 3\n\n\n\nStyling\n---------------------------\n\n*Emphasize* _emphasize_\n\n**Strong** __strong__\n\n==Marked text.==\n\n~~Mistaken text.~~\n\n> Quoted text.\n\nH~2~O is a liquid.\n\n2^10^ is 1024.\n\n\n\nLists\n---------------------------\n\n- Item\n * Item\n + Item\n\n1. Item 1\n2. Item 2\n3. Item 3\n\n- [ ] Incomplete item\n- [x] Complete item\n\n\n\nLinks\n---------------------------\n\nA [link](http://example.com).\n\nAn image: \n\nA sized image: \n\n\n\nCode\n---------------------------\n\nSome `inline code`.\n\n```\n// A code block\nvar foo = 'bar';\n```\n\n```javascript\n// An highlighted block\nvar foo = 'bar';\n```\n\n\n\nTables\n---------------------------\n\nItem | Value\n-------- | -----\nComputer | $1600\nPhone | $12\nPipe | $1\n\n\n| Column 1 | Column 2 |\n|:--------:| -------------:|\n| centered | right-aligned |\n\n\n\nDefinition lists\n---------------------------\n\nMarkdown\n: Text-to-HTML conversion tool\n\nAuthors\n: John\n: Luke\n\n\n\nFootnotes\n---------------------------\n\nSome text with a footnote.[^1]\n\n[^1]: The footnote.\n\n\n\nAbbreviations\n---------------------------\n\nMarkdown converts text to HTML.\n\n*[HTML]: HyperText Markup Language\n\n\n\nLaTeX math\n---------------------------\n\nThe Gamma function satisfying $\\Gamma(n) = (n-1)!\\quad\\forall\nn\\in\\mathbb N$ is via the Euler integral\n\n$$\n\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,.\n$$\n"
},
{
"path": "src/data/pagedownButtons.js",
"content": "export default [{\n}, {\n method: 'bold',\n title: 'Bold',\n icon: 'format-bold',\n}, {\n method: 'italic',\n title: 'Italic',\n icon: 'format-italic',\n}, {\n method: 'heading',\n title: 'Heading',\n icon: 'format-size',\n}, {\n method: 'strikethrough',\n title: 'Strikethrough',\n icon: 'format-strikethrough',\n}, {\n}, {\n method: 'ulist',\n title: 'Unordered list',\n icon: 'format-list-bulleted',\n}, {\n method: 'olist',\n title: 'Ordered list',\n icon: 'format-list-numbers',\n}, {\n method: 'clist',\n title: 'Check list',\n icon: 'format-list-checks',\n}, {\n}, {\n method: 'quote',\n title: 'Blockquote',\n icon: 'format-quote-close',\n}, {\n method: 'code',\n title: 'Code',\n icon: 'code-tags',\n}, {\n method: 'table',\n title: 'Table',\n icon: 'table',\n}, {\n method: 'link',\n title: 'Link',\n icon: 'link-variant',\n}, {\n method: 'image',\n title: 'Image',\n icon: 'file-image',\n}];\n"
},
{
"path": "src/data/presets.js",
"content": "const zero = {\n // Markdown extensions\n markdown: {\n abbr: false,\n breaks: false,\n deflist: false,\n del: false,\n fence: false,\n footnote: false,\n imgsize: false,\n linkify: false,\n mark: false,\n sub: false,\n sup: false,\n table: false,\n tasklist: false,\n typographer: false,\n },\n // Emoji extension\n emoji: {\n enabled: false,\n // Enable shortcuts like :) :-(\n shortcuts: false,\n },\n /*\n ABC Notation extension\n Render abc-notation code blocks to music sheets\n See https://abcjs.net/\n */\n abc: {\n enabled: false,\n },\n /*\n Katex extension\n Render LaTeX mathematical expressions using:\n $...$ for inline formulas\n $$...$$ for displayed formulas.\n See https://math.meta.stackexchange.com/questions/5020\n */\n katex: {\n enabled: false,\n },\n /*\n Mermaid extension\n Convert code blocks starting with ```mermaid\n into diagrams and flowcharts.\n See https://mermaidjs.github.io/\n */\n mermaid: {\n enabled: false,\n },\n};\n\nexport default {\n zero: [zero],\n commonmark: [zero, {\n markdown: {\n fence: true,\n },\n }],\n gfm: [zero, {\n markdown: {\n breaks: true,\n del: true,\n fence: true,\n linkify: true,\n table: true,\n tasklist: true,\n },\n emoji: {\n enabled: true,\n },\n }],\n default: [zero, {\n markdown: {\n abbr: true,\n breaks: true,\n deflist: true,\n del: true,\n fence: true,\n footnote: true,\n imgsize: true,\n linkify: true,\n mark: true,\n sub: true,\n sup: true,\n table: true,\n tasklist: true,\n typographer: true,\n },\n emoji: {\n enabled: true,\n },\n katex: {\n enabled: true,\n },\n mermaid: {\n enabled: true,\n },\n abc: {\n enabled: true,\n },\n }],\n};\n"
},
{
"path": "src/data/simpleModals.js",
"content": "const simpleModal = (contentHtml, rejectText, resolveText) => ({\n contentHtml: typeof contentHtml === 'function' ? contentHtml : () => contentHtml,\n rejectText,\n resolveText,\n});\n\n/* eslint sort-keys: \"error\" */\nexport default {\n commentDeletion: simpleModal(\n 'You are about to delete a comment. Are you sure?
',\n 'No',\n 'Yes, delete',\n ),\n discussionDeletion: simpleModal(\n 'You are about to delete a discussion. Are you sure?
',\n 'No',\n 'Yes, delete',\n ),\n fileRestoration: simpleModal(\n 'You are about to revert some changes. Are you sure?
',\n 'No',\n 'Yes, revert',\n ),\n folderDeletion: simpleModal(\n config => `You are about to delete the folder ${config.item.name}. Its files will be moved to Trash. Are you sure?
`,\n 'No',\n 'Yes, delete',\n ),\n pathConflict: simpleModal(\n config => `${config.item.name} already exists. Do you want to add a suffix?
`,\n 'No',\n 'Yes, add suffix',\n ),\n paymentSuccess: simpleModal(\n 'Thank you for your payment!
Your sponsorship will be active in a minute.
',\n 'Ok',\n ),\n providerRedirection: simpleModal(\n config => `You are about to navigate to the ${config.name} authorization page.
`,\n 'Cancel',\n 'Ok, go on',\n ),\n removeWorkspace: simpleModal(\n 'You are about to remove a workspace locally. Are you sure?
',\n 'No',\n 'Yes, remove',\n ),\n reset: simpleModal(\n 'This will clean all your workspaces locally. Are you sure?
',\n 'No',\n 'Yes, clean',\n ),\n signInForComment: simpleModal(\n `You have to sign in with Google to start commenting.
\n Note: This will sync your main workspace.`,\n 'Cancel',\n 'Ok, sign in',\n ),\n signInForSponsorship: simpleModal(\n `You have to sign in with Google to sponsor.
\n Note: This will sync your main workspace.`,\n 'Cancel',\n 'Ok, sign in',\n ),\n sponsorOnly: simpleModal(\n 'This feature is restricted to sponsors as it relies on server resources.
',\n 'Ok, I understand',\n ),\n stripName: simpleModal(\n config => `${config.item.name} contains illegal characters. Do you want to strip them?
`,\n 'No',\n 'Yes, strip',\n ),\n tempFileDeletion: simpleModal(\n config => `You are about to permanently delete the temporary file ${config.item.name}. Are you sure?
`,\n 'No',\n 'Yes, delete',\n ),\n tempFolderDeletion: simpleModal(\n 'You are about to permanently delete all the temporary files. Are you sure?
',\n 'No',\n 'Yes, delete all',\n ),\n trashDeletion: simpleModal(\n 'Files in the trash are automatically deleted after 7 days of inactivity.
',\n 'Ok',\n ),\n unauthorizedName: simpleModal(\n config => `${config.item.name} is an unauthorized name.
`,\n 'Ok',\n ),\n workspaceGoogleRedirection: simpleModal(\n 'StackEdit needs full Google Drive access to open this workspace.
',\n 'Cancel',\n 'Ok, grant',\n ),\n};\n"
},
{
"path": "src/data/templates/jekyllSiteTemplate.html",
"content": "---\n{{{files.0.content.yamlProperties}}}\n---\n\n{{{files.0.content.html}}}\n"
},
{
"path": "src/data/templates/plainHtmlTemplate.html",
"content": "{{{files.0.content.html}}}\n"
},
{
"path": "src/data/templates/styledHtmlTemplate.html",
"content": "\n\n\n\n \n \n {{files.0.name}} \n \n\n\n{{#if pdf}}\n\n{{else}}\n\n{{/if}}\n {{{files.0.content.html}}}\n\n\n\n"
},
{
"path": "src/data/templates/styledHtmlWithTocTemplate.html",
"content": "\n\n\n\n \n \n {{files.0.name}} \n \n\n\n{{#if pdf}}\n\n{{else}}\n\n{{/if}}\n \n \n {{#tocToHtml files.0.content.toc 2}}{{/tocToHtml}}\n \n \n \n \n {{{files.0.content.html}}}\n \n \n\n\n\n"
},
{
"path": "src/data/welcomeFile.md",
"content": "# Welcome to StackEdit!\n\nHi! I'm your first Markdown file in **StackEdit**. If you want to learn about StackEdit, you can read me. If you want to play with Markdown, you can edit me. Once you have finished with me, you can create new files by opening the **file explorer** on the left corner of the navigation bar.\n\n\n# Files\n\nStackEdit stores your files in your browser, which means all your files are automatically saved locally and are accessible **offline!**\n\n## Create files and folders\n\nThe file explorer is accessible using the button in left corner of the navigation bar. You can create a new file by clicking the **New file** button in the file explorer. You can also create folders by clicking the **New folder** button.\n\n## Switch to another file\n\nAll your files and folders are presented as a tree in the file explorer. You can switch from one to another by clicking a file in the tree.\n\n## Rename a file\n\nYou can rename the current file by clicking the file name in the navigation bar or by clicking the **Rename** button in the file explorer.\n\n## Delete a file\n\nYou can delete the current file by clicking the **Remove** button in the file explorer. The file will be moved into the **Trash** folder and automatically deleted after 7 days of inactivity.\n\n## Export a file\n\nYou can export the current file by clicking **Export to disk** in the menu. You can choose to export the file as plain Markdown, as HTML using a Handlebars template or as a PDF.\n\n\n# Synchronization\n\nSynchronization is one of the biggest features of StackEdit. It enables you to synchronize any file in your workspace with other files stored in your **Google Drive**, your **Dropbox** and your **GitHub** accounts. This allows you to keep writing on other devices, collaborate with people you share the file with, integrate easily into your workflow... The synchronization mechanism takes place every minute in the background, downloading, merging, and uploading file modifications.\n\nThere are two types of synchronization and they can complement each other:\n\n- The workspace synchronization will sync all your files, folders and settings automatically. This will allow you to fetch your workspace on any other device.\n\t> To start syncing your workspace, just sign in with Google in the menu.\n\n- The file synchronization will keep one file of the workspace synced with one or multiple files in **Google Drive**, **Dropbox** or **GitHub**.\n\t> Before starting to sync files, you must link an account in the **Synchronize** sub-menu.\n\n## Open a file\n\nYou can open a file from **Google Drive**, **Dropbox** or **GitHub** by opening the **Synchronize** sub-menu and clicking **Open from**. Once opened in the workspace, any modification in the file will be automatically synced.\n\n## Save a file\n\nYou can save any file of the workspace to **Google Drive**, **Dropbox** or **GitHub** by opening the **Synchronize** sub-menu and clicking **Save on**. Even if a file in the workspace is already synced, you can save it to another location. StackEdit can sync one file with multiple locations and accounts.\n\n## Synchronize a file\n\nOnce your file is linked to a synchronized location, StackEdit will periodically synchronize it by downloading/uploading any modification. A merge will be performed if necessary and conflicts will be resolved.\n\nIf you just have modified your file and you want to force syncing, click the **Synchronize now** button in the navigation bar.\n\n> **Note:** The **Synchronize now** button is disabled if you have no file to synchronize.\n\n## Manage file synchronization\n\nSince one file can be synced with multiple locations, you can list and manage synchronized locations by clicking **File synchronization** in the **Synchronize** sub-menu. This allows you to list and remove synchronized locations that are linked to your file.\n\n\n# Publication\n\nPublishing in StackEdit makes it simple for you to publish online your files. Once you're happy with a file, you can publish it to different hosting platforms like **Blogger**, **Dropbox**, **Gist**, **GitHub**, **Google Drive**, **WordPress** and **Zendesk**. With [Handlebars templates](http://handlebarsjs.com/), you have full control over what you export.\n\n> Before starting to publish, you must link an account in the **Publish** sub-menu.\n\n## Publish a File\n\nYou can publish your file by opening the **Publish** sub-menu and by clicking **Publish to**. For some locations, you can choose between the following formats:\n\n- Markdown: publish the Markdown text on a website that can interpret it (**GitHub** for instance),\n- HTML: publish the file converted to HTML via a Handlebars template (on a blog for example).\n\n## Update a publication\n\nAfter publishing, StackEdit keeps your file linked to that publication which makes it easy for you to re-publish it. Once you have modified your file and you want to update your publication, click on the **Publish now** button in the navigation bar.\n\n> **Note:** The **Publish now** button is disabled if your file has not been published yet.\n\n## Manage file publication\n\nSince one file can be published to multiple locations, you can list and manage publish locations by clicking **File publication** in the **Publish** sub-menu. This allows you to list and remove publication locations that are linked to your file.\n\n\n# Markdown extensions\n\nStackEdit extends the standard Markdown syntax by adding extra **Markdown extensions**, providing you with some nice features.\n\n> **ProTip:** You can disable any **Markdown extension** in the **File properties** dialog.\n\n\n## SmartyPants\n\nSmartyPants converts ASCII punctuation characters into \"smart\" typographic punctuation HTML entities. For example:\n\n| |ASCII |HTML |\n|----------------|-------------------------------|-----------------------------|\n|Single backticks|`'Isn't this fun?'` |'Isn't this fun?' |\n|Quotes |`\"Isn't this fun?\"` |\"Isn't this fun?\" |\n|Dashes |`-- is en-dash, --- is em-dash`|-- is en-dash, --- is em-dash|\n\n\n## KaTeX\n\nYou can render LaTeX mathematical expressions using [KaTeX](https://khan.github.io/KaTeX/):\n\nThe *Gamma function* satisfying $\\Gamma(n) = (n-1)!\\quad\\forall n\\in\\mathbb N$ is via the Euler integral\n\n$$\n\\Gamma(z) = \\int_0^\\infty t^{z-1}e^{-t}dt\\,.\n$$\n\n> You can find more information about **LaTeX** mathematical expressions [here](http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference).\n\n\n## UML diagrams\n\nYou can render UML diagrams using [Mermaid](https://mermaidjs.github.io/). For example, this will produce a sequence diagram:\n\n```mermaid\nsequenceDiagram\nAlice ->> Bob: Hello Bob, how are you?\nBob-->>John: How about you John?\nBob--x Alice: I am good thanks!\nBob-x John: I am good thanks!\nNote right of John: Bob thinks a long
long time, so long
that the text does
not fit on a row.\n\nBob-->Alice: Checking with John...\nAlice->John: Yes... John, how are you?\n```\n\nAnd this will produce a flow chart:\n\n```mermaid\ngraph LR\nA[Square Rect] -- Link text --> B((Circle))\nA --> C(Round Rect)\nB --> D{Rhombus}\nC --> D\n```\n"
},
{
"path": "src/extensions/abcExtension.js",
"content": "import renderAbc from 'abcjs/src/api/abc_tunebook_svg';\nimport extensionSvc from '../services/extensionSvc';\n\nconst render = (elt) => {\n const content = elt.textContent;\n // Create a div element\n const divElt = document.createElement('div');\n divElt.className = 'abc-notation-block';\n // Replace the pre element with the div\n elt.parentNode.parentNode.replaceChild(divElt, elt.parentNode);\n renderAbc(divElt, content, {});\n};\n\nextensionSvc.onGetOptions((options, properties) => {\n options.abc = properties.extensions.abc.enabled;\n});\n\nextensionSvc.onSectionPreview((elt) => {\n elt.querySelectorAll('.prism.language-abc')\n .cl_each(notationElt => render(notationElt));\n});\n"
},
{
"path": "src/extensions/emojiExtension.js",
"content": "import markdownItEmoji from 'markdown-it-emoji';\nimport extensionSvc from '../services/extensionSvc';\n\nextensionSvc.onGetOptions((options, properties) => {\n options.emoji = properties.extensions.emoji.enabled;\n options.emojiShortcuts = properties.extensions.emoji.shortcuts;\n});\n\nextensionSvc.onInitConverter(1, (markdown, options) => {\n if (options.emoji) {\n markdown.use(markdownItEmoji, options.emojiShortcuts ? {} : { shortcuts: {} });\n }\n});\n"
},
{
"path": "src/extensions/index.js",
"content": "import './emojiExtension';\nimport './abcExtension';\nimport './katexExtension';\nimport './markdownExtension';\nimport './mermaidExtension';\n"
},
{
"path": "src/extensions/katexExtension.js",
"content": "import katex from 'katex';\nimport markdownItMath from './libs/markdownItMath';\nimport extensionSvc from '../services/extensionSvc';\n\nextensionSvc.onGetOptions((options, properties) => {\n options.math = properties.extensions.katex.enabled;\n});\n\nextensionSvc.onInitConverter(2, (markdown, options) => {\n if (options.math) {\n markdown.use(markdownItMath);\n markdown.renderer.rules.inline_math = (tokens, idx) =>\n `${markdown.utils.escapeHtml(tokens[idx].content)}`;\n markdown.renderer.rules.display_math = (tokens, idx) =>\n `${markdown.utils.escapeHtml(tokens[idx].content)}`;\n }\n});\n\nextensionSvc.onSectionPreview((elt) => {\n const highlighter = displayMode => (katexElt) => {\n if (!katexElt.highlighted) {\n try {\n katex.render(katexElt.textContent, katexElt, { displayMode });\n } catch (e) {\n katexElt.textContent = `${e.message}`;\n }\n }\n katexElt.highlighted = true;\n };\n elt.querySelectorAll('.katex--inline').cl_each(highlighter(false));\n elt.querySelectorAll('.katex--display').cl_each(highlighter(true));\n});\n"
},
{
"path": "src/extensions/libs/markdownItAnchor.js",
"content": "export default (md) => {\n md.core.ruler.before('replacements', 'anchors', (state) => {\n const anchorHash = {};\n let headingOpenToken;\n let headingContent;\n state.tokens.forEach((token) => {\n if (token.type === 'heading_open') {\n headingContent = '';\n headingOpenToken = token;\n } else if (token.type === 'heading_close') {\n headingOpenToken.headingContent = headingContent;\n\n // According to http://pandoc.org/README.html#extension-auto_identifiers\n let slug = headingContent\n .replace(/\\s/g, '-') // Replace all spaces and newlines with hyphens\n .replace(/[\\0-,/:-@[-^`{-~]/g, '') // Remove all punctuation, except underscores, hyphens, and periods\n .toLowerCase(); // Convert all alphabetic characters to lowercase\n\n // Remove everything up to the first letter\n let i;\n for (i = 0; i < slug.length; i += 1) {\n const charCode = slug.charCodeAt(i);\n if ((charCode >= 0x61 && charCode <= 0x7A) || charCode > 0x7E) {\n break;\n }\n }\n\n // If nothing left after this, use `section`\n slug = slug.slice(i) || 'section';\n\n let anchor = slug;\n let index = 1;\n while (Object.prototype.hasOwnProperty.call(anchorHash, anchor)) {\n anchor = `${slug}-${index}`;\n index += 1;\n }\n anchorHash[anchor] = true;\n headingOpenToken.headingAnchor = anchor;\n headingOpenToken.attrs = [\n ['id', anchor],\n ];\n headingOpenToken = undefined;\n } else if (headingOpenToken) {\n headingContent += token.children.reduce((result, child) => {\n if (child.type !== 'footnote_ref') {\n return result + child.content;\n }\n return result;\n }, '');\n }\n });\n });\n};\n"
},
{
"path": "src/extensions/libs/markdownItMath.js",
"content": "function texMath(state, silent) {\n let startMathPos = state.pos;\n if (state.src.charCodeAt(startMathPos) !== 0x24 /* $ */) {\n return false;\n }\n\n // Parse tex math according to http://pandoc.org/README.html#math\n let endMarker = '$';\n startMathPos += 1;\n const afterStartMarker = state.src.charCodeAt(startMathPos);\n if (afterStartMarker === 0x24 /* $ */) {\n endMarker = '$$';\n startMathPos += 1;\n if (state.src.charCodeAt(startMathPos) === 0x24 /* $ */) {\n // 3 markers are too much\n return false;\n }\n } else if (\n // Skip if opening $ is succeeded by a space character\n afterStartMarker === 0x20 /* space */\n || afterStartMarker === 0x09 /* \\t */\n || afterStartMarker === 0x0a /* \\n */\n ) {\n return false;\n }\n const endMarkerPos = state.src.indexOf(endMarker, startMathPos);\n if (endMarkerPos === -1) {\n return false;\n }\n if (state.src.charCodeAt(endMarkerPos - 1) === 0x5C /* \\ */) {\n return false;\n }\n const nextPos = endMarkerPos + endMarker.length;\n if (endMarker.length === 1) {\n // Skip if $ is preceded by a space character\n const beforeEndMarker = state.src.charCodeAt(endMarkerPos - 1);\n if (beforeEndMarker === 0x20 /* space */\n || beforeEndMarker === 0x09 /* \\t */\n || beforeEndMarker === 0x0a /* \\n */) {\n return false;\n }\n // Skip if closing $ is succeeded by a digit (eg $5 $10 ...)\n const suffix = state.src.charCodeAt(nextPos);\n if (suffix >= 0x30 && suffix < 0x3A) {\n return false;\n }\n }\n\n if (!silent) {\n const token = state.push(endMarker.length === 1 ? 'inline_math' : 'display_math', '', 0);\n token.content = state.src.slice(startMathPos, endMarkerPos);\n }\n state.pos = nextPos;\n return true;\n}\n\nexport default (md) => {\n md.inline.ruler.push('texMath', texMath);\n};\n"
},
{
"path": "src/extensions/libs/markdownItTasklist.js",
"content": "function attrSet(token, name, value) {\n const index = token.attrIndex(name);\n const attr = [name, value];\n\n if (index < 0) {\n token.attrPush(attr);\n } else {\n token.attrs[index] = attr;\n }\n}\n\nmodule.exports = (md) => {\n md.core.ruler.after('inline', 'tasklist', ({ tokens, Token }) => {\n for (let i = 2; i < tokens.length; i += 1) {\n const token = tokens[i];\n if (token.content\n && token.content.charCodeAt(0) === 0x5b /* [ */\n && token.content.charCodeAt(2) === 0x5d /* ] */\n && token.content.charCodeAt(3) === 0x20 /* space */\n && token.type === 'inline'\n && tokens[i - 1].type === 'paragraph_open'\n && tokens[i - 2].type === 'list_item_open'\n ) {\n const cross = token.content[1].toLowerCase();\n if (cross === ' ' || cross === 'x') {\n const checkbox = new Token('html_inline', '', 0);\n if (cross === ' ') {\n checkbox.content = '☐';\n } else {\n checkbox.content = '☑';\n }\n token.children.unshift(checkbox);\n token.children[1].content = token.children[1].content.slice(3);\n token.content = token.content.slice(3);\n attrSet(tokens[i - 2], 'class', 'task-list-item');\n }\n }\n }\n });\n};\n"
},
{
"path": "src/extensions/markdownExtension.js",
"content": "import Prism from 'prismjs';\nimport markdownitAbbr from 'markdown-it-abbr';\nimport markdownitDeflist from 'markdown-it-deflist';\nimport markdownitFootnote from 'markdown-it-footnote';\nimport markdownitMark from 'markdown-it-mark';\nimport markdownitImgsize from 'markdown-it-imsize';\nimport markdownitSub from 'markdown-it-sub';\nimport markdownitSup from 'markdown-it-sup';\nimport markdownitTasklist from './libs/markdownItTasklist';\nimport markdownitAnchor from './libs/markdownItAnchor';\nimport extensionSvc from '../services/extensionSvc';\n\nconst coreBaseRules = [\n 'normalize',\n 'block',\n 'inline',\n 'linkify',\n 'replacements',\n 'smartquotes',\n];\nconst blockBaseRules = [\n 'code',\n 'fence',\n 'blockquote',\n 'hr',\n 'list',\n 'reference',\n 'heading',\n 'lheading',\n 'html_block',\n 'table',\n 'paragraph',\n];\nconst inlineBaseRules = [\n 'text',\n 'newline',\n 'escape',\n 'backticks',\n 'strikethrough',\n 'emphasis',\n 'link',\n 'image',\n 'autolink',\n 'html_inline',\n 'entity',\n];\nconst inlineBaseRules2 = [\n 'balance_pairs',\n 'strikethrough',\n 'emphasis',\n 'text_collapse',\n];\n\nextensionSvc.onGetOptions((options, properties) => Object\n .assign(options, properties.extensions.markdown));\n\nextensionSvc.onInitConverter(0, (markdown, options) => {\n markdown.set({\n html: true,\n breaks: !!options.breaks,\n linkify: !!options.linkify,\n typographer: !!options.typographer,\n langPrefix: 'prism language-',\n });\n\n markdown.core.ruler.enable(coreBaseRules);\n\n const blockRules = blockBaseRules.slice();\n if (!options.fence) {\n blockRules.splice(blockRules.indexOf('fence'), 1);\n }\n if (!options.table) {\n blockRules.splice(blockRules.indexOf('table'), 1);\n }\n markdown.block.ruler.enable(blockRules);\n\n const inlineRules = inlineBaseRules.slice();\n const inlineRules2 = inlineBaseRules2.slice();\n if (!options.del) {\n inlineRules.splice(blockRules.indexOf('strikethrough'), 1);\n inlineRules2.splice(blockRules.indexOf('strikethrough'), 1);\n }\n markdown.inline.ruler.enable(inlineRules);\n markdown.inline.ruler2.enable(inlineRules2);\n\n if (options.abbr) {\n markdown.use(markdownitAbbr);\n }\n if (options.deflist) {\n markdown.use(markdownitDeflist);\n }\n if (options.footnote) {\n markdown.use(markdownitFootnote);\n }\n if (options.imgsize) {\n markdown.use(markdownitImgsize);\n }\n if (options.mark) {\n markdown.use(markdownitMark);\n }\n if (options.sub) {\n markdown.use(markdownitSub);\n }\n if (options.sup) {\n markdown.use(markdownitSup);\n }\n if (options.tasklist) {\n markdown.use(markdownitTasklist);\n }\n markdown.use(markdownitAnchor);\n\n // Wrap tables into a div for scrolling\n markdown.renderer.rules.table_open = (tokens, idx, opts) =>\n `${markdown.renderer.renderToken(tokens, idx, opts)}`;\n markdown.renderer.rules.table_close = (tokens, idx, opts) =>\n `${markdown.renderer.renderToken(tokens, idx, opts)}`;\n\n // Transform style into align attribute to pass the HTML sanitizer\n const textAlignLength = 'text-align:'.length;\n markdown.renderer.rules.td_open = (tokens, idx, opts) => {\n const token = tokens[idx];\n if (token.attrs && token.attrs.length && token.attrs[0][0] === 'style') {\n token.attrs = [\n ['align', token.attrs[0][1].slice(textAlignLength)],\n ];\n }\n return markdown.renderer.renderToken(tokens, idx, opts);\n };\n markdown.renderer.rules.th_open = markdown.renderer.rules.td_open;\n\n markdown.renderer.rules.footnote_ref = (tokens, idx) => {\n const n = `${Number(tokens[idx].meta.id + 1)}`;\n let id = `fnref${n}`;\n if (tokens[idx].meta.subId > 0) {\n id += `:${tokens[idx].meta.subId}`;\n }\n return `${n}`;\n };\n});\n\nextensionSvc.onSectionPreview((elt, options, isEditor) => {\n // Highlight with Prism\n elt.querySelectorAll('.prism').cl_each((prismElt) => {\n if (!prismElt.$highlightedWithPrism) {\n Prism.highlightElement(prismElt);\n prismElt.$highlightedWithPrism = true;\n }\n });\n\n // Transform task spans into checkboxes\n elt.querySelectorAll('span.task-list-item-checkbox').cl_each((spanElt) => {\n const checkboxElt = document.createElement('input');\n checkboxElt.type = 'checkbox';\n checkboxElt.className = 'task-list-item-checkbox';\n if (spanElt.classList.contains('checked')) {\n checkboxElt.setAttribute('checked', true);\n }\n if (!isEditor) {\n checkboxElt.disabled = 'disabled';\n }\n spanElt.parentNode.replaceChild(checkboxElt, spanElt);\n });\n});\n"
},
{
"path": "src/extensions/mermaidExtension.js",
"content": "import 'mermaid';\nimport extensionSvc from '../services/extensionSvc';\nimport utils from '../services/utils';\n\nconst config = {\n logLevel: 5,\n startOnLoad: false,\n arrowMarkerAbsolute: false,\n theme: 'neutral',\n flowchart: {\n htmlLabels: true,\n curve: 'linear',\n },\n sequence: {\n diagramMarginX: 50,\n diagramMarginY: 10,\n actorMargin: 50,\n width: 150,\n height: 65,\n boxMargin: 10,\n boxTextMargin: 5,\n noteMargin: 10,\n messageMargin: 35,\n mirrorActors: true,\n bottomMarginAdj: 1,\n useMaxWidth: true,\n },\n gantt: {\n titleTopMargin: 25,\n barHeight: 20,\n barGap: 4,\n topPadding: 50,\n leftPadding: 75,\n gridLineStartPadding: 35,\n fontSize: 11,\n fontFamily: '\"Open-Sans\", \"sans-serif\"',\n numberSectionStyles: 4,\n axisFormat: '%Y-%m-%d',\n },\n};\n\nconst containerElt = document.createElement('div');\ncontainerElt.className = 'hidden-rendering-container';\ndocument.body.appendChild(containerElt);\n\nlet init = () => {\n window.mermaid.initialize(config);\n init = () => {};\n};\n\nconst render = (elt) => {\n try {\n init();\n const svgId = `mermaid-svg-${utils.uid()}`;\n window.mermaid.mermaidAPI.render(svgId, elt.textContent, () => {\n while (elt.firstChild) {\n elt.removeChild(elt.lastChild);\n }\n elt.appendChild(containerElt.querySelector(`#${svgId}`));\n }, containerElt);\n } catch (e) {\n console.error(e); // eslint-disable-line no-console\n }\n};\n\nextensionSvc.onGetOptions((options, properties) => {\n options.mermaid = properties.extensions.mermaid.enabled;\n});\n\nextensionSvc.onSectionPreview((elt) => {\n elt.querySelectorAll('.prism.language-mermaid')\n .cl_each(diagramElt => render(diagramElt.parentNode));\n});\n"
},
{
"path": "src/icons/Alert.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/ArrowLeft.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/CheckCircle.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Close.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/CodeBraces.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/CodeTags.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/ContentCopy.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/ContentSave.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Database.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Delete.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/DotsHorizontal.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Download.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Eye.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FileImage.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FileMultiple.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FilePlus.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Folder.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FolderMultiple.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FolderPlus.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FormatBold.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FormatItalic.vue",
"content": "\n\t\n\n"
},
{
"path": "src/icons/FormatListBulleted.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FormatListChecks.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FormatListNumbers.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FormatQuoteClose.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FormatSize.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/FormatStrikethrough.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/HelpCircle.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/History.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Information.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Key.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/LinkVariant.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Login.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Logout.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Magnify.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Menu.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Message.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/NavigationBar.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/OpenInNew.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Pen.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Printer.vue",
"content": "\n \n\n"
},
{
"path": "src/icons/Provider.vue",
"content": "\n \n Ctrl/Cmd+I\",\n strikethroughexample: \"strikethrough text\",\n\n link: \"Hyperlink Ctrl/Cmd+L\",\n linkdescription: \"enter link description here\",\n linkdialog: \"Insert Hyperlink
http://example.com/ \\\"optional title\\\"
\",\n\n quote: \"Blockquote Ctrl/Cmd+Q\",\n quoteexample: \"Blockquote\",\n\n code: \"Code Sample Ctrl/Cmd+K\",\n codeexample: \"enter code here\",\n\n image: \"Image ![]()
Ctrl/Cmd+G\",\n imagedescription: \"enter image description here\",\n imagedialog: \"Insert Image
http://example.com/images/diagram.jpg \\\"optional title\\\"
Need free image hosting?
\",\n\n olist: \"Numbered List Ctrl/Cmd+O\",\n ulist: \"Bulleted List Ctrl/Cmd+U\",\n litem: \"List item\",\n\n heading: \"Heading / Ctrl/Cmd+H\",\n headingexample: \"Heading\",\n\n hr: \"Horizontal Rule
Ctrl/Cmd+R\",\n\n undo: \"Undo - Ctrl/Cmd+Z\",\n redo: \"Redo - Ctrl/Cmd+Y\",\n\n help: \"Markdown Editing Help\"\n};\n\n// options, if given, can have the following properties:\n// options.helpButton = { handler: yourEventHandler }\n// options.strings = { italicexample: \"slanted text\" }\n// `yourEventHandler` is the click handler for the help button.\n// If `options.helpButton` isn't given, not help button is created.\n// `options.strings` can have any or all of the same properties as\n// `defaultStrings` above, so you can just override some string displayed\n// to the user on a case-by-case basis, or translate all strings to\n// a different language.\n//\n// For backwards compatibility reasons, the `options` argument can also\n// be just the `helpButton` object, and `strings.help` can also be set via\n// `helpButton.title`. This should be considered legacy.\n//\n// The constructed editor object has the methods:\n// - getConverter() returns the markdown converter object that was passed to the constructor\n// - run() actually starts the editor; should be called after all necessary plugins are registered. Calling this more than once is a no-op.\n// - refreshPreview() forces the preview to be updated. This method is only available after run() was called.\nfunction Pagedown(options) {\n\n options = options || {};\n\n if (typeof options.handler === \"function\") { //backwards compatible behavior\n options = {\n helpButton: options\n };\n }\n options.strings = options.strings || {};\n var getString = function (identifier) {\n return options.strings[identifier] || defaultsStrings[identifier];\n };\n\n function identity(x) {\n return x;\n }\n\n function returnFalse() {\n return false;\n }\n\n function HookCollection() { }\n HookCollection.prototype = {\n\n chain: function (hookname, func) {\n var original = this[hookname];\n if (!original) {\n throw new Error(\"unknown hook \" + hookname);\n }\n\n if (original === identity) {\n this[hookname] = func;\n } else {\n this[hookname] = function () {\n var args = Array.prototype.slice.call(arguments, 0);\n args[0] = original.apply(null, args);\n return func.apply(null, args);\n };\n }\n },\n set: function (hookname, func) {\n if (!this[hookname]) {\n throw new Error(\"unknown hook \" + hookname);\n }\n this[hookname] = func;\n },\n addNoop: function (hookname) {\n this[hookname] = identity;\n },\n addFalse: function (hookname) {\n this[hookname] = returnFalse;\n }\n };\n\n var hooks = this.hooks = new HookCollection();\n hooks.addNoop(\"onPreviewRefresh\"); // called with no arguments after the preview has been refreshed\n hooks.addNoop(\"postBlockquoteCreation\"); // called with the user's selection *after* the blockquote was created; should return the actual to-be-inserted text\n hooks.addFalse(\"insertImageDialog\");\n /* called with one parameter: a callback to be called with the URL of the image. If the application creates\n * its own image insertion dialog, this hook should return true, and the callback should be called with the chosen\n * image url (or null if the user cancelled). If this hook returns false, the default dialog will be used.\n */\n hooks.addFalse(\"insertLinkDialog\");\n\n var that = this,\n input;\n\n this.run = function () {\n if (input)\n return; // already initialized\n\n input = options.input;\n var commandManager = new CommandManager(hooks, getString);\n var uiManager;\n\n uiManager = new UIManager(input, commandManager);\n\n that.uiManager = uiManager;\n };\n\n}\n\n// before: contains all the text in the input box BEFORE the selection.\n// after: contains all the text in the input box AFTER the selection.\nfunction Chunks() { }\n\n// startRegex: a regular expression to find the start tag\n// endRegex: a regular expresssion to find the end tag\nChunks.prototype.findTags = function (startRegex, endRegex) {\n\n var chunkObj = this;\n var regex;\n\n if (startRegex) {\n\n regex = util.extendRegExp(startRegex, \"\", \"$\");\n\n this.before = this.before.replace(regex,\n function (match) {\n chunkObj.startTag = chunkObj.startTag + match;\n return \"\";\n });\n\n regex = util.extendRegExp(startRegex, \"^\", \"\");\n\n this.selection = this.selection.replace(regex,\n function (match) {\n chunkObj.startTag = chunkObj.startTag + match;\n return \"\";\n });\n }\n\n if (endRegex) {\n\n regex = util.extendRegExp(endRegex, \"\", \"$\");\n\n this.selection = this.selection.replace(regex,\n function (match) {\n chunkObj.endTag = match + chunkObj.endTag;\n return \"\";\n });\n\n regex = util.extendRegExp(endRegex, \"^\", \"\");\n\n this.after = this.after.replace(regex,\n function (match) {\n chunkObj.endTag = match + chunkObj.endTag;\n return \"\";\n });\n }\n};\n\n// If remove is false, the whitespace is transferred\n// to the before/after regions.\n//\n// If remove is true, the whitespace disappears.\nChunks.prototype.trimWhitespace = function (remove) {\n var beforeReplacer, afterReplacer, that = this;\n if (remove) {\n beforeReplacer = afterReplacer = \"\";\n } else {\n beforeReplacer = function (s) {\n that.before += s;\n return \"\";\n };\n afterReplacer = function (s) {\n that.after = s + that.after;\n return \"\";\n };\n }\n\n this.selection = this.selection.replace(/^(\\s*)/, beforeReplacer).replace(/(\\s*)$/, afterReplacer);\n};\n\n\nChunks.prototype.skipLines = function (nLinesBefore, nLinesAfter, findExtraNewlines) {\n\n if (nLinesBefore === undefined) {\n nLinesBefore = 1;\n }\n\n if (nLinesAfter === undefined) {\n nLinesAfter = 1;\n }\n\n nLinesBefore++;\n nLinesAfter++;\n\n var regexText;\n var replacementText;\n\n // chrome bug ... documented at: http://meta.stackoverflow.com/questions/63307/blockquote-glitch-in-editor-in-chrome-6-and-7/65985#65985\n if (navigator.userAgent.match(/Chrome/)) {\n \"X\".match(/()./);\n }\n\n this.selection = this.selection.replace(/(^\\n*)/, \"\");\n\n this.startTag = this.startTag + re.$1;\n\n this.selection = this.selection.replace(/(\\n*$)/, \"\");\n this.endTag = this.endTag + re.$1;\n this.startTag = this.startTag.replace(/(^\\n*)/, \"\");\n this.before = this.before + re.$1;\n this.endTag = this.endTag.replace(/(\\n*$)/, \"\");\n this.after = this.after + re.$1;\n\n if (this.before) {\n\n regexText = replacementText = \"\";\n\n while (nLinesBefore--) {\n regexText += \"\\\\n?\";\n replacementText += \"\\n\";\n }\n\n if (findExtraNewlines) {\n regexText = \"\\\\n*\";\n }\n this.before = this.before.replace(new re(regexText + \"$\", \"\"), replacementText);\n }\n\n if (this.after) {\n\n regexText = replacementText = \"\";\n\n while (nLinesAfter--) {\n regexText += \"\\\\n?\";\n replacementText += \"\\n\";\n }\n if (findExtraNewlines) {\n regexText = \"\\\\n*\";\n }\n\n this.after = this.after.replace(new re(regexText, \"\"), replacementText);\n }\n};\n\n// end of Chunks\n\n// Converts \\r\\n and \\r to \\n.\nutil.fixEolChars = function (text) {\n text = text.replace(/\\r\\n/g, \"\\n\");\n text = text.replace(/\\r/g, \"\\n\");\n return text;\n};\n\n// Extends a regular expression. Returns a new RegExp\n// using pre + regex + post as the expression.\n// Used in a few functions where we have a base\n// expression and we want to pre- or append some\n// conditions to it (e.g. adding \"$\" to the end).\n// The flags are unchanged.\n//\n// regex is a RegExp, pre and post are strings.\nutil.extendRegExp = function (regex, pre, post) {\n\n if (pre === null || pre === undefined) {\n pre = \"\";\n }\n if (post === null || post === undefined) {\n post = \"\";\n }\n\n var pattern = regex.toString();\n var flags;\n\n // Replace the flags with empty space and store them.\n pattern = pattern.replace(/\\/([gim]*)$/, function (wholeMatch, flagsPart) {\n flags = flagsPart;\n return \"\";\n });\n\n // Remove the slash delimiters on the regular expression.\n pattern = pattern.replace(/(^\\/|\\/$)/g, \"\");\n pattern = pre + pattern + post;\n\n return new re(pattern, flags);\n};\n\n// The input textarea state/contents.\n// This is used to implement undo/redo by the undo manager.\nfunction TextareaState(input) {\n\n // Aliases\n var stateObj = this;\n var inputArea = input;\n this.init = function () {\n this.setInputAreaSelectionStartEnd();\n this.text = inputArea.getContent();\n };\n\n // Sets the selected text in the input box after we've performed an\n // operation.\n this.setInputAreaSelection = function () {\n inputArea.focus();\n inputArea.setSelection(stateObj.start, stateObj.end);\n };\n\n this.setInputAreaSelectionStartEnd = function () {\n stateObj.start = Math.min(\n inputArea.selectionMgr.selectionStart,\n inputArea.selectionMgr.selectionEnd\n );\n stateObj.end = Math.max(\n inputArea.selectionMgr.selectionStart,\n inputArea.selectionMgr.selectionEnd\n );\n };\n\n // Restore this state into the input area.\n this.restore = function () {\n\n if (stateObj.text !== undefined && stateObj.text != inputArea.getContent()) {\n inputArea.setContent(stateObj.text);\n }\n this.setInputAreaSelection();\n };\n\n // Gets a collection of HTML chunks from the inptut textarea.\n this.getChunks = function () {\n\n var chunk = new Chunks();\n chunk.before = util.fixEolChars(stateObj.text.substring(0, stateObj.start));\n chunk.startTag = \"\";\n chunk.selection = util.fixEolChars(stateObj.text.substring(stateObj.start, stateObj.end));\n chunk.endTag = \"\";\n chunk.after = util.fixEolChars(stateObj.text.substring(stateObj.end));\n\n return chunk;\n };\n\n // Sets the TextareaState properties given a chunk of markdown.\n this.setChunks = function (chunk) {\n\n chunk.before = chunk.before + chunk.startTag;\n chunk.after = chunk.endTag + chunk.after;\n\n this.start = chunk.before.length;\n this.end = chunk.before.length + chunk.selection.length;\n this.text = chunk.before + chunk.selection + chunk.after;\n };\n this.init();\n}\n\nfunction UIManager(input, commandManager) {\n\n var inputBox = input,\n buttons = {}; // buttons.undo, buttons.link, etc. The actual DOM elements.\n\n makeSpritedButtonRow();\n\n // Perform the button's action.\n function doClick(buttonName) {\n var button = buttons[buttonName];\n if (!button) {\n return;\n }\n\n inputBox.focus();\n var linkOrImage = button === buttons.link || button.id === buttons.image;\n\n var state = new TextareaState(input);\n\n if (!state) {\n return;\n }\n\n var chunks = state.getChunks();\n\n // Some commands launch a \"modal\" prompt dialog. Javascript\n // can't really make a modal dialog box and the WMD code\n // will continue to execute while the dialog is displayed.\n // This prevents the dialog pattern I'm used to and means\n // I can't do something like this:\n //\n // var link = CreateLinkDialog();\n // makeMarkdownLink(link);\n //\n // Instead of this straightforward method of handling a\n // dialog I have to pass any code which would execute\n // after the dialog is dismissed (e.g. link creation)\n // in a function parameter.\n //\n // Yes this is awkward and I think it sucks, but there's\n // no real workaround. Only the image and link code\n // create dialogs and require the function pointers.\n var fixupInputArea = function () {\n\n inputBox.focus();\n\n if (chunks) {\n state.setChunks(chunks);\n }\n\n state.restore();\n };\n\n var noCleanup = button(chunks, fixupInputArea);\n\n if (!noCleanup) {\n fixupInputArea();\n if (!linkOrImage) {\n inputBox.adjustCursorPosition();\n }\n }\n }\n\n function bindCommand(method) {\n if (typeof method === \"string\")\n method = commandManager[method];\n return function () {\n method.apply(commandManager, arguments);\n };\n }\n\n function makeSpritedButtonRow() {\n\n buttons.bold = bindCommand(\"doBold\");\n buttons.italic = bindCommand(\"doItalic\");\n buttons.strikethrough = bindCommand(\"doStrikethrough\");\n buttons.link = bindCommand(function (chunk, postProcessing) {\n return this.doLinkOrImage(chunk, postProcessing, false);\n });\n buttons.quote = bindCommand(\"doBlockquote\");\n buttons.code = bindCommand(\"doCode\");\n buttons.image = bindCommand(function (chunk, postProcessing) {\n return this.doLinkOrImage(chunk, postProcessing, true);\n });\n buttons.olist = bindCommand(function (chunk, postProcessing) {\n this.doList(chunk, postProcessing, true);\n });\n buttons.ulist = bindCommand(function (chunk, postProcessing) {\n this.doList(chunk, postProcessing, false);\n });\n buttons.clist = bindCommand(function (chunk, postProcessing) {\n this.doList(chunk, postProcessing, false, true);\n });\n buttons.heading = bindCommand(\"doHeading\");\n buttons.hr = bindCommand(\"doHorizontalRule\");\n buttons.table = bindCommand(\"doTable\");\n }\n\n this.doClick = doClick;\n\n}\n\nfunction CommandManager(pluginHooks, getString) {\n this.hooks = pluginHooks;\n this.getString = getString;\n}\n\nvar commandProto = CommandManager.prototype;\n\n// The markdown symbols - 4 spaces = code, > = blockquote, etc.\ncommandProto.prefixes = \"(?:\\\\s{4,}|\\\\s*>|\\\\s*-\\\\s+|\\\\s*\\\\d+\\\\.|=|\\\\+|-|_|\\\\*|#|\\\\s*\\\\[[^\\n]]+\\\\]:)\";\n\n// Remove markdown symbols from the chunk selection.\ncommandProto.unwrap = function (chunk) {\n var txt = new re(\"([^\\\\n])\\\\n(?!(\\\\n|\" + this.prefixes + \"))\", \"g\");\n chunk.selection = chunk.selection.replace(txt, \"$1 $2\");\n};\n\ncommandProto.wrap = function (chunk, len) {\n this.unwrap(chunk);\n var regex = new re(\"(.{1,\" + len + \"})( +|$\\\\n?)\", \"gm\"),\n that = this;\n\n chunk.selection = chunk.selection.replace(regex, function (line, marked) {\n if (new re(\"^\" + that.prefixes, \"\").test(line)) {\n return line;\n }\n return marked + \"\\n\";\n });\n\n chunk.selection = chunk.selection.replace(/\\s+$/, \"\");\n};\n\ncommandProto.doBold = function (chunk, postProcessing) {\n return this.doBorI(chunk, postProcessing, 2, this.getString(\"boldexample\"));\n};\n\ncommandProto.doItalic = function (chunk, postProcessing) {\n return this.doBorI(chunk, postProcessing, 1, this.getString(\"italicexample\"));\n};\n\n// chunk: The selected region that will be enclosed with */**\n// nStars: 1 for italics, 2 for bold\n// insertText: If you just click the button without highlighting text, this gets inserted\ncommandProto.doBorI = function (chunk, postProcessing, nStars, insertText) {\n\n // Get rid of whitespace and fixup newlines.\n chunk.trimWhitespace();\n chunk.selection = chunk.selection.replace(/\\n{2,}/g, \"\\n\");\n\n // Look for stars before and after. Is the chunk already marked up?\n // note that these regex matches cannot fail\n var starsBefore = /(\\**$)/.exec(chunk.before)[0];\n var starsAfter = /(^\\**)/.exec(chunk.after)[0];\n\n var prevStars = Math.min(starsBefore.length, starsAfter.length);\n\n // Remove stars if we have to since the button acts as a toggle.\n if ((prevStars >= nStars) && (prevStars != 2 || nStars != 1)) {\n chunk.before = chunk.before.replace(re(\"[*]{\" + nStars + \"}$\", \"\"), \"\");\n chunk.after = chunk.after.replace(re(\"^[*]{\" + nStars + \"}\", \"\"), \"\");\n } else if (!chunk.selection && starsAfter) {\n // It's not really clear why this code is necessary. It just moves\n // some arbitrary stuff around.\n chunk.after = chunk.after.replace(/^([*_]*)/, \"\");\n chunk.before = chunk.before.replace(/(\\s?)$/, \"\");\n var whitespace = re.$1;\n chunk.before = chunk.before + starsAfter + whitespace;\n } else {\n\n // In most cases, if you don't have any selected text and click the button\n // you'll get a selected, marked up region with the default text inserted.\n if (!chunk.selection && !starsAfter) {\n chunk.selection = insertText;\n }\n\n // Add the true markup.\n var markup = nStars <= 1 ? \"*\" : \"**\"; // shouldn't the test be = ?\n chunk.before = chunk.before + markup;\n chunk.after = markup + chunk.after;\n }\n\n return;\n};\n\ncommandProto.doStrikethrough = function (chunk, postProcessing) {\n\n // Get rid of whitespace and fixup newlines.\n chunk.trimWhitespace();\n chunk.selection = chunk.selection.replace(/\\n{2,}/g, \"\\n\");\n\n // Look for stars before and after. Is the chunk already marked up?\n // note that these regex matches cannot fail\n var starsBefore = /(~*$)/.exec(chunk.before)[0];\n var starsAfter = /(^~*)/.exec(chunk.after)[0];\n\n var prevStars = Math.min(starsBefore.length, starsAfter.length);\n\n var nStars = 2;\n\n // Remove stars if we have to since the button acts as a toggle.\n if ((prevStars >= nStars) && (prevStars != 2 || nStars != 1)) {\n chunk.before = chunk.before.replace(re(\"[~]{\" + nStars + \"}$\", \"\"), \"\");\n chunk.after = chunk.after.replace(re(\"^[~]{\" + nStars + \"}\", \"\"), \"\");\n } else if (!chunk.selection && starsAfter) {\n // It's not really clear why this code is necessary. It just moves\n // some arbitrary stuff around.\n chunk.after = chunk.after.replace(/^(~*)/, \"\");\n chunk.before = chunk.before.replace(/(\\s?)$/, \"\");\n var whitespace = re.$1;\n chunk.before = chunk.before + starsAfter + whitespace;\n } else {\n\n // In most cases, if you don't have any selected text and click the button\n // you'll get a selected, marked up region with the default text inserted.\n if (!chunk.selection && !starsAfter) {\n chunk.selection = this.getString(\"strikethroughexample\");\n }\n\n // Add the true markup.\n var markup = \"~~\"; // shouldn't the test be = ?\n chunk.before = chunk.before + markup;\n chunk.after = markup + chunk.after;\n }\n\n return;\n};\n\ncommandProto.stripLinkDefs = function (text, defsToAdd) {\n\n text = text.replace(/^[ ]{0,3}\\[(\\d+)\\]:[ \\t]*\\n?[ \\t]*?[ \\t]*\\n?[ \\t]*(?:(\\n*)[\"(](.+?)[\")][ \\t]*)?(?:\\n+|$)/gm,\n function (totalMatch, id, link, newlines, title) {\n defsToAdd[id] = totalMatch.replace(/\\s*$/, \"\");\n if (newlines) {\n // Strip the title and return that separately.\n defsToAdd[id] = totalMatch.replace(/[\"(](.+?)[\")]$/, \"\");\n return newlines + title;\n }\n return \"\";\n });\n\n return text;\n};\n\ncommandProto.addLinkDef = function (chunk, linkDef) {\n\n var refNumber = 0; // The current reference number\n var defsToAdd = {}; //\n // Start with a clean slate by removing all previous link definitions.\n chunk.before = this.stripLinkDefs(chunk.before, defsToAdd);\n chunk.selection = this.stripLinkDefs(chunk.selection, defsToAdd);\n chunk.after = this.stripLinkDefs(chunk.after, defsToAdd);\n\n var defs = \"\";\n var regex = /(\\[)((?:\\[[^\\]]*\\]|[^\\[\\]])*)(\\][ ]?(?:\\n[ ]*)?\\[)(\\d+)(\\])/g;\n\n var addDefNumber = function (def) {\n refNumber++;\n def = def.replace(/^[ ]{0,3}\\[(\\d+)\\]:/, \" [\" + refNumber + \"]:\");\n defs += \"\\n\" + def;\n };\n\n // note that\n // a) the recursive call to getLink cannot go infinite, because by definition\n // of regex, inner is always a proper substring of wholeMatch, and\n // b) more than one level of nesting is neither supported by the regex\n // nor making a lot of sense (the only use case for nesting is a linked image)\n var getLink = function (wholeMatch, before, inner, afterInner, id, end) {\n inner = inner.replace(regex, getLink);\n if (defsToAdd[id]) {\n addDefNumber(defsToAdd[id]);\n return before + inner + afterInner + refNumber + end;\n }\n return wholeMatch;\n };\n\n chunk.before = chunk.before.replace(regex, getLink);\n\n if (linkDef) {\n addDefNumber(linkDef);\n } else {\n chunk.selection = chunk.selection.replace(regex, getLink);\n }\n\n var refOut = refNumber;\n\n chunk.after = chunk.after.replace(regex, getLink);\n\n if (chunk.after) {\n chunk.after = chunk.after.replace(/\\n*$/, \"\");\n }\n if (!chunk.after) {\n chunk.selection = chunk.selection.replace(/\\n*$/, \"\");\n }\n\n chunk.after += \"\\n\\n\" + defs;\n\n return refOut;\n};\n\n// takes the line as entered into the add link/as image dialog and makes\n// sure the URL and the optinal title are \"nice\".\nfunction properlyEncoded(linkdef) {\n return linkdef.replace(/^\\s*(.*?)(?:\\s+\"(.+)\")?\\s*$/, function (wholematch, link, title) {\n link = link.replace(/\\?.*$/, function (querypart) {\n return querypart.replace(/\\+/g, \" \"); // in the query string, a plus and a space are identical\n });\n link = decodeURIComponent(link); // unencode first, to prevent double encoding\n link = encodeURI(link).replace(/'/g, '%27').replace(/\\(/g, '%28').replace(/\\)/g, '%29');\n link = link.replace(/\\?.*$/, function (querypart) {\n return querypart.replace(/\\+/g, \"%2b\"); // since we replaced plus with spaces in the query part, all pluses that now appear where originally encoded\n });\n if (title) {\n title = title.trim ? title.trim() : title.replace(/^\\s*/, \"\").replace(/\\s*$/, \"\");\n title = title.replace(/\"/g, \"quot;\").replace(/\\(/g, \"(\").replace(/\\)/g, \")\").replace(//g, \">\");\n }\n return title ? link + ' \"' + title + '\"' : link;\n });\n}\n\ncommandProto.doLinkOrImage = function (chunk, postProcessing, isImage) {\n\n chunk.trimWhitespace();\n //chunk.findTags(/\\s*!?\\[/, /\\][ ]?(?:\\n[ ]*)?(\\[.*?\\])?/);\n chunk.findTags(/\\s*!?\\[/, /\\][ ]?(?:\\n[ ]*)?(\\(.*?\\))?/);\n\n if (chunk.endTag.length > 1 && chunk.startTag.length > 0) {\n\n chunk.startTag = chunk.startTag.replace(/!?\\[/, \"\");\n chunk.endTag = \"\";\n this.addLinkDef(chunk, null);\n\n } else {\n\n // We're moving start and end tag back into the selection, since (as we're in the else block) we're not\n // *removing* a link, but *adding* one, so whatever findTags() found is now back to being part of the\n // link text. linkEnteredCallback takes care of escaping any brackets.\n chunk.selection = chunk.startTag + chunk.selection + chunk.endTag;\n chunk.startTag = chunk.endTag = \"\";\n\n if (/\\n\\n/.test(chunk.selection)) {\n this.addLinkDef(chunk, null);\n return;\n }\n var that = this;\n // The function to be executed when you enter a link and press OK or Cancel.\n // Marks up the link and adds the ref.\n var linkEnteredCallback = function (link) {\n\n if (link !== null) {\n // ( $1\n // [^\\\\] anything that's not a backslash\n // (?:\\\\\\\\)* an even number (this includes zero) of backslashes\n // )\n // (?= followed by\n // [[\\]] an opening or closing bracket\n // )\n //\n // In other words, a non-escaped bracket. These have to be escaped now to make sure they\n // don't count as the end of the link or similar.\n // Note that the actual bracket has to be a lookahead, because (in case of to subsequent brackets),\n // the bracket in one match may be the \"not a backslash\" character in the next match, so it\n // should not be consumed by the first match.\n // The \"prepend a space and finally remove it\" steps makes sure there is a \"not a backslash\" at the\n // start of the string, so this also works if the selection begins with a bracket. We cannot solve\n // this by anchoring with ^, because in the case that the selection starts with two brackets, this\n // would mean a zero-width match at the start. Since zero-width matches advance the string position,\n // the first bracket could then not act as the \"not a backslash\" for the second.\n chunk.selection = (\" \" + chunk.selection).replace(/([^\\\\](?:\\\\\\\\)*)(?=[[\\]])/g, \"$1\\\\\").substr(1);\n\n /*\n var linkDef = \" [999]: \" + properlyEncoded(link);\n\n var num = that.addLinkDef(chunk, linkDef);\n */\n chunk.startTag = isImage ? \"![\" : \"[\";\n //chunk.endTag = \"][\" + num + \"]\";\n chunk.endTag = \"](\" + properlyEncoded(link) + \")\";\n\n if (!chunk.selection) {\n if (isImage) {\n chunk.selection = that.getString(\"imagedescription\");\n } else {\n chunk.selection = that.getString(\"linkdescription\");\n }\n }\n }\n postProcessing();\n };\n\n if (isImage) {\n this.hooks.insertImageDialog(linkEnteredCallback);\n } else {\n this.hooks.insertLinkDialog(linkEnteredCallback);\n }\n return true;\n }\n};\n\n// When making a list, hitting shift-enter will put your cursor on the next line\n// at the current indent level.\ncommandProto.doAutoindent = function (chunk) {\n\n var commandMgr = this,\n fakeSelection = false;\n\n chunk.before = chunk.before.replace(/(\\n|^)[ ]{0,3}([*+-]|\\d+[.])[ \\t]*\\n$/, \"\\n\\n\");\n chunk.before = chunk.before.replace(/(\\n|^)[ ]{0,3}>[ \\t]*\\n$/, \"\\n\\n\");\n chunk.before = chunk.before.replace(/(\\n|^)[ \\t]+\\n$/, \"\\n\\n\");\n\n // There's no selection, end the cursor wasn't at the end of the line:\n // The user wants to split the current list item / code line / blockquote line\n // (for the latter it doesn't really matter) in two. Temporarily select the\n // (rest of the) line to achieve this.\n if (!chunk.selection && !/^[ \\t]*(?:\\n|$)/.test(chunk.after)) {\n chunk.after = chunk.after.replace(/^[^\\n]*/, function (wholeMatch) {\n chunk.selection = wholeMatch;\n return \"\";\n });\n fakeSelection = true;\n }\n\n if (/(\\n|^)[ ]{0,3}([*+-]|\\d+[.])[ \\t]+.*\\n$/.test(chunk.before)) {\n if (commandMgr.doList) {\n commandMgr.doList(chunk);\n }\n }\n if (/(\\n|^)[ ]{0,3}>[ \\t]+.*\\n$/.test(chunk.before)) {\n if (commandMgr.doBlockquote) {\n commandMgr.doBlockquote(chunk);\n }\n }\n if (/(\\n|^)(\\t|[ ]{4,}).*\\n$/.test(chunk.before)) {\n if (commandMgr.doCode) {\n commandMgr.doCode(chunk);\n }\n }\n\n if (fakeSelection) {\n chunk.after = chunk.selection + chunk.after;\n chunk.selection = \"\";\n }\n};\n\ncommandProto.doBlockquote = function (chunk) {\n\n chunk.selection = chunk.selection.replace(/^(\\n*)([^\\r]+?)(\\n*)$/,\n function (totalMatch, newlinesBefore, text, newlinesAfter) {\n chunk.before += newlinesBefore;\n chunk.after = newlinesAfter + chunk.after;\n return text;\n });\n\n chunk.before = chunk.before.replace(/(>[ \\t]*)$/,\n function (totalMatch, blankLine) {\n chunk.selection = blankLine + chunk.selection;\n return \"\";\n });\n\n chunk.selection = chunk.selection.replace(/^(\\s|>)+$/, \"\");\n chunk.selection = chunk.selection || this.getString(\"quoteexample\");\n\n // The original code uses a regular expression to find out how much of the\n // text *directly before* the selection already was a blockquote:\n\n /*\n if (chunk.before) {\n chunk.before = chunk.before.replace(/\\n?$/, \"\\n\");\n }\n chunk.before = chunk.before.replace(/(((\\n|^)(\\n[ \\t]*)*>(.+\\n)*.*)+(\\n[ \\t]*)*$)/,\n function (totalMatch) {\n chunk.startTag = totalMatch;\n return \"\";\n });\n */\n\n // This comes down to:\n // Go backwards as many lines a possible, such that each line\n // a) starts with \">\", or\n // b) is almost empty, except for whitespace, or\n // c) is preceeded by an unbroken chain of non-empty lines\n // leading up to a line that starts with \">\" and at least one more character\n // and in addition\n // d) at least one line fulfills a)\n //\n // Since this is essentially a backwards-moving regex, it's susceptible to\n // catstrophic backtracking and can cause the browser to hang;\n // see e.g. http://meta.stackoverflow.com/questions/9807.\n //\n // Hence we replaced this by a simple state machine that just goes through the\n // lines and checks for a), b), and c).\n\n var match = \"\",\n leftOver = \"\",\n line;\n if (chunk.before) {\n var lines = chunk.before.replace(/\\n$/, \"\").split(\"\\n\");\n var inChain = false;\n for (var i = 0; i < lines.length; i++) {\n var good = false;\n line = lines[i];\n inChain = inChain && line.length > 0; // c) any non-empty line continues the chain\n if (/^>/.test(line)) { // a)\n good = true;\n if (!inChain && line.length > 1) // c) any line that starts with \">\" and has at least one more character starts the chain\n inChain = true;\n } else if (/^[ \\t]*$/.test(line)) { // b)\n good = true;\n } else {\n good = inChain; // c) the line is not empty and does not start with \">\", so it matches if and only if we're in the chain\n }\n if (good) {\n match += line + \"\\n\";\n } else {\n leftOver += match + line;\n match = \"\\n\";\n }\n }\n if (!/(^|\\n)>/.test(match)) { // d)\n leftOver += match;\n match = \"\";\n }\n }\n\n chunk.startTag = match;\n chunk.before = leftOver;\n\n // end of change\n\n if (chunk.after) {\n chunk.after = chunk.after.replace(/^\\n?/, \"\\n\");\n }\n\n chunk.after = chunk.after.replace(/^(((\\n|^)(\\n[ \\t]*)*>(.+\\n)*.*)+(\\n[ \\t]*)*)/,\n function (totalMatch) {\n chunk.endTag = totalMatch;\n return \"\";\n }\n );\n\n var replaceBlanksInTags = function (useBracket) {\n\n var replacement = useBracket ? \"> \" : \"\";\n\n if (chunk.startTag) {\n chunk.startTag = chunk.startTag.replace(/\\n((>|\\s)*)\\n$/,\n function (totalMatch, markdown) {\n return \"\\n\" + markdown.replace(/^[ ]{0,3}>?[ \\t]*$/gm, replacement) + \"\\n\";\n });\n }\n if (chunk.endTag) {\n chunk.endTag = chunk.endTag.replace(/^\\n((>|\\s)*)\\n/,\n function (totalMatch, markdown) {\n return \"\\n\" + markdown.replace(/^[ ]{0,3}>?[ \\t]*$/gm, replacement) + \"\\n\";\n });\n }\n };\n\n if (/^(?![ ]{0,3}>)/m.test(chunk.selection)) {\n this.wrap(chunk, SETTINGS.lineLength - 2);\n chunk.selection = chunk.selection.replace(/^/gm, \"> \");\n replaceBlanksInTags(true);\n chunk.skipLines();\n } else {\n chunk.selection = chunk.selection.replace(/^[ ]{0,3}> ?/gm, \"\");\n this.unwrap(chunk);\n replaceBlanksInTags(false);\n\n if (!/^(\\n|^)[ ]{0,3}>/.test(chunk.selection) && chunk.startTag) {\n chunk.startTag = chunk.startTag.replace(/\\n{0,2}$/, \"\\n\\n\");\n }\n\n if (!/(\\n|^)[ ]{0,3}>.*$/.test(chunk.selection) && chunk.endTag) {\n chunk.endTag = chunk.endTag.replace(/^\\n{0,2}/, \"\\n\\n\");\n }\n }\n\n chunk.selection = this.hooks.postBlockquoteCreation(chunk.selection);\n\n if (!/\\n/.test(chunk.selection)) {\n chunk.selection = chunk.selection.replace(/^(> *)/,\n function (wholeMatch, blanks) {\n chunk.startTag += blanks;\n return \"\";\n });\n }\n};\n\ncommandProto.doCode = function (chunk) {\n\n var hasTextBefore = /\\S[ ]*$/.test(chunk.before);\n var hasTextAfter = /^[ ]*\\S/.test(chunk.after);\n\n // Use 'four space' markdown if the selection is on its own\n // line or is multiline.\n if ((!hasTextAfter && !hasTextBefore) || /\\n/.test(chunk.selection)) {\n\n chunk.before = chunk.before.replace(/[ ]{4}$/,\n function (totalMatch) {\n chunk.selection = totalMatch + chunk.selection;\n return \"\";\n });\n\n var nLinesBack = 1;\n var nLinesForward = 1;\n\n if (/(\\n|^)(\\t|[ ]{4,}).*\\n$/.test(chunk.before)) {\n nLinesBack = 0;\n }\n if (/^\\n(\\t|[ ]{4,})/.test(chunk.after)) {\n nLinesForward = 0;\n }\n\n chunk.skipLines(nLinesBack, nLinesForward);\n\n if (!chunk.selection) {\n chunk.startTag = \" \";\n chunk.selection = this.getString(\"codeexample\");\n } else {\n if (/^[ ]{0,3}\\S/m.test(chunk.selection)) {\n if (/\\n/.test(chunk.selection))\n chunk.selection = chunk.selection.replace(/^/gm, \" \");\n else // if it's not multiline, do not select the four added spaces; this is more consistent with the doList behavior\n chunk.before += \" \";\n } else {\n chunk.selection = chunk.selection.replace(/^(?:[ ]{4}|[ ]{0,3}\\t)/gm, \"\");\n }\n }\n } else {\n // Use backticks (`) to delimit the code block.\n\n chunk.trimWhitespace();\n chunk.findTags(/`/, /`/);\n\n if (!chunk.startTag && !chunk.endTag) {\n chunk.startTag = chunk.endTag = \"`\";\n if (!chunk.selection) {\n chunk.selection = this.getString(\"codeexample\");\n }\n } else if (chunk.endTag && !chunk.startTag) {\n chunk.before += chunk.endTag;\n chunk.endTag = \"\";\n } else {\n chunk.startTag = chunk.endTag = \"\";\n }\n }\n};\n\ncommandProto.doList = function (chunk, postProcessing, isNumberedList, isCheckList) {\n\n // These are identical except at the very beginning and end.\n // Should probably use the regex extension function to make this clearer.\n var previousItemsRegex = /(\\n|^)(([ ]{0,3}([*+-]|\\d+[.])[ \\t]+.*)(\\n.+|\\n{2,}([*+-].*|\\d+[.])[ \\t]+.*|\\n{2,}[ \\t]+\\S.*)*)\\n*$/;\n var nextItemsRegex = /^\\n*(([ ]{0,3}([*+-]|\\d+[.])[ \\t]+.*)(\\n.+|\\n{2,}([*+-].*|\\d+[.])[ \\t]+.*|\\n{2,}[ \\t]+\\S.*)*)\\n*/;\n\n // The default bullet is a dash but others are possible.\n // This has nothing to do with the particular HTML bullet,\n // it's just a markdown bullet.\n var bullet = \"-\";\n\n // The number in a numbered list.\n var num = 1;\n\n // Get the item prefix - e.g. \" 1. \" for a numbered list, \" - \" for a bulleted list.\n var getItemPrefix = function (checkListContent) {\n var prefix;\n if (isNumberedList) {\n prefix = \" \" + num + \". \";\n num++;\n } else {\n prefix = \" \" + bullet + \" \";\n if (isCheckList) {\n prefix += '[';\n prefix += checkListContent || ' ';\n prefix += '] ';\n }\n }\n return prefix;\n };\n\n // Fixes the prefixes of the other list items.\n var getPrefixedItem = function (itemText) {\n\n // The numbering flag is unset when called by autoindent.\n if (isNumberedList === undefined) {\n isNumberedList = /^\\s*\\d/.test(itemText);\n }\n\n // Renumber/bullet the list element.\n itemText = itemText.replace(isCheckList\n ? /^[ ]{0,3}([*+-]|\\d+[.])\\s+\\[([ xX])\\]\\s/gm\n : /^[ ]{0,3}([*+-]|\\d+[.])\\s/gm,\n function (match, p1, p2) {\n return getItemPrefix(p2);\n });\n\n return itemText;\n };\n\n chunk.findTags(/(\\n|^)*[ ]{0,3}([*+-]|\\d+[.])\\s+/, null);\n\n if (chunk.before && !/\\n$/.test(chunk.before) && !/^\\n/.test(chunk.startTag)) {\n chunk.before += chunk.startTag;\n chunk.startTag = \"\";\n }\n\n if (chunk.startTag) {\n\n var hasDigits = /\\d+[.]/.test(chunk.startTag);\n chunk.startTag = \"\";\n chunk.selection = chunk.selection.replace(/\\n[ ]{4}/g, \"\\n\");\n this.unwrap(chunk);\n chunk.skipLines();\n\n if (hasDigits) {\n // Have to renumber the bullet points if this is a numbered list.\n chunk.after = chunk.after.replace(nextItemsRegex, getPrefixedItem);\n }\n if (isNumberedList == hasDigits) {\n return;\n }\n }\n\n var nLinesUp = 1;\n\n chunk.before = chunk.before.replace(previousItemsRegex,\n function (itemText) {\n if (/^\\s*([*+-])/.test(itemText)) {\n bullet = re.$1;\n }\n nLinesUp = /[^\\n]\\n\\n[^\\n]/.test(itemText) ? 1 : 0;\n return getPrefixedItem(itemText);\n });\n\n if (!chunk.selection) {\n chunk.selection = this.getString(\"litem\");\n }\n\n var prefix = getItemPrefix();\n\n var nLinesDown = 1;\n\n chunk.after = chunk.after.replace(nextItemsRegex,\n function (itemText) {\n nLinesDown = /[^\\n]\\n\\n[^\\n]/.test(itemText) ? 1 : 0;\n return getPrefixedItem(itemText);\n });\n\n chunk.trimWhitespace(true);\n chunk.skipLines(nLinesUp, nLinesDown, true);\n chunk.startTag = prefix;\n var spaces = prefix.replace(/./g, \" \");\n this.wrap(chunk, SETTINGS.lineLength - spaces.length);\n chunk.selection = chunk.selection.replace(/\\n/g, \"\\n\" + spaces);\n\n};\n\ncommandProto.doTable = function (chunk) {\n // Credit: https://github.com/fcrespo82/atom-markdown-table-formatter\n\n var keepFirstAndLastPipes = true,\n /*\n ( # header capture\n (?:\n (?:[^\\n]*?\\|[^\\n]*) # line w/ at least one pipe\n \\ * # maybe trailing whitespace\n )? # maybe header\n (?:\\n|^) # newline\n )\n ( # format capture\n (?:\n \\|\\ *:?-+:?\\ * # format starting w/pipe\n |\\|?(?:\\ *:?-+:?\\ *\\|)+ # or separated by pipe\n )\n (?:\\ *:?-+:?\\ *)? # maybe w/o trailing pipe\n \\ * # maybe trailing whitespace\n \\n # newline\n )\n ( # body capture\n (?:\n (?:[^\\n]*?\\|[^\\n]*) # line w/ at least one pipe\n \\ * # maybe trailing whitespace\n (?:\\n|$) # newline\n )+ # at least one\n )\n */\n regex = /((?:(?:[^\\n]*?\\|[^\\n]*) *)?(?:\\r?\\n|^))((?:\\| *:?-+:? *|\\|?(?: *:?-+:? *\\|)+)(?: *:?-+:? *)? *\\r?\\n)((?:(?:[^\\n]*?\\|[^\\n]*) *(?:\\r?\\n|$))+)/;\n\n\n function padding(len, str) {\n var result = '';\n str = str || ' ';\n len = Math.floor(len);\n for (var i = 0; i < len; i++) {\n result += str;\n }\n return result;\n }\n\n function stripTailPipes(str) {\n return str.trim().replace(/(^\\||\\|$)/g, \"\");\n }\n\n function splitCells(str) {\n return str.split('|');\n }\n\n function addTailPipes(str) {\n if (keepFirstAndLastPipes) {\n return \"|\" + str + \"|\";\n } else {\n return str;\n }\n }\n\n function joinCells(arr) {\n return arr.join('|');\n }\n\n function formatTable(text, appendNewline) {\n var i, j, len1, ref1, ref2, ref3, k, len2, results, formatline, headerline, just, formatrow, data, line, lines, justify, cell, cells, first, last, ends, columns, content, widths, formatted, front, back;\n formatline = text[2].trim();\n headerline = text[1].trim();\n ref1 = headerline.length === 0 ? [0, text[3]] : [1, text[1] + text[3]], formatrow = ref1[0], data = ref1[1];\n lines = data.trim().split('\\n');\n justify = [];\n ref2 = splitCells(stripTailPipes(formatline));\n for (j = 0, len1 = ref2.length; j < len1; j++) {\n cell = ref2[j];\n ref3 = cell.trim(), first = ref3[0], last = ref3[ref3.length - 1];\n switch ((ends = (first ? first : ':') + (last ? last : ''))) {\n case '::':\n case '-:':\n case ':-':\n justify.push(ends);\n break;\n default:\n justify.push('--');\n }\n }\n columns = justify.length;\n content = [];\n for (j = 0, len1 = lines.length; j < len1; j++) {\n line = lines[j];\n cells = splitCells(stripTailPipes(line));\n cells[columns - 1] = joinCells(cells.slice(columns - 1));\n results = [];\n for (k = 0, len2 = cells.length; k < len2; k++) {\n cell = cells[k];\n results.push(padding(' ') + ((ref2 = cell ? typeof cell.trim === \"function\" ? cell.trim() : void 0 : void 0) ? ref2 : '') + padding(' '));\n }\n content.push(results);\n }\n widths = [];\n for (i = j = 0, ref2 = columns - 1; 0 <= ref2 ? j <= ref2 : j >= ref2; i = 0 <= ref2 ? ++j : --j) {\n results = [];\n for (k = 0, len1 = content.length; k < len1; k++) {\n cells = content[k];\n results.push(cells[i].length);\n }\n widths.push(Math.max.apply(Math, [2].concat(results)));\n }\n just = function (string, col) {\n var back, front, length;\n length = widths[col] - string.length;\n switch (justify[col]) {\n case '::':\n front = padding[0], back = padding[1];\n return padding(length / 2) + string + padding((length + 1) / 2);\n case '-:':\n return padding(length) + string;\n default:\n return string + padding(length);\n }\n };\n formatted = [];\n for (j = 0, len1 = content.length; j < len1; j++) {\n cells = content[j];\n results = [];\n for (i = k = 0, ref2 = columns - 1; 0 <= ref2 ? k <= ref2 : k >= ref2; i = 0 <= ref2 ? ++k : --k) {\n results.push(just(cells[i], i));\n }\n formatted.push(addTailPipes(joinCells(results)));\n }\n formatline = addTailPipes(joinCells((function () {\n var j, ref2, ref3, results;\n results = [];\n for (i = j = 0, ref2 = columns - 1; 0 <= ref2 ? j <= ref2 : j >= ref2; i = 0 <= ref2 ? ++j : --j) {\n ref3 = justify[i], front = ref3[0], back = ref3[1];\n results.push(front + padding(widths[i] - 2, '-') + back);\n }\n return results;\n })()));\n formatted.splice(formatrow, 0, formatline);\n var result = (headerline.length === 0 && text[1] !== '' ? '\\n' : '') + formatted.join('\\n');\n if (appendNewline !== false) {\n result += '\\n'\n }\n return result;\n }\n\n if (chunk.before.slice(-1) !== '\\n') {\n chunk.before += '\\n';\n }\n var match = chunk.selection.match(regex);\n if (match) {\n chunk.selection = formatTable(match, chunk.selection.slice(-1) === '\\n');\n } else {\n var table = chunk.selection + '|\\n-|-\\n|';\n match = table.match(regex);\n if (!match || match[0].slice(0, table.length) !== table) {\n return;\n }\n table = formatTable(match);\n var selectionOffset = keepFirstAndLastPipes ? 1 : 0;\n var pipePos = table.indexOf('|', selectionOffset);\n chunk.before += table.slice(0, selectionOffset);\n chunk.selection = table.slice(selectionOffset, pipePos);\n chunk.after = table.slice(pipePos) + chunk.after;\n }\n};\n\ncommandProto.doHeading = function (chunk) {\n\n // Remove leading/trailing whitespace and reduce internal spaces to single spaces.\n chunk.selection = chunk.selection.replace(/\\s+/g, \" \");\n chunk.selection = chunk.selection.replace(/(^\\s+|\\s+$)/g, \"\");\n\n // If we clicked the button with no selected text, we just\n // make a level 2 hash header around some default text.\n if (!chunk.selection) {\n chunk.startTag = \"## \";\n chunk.selection = this.getString(\"headingexample\");\n return;\n }\n\n var headerLevel = 0; // The existing header level of the selected text.\n\n // Remove any existing hash heading markdown and save the header level.\n chunk.findTags(/#+[ ]*/, /[ ]*#+/);\n if (/#+/.test(chunk.startTag)) {\n headerLevel = re.lastMatch.length;\n }\n chunk.startTag = chunk.endTag = \"\";\n\n // Try to get the current header level by looking for - and = in the line\n // below the selection.\n chunk.findTags(null, /\\s?(-+|=+)/);\n if (/=+/.test(chunk.endTag)) {\n headerLevel = 1;\n }\n if (/-+/.test(chunk.endTag)) {\n headerLevel = 2;\n }\n\n // Skip to the next line so we can create the header markdown.\n chunk.startTag = chunk.endTag = \"\";\n chunk.skipLines(1, 1);\n\n // We make a level 2 header if there is no current header.\n // If there is a header level, we substract one from the header level.\n // If it's already a level 1 header, it's removed.\n var headerLevelToCreate = headerLevel === 0 ? 2 : headerLevel - 1;\n\n if (headerLevelToCreate > 0) {\n\n chunk.startTag = '';\n while (headerLevelToCreate--) {\n chunk.startTag += '#';\n }\n chunk.startTag += ' ';\n }\n};\n\ncommandProto.doHorizontalRule = function (chunk) {\n chunk.startTag = \"----------\\n\";\n chunk.selection = \"\";\n chunk.skipLines(2, 1, true);\n};\n\nexport default function (options) {\n return new Pagedown(options);\n};\n"
},
{
"path": "src/services/animationSvc.js",
"content": "import bezierEasing from 'bezier-easing';\n\nconst easings = {\n materialIn: bezierEasing(0.75, 0, 0.8, 0.25),\n materialOut: bezierEasing(0.25, 0.8, 0.25, 1),\n inOut: bezierEasing(0.25, 0.1, 0.67, 1),\n};\n\nconst vendors = ['moz', 'webkit'];\nfor (let x = 0; x < vendors.length && !window.requestAnimationFrame; x += 1) {\n window.requestAnimationFrame = window[`${vendors[x]}RequestAnimationFrame`];\n window.cancelAnimationFrame = window[`${vendors[x]}CancelAnimationFrame`] ||\n window[`${vendors[x]}CancelRequestAnimationFrame`];\n}\n\nconst transformStyles = [\n 'WebkitTransform',\n 'MozTransform',\n 'msTransform',\n 'OTransform',\n 'transform',\n];\n\nconst transitionEndEvents = {\n WebkitTransition: 'webkitTransitionEnd',\n MozTransition: 'transitionend',\n msTransition: 'MSTransitionEnd',\n OTransition: 'oTransitionEnd',\n transition: 'transitionend',\n};\n\nfunction getStyle(styles) {\n const elt = document.createElement('div');\n return styles.reduce((result, style) => {\n if (elt.style[style] === undefined) {\n return undefined;\n }\n return style;\n }, undefined);\n}\n\nconst transformStyle = getStyle(transformStyles);\nconst transitionStyle = getStyle(Object.keys(transitionEndEvents));\nconst transitionEndEvent = transitionEndEvents[transitionStyle];\n\nfunction identity(x) {\n return x;\n}\n\nfunction ElementAttribute(name) {\n this.name = name;\n this.setStart = (animation) => {\n const value = animation.elt[name];\n animation.$start[name] = value;\n return value !== undefined && animation.$end[name] !== undefined;\n };\n this.applyCurrent = (animation) => {\n animation.elt[name] = animation.$current[name];\n };\n}\n\nfunction StyleAttribute(name, unit, defaultValue, wrap = identity) {\n this.name = name;\n this.setStart = (animation) => {\n let value = parseFloat(animation.elt.style[name]);\n if (Number.isNaN(value)) {\n value = animation.$current[name] || defaultValue;\n }\n animation.$start[name] = value;\n return animation.$end[name] !== undefined;\n };\n this.applyCurrent = (animation) => {\n animation.elt.style[name] = wrap(animation.$current[name]) + unit;\n };\n}\n\nfunction TransformAttribute(name, unit, defaultValue, wrap = identity) {\n this.name = name;\n this.setStart = (animation) => {\n let value = animation.$current[name];\n if (value === undefined) {\n value = defaultValue;\n }\n animation.$start[name] = value;\n if (animation.$end[name] === undefined) {\n animation.$end[name] = value;\n }\n return value !== undefined;\n };\n this.applyCurrent = (animation) => {\n const value = animation.$current[name];\n return value !== defaultValue && `${name}(${wrap(value)}${unit})`;\n };\n}\n\nconst attributes = [\n new ElementAttribute('scrollTop'),\n new ElementAttribute('scrollLeft'),\n new StyleAttribute('opacity', '', 1),\n new StyleAttribute('zIndex', '', 0),\n new TransformAttribute('translateX', 'px', 0, Math.round),\n new TransformAttribute('translateY', 'px', 0, Math.round),\n new TransformAttribute('scale', '', 1),\n new TransformAttribute('rotate', 'deg', 0),\n].concat([\n 'width',\n 'height',\n 'top',\n 'right',\n 'bottom',\n 'left',\n].map(name => new StyleAttribute(name, 'px', 0, Math.round)));\n\nclass Animation {\n constructor(elt) {\n this.elt = elt;\n this.$current = {};\n this.$pending = {};\n }\n\n start(param1, param2, param3) {\n let endCb = param1;\n let stepCb = param2;\n let useTransition = false;\n if (typeof param1 === 'boolean') {\n useTransition = param1;\n endCb = param2;\n stepCb = param3;\n }\n\n this.stop();\n this.$start = {};\n this.$end = this.$pending;\n this.$pending = {};\n this.$attributes = attributes.filter(attribute => attribute.setStart(this));\n this.$end.duration = this.$end.duration || 0;\n this.$end.delay = this.$end.delay || 0;\n this.$end.easing = easings[this.$end.easing] || easings.materialOut;\n this.$end.endCb = typeof endCb === 'function' && endCb;\n this.$end.stepCb = typeof stepCb === 'function' && stepCb;\n this.$startTime = Date.now() + this.$end.delay;\n if (!this.$end.duration) {\n this.loop(false);\n } else if (useTransition) {\n this.loop(true);\n } else {\n this.$requestId = window.requestAnimationFrame(() => this.loop(false));\n }\n return this.elt;\n }\n\n stop() {\n window.cancelAnimationFrame(this.$requestId);\n }\n\n loop(useTransition) {\n const onTransitionEnd = (evt) => {\n if (evt.target === this.elt) {\n this.elt.removeEventListener(transitionEndEvent, onTransitionEnd);\n const { endCb } = this.$end;\n this.$end.endCb = undefined;\n if (endCb) {\n endCb();\n }\n }\n };\n\n let progress = (Date.now() - this.$startTime) / this.$end.duration;\n let transition = '';\n if (useTransition) {\n progress = 1;\n const transitions = [\n 'all',\n `${this.$end.duration}ms`,\n this.$end.easing.toCSS(),\n ];\n if (this.$end.delay) {\n transitions.push(`${this.$end.duration}ms`);\n }\n transition = transitions.join(' ');\n if (this.$end.endCb) {\n this.elt.addEventListener(transitionEndEvent, onTransitionEnd);\n }\n } else if (progress < 1) {\n this.$requestId = window.requestAnimationFrame(() => this.loop(false));\n if (progress < 0) {\n return;\n }\n } else if (this.$end.endCb) {\n this.$requestId = window.requestAnimationFrame(this.$end.endCb);\n }\n\n const coeff = this.$end.easing.get(progress);\n const transforms = this.$attributes.reduce((result, attribute) => {\n if (progress < 1) {\n const diff = this.$end[attribute.name] - this.$start[attribute.name];\n this.$current[attribute.name] = this.$start[attribute.name] + (diff * coeff);\n } else {\n this.$current[attribute.name] = this.$end[attribute.name];\n }\n const transform = attribute.applyCurrent(this);\n if (transform) {\n result.push(transform);\n }\n return result;\n }, []);\n\n if (transforms.length) {\n transforms.push('translateZ(0)'); // activate GPU\n }\n const transform = transforms.join(' ');\n this.elt.style[transformStyle] = transform;\n this.elt.style[transitionStyle] = transition;\n if (this.$end.stepCb) {\n this.$end.stepCb();\n }\n }\n}\n\nattributes.map(attribute => attribute.name).concat('duration', 'easing', 'delay')\n .forEach((name) => {\n Animation.prototype[name] = function setter(val) {\n this.$pending[name] = val;\n return this;\n };\n });\n\nfunction animate(elt) {\n if (!elt.$animation) {\n elt.$animation = new Animation(elt);\n }\n return elt.$animation;\n}\n\nexport default {\n animate,\n};\n"
},
{
"path": "src/services/backupSvc.js",
"content": "import workspaceSvc from './workspaceSvc';\nimport utils from './utils';\n\nexport default {\n async importBackup(jsonValue) {\n const fileNameMap = {};\n const folderNameMap = {};\n const parentIdMap = {};\n const textMap = {};\n const propertiesMap = {};\n const discussionsMap = {};\n const commentsMap = {};\n const folderIdMap = {\n trash: 'trash',\n };\n\n // Parse JSON value\n const parsedValue = JSON.parse(jsonValue);\n Object.entries(parsedValue).forEach(([id, value]) => {\n if (value) {\n const v4Match = id.match(/^file\\.([^.]+)\\.([^.]+)$/);\n if (v4Match) {\n // StackEdit v4 format\n const [, v4Id, type] = v4Match;\n if (type === 'title') {\n fileNameMap[v4Id] = value;\n } else if (type === 'content') {\n textMap[v4Id] = value;\n }\n } else if (value.type === 'folder') {\n // StackEdit v5 folder\n folderIdMap[id] = utils.uid();\n folderNameMap[id] = value.name;\n parentIdMap[id] = `${value.parentId || ''}`;\n } else if (value.type === 'file') {\n // StackEdit v5 file\n fileNameMap[id] = value.name;\n parentIdMap[id] = `${value.parentId || ''}`;\n } else if (value.type === 'content') {\n // StackEdit v5 content\n const [fileId] = id.split('/');\n if (fileId) {\n textMap[fileId] = value.text;\n propertiesMap[fileId] = value.properties;\n discussionsMap[fileId] = value.discussions;\n commentsMap[fileId] = value.comments;\n }\n }\n }\n });\n\n await utils.awaitSequence(\n Object.keys(folderNameMap),\n async externalId => workspaceSvc.setOrPatchItem({\n id: folderIdMap[externalId],\n type: 'folder',\n name: folderNameMap[externalId],\n parentId: folderIdMap[parentIdMap[externalId]],\n }),\n );\n\n await utils.awaitSequence(\n Object.keys(fileNameMap),\n async externalId => workspaceSvc.createFile({\n name: fileNameMap[externalId],\n parentId: folderIdMap[parentIdMap[externalId]],\n text: textMap[externalId],\n properties: propertiesMap[externalId],\n discussions: discussionsMap[externalId],\n comments: commentsMap[externalId],\n }, true),\n );\n },\n};\n"
},
{
"path": "src/services/badgeSvc.js",
"content": "import store from '../store';\n\nlet lastEarnedFeatureIds = null;\nlet debounceTimeoutId;\n\nconst showInfo = () => {\n const earnedBadges = store.getters['data/allBadges']\n .filter(badge => badge.isEarned && !lastEarnedFeatureIds.has(badge.featureId));\n if (earnedBadges.length) {\n store.dispatch('notification/badge', earnedBadges.length > 1\n ? `You've earned ${earnedBadges.length} badges: ${earnedBadges.map(badge => `\"${badge.name}\"`).join(', ')}.`\n : `You've earned 1 badge: \"${earnedBadges[0].name}\".`);\n }\n lastEarnedFeatureIds = null;\n};\n\nexport default {\n addBadge(featureId) {\n if (!store.getters['data/badgeCreations'][featureId]) {\n if (!lastEarnedFeatureIds) {\n const earnedFeatureIds = store.getters['data/allBadges']\n .filter(badge => badge.isEarned)\n .map(badge => badge.featureId);\n lastEarnedFeatureIds = new Set(earnedFeatureIds);\n }\n\n store.dispatch('data/patchBadgeCreations', {\n [featureId]: {\n created: Date.now(),\n },\n });\n\n clearTimeout(debounceTimeoutId);\n debounceTimeoutId = setTimeout(() => showInfo(), 5000);\n }\n },\n};\n"
},
{
"path": "src/services/diffUtils.js",
"content": "import DiffMatchPatch from 'diff-match-patch';\nimport utils from './utils';\n\nconst diffMatchPatch = new DiffMatchPatch();\ndiffMatchPatch.Match_Distance = 10000;\n\nfunction makePatchableText(content, markerKeys, markerIdxMap) {\n if (!content || !content.discussions) {\n return null;\n }\n const markers = [];\n // Sort keys to have predictable marker positions in case of same offset\n const discussionKeys = Object.keys(content.discussions).sort();\n discussionKeys.forEach((discussionId) => {\n const discussion = content.discussions[discussionId];\n\n function addMarker(offsetName) {\n const markerKey = discussionId + offsetName;\n if (discussion[offsetName] !== undefined) {\n let idx = markerIdxMap[markerKey];\n if (idx === undefined) {\n idx = markerKeys.length;\n markerIdxMap[markerKey] = idx;\n markerKeys.push({\n id: discussionId,\n offsetName,\n });\n }\n markers.push({\n idx,\n offset: discussion[offsetName],\n });\n }\n }\n\n addMarker('start');\n addMarker('end');\n });\n\n let lastOffset = 0;\n let result = '';\n markers\n .sort((marker1, marker2) => marker1.offset - marker2.offset)\n .forEach((marker) => {\n result +=\n content.text.slice(lastOffset, marker.offset) +\n String.fromCharCode(0xe000 + marker.idx); // Use a character from the private use area\n lastOffset = marker.offset;\n });\n return result + content.text.slice(lastOffset);\n}\n\nfunction stripDiscussionOffsets(objectMap) {\n if (objectMap == null) {\n return objectMap;\n }\n const result = {};\n Object.keys(objectMap).forEach((id) => {\n result[id] = {\n text: objectMap[id].text,\n };\n });\n return result;\n}\n\nfunction restoreDiscussionOffsets(content, markerKeys) {\n if (markerKeys.length) {\n // Go through markers\n let count = 0;\n content.text = content.text.replace(\n new RegExp(`[\\ue000-${String.fromCharCode((0xe000 + markerKeys.length) - 1)}]`, 'g'),\n (match, offset) => {\n const idx = match.charCodeAt(0) - 0xe000;\n const markerKey = markerKeys[idx];\n const discussion = content.discussions[markerKey.id];\n if (discussion) {\n discussion[markerKey.offsetName] = offset - count;\n }\n count += 1;\n return '';\n },\n );\n // Sanitize offsets\n Object.keys(content.discussions).forEach((discussionId) => {\n const discussion = content.discussions[discussionId];\n if (discussion.start === undefined) {\n discussion.start = discussion.end || 0;\n }\n if (discussion.end === undefined || discussion.end < discussion.start) {\n discussion.end = discussion.start;\n }\n });\n }\n}\n\nfunction mergeText(serverText, clientText, lastMergedText) {\n const serverClientDiffs = diffMatchPatch.diff_main(serverText, clientText);\n diffMatchPatch.diff_cleanupSemantic(serverClientDiffs);\n // Fusion text is a mix of both server and client contents\n const fusionText = serverClientDiffs.map(diff => diff[1]).join('');\n if (!lastMergedText) {\n return fusionText;\n }\n // Let's try to find out what text has to be removed from fusion\n const intersectionText = serverClientDiffs\n // Keep only equalities\n .filter(diff => diff[0] === DiffMatchPatch.DIFF_EQUAL)\n .map(diff => diff[1]).join('');\n const lastMergedTextDiffs = diffMatchPatch.diff_main(lastMergedText, intersectionText)\n // Keep only equalities and deletions\n .filter(diff => diff[0] !== DiffMatchPatch.DIFF_INSERT);\n diffMatchPatch.diff_cleanupSemantic(lastMergedTextDiffs);\n // Make a patch with deletions only\n const patches = diffMatchPatch.patch_make(lastMergedText, lastMergedTextDiffs);\n // Apply patch to fusion text\n return diffMatchPatch.patch_apply(patches, fusionText)[0];\n}\n\nfunction mergeValues(serverValue, clientValue, lastMergedValue) {\n if (!lastMergedValue) {\n return serverValue || clientValue; // Take the server value in priority\n }\n const newSerializedValue = utils.serializeObject(clientValue);\n const serverSerializedValue = utils.serializeObject(serverValue);\n if (newSerializedValue === serverSerializedValue) {\n return serverValue; // no conflict\n }\n const oldSerializedValue = utils.serializeObject(lastMergedValue);\n if (oldSerializedValue !== newSerializedValue && !serverValue) {\n return clientValue; // Removed on server but changed on client\n }\n if (oldSerializedValue !== serverSerializedValue && !clientValue) {\n return serverValue; // Removed on client but changed on server\n }\n if (oldSerializedValue !== newSerializedValue && oldSerializedValue === serverSerializedValue) {\n return clientValue; // Take the client value\n }\n return serverValue; // Take the server value\n}\n\nfunction mergeObjects(serverObject, clientObject, lastMergedObject = {}) {\n const mergedObject = {};\n Object.keys({\n ...clientObject,\n ...serverObject,\n }).forEach((key) => {\n const mergedValue = mergeValues(serverObject[key], clientObject[key], lastMergedObject[key]);\n if (mergedValue != null) {\n mergedObject[key] = mergedValue;\n }\n });\n return utils.deepCopy(mergedObject);\n}\n\nfunction mergeContent(serverContent, clientContent, lastMergedContent = {}) {\n const markerKeys = [];\n const markerIdxMap = Object.create(null);\n const lastMergedText = makePatchableText(lastMergedContent, markerKeys, markerIdxMap);\n const serverText = makePatchableText(serverContent, markerKeys, markerIdxMap);\n const clientText = makePatchableText(clientContent, markerKeys, markerIdxMap);\n const isServerTextChanges = lastMergedText !== serverText;\n const isClientTextChanges = lastMergedText !== clientText;\n const isTextSynchronized = serverText === clientText;\n let text = clientText;\n if (!isTextSynchronized && isServerTextChanges) {\n text = serverText;\n if (isClientTextChanges) {\n text = mergeText(serverText, clientText, lastMergedText);\n }\n }\n\n const result = {\n text,\n properties: mergeValues(\n serverContent.properties,\n clientContent.properties,\n lastMergedContent.properties,\n ),\n discussions: mergeObjects(\n stripDiscussionOffsets(serverContent.discussions),\n stripDiscussionOffsets(clientContent.discussions),\n stripDiscussionOffsets(lastMergedContent.discussions),\n ),\n comments: mergeObjects(\n serverContent.comments,\n clientContent.comments,\n lastMergedContent.comments,\n ),\n };\n restoreDiscussionOffsets(result, markerKeys);\n return result;\n}\n\nexport default {\n makePatchableText,\n restoreDiscussionOffsets,\n mergeObjects,\n mergeContent,\n};\n"
},
{
"path": "src/services/editor/cledit/cleditCore.js",
"content": "import DiffMatchPatch from 'diff-match-patch';\nimport TurndownService from 'turndown/lib/turndown.browser.umd';\nimport htmlSanitizer from '../../../libs/htmlSanitizer';\nimport store from '../../../store';\n\nfunction cledit(contentElt, scrollEltOpt, isMarkdown = false) {\n const scrollElt = scrollEltOpt || contentElt;\n const editor = {\n $contentElt: contentElt,\n $scrollElt: scrollElt,\n $keystrokes: [],\n $markers: {},\n };\n cledit.Utils.createEventHooks(editor);\n const { debounce } = cledit.Utils;\n\n contentElt.setAttribute('tabindex', '0'); // To have focus even when disabled\n editor.toggleEditable = (isEditable) => {\n contentElt.contentEditable = isEditable == null ? !contentElt.contentEditable : isEditable;\n };\n editor.toggleEditable(true);\n\n function getTextContent() {\n // Markdown-it sanitization (Mac/DOS to Unix)\n let textContent = contentElt.textContent.replace(/\\r[\\n\\u0085]?|[\\u2424\\u2028\\u0085]/g, '\\n');\n if (textContent.slice(-1) !== '\\n') {\n textContent += '\\n';\n }\n return textContent;\n }\n\n let lastTextContent = getTextContent();\n const highlighter = new cledit.Highlighter(editor);\n\n /* eslint-disable new-cap */\n const diffMatchPatch = new DiffMatchPatch();\n /* eslint-enable new-cap */\n const selectionMgr = new cledit.SelectionMgr(editor);\n\n function adjustCursorPosition(force) {\n selectionMgr.saveSelectionState(true, true, force);\n }\n\n function replaceContent(selectionStart, selectionEnd, replacement) {\n const min = Math.min(selectionStart, selectionEnd);\n const max = Math.max(selectionStart, selectionEnd);\n const range = selectionMgr.createRange(min, max);\n const rangeText = `${range}`;\n // Range can contain a br element, which is not taken into account in rangeText\n if (rangeText.length === max - min && rangeText === replacement) {\n return null;\n }\n range.deleteContents();\n range.insertNode(document.createTextNode(replacement));\n return range;\n }\n\n let ignoreUndo = false;\n let noContentFix = false;\n\n function setContent(value, noUndo, maxStartOffsetOpt) {\n const textContent = getTextContent();\n const maxStartOffset = maxStartOffsetOpt != null && maxStartOffsetOpt < textContent.length\n ? maxStartOffsetOpt\n : textContent.length - 1;\n const startOffset = Math.min(\n diffMatchPatch.diff_commonPrefix(textContent, value),\n maxStartOffset,\n );\n const endOffset = Math.min(\n diffMatchPatch.diff_commonSuffix(textContent, value),\n textContent.length - startOffset,\n value.length - startOffset,\n );\n const replacement = value.substring(startOffset, value.length - endOffset);\n const range = replaceContent(startOffset, textContent.length - endOffset, replacement);\n if (range) {\n ignoreUndo = noUndo;\n noContentFix = true;\n }\n return {\n start: startOffset,\n end: value.length - endOffset,\n range,\n };\n }\n\n const undoMgr = new cledit.UndoMgr(editor);\n\n function replace(selectionStart, selectionEnd, replacement) {\n undoMgr.setDefaultMode('single');\n replaceContent(selectionStart, selectionEnd, replacement);\n const startOffset = Math.min(selectionStart, selectionEnd);\n const endOffset = startOffset + replacement.length;\n selectionMgr.setSelectionStartEnd(endOffset, endOffset);\n selectionMgr.updateCursorCoordinates(true);\n }\n\n function replaceAll(search, replacement, startOffset = 0) {\n undoMgr.setDefaultMode('single');\n const text = getTextContent();\n const subtext = getTextContent().slice(startOffset);\n const value = subtext.replace(search, replacement);\n if (value !== subtext) {\n const offset = editor.setContent(text.slice(0, startOffset) + value);\n selectionMgr.setSelectionStartEnd(offset.end, offset.end);\n selectionMgr.updateCursorCoordinates(true);\n }\n }\n\n function focus() {\n selectionMgr.restoreSelection();\n contentElt.focus();\n }\n\n function addMarker(marker) {\n editor.$markers[marker.id] = marker;\n }\n\n function removeMarker(marker) {\n delete editor.$markers[marker.id];\n }\n\n const triggerSpellCheck = debounce(() => {\n // Hack for Chrome to trigger the spell checker\n const selection = window.getSelection();\n if (selectionMgr.hasFocus()\n && !highlighter.isComposing\n && selectionMgr.selectionStart === selectionMgr.selectionEnd\n && selection.modify\n ) {\n if (selectionMgr.selectionStart) {\n selection.modify('move', 'backward', 'character');\n selection.modify('move', 'forward', 'character');\n } else {\n selection.modify('move', 'forward', 'character');\n selection.modify('move', 'backward', 'character');\n }\n }\n }, 10);\n\n let watcher;\n let skipSaveSelection;\n function checkContentChange(mutations) {\n watcher.noWatch(() => {\n const removedSections = [];\n const modifiedSections = [];\n\n function markModifiedSection(node) {\n let currentNode = node;\n while (currentNode && currentNode !== contentElt) {\n if (currentNode.section) {\n const array = currentNode.parentNode ? modifiedSections : removedSections;\n if (array.indexOf(currentNode.section) === -1) {\n array.push(currentNode.section);\n }\n return;\n }\n currentNode = currentNode.parentNode;\n }\n }\n\n mutations.cl_each((mutation) => {\n markModifiedSection(mutation.target);\n mutation.addedNodes.cl_each(markModifiedSection);\n mutation.removedNodes.cl_each(markModifiedSection);\n });\n highlighter.fixContent(modifiedSections, removedSections, noContentFix);\n noContentFix = false;\n });\n\n if (!skipSaveSelection) {\n selectionMgr.saveSelectionState();\n }\n skipSaveSelection = false;\n\n const newTextContent = getTextContent();\n const diffs = diffMatchPatch.diff_main(lastTextContent, newTextContent);\n editor.$markers.cl_each((marker) => {\n marker.adjustOffset(diffs);\n });\n\n const sectionList = highlighter.parseSections(newTextContent);\n editor.$trigger('contentChanged', newTextContent, diffs, sectionList);\n if (!ignoreUndo) {\n undoMgr.addDiffs(lastTextContent, newTextContent, diffs);\n undoMgr.setDefaultMode('typing');\n undoMgr.saveState();\n }\n ignoreUndo = false;\n lastTextContent = newTextContent;\n triggerSpellCheck();\n }\n\n // Detect editor changes\n watcher = new cledit.Watcher(editor, checkContentChange);\n watcher.startWatching();\n\n function setSelection(start, end) {\n selectionMgr.setSelectionStartEnd(start, end == null ? start : end);\n selectionMgr.updateCursorCoordinates();\n }\n\n function keydownHandler(handler) {\n return (evt) => {\n if (\n evt.which !== 17 && // Ctrl\n evt.which !== 91 && // Cmd\n evt.which !== 18 && // Alt\n evt.which !== 16 // Shift\n ) {\n handler(evt);\n }\n };\n }\n\n let windowKeydownListener;\n let windowMouseListener;\n let windowResizeListener;\n function tryDestroy() {\n if (document.contains(contentElt)) {\n return false;\n }\n watcher.stopWatching();\n window.removeEventListener('keydown', windowKeydownListener);\n window.removeEventListener('mousedown', windowMouseListener);\n window.removeEventListener('mouseup', windowMouseListener);\n window.removeEventListener('resize', windowResizeListener);\n editor.$trigger('destroy');\n return true;\n }\n\n // In case of Ctrl/Cmd+A outside the editor element\n windowKeydownListener = (evt) => {\n if (!tryDestroy()) {\n keydownHandler(() => {\n adjustCursorPosition();\n })(evt);\n }\n };\n window.addEventListener('keydown', windowKeydownListener);\n\n // Mouseup can happen outside the editor element\n windowMouseListener = () => {\n if (!tryDestroy()) {\n selectionMgr.saveSelectionState(true, false);\n }\n };\n window.addEventListener('mousedown', windowMouseListener);\n window.addEventListener('mouseup', windowMouseListener);\n\n // Resize provokes cursor coordinate changes\n windowResizeListener = () => {\n if (!tryDestroy()) {\n selectionMgr.updateCursorCoordinates();\n }\n };\n window.addEventListener('resize', windowResizeListener);\n\n // Provokes selection changes and does not fire mouseup event on Chrome/OSX\n contentElt.addEventListener(\n 'contextmenu',\n selectionMgr.saveSelectionState.cl_bind(selectionMgr, true, false),\n );\n\n contentElt.addEventListener('keydown', keydownHandler((evt) => {\n selectionMgr.saveSelectionState();\n\n // Perform keystroke\n let contentChanging = false;\n const textContent = getTextContent();\n let min = Math.min(selectionMgr.selectionStart, selectionMgr.selectionEnd);\n let max = Math.max(selectionMgr.selectionStart, selectionMgr.selectionEnd);\n const state = {\n before: textContent.slice(0, min),\n after: textContent.slice(max),\n selection: textContent.slice(min, max),\n isBackwardSelection: selectionMgr.selectionStart > selectionMgr.selectionEnd,\n };\n editor.$keystrokes.cl_some((keystroke) => {\n if (!keystroke.handler(evt, state, editor)) {\n return false;\n }\n const newContent = state.before + state.selection + state.after;\n if (newContent !== getTextContent()) {\n editor.setContent(newContent, false, min);\n contentChanging = true;\n skipSaveSelection = true;\n highlighter.cancelComposition = true;\n }\n min = state.before.length;\n max = min + state.selection.length;\n selectionMgr.setSelectionStartEnd(\n state.isBackwardSelection ? max : min,\n state.isBackwardSelection ? min : max,\n !contentChanging, // Expect a restore selection on mutation event\n );\n return true;\n });\n\n if (!contentChanging) {\n // Optimization to avoid saving selection\n adjustCursorPosition();\n }\n }));\n\n contentElt.addEventListener('compositionstart', () => {\n highlighter.isComposing += 1;\n });\n\n contentElt.addEventListener('compositionend', () => {\n setTimeout(() => {\n if (highlighter.isComposing) {\n highlighter.isComposing -= 1;\n if (!highlighter.isComposing) {\n checkContentChange([]);\n }\n }\n }, 1);\n });\n\n let turndownService;\n if (isMarkdown) {\n contentElt.addEventListener('copy', (evt) => {\n if (evt.clipboardData) {\n evt.clipboardData.setData('text/plain', selectionMgr.getSelectedText());\n evt.preventDefault();\n }\n });\n\n contentElt.addEventListener('cut', (evt) => {\n if (evt.clipboardData) {\n evt.clipboardData.setData('text/plain', selectionMgr.getSelectedText());\n evt.preventDefault();\n replace(selectionMgr.selectionStart, selectionMgr.selectionEnd, '');\n } else {\n undoMgr.setCurrentMode('single');\n }\n adjustCursorPosition();\n });\n\n turndownService = new TurndownService(store.getters['data/computedSettings'].turndown);\n turndownService.escape = str => str; // Disable escaping\n }\n\n contentElt.addEventListener('paste', (evt) => {\n undoMgr.setCurrentMode('single');\n evt.preventDefault();\n let data;\n let { clipboardData } = evt;\n if (clipboardData) {\n data = clipboardData.getData('text/plain');\n if (turndownService) {\n try {\n const html = clipboardData.getData('text/html');\n if (html) {\n const sanitizedHtml = htmlSanitizer.sanitizeHtml(html)\n .replace(/ /g, ' '); // Replace non-breaking spaces with classic spaces\n if (sanitizedHtml) {\n data = turndownService.turndown(sanitizedHtml);\n }\n }\n } catch (e) {\n // Ignore\n }\n }\n } else {\n ({ clipboardData } = window.clipboardData);\n data = clipboardData && clipboardData.getData('Text');\n }\n if (!data) {\n return;\n }\n replace(selectionMgr.selectionStart, selectionMgr.selectionEnd, data);\n adjustCursorPosition();\n });\n\n contentElt.addEventListener('focus', () => {\n editor.$trigger('focus');\n });\n\n contentElt.addEventListener('blur', () => {\n editor.$trigger('blur');\n });\n\n function addKeystroke(keystroke) {\n const keystrokes = Array.isArray(keystroke) ? keystroke : [keystroke];\n editor.$keystrokes = editor.$keystrokes\n .concat(keystrokes)\n .sort((keystroke1, keystroke2) => keystroke1.priority - keystroke2.priority);\n }\n addKeystroke(cledit.defaultKeystrokes);\n\n editor.selectionMgr = selectionMgr;\n editor.undoMgr = undoMgr;\n editor.highlighter = highlighter;\n editor.watcher = watcher;\n editor.adjustCursorPosition = adjustCursorPosition;\n editor.setContent = setContent;\n editor.replace = replace;\n editor.replaceAll = replaceAll;\n editor.getContent = getTextContent;\n editor.focus = focus;\n editor.setSelection = setSelection;\n editor.addKeystroke = addKeystroke;\n editor.addMarker = addMarker;\n editor.removeMarker = removeMarker;\n\n editor.init = (opts = {}) => {\n const options = ({\n getCursorFocusRatio() {\n return 0.1;\n },\n sectionHighlighter(section) {\n return section.text.replace(/&/g, '&').replace(/ document.head.contains(styleElt))) {\n createStyleSheet(document);\n }\n\n const contentElt = editor.$contentElt;\n this.isComposing = 0;\n\n let sectionList = [];\n let insertBeforeSection;\n const useBr = cledit.Utils.isWebkit;\n const trailingNodeTag = 'div';\n const hiddenLfInnerHtml = '
\\n';\n\n const lfHtml = `${useBr ? hiddenLfInnerHtml : '\\n'}`;\n\n this.fixContent = (modifiedSections, removedSections, noContentFix) => {\n modifiedSections.cl_each((section) => {\n section.forceHighlighting = true;\n if (!noContentFix) {\n if (useBr) {\n section.elt.getElementsByClassName('hd-lf')\n .cl_each(lfElt => lfElt.parentNode.removeChild(lfElt));\n section.elt.getElementsByTagName('br')\n .cl_each(brElt => brElt.parentNode.replaceChild(document.createTextNode('\\n'), brElt));\n }\n if (section.elt.textContent.slice(-1) !== '\\n') {\n section.elt.appendChild(document.createTextNode('\\n'));\n }\n }\n });\n };\n\n this.addTrailingNode = () => {\n this.trailingNode = document.createElement(trailingNodeTag);\n contentElt.appendChild(this.trailingNode);\n };\n\n class Section {\n constructor(text) {\n this.text = text.text === undefined ? text : text.text;\n this.data = text.data;\n }\n setElement(elt) {\n this.elt = elt;\n elt.section = this;\n }\n }\n\n this.parseSections = (content, isInit) => {\n if (this.isComposing && !this.cancelComposition) {\n return sectionList;\n }\n\n this.cancelComposition = false;\n const newSectionList = (editor.options.sectionParser\n ? editor.options.sectionParser(content)\n : [content])\n .cl_map(sectionText => new Section(sectionText));\n\n let modifiedSections = [];\n let sectionsToRemove = [];\n insertBeforeSection = undefined;\n\n if (isInit) {\n // Render everything if isInit\n sectionsToRemove = sectionList;\n sectionList = newSectionList;\n modifiedSections = newSectionList;\n } else {\n // Find modified section starting from top\n let leftIndex = sectionList.length;\n sectionList.cl_some((section, index) => {\n const newSection = newSectionList[index];\n if (index >= newSectionList.length ||\n section.forceHighlighting ||\n // Check text modification\n section.text !== newSection.text ||\n // Check that section has not been detached or moved\n section.elt.parentNode !== contentElt ||\n // Check also the content since nodes can be injected in sections via copy/paste\n section.elt.textContent !== newSection.text\n ) {\n leftIndex = index;\n return true;\n }\n return false;\n });\n\n // Find modified section starting from bottom\n let rightIndex = -sectionList.length;\n sectionList.slice().reverse().cl_some((section, index) => {\n const newSection = newSectionList[newSectionList.length - index - 1];\n if (index >= newSectionList.length ||\n section.forceHighlighting ||\n // Check modified\n section.text !== newSection.text ||\n // Check that section has not been detached or moved\n section.elt.parentNode !== contentElt ||\n // Check also the content since nodes can be injected in sections via copy/paste\n section.elt.textContent !== newSection.text\n ) {\n rightIndex = -index;\n return true;\n }\n return false;\n });\n\n if (leftIndex - rightIndex > sectionList.length) {\n // Prevent overlap\n rightIndex = leftIndex - sectionList.length;\n }\n\n const leftSections = sectionList.slice(0, leftIndex);\n modifiedSections = newSectionList.slice(leftIndex, newSectionList.length + rightIndex);\n const rightSections = sectionList.slice(sectionList.length + rightIndex, sectionList.length);\n [insertBeforeSection] = rightSections;\n sectionsToRemove = sectionList.slice(leftIndex, sectionList.length + rightIndex);\n sectionList = leftSections.concat(modifiedSections).concat(rightSections);\n }\n\n const highlight = (section) => {\n const html = editor.options.sectionHighlighter(section).replace(/\\n/g, lfHtml);\n const sectionElt = document.createElement('div');\n sectionElt.className = 'cledit-section';\n sectionElt.innerHTML = html;\n section.setElement(sectionElt);\n this.$trigger('sectionHighlighted', section);\n };\n\n const newSectionEltList = document.createDocumentFragment();\n modifiedSections.cl_each((section) => {\n section.forceHighlighting = false;\n highlight(section);\n newSectionEltList.appendChild(section.elt);\n });\n editor.watcher.noWatch(() => {\n if (isInit) {\n contentElt.innerHTML = '';\n contentElt.appendChild(newSectionEltList);\n this.addTrailingNode();\n return;\n }\n\n // Remove outdated sections\n sectionsToRemove.cl_each((section) => {\n // section may be already removed\n if (section.elt.parentNode === contentElt) {\n contentElt.removeChild(section.elt);\n }\n // To detect sections that come back with built-in undo\n section.elt.section = undefined;\n });\n\n if (insertBeforeSection !== undefined) {\n contentElt.insertBefore(newSectionEltList, insertBeforeSection.elt);\n } else {\n contentElt.appendChild(newSectionEltList);\n }\n\n // Remove unauthorized nodes (text nodes outside of sections or\n // duplicated sections via copy/paste)\n let childNode = contentElt.firstChild;\n while (childNode) {\n const nextNode = childNode.nextSibling;\n if (!childNode.section) {\n contentElt.removeChild(childNode);\n }\n childNode = nextNode;\n }\n this.addTrailingNode();\n this.$trigger('highlighted');\n\n if (editor.selectionMgr.hasFocus()) {\n editor.selectionMgr.restoreSelection();\n editor.selectionMgr.updateCursorCoordinates();\n }\n });\n\n return sectionList;\n };\n}\n\ncledit.Highlighter = Highlighter;\n\n"
},
{
"path": "src/services/editor/cledit/cleditKeystroke.js",
"content": "import cledit from './cleditCore';\n\nfunction Keystroke(handler, priority) {\n this.handler = handler;\n this.priority = priority || 100;\n}\n\ncledit.Keystroke = Keystroke;\n\nlet clearNewline;\nconst charTypes = Object.create(null);\n\n// Word separators, as in Sublime Text\n'./\\\\()\"\\'-:,.;<>~!@#$%^&*|+=[]{}`~?'.split('').cl_each((wordSeparator) => {\n charTypes[wordSeparator] = 'wordSeparator';\n});\ncharTypes[' '] = 'space';\ncharTypes['\\t'] = 'space';\ncharTypes['\\n'] = 'newLine';\n\nfunction getNextWordOffset(text, offset, isBackward) {\n let previousType;\n let result = offset;\n while ((isBackward && result > 0) || (!isBackward && result < text.length)) {\n const currentType = charTypes[isBackward ? text[result - 1] : text[result]] || 'word';\n if (previousType && currentType !== previousType) {\n if (previousType === 'word' || currentType === 'space' || previousType === 'newLine' || currentType === 'newLine') {\n break;\n }\n }\n previousType = currentType;\n if (isBackward) {\n result -= 1;\n } else {\n result += 1;\n }\n }\n return result;\n}\n\ncledit.defaultKeystrokes = [\n\n new Keystroke((evt, state, editor) => {\n if ((!evt.ctrlKey && !evt.metaKey) || evt.altKey) {\n return false;\n }\n const keyCode = evt.charCode || evt.keyCode;\n const keyCodeChar = String.fromCharCode(keyCode).toLowerCase();\n let action;\n switch (keyCodeChar) {\n case 'y':\n action = 'redo';\n break;\n case 'z':\n action = evt.shiftKey ? 'redo' : 'undo';\n break;\n default:\n }\n if (action) {\n evt.preventDefault();\n setTimeout(() => editor.undoMgr[action](), 10);\n return true;\n }\n return false;\n }),\n\n new Keystroke((evt, state) => {\n if (evt.which !== 9 /* tab */ || evt.metaKey || evt.ctrlKey) {\n return false;\n }\n\n const strSplice = (str, i, remove, add = '') =>\n str.slice(0, i) + add + str.slice(i + (+remove || 0));\n\n evt.preventDefault();\n const isInverse = evt.shiftKey;\n const lf = state.before.lastIndexOf('\\n') + 1;\n if (isInverse) {\n if (/\\s/.test(state.before.charAt(lf))) {\n state.before = strSplice(state.before, lf, 1);\n }\n state.selection = state.selection.replace(/^[ \\t]/gm, '');\n } else if (state.selection) {\n state.before = strSplice(state.before, lf, 0, '\\t');\n state.selection = state.selection.replace(/\\n(?=[\\s\\S])/g, '\\n\\t');\n } else {\n state.before += '\\t';\n }\n return true;\n }),\n\n new Keystroke((evt, state, editor) => {\n if (evt.which !== 13 /* enter */) {\n clearNewline = false;\n return false;\n }\n\n evt.preventDefault();\n const lf = state.before.lastIndexOf('\\n') + 1;\n if (clearNewline) {\n state.before = state.before.substring(0, lf);\n state.selection = '';\n clearNewline = false;\n return true;\n }\n clearNewline = false;\n const previousLine = state.before.slice(lf);\n const indent = previousLine.match(/^\\s*/)[0];\n if (indent.length) {\n clearNewline = true;\n }\n\n editor.undoMgr.setCurrentMode('single');\n state.before += `\\n${indent}`;\n state.selection = '';\n return true;\n }),\n\n new Keystroke((evt, state, editor) => {\n if (evt.which !== 8 /* backspace */ && evt.which !== 46 /* delete */) {\n return false;\n }\n\n editor.undoMgr.setCurrentMode('delete');\n if (!state.selection) {\n const isJump = (cledit.Utils.isMac && evt.altKey) || (!cledit.Utils.isMac && evt.ctrlKey);\n if (isJump) {\n // Custom kill word behavior\n const text = state.before + state.after;\n const offset = getNextWordOffset(text, state.before.length, evt.which === 8);\n if (evt.which === 8) {\n state.before = state.before.slice(0, offset);\n } else {\n state.after = state.after.slice(offset - text.length);\n }\n evt.preventDefault();\n return true;\n } else if (evt.which === 8 && state.before.slice(-1) === '\\n') {\n // Special treatment for end of lines\n state.before = state.before.slice(0, -1);\n evt.preventDefault();\n return true;\n } else if (evt.which === 46 && state.after.slice(0, 1) === '\\n') {\n state.after = state.after.slice(1);\n evt.preventDefault();\n return true;\n }\n } else {\n state.selection = '';\n evt.preventDefault();\n return true;\n }\n return false;\n }),\n\n new Keystroke((evt, state, editor) => {\n if (evt.which !== 37 /* left arrow */ && evt.which !== 39 /* right arrow */) {\n return false;\n }\n const isJump = (cledit.Utils.isMac && evt.altKey) || (!cledit.Utils.isMac && evt.ctrlKey);\n if (!isJump) {\n return false;\n }\n\n // Custom jump behavior\n const textContent = editor.getContent();\n const offset = getNextWordOffset(\n textContent,\n editor.selectionMgr.selectionEnd,\n evt.which === 37,\n );\n if (evt.shiftKey) {\n // rebuild the state completely\n const min = Math.min(editor.selectionMgr.selectionStart, offset);\n const max = Math.max(editor.selectionMgr.selectionStart, offset);\n state.before = textContent.slice(0, min);\n state.after = textContent.slice(max);\n state.selection = textContent.slice(min, max);\n state.isBackwardSelection = editor.selectionMgr.selectionStart > offset;\n } else {\n state.before = textContent.slice(0, offset);\n state.after = textContent.slice(offset);\n state.selection = '';\n }\n evt.preventDefault();\n return true;\n }),\n];\n"
},
{
"path": "src/services/editor/cledit/cleditMarker.js",
"content": "import cledit from './cleditCore';\n\nconst DIFF_DELETE = -1;\nconst DIFF_INSERT = 1;\nconst DIFF_EQUAL = 0;\n\nlet idCounter = 0;\n\nclass Marker {\n constructor(offset, trailing) {\n this.id = idCounter;\n idCounter += 1;\n this.offset = offset;\n this.trailing = trailing;\n }\n\n adjustOffset(diffs) {\n let startOffset = 0;\n diffs.cl_each((diff) => {\n const diffType = diff[0];\n const diffText = diff[1];\n const diffOffset = diffText.length;\n switch (diffType) {\n case DIFF_EQUAL:\n startOffset += diffOffset;\n break;\n case DIFF_INSERT:\n if (\n this.trailing\n ? this.offset > startOffset\n : this.offset >= startOffset\n ) {\n this.offset += diffOffset;\n }\n startOffset += diffOffset;\n break;\n case DIFF_DELETE:\n if (this.offset > startOffset) {\n this.offset -= Math.min(diffOffset, this.offset - startOffset);\n }\n break;\n default:\n }\n });\n }\n}\n\n\ncledit.Marker = Marker;\n"
},
{
"path": "src/services/editor/cledit/cleditSelectionMgr.js",
"content": "import cledit from './cleditCore';\n\nfunction SelectionMgr(editor) {\n const { debounce } = cledit.Utils;\n const contentElt = editor.$contentElt;\n const scrollElt = editor.$scrollElt;\n cledit.Utils.createEventHooks(this);\n\n let lastSelectionStart = 0;\n let lastSelectionEnd = 0;\n this.selectionStart = 0;\n this.selectionEnd = 0;\n this.cursorCoordinates = {};\n\n this.findContainer = (offset) => {\n const result = cledit.Utils.findContainer(contentElt, offset);\n if (result.container.nodeValue === '\\n') {\n const hdLfElt = result.container.parentNode;\n if (hdLfElt.className === 'hd-lf' && hdLfElt.previousSibling && hdLfElt.previousSibling.tagName === 'BR') {\n result.container = hdLfElt.parentNode;\n result.offsetInContainer = Array.prototype.indexOf.call(\n result.container.childNodes,\n result.offsetInContainer === 0 ? hdLfElt.previousSibling : hdLfElt,\n );\n }\n }\n return result;\n };\n\n this.createRange = (start, end) => {\n const range = document.createRange();\n const startContainer = typeof start === 'number'\n ? this.findContainer(start < 0 ? 0 : start)\n : start;\n let endContainer = startContainer;\n if (start !== end) {\n endContainer = typeof end === 'number'\n ? this.findContainer(end < 0 ? 0 : end)\n : end;\n }\n range.setStart(startContainer.container, startContainer.offsetInContainer);\n range.setEnd(endContainer.container, endContainer.offsetInContainer);\n return range;\n };\n\n let adjustScroll;\n const debouncedUpdateCursorCoordinates = debounce(() => {\n const coordinates = this.getCoordinates(\n this.selectionEnd,\n this.selectionEndContainer,\n this.selectionEndOffset,\n );\n if (this.cursorCoordinates.top !== coordinates.top ||\n this.cursorCoordinates.height !== coordinates.height ||\n this.cursorCoordinates.left !== coordinates.left\n ) {\n this.cursorCoordinates = coordinates;\n this.$trigger('cursorCoordinatesChanged', coordinates);\n }\n if (adjustScroll) {\n let scrollEltHeight = scrollElt.clientHeight;\n if (typeof adjustScroll === 'number') {\n scrollEltHeight -= adjustScroll;\n }\n const adjustment = (scrollEltHeight / 2) * editor.options.getCursorFocusRatio();\n let cursorTop = this.cursorCoordinates.top + (this.cursorCoordinates.height / 2);\n // Adjust cursorTop with contentElt position relative to scrollElt\n cursorTop += (contentElt.getBoundingClientRect().top - scrollElt.getBoundingClientRect().top)\n + scrollElt.scrollTop;\n const minScrollTop = cursorTop - adjustment;\n const maxScrollTop = (cursorTop + adjustment) - scrollEltHeight;\n if (scrollElt.scrollTop > minScrollTop) {\n scrollElt.scrollTop = minScrollTop;\n } else if (scrollElt.scrollTop < maxScrollTop) {\n scrollElt.scrollTop = maxScrollTop;\n }\n }\n adjustScroll = false;\n });\n\n this.updateCursorCoordinates = (adjustScrollParam) => {\n adjustScroll = adjustScroll || adjustScrollParam;\n debouncedUpdateCursorCoordinates();\n };\n\n let oldSelectionRange;\n\n const checkSelection = (selectionRange) => {\n if (!oldSelectionRange ||\n oldSelectionRange.startContainer !== selectionRange.startContainer ||\n oldSelectionRange.startOffset !== selectionRange.startOffset ||\n oldSelectionRange.endContainer !== selectionRange.endContainer ||\n oldSelectionRange.endOffset !== selectionRange.endOffset\n ) {\n oldSelectionRange = selectionRange;\n this.$trigger('selectionChanged', this.selectionStart, this.selectionEnd, selectionRange);\n return true;\n }\n return false;\n };\n\n this.hasFocus = () => contentElt === document.activeElement;\n\n this.restoreSelection = () => {\n const min = Math.min(this.selectionStart, this.selectionEnd);\n const max = Math.max(this.selectionStart, this.selectionEnd);\n const selectionRange = this.createRange(min, max);\n if (!document.contains(selectionRange.commonAncestorContainer)) {\n return null;\n }\n const selection = window.getSelection();\n selection.removeAllRanges();\n const isBackward = this.selectionStart > this.selectionEnd;\n if (isBackward && selection.extend) {\n const beginRange = selectionRange.cloneRange();\n beginRange.collapse(false);\n selection.addRange(beginRange);\n selection.extend(selectionRange.startContainer, selectionRange.startOffset);\n } else {\n selection.addRange(selectionRange);\n }\n checkSelection(selectionRange);\n return selectionRange;\n };\n\n const saveLastSelection = debounce(() => {\n lastSelectionStart = this.selectionStart;\n lastSelectionEnd = this.selectionEnd;\n }, 50);\n\n const setSelection = (start = this.selectionStart, end = this.selectionEnd) => {\n this.selectionStart = start < 0 ? 0 : start;\n this.selectionEnd = end < 0 ? 0 : end;\n saveLastSelection();\n };\n\n this.setSelectionStartEnd = (start, end, restoreSelection = true) => {\n setSelection(start, end);\n if (restoreSelection && this.hasFocus()) {\n return this.restoreSelection();\n }\n return null;\n };\n\n this.saveSelectionState = (() => {\n // Credit: https://github.com/timdown/rangy\n function arrayContains(arr, val) {\n let i = arr.length;\n while (i) {\n i -= 1;\n if (arr[i] === val) {\n return true;\n }\n }\n return false;\n }\n\n function getClosestAncestorIn(node, ancestor, selfIsAncestor) {\n let p;\n let n = selfIsAncestor ? node : node.parentNode;\n while (n) {\n p = n.parentNode;\n if (p === ancestor) {\n return n;\n }\n n = p;\n }\n return null;\n }\n\n function getNodeIndex(node) {\n let i = 0;\n let { previousSibling } = node;\n while (previousSibling) {\n i += 1;\n ({ previousSibling } = previousSibling);\n }\n return i;\n }\n\n function getCommonAncestor(node1, node2) {\n const ancestors = [];\n let n;\n for (n = node1; n; n = n.parentNode) {\n ancestors.push(n);\n }\n\n for (n = node2; n; n = n.parentNode) {\n if (arrayContains(ancestors, n)) {\n return n;\n }\n }\n\n return null;\n }\n\n function comparePoints(nodeA, offsetA, nodeB, offsetB) {\n // See http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-Comparing\n let n;\n if (nodeA === nodeB) {\n // Case 1: nodes are the same\n if (offsetA === offsetB) {\n return 0;\n }\n return offsetA < offsetB ? -1 : 1;\n }\n let nodeC = getClosestAncestorIn(nodeB, nodeA, true);\n if (nodeC) {\n // Case 2: node C (container B or an ancestor) is a child node of A\n return offsetA <= getNodeIndex(nodeC) ? -1 : 1;\n }\n nodeC = getClosestAncestorIn(nodeA, nodeB, true);\n if (nodeC) {\n // Case 3: node C (container A or an ancestor) is a child node of B\n return getNodeIndex(nodeC) < offsetB ? -1 : 1;\n }\n const root = getCommonAncestor(nodeA, nodeB);\n if (!root) {\n throw new Error('comparePoints error: nodes have no common ancestor');\n }\n\n // Case 4: containers are siblings or descendants of siblings\n const childA = (nodeA === root) ? root : getClosestAncestorIn(nodeA, root, true);\n const childB = (nodeB === root) ? root : getClosestAncestorIn(nodeB, root, true);\n\n if (childA === childB) {\n // This shouldn't be possible\n throw module.createError('comparePoints got to case 4 and childA and childB are the same!');\n }\n n = root.firstChild;\n while (n) {\n if (n === childA) {\n return -1;\n } else if (n === childB) {\n return 1;\n }\n n = n.nextSibling;\n }\n return 0;\n }\n\n const save = () => {\n let result;\n if (this.hasFocus()) {\n let { selectionStart } = this;\n let { selectionEnd } = this;\n const selection = window.getSelection();\n if (selection.rangeCount > 0) {\n const selectionRange = selection.getRangeAt(0);\n let node = selectionRange.startContainer;\n // eslint-disable-next-line no-bitwise\n if ((contentElt.compareDocumentPosition(node)\n & window.Node.DOCUMENT_POSITION_CONTAINED_BY)\n || contentElt === node\n ) {\n let offset = selectionRange.startOffset;\n if (node.firstChild && offset > 0) {\n node = node.childNodes[offset - 1];\n offset = node.textContent.length;\n }\n let container = node;\n while (node !== contentElt) {\n node = node.previousSibling;\n while (node) {\n offset += (node.textContent || '').length;\n node = node.previousSibling;\n }\n node = container.parentNode;\n container = node;\n }\n let selectionText = `${selectionRange}`;\n // Fix end of line when only br is selected\n const brElt = selectionRange.endContainer.firstChild;\n if (brElt && brElt.tagName === 'BR' && selectionRange.endOffset === 1) {\n selectionText += '\\n';\n }\n if (comparePoints(\n selection.anchorNode,\n selection.anchorOffset,\n selection.focusNode,\n selection.focusOffset,\n ) === 1) {\n selectionStart = offset + selectionText.length;\n selectionEnd = offset;\n } else {\n selectionStart = offset;\n selectionEnd = offset + selectionText.length;\n }\n\n if (selectionStart === selectionEnd && selectionStart === editor.getContent().length) {\n // If cursor is after the trailingNode\n selectionEnd -= 1;\n selectionStart = selectionEnd;\n result = this.setSelectionStartEnd(selectionStart, selectionEnd);\n } else {\n setSelection(selectionStart, selectionEnd);\n result = checkSelection(selectionRange);\n // selectionRange doesn't change when selection is at the start of a section\n result = result || lastSelectionStart !== this.selectionStart;\n }\n }\n }\n }\n return result;\n };\n\n const saveCheckChange = () => save() && (\n lastSelectionStart !== this.selectionStart || lastSelectionEnd !== this.selectionEnd);\n\n let nextTickAdjustScroll = false;\n const longerDebouncedSave = debounce(() => {\n this.updateCursorCoordinates(saveCheckChange() && nextTickAdjustScroll);\n nextTickAdjustScroll = false;\n }, 10);\n const debouncedSave = debounce(() => {\n this.updateCursorCoordinates(saveCheckChange() && nextTickAdjustScroll);\n // In some cases we have to wait a little longer to see the\n // selection change (Cmd+A on Chrome OSX)\n longerDebouncedSave();\n });\n\n return (debounced, adjustScrollParam, forceAdjustScroll) => {\n if (forceAdjustScroll) {\n lastSelectionStart = undefined;\n lastSelectionEnd = undefined;\n }\n if (debounced) {\n nextTickAdjustScroll = nextTickAdjustScroll || adjustScrollParam;\n debouncedSave();\n } else {\n save();\n }\n };\n })();\n\n this.getSelectedText = () => {\n const min = Math.min(this.selectionStart, this.selectionEnd);\n const max = Math.max(this.selectionStart, this.selectionEnd);\n return editor.getContent().substring(min, max);\n };\n\n this.getCoordinates = (inputOffset, containerParam, offsetInContainerParam) => {\n let container = containerParam;\n let offsetInContainer = offsetInContainerParam;\n if (!container) {\n const offset = this.findContainer(inputOffset);\n ({ container } = offset);\n ({ offsetInContainer } = offset);\n }\n let containerElt = container;\n if (!containerElt.hasChildNodes() && container.parentNode) {\n containerElt = container.parentNode;\n }\n let isInvisible = false;\n while (!containerElt.offsetHeight) {\n isInvisible = true;\n if (containerElt.previousSibling) {\n containerElt = containerElt.previousSibling;\n } else {\n containerElt = containerElt.parentNode;\n if (!containerElt) {\n return {\n top: 0,\n height: 0,\n left: 0,\n };\n }\n }\n }\n let rect;\n let left = 'left';\n if (isInvisible || container.textContent === '\\n') {\n rect = containerElt.getBoundingClientRect();\n } else {\n const selectedChar = editor.getContent()[inputOffset];\n let startOffset = {\n container,\n offsetInContainer,\n };\n let endOffset = {\n container,\n offsetInContainer,\n };\n if (inputOffset > 0 && (selectedChar === undefined || selectedChar === '\\n')) {\n left = 'right';\n if (startOffset.offsetInContainer === 0) {\n // Need to calculate offset-1\n startOffset = inputOffset - 1;\n } else {\n startOffset.offsetInContainer -= 1;\n }\n } else if (endOffset.offsetInContainer === container.textContent.length) {\n // Need to calculate offset+1\n endOffset = inputOffset + 1;\n } else {\n endOffset.offsetInContainer += 1;\n }\n const range = this.createRange(startOffset, endOffset);\n rect = range.getBoundingClientRect();\n }\n const contentRect = contentElt.getBoundingClientRect();\n return {\n top: Math.round((rect.top - contentRect.top) + contentElt.scrollTop),\n height: Math.round(rect.height),\n left: Math.round((rect[left] - contentRect.left) + contentElt.scrollLeft),\n };\n };\n\n this.getClosestWordOffset = (offset) => {\n let offsetStart = 0;\n let offsetEnd = 0;\n let nextOffset = 0;\n editor.getContent().split(/\\s/).cl_some((word) => {\n if (word) {\n offsetStart = nextOffset;\n offsetEnd = nextOffset + word.length;\n if (offsetEnd > offset) {\n return true;\n }\n }\n nextOffset += word.length + 1;\n return false;\n });\n return {\n start: offsetStart,\n end: offsetEnd,\n };\n };\n}\n\ncledit.SelectionMgr = SelectionMgr;\n"
},
{
"path": "src/services/editor/cledit/cleditUndoMgr.js",
"content": "import DiffMatchPatch from 'diff-match-patch';\nimport cledit from './cleditCore';\n\nfunction UndoMgr(editor) {\n cledit.Utils.createEventHooks(this);\n\n /* eslint-disable new-cap */\n const diffMatchPatch = new DiffMatchPatch();\n /* eslint-enable new-cap */\n\n const self = this;\n let selectionMgr;\n const undoStack = [];\n const redoStack = [];\n let currentState;\n let previousPatches = [];\n let currentPatches = [];\n const { debounce } = cledit.Utils;\n\n this.options = {\n undoStackMaxSize: 200,\n bufferStateUntilIdle: 1000,\n patchHandler: {\n makePatches(oldContent, newContent, diffs) {\n return diffMatchPatch.patch_make(oldContent, diffs);\n },\n applyPatches(patches, content) {\n return diffMatchPatch.patch_apply(patches, content)[0];\n },\n reversePatches(patches) {\n const reversedPatches = diffMatchPatch.patch_deepCopy(patches).reverse();\n reversedPatches.cl_each((patch) => {\n patch.diffs.cl_each((diff) => {\n diff[0] = -diff[0];\n });\n });\n return reversedPatches;\n },\n },\n };\n\n let stateMgr;\n function StateMgr() {\n let currentTime;\n let lastTime;\n let lastMode;\n\n this.isBufferState = () => {\n currentTime = Date.now();\n return this.currentMode !== 'single' &&\n this.currentMode === lastMode &&\n currentTime - lastTime < self.options.bufferStateUntilIdle;\n };\n\n this.setDefaultMode = (mode) => {\n this.currentMode = this.currentMode || mode;\n };\n\n this.resetMode = () => {\n stateMgr.currentMode = undefined;\n lastMode = undefined;\n };\n\n this.saveMode = () => {\n lastMode = this.currentMode;\n this.currentMode = undefined;\n lastTime = currentTime;\n };\n }\n\n class State {\n addToUndoStack() {\n undoStack.push(this);\n this.patches = previousPatches;\n previousPatches = [];\n }\n addToRedoStack() {\n redoStack.push(this);\n this.patches = previousPatches;\n previousPatches = [];\n }\n }\n\n stateMgr = new StateMgr();\n this.setCurrentMode = (mode) => {\n stateMgr.currentMode = mode;\n };\n this.setDefaultMode = stateMgr.setDefaultMode.cl_bind(stateMgr);\n\n this.addDiffs = (oldContent, newContent, diffs) => {\n const patches = this.options.patchHandler.makePatches(oldContent, newContent, diffs);\n patches.cl_each(patch => currentPatches.push(patch));\n };\n\n function saveCurrentPatches() {\n // Move currentPatches into previousPatches\n Array.prototype.push.apply(previousPatches, currentPatches);\n currentPatches = [];\n }\n\n this.saveState = debounce(() => {\n redoStack.length = 0;\n if (!stateMgr.isBufferState()) {\n currentState.addToUndoStack();\n\n // Limit the size of the stack\n while (undoStack.length > this.options.undoStackMaxSize) {\n undoStack.shift();\n }\n }\n saveCurrentPatches();\n currentState = new State();\n stateMgr.saveMode();\n this.$trigger('undoStateChange');\n });\n\n this.canUndo = () => !!undoStack.length;\n this.canRedo = () => !!redoStack.length;\n\n const restoreState = (patchesParam, isForward) => {\n let patches = patchesParam;\n // Update editor\n const content = editor.getContent();\n if (!isForward) {\n patches = this.options.patchHandler.reversePatches(patches);\n }\n\n const newContent = this.options.patchHandler.applyPatches(patches, content);\n const newContentText = newContent.text || newContent;\n const range = editor.setContent(newContentText, true);\n const selection = newContent.selection || {\n start: range.end,\n end: range.end,\n };\n\n selectionMgr.setSelectionStartEnd(selection.start, selection.end);\n selectionMgr.updateCursorCoordinates(true);\n\n stateMgr.resetMode();\n this.$trigger('undoStateChange');\n editor.adjustCursorPosition();\n };\n\n this.undo = () => {\n const state = undoStack.pop();\n if (!state) {\n return;\n }\n saveCurrentPatches();\n currentState.addToRedoStack();\n restoreState(currentState.patches);\n previousPatches = state.patches;\n currentState = state;\n };\n\n this.redo = () => {\n const state = redoStack.pop();\n if (!state) {\n return;\n }\n currentState.addToUndoStack();\n restoreState(state.patches, true);\n previousPatches = state.patches;\n currentState = state;\n };\n\n this.init = (options) => {\n this.options.cl_extend(options || {});\n ({ selectionMgr } = editor);\n if (!currentState) {\n currentState = new State();\n }\n };\n}\n\ncledit.UndoMgr = UndoMgr;\n"
},
{
"path": "src/services/editor/cledit/cleditUtils.js",
"content": "import cledit from './cleditCore';\n\nconst Utils = {\n isGecko: 'MozAppearance' in document.documentElement.style,\n isWebkit: 'WebkitAppearance' in document.documentElement.style,\n isMsie: 'msTransform' in document.documentElement.style,\n isMac: navigator.userAgent.indexOf('Mac OS X') !== -1,\n};\n\n// Faster than setTimeout(0). Credit: https://github.com/stefanpenner/es6-promise\nUtils.defer = (() => {\n const queue = new Array(1000);\n let queueLength = 0;\n function flush() {\n for (let i = 0; i < queueLength; i += 1) {\n try {\n queue[i]();\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e.message, e.stack);\n }\n queue[i] = undefined;\n }\n queueLength = 0;\n }\n\n let iterations = 0;\n const observer = new window.MutationObserver(flush);\n const node = document.createTextNode('');\n observer.observe(node, { characterData: true });\n\n return (fn) => {\n queue[queueLength] = fn;\n queueLength += 1;\n if (queueLength === 1) {\n iterations = (iterations + 1) % 2;\n node.data = iterations;\n }\n };\n})();\n\nUtils.debounce = (func, wait) => {\n let timeoutId;\n let isExpected;\n return wait\n ? () => {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(func, wait);\n }\n : () => {\n if (!isExpected) {\n isExpected = true;\n Utils.defer(() => {\n isExpected = false;\n func();\n });\n }\n };\n};\n\nUtils.createEventHooks = (object) => {\n const listenerMap = Object.create(null);\n object.$trigger = (eventType, ...args) => {\n const listeners = listenerMap[eventType];\n if (listeners) {\n listeners.cl_each((listener) => {\n try {\n listener.apply(object, args);\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e.message, e.stack);\n }\n });\n }\n };\n object.on = (eventType, listener) => {\n let listeners = listenerMap[eventType];\n if (!listeners) {\n listeners = [];\n listenerMap[eventType] = listeners;\n }\n listeners.push(listener);\n };\n object.off = (eventType, listener) => {\n const listeners = listenerMap[eventType];\n if (listeners) {\n const index = listeners.indexOf(listener);\n if (index !== -1) {\n listeners.splice(index, 1);\n }\n }\n };\n};\n\nUtils.findContainer = (elt, offset) => {\n let containerOffset = 0;\n let container;\n let child = elt;\n do {\n container = child;\n child = child.firstChild;\n if (child) {\n do {\n const len = child.textContent.length;\n if (containerOffset <= offset && containerOffset + len > offset) {\n break;\n }\n containerOffset += len;\n child = child.nextSibling;\n } while (child);\n }\n } while (child && child.firstChild && child.nodeType !== 3);\n\n if (child) {\n return {\n container: child,\n offsetInContainer: offset - containerOffset,\n };\n }\n while (container.lastChild) {\n container = container.lastChild;\n }\n return {\n container,\n offsetInContainer: container.nodeType === 3 ? container.textContent.length : 0,\n };\n};\n\ncledit.Utils = Utils;\n"
},
{
"path": "src/services/editor/cledit/cleditWatcher.js",
"content": "import cledit from './cleditCore';\n\nfunction Watcher(editor, listener) {\n this.isWatching = false;\n let contentObserver;\n this.startWatching = () => {\n this.stopWatching();\n this.isWatching = true;\n contentObserver = new window.MutationObserver(listener);\n contentObserver.observe(editor.$contentElt, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n };\n this.stopWatching = () => {\n if (contentObserver) {\n contentObserver.disconnect();\n contentObserver = undefined;\n }\n this.isWatching = false;\n };\n this.noWatch = (cb) => {\n if (this.isWatching === true) {\n this.stopWatching();\n cb();\n this.startWatching();\n } else {\n cb();\n }\n };\n}\n\ncledit.Watcher = Watcher;\n"
},
{
"path": "src/services/editor/cledit/index.js",
"content": "import '../../../libs/clunderscore';\nimport cledit from './cleditCore';\nimport './cleditHighlighter';\nimport './cleditKeystroke';\nimport './cleditMarker';\nimport './cleditSelectionMgr';\nimport './cleditUndoMgr';\nimport './cleditUtils';\nimport './cleditWatcher';\n\nexport default cledit;\n"
},
{
"path": "src/services/editor/editorSvcDiscussions.js",
"content": "import DiffMatchPatch from 'diff-match-patch';\nimport cledit from './cledit';\nimport utils from '../utils';\nimport diffUtils from '../diffUtils';\nimport store from '../../store';\nimport EditorClassApplier from '../../components/common/EditorClassApplier';\nimport PreviewClassApplier from '../../components/common/PreviewClassApplier';\n\nlet clEditor;\n// let discussionIds = {};\nlet discussionMarkers = {};\nlet markerKeys;\nlet markerIdxMap;\nlet previousPatchableText;\nlet currentPatchableText;\nlet isChangePatch;\nlet contentId;\nlet editorClassAppliers = {};\nlet previewClassAppliers = {};\n\nfunction getDiscussionMarkers(discussion, discussionId, onMarker) {\n const getMarker = (offsetName) => {\n const markerKey = `${discussionId}:${offsetName}`;\n let marker = discussionMarkers[markerKey];\n if (!marker) {\n marker = new cledit.Marker(discussion[offsetName], offsetName === 'end');\n marker.discussionId = discussionId;\n marker.offsetName = offsetName;\n clEditor.addMarker(marker);\n discussionMarkers[markerKey] = marker;\n }\n onMarker(marker);\n };\n getMarker('start');\n getMarker('end');\n}\n\nfunction syncDiscussionMarkers(content, writeOffsets) {\n const discussions = {\n ...content.discussions,\n };\n const newDiscussion = store.getters['discussion/newDiscussion'];\n if (newDiscussion) {\n discussions[store.state.discussion.newDiscussionId] = {\n ...newDiscussion,\n };\n }\n Object.entries(discussionMarkers).forEach(([markerKey, marker]) => {\n // Remove marker if discussion was removed\n const discussion = discussions[marker.discussionId];\n if (!discussion) {\n clEditor.removeMarker(marker);\n delete discussionMarkers[markerKey];\n }\n });\n\n Object.entries(discussions).forEach(([discussionId, discussion]) => {\n getDiscussionMarkers(discussion, discussionId, writeOffsets\n ? (marker) => {\n discussion[marker.offsetName] = marker.offset;\n }\n : (marker) => {\n marker.offset = discussion[marker.offsetName];\n });\n });\n\n if (writeOffsets && newDiscussion) {\n store.commit(\n 'discussion/patchNewDiscussion',\n discussions[store.state.discussion.newDiscussionId],\n );\n }\n}\n\nfunction removeDiscussionMarkers() {\n Object.entries(discussionMarkers).forEach(([, marker]) => {\n clEditor.removeMarker(marker);\n });\n discussionMarkers = {};\n markerKeys = [];\n markerIdxMap = Object.create(null);\n}\n\nconst diffMatchPatch = new DiffMatchPatch();\n\nfunction makePatches() {\n const diffs = diffMatchPatch.diff_main(previousPatchableText, currentPatchableText);\n return diffMatchPatch.patch_make(previousPatchableText, diffs);\n}\n\nfunction applyPatches(patches) {\n const newPatchableText = diffMatchPatch.patch_apply(patches, currentPatchableText)[0];\n let result = newPatchableText;\n if (markerKeys.length) {\n // Strip text markers\n result = result.replace(new RegExp(`[\\ue000-${String.fromCharCode((0xe000 + markerKeys.length) - 1)}]`, 'g'), '');\n }\n // Expect a `contentChanged` event\n if (result !== clEditor.getContent()) {\n previousPatchableText = currentPatchableText;\n currentPatchableText = newPatchableText;\n isChangePatch = true;\n }\n return result;\n}\n\nfunction reversePatches(patches) {\n const result = diffMatchPatch.patch_deepCopy(patches).reverse();\n result.forEach((patch) => {\n patch.diffs.forEach((diff) => {\n diff[0] = -diff[0];\n });\n });\n return result;\n}\n\nexport default {\n createClEditor(editorElt) {\n this.clEditor = cledit(editorElt, editorElt.parentNode, true);\n ({ clEditor } = this);\n clEditor.on('contentChanged', (text) => {\n const oldContent = store.getters['content/current'];\n const newContent = {\n ...utils.deepCopy(oldContent),\n text: utils.sanitizeText(text),\n };\n syncDiscussionMarkers(newContent, true);\n if (!isChangePatch) {\n previousPatchableText = currentPatchableText;\n currentPatchableText = diffUtils.makePatchableText(newContent, markerKeys, markerIdxMap);\n } else {\n // Take a chance to restore discussion offsets on undo/redo\n newContent.text = currentPatchableText;\n diffUtils.restoreDiscussionOffsets(newContent, markerKeys);\n syncDiscussionMarkers(newContent, false);\n }\n store.dispatch('content/patchCurrent', newContent);\n isChangePatch = false;\n });\n clEditor.on('focus', () => store.commit('discussion/setNewCommentFocus', false));\n },\n initClEditorInternal(opts) {\n const content = store.getters['content/current'];\n if (content) {\n removeDiscussionMarkers(); // Markers will be recreated on contentChanged\n const contentState = store.getters['contentState/current'];\n const options = Object.assign({\n selectionStart: contentState.selectionStart,\n selectionEnd: contentState.selectionEnd,\n patchHandler: {\n makePatches,\n applyPatches,\n reversePatches,\n },\n }, opts);\n\n if (contentId !== content.id) {\n contentId = content.id;\n currentPatchableText = diffUtils.makePatchableText(content, markerKeys, markerIdxMap);\n previousPatchableText = currentPatchableText;\n syncDiscussionMarkers(content, false);\n options.content = content.text;\n }\n\n clEditor.init(options);\n }\n },\n applyContent() {\n if (clEditor) {\n const content = store.getters['content/current'];\n if (clEditor.setContent(content.text, true).range) {\n // Marker will be recreated on contentChange\n removeDiscussionMarkers();\n } else {\n syncDiscussionMarkers(content, false);\n }\n }\n },\n getTrimmedSelection() {\n const { selectionMgr } = clEditor;\n let start = Math.min(selectionMgr.selectionStart, selectionMgr.selectionEnd);\n let end = Math.max(selectionMgr.selectionStart, selectionMgr.selectionEnd);\n const text = clEditor.getContent();\n while ((text[start] || '').match(/\\s/)) {\n start += 1;\n }\n while ((text[end - 1] || '').match(/\\s/)) {\n end -= 1;\n }\n return start < end && { start, end };\n },\n initHighlighters() {\n store.watch(\n () => store.getters['discussion/newDiscussion'],\n () => syncDiscussionMarkers(store.getters['content/current'], false),\n );\n\n store.watch(\n () => store.getters['discussion/currentFileDiscussions'],\n (discussions) => {\n const classGetter = (type, discussionId) => () => {\n const classes = [`discussion-${type}-highlighting--${discussionId}`, `discussion-${type}-highlighting`];\n if (store.state.discussion.currentDiscussionId === discussionId) {\n classes.push(`discussion-${type}-highlighting--selected`);\n }\n return classes;\n };\n const offsetGetter = discussionId => () => {\n const startMarker = discussionMarkers[`${discussionId}:start`];\n const endMarker = discussionMarkers[`${discussionId}:end`];\n return startMarker && endMarker && {\n start: startMarker.offset,\n end: endMarker.offset,\n };\n };\n\n // Editor class appliers\n const oldEditorClassAppliers = editorClassAppliers;\n editorClassAppliers = {};\n Object.keys(discussions).forEach((discussionId) => {\n const classApplier = oldEditorClassAppliers[discussionId] || new EditorClassApplier(\n classGetter('editor', discussionId),\n offsetGetter(discussionId),\n { discussionId },\n );\n editorClassAppliers[discussionId] = classApplier;\n });\n // Clean unused class appliers\n Object.entries(oldEditorClassAppliers).forEach(([discussionId, classApplier]) => {\n if (!editorClassAppliers[discussionId]) {\n classApplier.stop();\n }\n });\n\n // Preview class appliers\n const oldPreviewClassAppliers = previewClassAppliers;\n previewClassAppliers = {};\n Object.keys(discussions).forEach((discussionId) => {\n const classApplier = oldPreviewClassAppliers[discussionId] || new PreviewClassApplier(\n classGetter('preview', discussionId),\n offsetGetter(discussionId),\n { discussionId },\n );\n previewClassAppliers[discussionId] = classApplier;\n });\n // Clean unused class appliers\n Object.entries(oldPreviewClassAppliers).forEach(([discussionId, classApplier]) => {\n if (!previewClassAppliers[discussionId]) {\n classApplier.stop();\n }\n });\n },\n );\n },\n};\n\n"
},
{
"path": "src/services/editor/editorSvcUtils.js",
"content": "import DiffMatchPatch from 'diff-match-patch';\nimport cledit from './cledit';\nimport animationSvc from '../animationSvc';\nimport store from '../../store';\n\nconst diffMatchPatch = new DiffMatchPatch();\n\nexport default {\n /**\n * Get an object describing the position of the scroll bar in the file.\n */\n getScrollPosition(elt = store.getters['layout/styles'].showEditor\n ? this.editorElt : this.previewElt) {\n const dimensionKey = elt === this.editorElt\n ? 'editorDimension'\n : 'previewDimension';\n const { scrollTop } = elt.parentNode;\n let result;\n if (this.previewCtxMeasured) {\n this.previewCtxMeasured.sectionDescList.some((sectionDesc, sectionIdx) => {\n if (scrollTop >= sectionDesc[dimensionKey].endOffset) {\n return false;\n }\n const posInSection = (scrollTop - sectionDesc[dimensionKey].startOffset) /\n (sectionDesc[dimensionKey].height || 1);\n result = {\n sectionIdx,\n posInSection,\n };\n return true;\n });\n }\n return result;\n },\n\n /**\n * Restore the scroll position from the current file content state.\n */\n restoreScrollPosition() {\n const { scrollPosition } = store.getters['contentState/current'];\n if (scrollPosition && this.previewCtxMeasured) {\n const sectionDesc = this.previewCtxMeasured.sectionDescList[scrollPosition.sectionIdx];\n if (sectionDesc) {\n const editorScrollTop = sectionDesc.editorDimension.startOffset +\n (sectionDesc.editorDimension.height * scrollPosition.posInSection);\n this.editorElt.parentNode.scrollTop = Math.floor(editorScrollTop);\n const previewScrollTop = sectionDesc.previewDimension.startOffset +\n (sectionDesc.previewDimension.height * scrollPosition.posInSection);\n this.previewElt.parentNode.scrollTop = Math.floor(previewScrollTop);\n }\n }\n },\n\n /**\n * Get the offset in the preview corresponding to the offset of the markdown in the editor\n */\n getPreviewOffset(\n editorOffset,\n sectionDescList = (this.previewCtxWithDiffs || {}).sectionDescList,\n ) {\n if (!sectionDescList) {\n return null;\n }\n let offset = editorOffset;\n let previewOffset = 0;\n sectionDescList.some((sectionDesc) => {\n if (!sectionDesc.textToPreviewDiffs) {\n previewOffset = null;\n return true;\n }\n if (sectionDesc.section.text.length >= offset) {\n previewOffset += diffMatchPatch.diff_xIndex(sectionDesc.textToPreviewDiffs, offset);\n return true;\n }\n offset -= sectionDesc.section.text.length;\n previewOffset += sectionDesc.previewText.length;\n return false;\n });\n return previewOffset;\n },\n\n /**\n * Get the offset of the markdown in the editor corresponding to the offset in the preview\n */\n getEditorOffset(\n previewOffset,\n sectionDescList = (this.previewCtxWithDiffs || {}).sectionDescList,\n ) {\n if (!sectionDescList) {\n return null;\n }\n let offset = previewOffset;\n let editorOffset = 0;\n sectionDescList.some((sectionDesc) => {\n if (!sectionDesc.textToPreviewDiffs) {\n editorOffset = null;\n return true;\n }\n if (sectionDesc.previewText.length >= offset) {\n const previewToTextDiffs = sectionDesc.textToPreviewDiffs\n .map(diff => [-diff[0], diff[1]]);\n editorOffset += diffMatchPatch.diff_xIndex(previewToTextDiffs, offset);\n return true;\n }\n offset -= sectionDesc.previewText.length;\n editorOffset += sectionDesc.section.text.length;\n return false;\n });\n return editorOffset;\n },\n\n /**\n * Get the coordinates of an offset in the preview\n */\n getPreviewOffsetCoordinates(offset) {\n const start = cledit.Utils.findContainer(this.previewElt, offset && offset - 1);\n const end = cledit.Utils.findContainer(this.previewElt, offset || offset + 1);\n const range = document.createRange();\n range.setStart(start.container, start.offsetInContainer);\n range.setEnd(end.container, end.offsetInContainer);\n const rect = range.getBoundingClientRect();\n const contentRect = this.previewElt.getBoundingClientRect();\n return {\n top: Math.round((rect.top - contentRect.top) + this.previewElt.scrollTop),\n height: Math.round(rect.height),\n left: Math.round((rect.right - contentRect.left) + this.previewElt.scrollLeft),\n };\n },\n\n /**\n * Scroll the preview (or the editor if preview is hidden) to the specified anchor\n */\n scrollToAnchor(anchor) {\n let scrollTop = 0;\n const scrollerElt = this.previewElt.parentNode;\n const elt = document.getElementById(anchor);\n if (elt) {\n scrollTop = elt.offsetTop;\n }\n const maxScrollTop = scrollerElt.scrollHeight - scrollerElt.offsetHeight;\n if (scrollTop < 0) {\n scrollTop = 0;\n } else if (scrollTop > maxScrollTop) {\n scrollTop = maxScrollTop;\n }\n animationSvc.animate(scrollerElt)\n .scrollTop(scrollTop)\n .duration(360)\n .start();\n },\n};\n"
},
{
"path": "src/services/editor/sectionUtils.js",
"content": "class SectionDimension {\n constructor(startOffset, endOffset) {\n this.startOffset = startOffset;\n this.endOffset = endOffset;\n this.height = endOffset - startOffset;\n }\n}\n\nconst dimensionNormalizer = dimensionName => (editorSvc) => {\n const dimensionList = editorSvc.previewCtx.sectionDescList\n .map(sectionDesc => sectionDesc[dimensionName]);\n let dimension;\n let i;\n let j;\n for (i = 0; i < dimensionList.length; i += 1) {\n dimension = dimensionList[i];\n if (dimension.height) {\n for (j = i + 1; j < dimensionList.length && dimensionList[j].height === 0; j += 1) {\n // Loop\n }\n const normalizeFactor = j - i;\n if (normalizeFactor !== 1) {\n const normalizedHeight = dimension.height / normalizeFactor;\n dimension.height = normalizedHeight;\n dimension.endOffset = dimension.startOffset + dimension.height;\n for (j = i + 1; j < i + normalizeFactor; j += 1) {\n const startOffset = dimension.endOffset;\n dimension = dimensionList[j];\n dimension.startOffset = startOffset;\n dimension.height = normalizedHeight;\n dimension.endOffset = dimension.startOffset + dimension.height;\n }\n i = j - 1;\n }\n }\n }\n};\n\nconst normalizeEditorDimensions = dimensionNormalizer('editorDimension');\nconst normalizePreviewDimensions = dimensionNormalizer('previewDimension');\nconst normalizeTocDimensions = dimensionNormalizer('tocDimension');\n\nexport default {\n measureSectionDimensions(editorSvc) {\n let editorSectionOffset = 0;\n let previewSectionOffset = 0;\n let tocSectionOffset = 0;\n let sectionDesc = editorSvc.previewCtx.sectionDescList[0];\n let nextSectionDesc;\n let i = 1;\n for (; i < editorSvc.previewCtx.sectionDescList.length; i += 1) {\n nextSectionDesc = editorSvc.previewCtx.sectionDescList[i];\n\n // Measure editor section\n let newEditorSectionOffset = nextSectionDesc.editorElt\n ? nextSectionDesc.editorElt.offsetTop\n : editorSectionOffset;\n newEditorSectionOffset = newEditorSectionOffset > editorSectionOffset\n ? newEditorSectionOffset\n : editorSectionOffset;\n sectionDesc.editorDimension = new SectionDimension(\n editorSectionOffset,\n newEditorSectionOffset,\n );\n editorSectionOffset = newEditorSectionOffset;\n\n // Measure preview section\n let newPreviewSectionOffset = nextSectionDesc.previewElt\n ? nextSectionDesc.previewElt.offsetTop\n : previewSectionOffset;\n newPreviewSectionOffset = newPreviewSectionOffset > previewSectionOffset\n ? newPreviewSectionOffset\n : previewSectionOffset;\n sectionDesc.previewDimension = new SectionDimension(\n previewSectionOffset,\n newPreviewSectionOffset,\n );\n previewSectionOffset = newPreviewSectionOffset;\n\n // Measure TOC section\n let newTocSectionOffset = nextSectionDesc.tocElt\n ? nextSectionDesc.tocElt.offsetTop + (nextSectionDesc.tocElt.offsetHeight / 2)\n : tocSectionOffset;\n newTocSectionOffset = newTocSectionOffset > tocSectionOffset\n ? newTocSectionOffset\n : tocSectionOffset;\n sectionDesc.tocDimension = new SectionDimension(tocSectionOffset, newTocSectionOffset);\n tocSectionOffset = newTocSectionOffset;\n\n sectionDesc = nextSectionDesc;\n }\n\n // Last section\n sectionDesc = editorSvc.previewCtx.sectionDescList[i - 1];\n if (sectionDesc) {\n sectionDesc.editorDimension = new SectionDimension(\n editorSectionOffset,\n editorSvc.editorElt.scrollHeight,\n );\n sectionDesc.previewDimension = new SectionDimension(\n previewSectionOffset,\n editorSvc.previewElt.scrollHeight,\n );\n sectionDesc.tocDimension = new SectionDimension(\n tocSectionOffset,\n editorSvc.tocElt.scrollHeight,\n );\n }\n\n normalizeEditorDimensions(editorSvc);\n normalizePreviewDimensions(editorSvc);\n normalizeTocDimensions(editorSvc);\n },\n};\n"
},
{
"path": "src/services/editorSvc.js",
"content": "import Vue from 'vue';\nimport DiffMatchPatch from 'diff-match-patch';\nimport Prism from 'prismjs';\nimport markdownItPandocRenderer from 'markdown-it-pandoc-renderer';\nimport cledit from './editor/cledit';\nimport pagedown from '../libs/pagedown';\nimport htmlSanitizer from '../libs/htmlSanitizer';\nimport markdownConversionSvc from './markdownConversionSvc';\nimport markdownGrammarSvc from './markdownGrammarSvc';\nimport sectionUtils from './editor/sectionUtils';\nimport extensionSvc from './extensionSvc';\nimport editorSvcDiscussions from './editor/editorSvcDiscussions';\nimport editorSvcUtils from './editor/editorSvcUtils';\nimport utils from './utils';\nimport store from '../store';\n\nconst allowDebounce = (action, wait) => {\n let timeoutId;\n return (doDebounce = false, ...params) => {\n clearTimeout(timeoutId);\n if (doDebounce) {\n timeoutId = setTimeout(() => action(...params), wait);\n } else {\n action(...params);\n }\n };\n};\n\nconst diffMatchPatch = new DiffMatchPatch();\nlet instantPreview = true;\nlet tokens;\n\nclass SectionDesc {\n constructor(section, previewElt, tocElt, html) {\n this.section = section;\n this.editorElt = section.elt;\n this.previewElt = previewElt;\n this.tocElt = tocElt;\n this.html = html;\n }\n}\n\n// Use a vue instance as an event bus\nconst editorSvc = Object.assign(new Vue(), editorSvcDiscussions, editorSvcUtils, {\n // Elements\n editorElt: null,\n previewElt: null,\n tocElt: null,\n // Other objects\n clEditor: null,\n pagedownEditor: null,\n options: null,\n prismGrammars: null,\n converter: null,\n parsingCtx: null,\n conversionCtx: null,\n previewCtx: {\n sectionDescList: [],\n },\n previewCtxMeasured: null,\n previewCtxWithDiffs: null,\n sectionList: null,\n selectionRange: null,\n previewSelectionRange: null,\n previewSelectionStartOffset: null,\n\n /**\n * Initialize the Prism grammar with the options\n */\n initPrism() {\n const options = {\n ...this.options,\n insideFences: markdownConversionSvc.defaultOptions.insideFences,\n };\n this.prismGrammars = markdownGrammarSvc.makeGrammars(options);\n },\n\n /**\n * Initialize the markdown-it converter with the options\n */\n initConverter() {\n this.converter = markdownConversionSvc.createConverter(this.options, true);\n },\n\n /**\n * Initialize the cledit editor with markdown-it section parser and Prism highlighter\n */\n initClEditor() {\n this.previewCtxMeasured = null;\n editorSvc.$emit('previewCtxMeasured', null);\n this.previewCtxWithDiffs = null;\n editorSvc.$emit('previewCtxWithDiffs', null);\n const options = {\n sectionHighlighter: section => Prism\n .highlight(section.text, this.prismGrammars[section.data]),\n sectionParser: (text) => {\n this.parsingCtx = markdownConversionSvc.parseSections(this.converter, text);\n return this.parsingCtx.sections;\n },\n getCursorFocusRatio: () => {\n if (store.getters['data/layoutSettings'].focusMode) {\n return 1;\n }\n return 0.15;\n },\n };\n this.initClEditorInternal(options);\n this.restoreScrollPosition();\n },\n\n /**\n * Finish the conversion initiated by the section parser\n */\n convert() {\n this.conversionCtx = markdownConversionSvc.convert(this.parsingCtx, this.conversionCtx);\n this.$emit('conversionCtx', this.conversionCtx);\n ({ tokens } = this.parsingCtx.markdownState);\n },\n\n /**\n * Refresh the preview with the result of `convert()`\n */\n async refreshPreview() {\n const sectionDescList = [];\n let sectionPreviewElt;\n let sectionTocElt;\n let sectionIdx = 0;\n let sectionDescIdx = 0;\n let insertBeforePreviewElt = this.previewElt.firstChild;\n let insertBeforeTocElt = this.tocElt.firstChild;\n let previewHtml = '';\n let loadingImages = [];\n this.conversionCtx.htmlSectionDiff.forEach((item) => {\n for (let i = 0; i < item[1].length; i += 1) {\n const section = this.conversionCtx.sectionList[sectionIdx];\n if (item[0] === 0) {\n let sectionDesc = this.previewCtx.sectionDescList[sectionDescIdx];\n sectionDescIdx += 1;\n if (sectionDesc.editorElt !== section.elt) {\n // Force textToPreviewDiffs computation\n sectionDesc = new SectionDesc(\n section,\n sectionDesc.previewElt,\n sectionDesc.tocElt,\n sectionDesc.html,\n );\n }\n sectionDescList.push(sectionDesc);\n previewHtml += sectionDesc.html;\n sectionIdx += 1;\n insertBeforePreviewElt = insertBeforePreviewElt.nextSibling;\n insertBeforeTocElt = insertBeforeTocElt.nextSibling;\n } else if (item[0] === -1) {\n sectionDescIdx += 1;\n sectionPreviewElt = insertBeforePreviewElt;\n insertBeforePreviewElt = insertBeforePreviewElt.nextSibling;\n this.previewElt.removeChild(sectionPreviewElt);\n sectionTocElt = insertBeforeTocElt;\n insertBeforeTocElt = insertBeforeTocElt.nextSibling;\n this.tocElt.removeChild(sectionTocElt);\n } else if (item[0] === 1) {\n const html = htmlSanitizer.sanitizeHtml(this.conversionCtx.htmlSectionList[sectionIdx]);\n sectionIdx += 1;\n\n // Create preview section element\n sectionPreviewElt = document.createElement('div');\n sectionPreviewElt.className = 'cl-preview-section';\n sectionPreviewElt.innerHTML = html;\n if (insertBeforePreviewElt) {\n this.previewElt.insertBefore(sectionPreviewElt, insertBeforePreviewElt);\n } else {\n this.previewElt.appendChild(sectionPreviewElt);\n }\n extensionSvc.sectionPreview(sectionPreviewElt, this.options, true);\n loadingImages = [\n ...loadingImages,\n ...Array.prototype.slice.call(sectionPreviewElt.getElementsByTagName('img')),\n ];\n\n // Create TOC section element\n sectionTocElt = document.createElement('div');\n sectionTocElt.className = 'cl-toc-section';\n const headingElt = sectionPreviewElt.querySelector('h1, h2, h3, h4, h5, h6');\n if (headingElt) {\n const clonedElt = headingElt.cloneNode(true);\n clonedElt.removeAttribute('id');\n sectionTocElt.appendChild(clonedElt);\n }\n if (insertBeforeTocElt) {\n this.tocElt.insertBefore(sectionTocElt, insertBeforeTocElt);\n } else {\n this.tocElt.appendChild(sectionTocElt);\n }\n\n previewHtml += html;\n sectionDescList.push(new SectionDesc(section, sectionPreviewElt, sectionTocElt, html));\n }\n }\n });\n\n this.tocElt.classList[\n this.tocElt.querySelector('.cl-toc-section *') ? 'remove' : 'add'\n ]('toc-tab--empty');\n\n this.previewCtx = {\n markdown: this.conversionCtx.text,\n html: previewHtml.replace(/^\\s+|\\s+$/g, ''),\n text: this.previewElt.textContent,\n sectionDescList,\n };\n this.$emit('previewCtx', this.previewCtx);\n this.makeTextToPreviewDiffs();\n\n // Wait for images to load\n const loadedPromises = loadingImages.map(imgElt => new Promise((resolve) => {\n if (!imgElt.src) {\n resolve();\n return;\n }\n const img = new window.Image();\n img.onload = resolve;\n img.onerror = resolve;\n img.src = imgElt.src;\n }));\n await Promise.all(loadedPromises);\n\n // Debounce if sections have already been measured\n this.measureSectionDimensions(!!this.previewCtxMeasured);\n },\n\n /**\n * Measure the height of each section in editor, preview and toc.\n */\n measureSectionDimensions: allowDebounce((restoreScrollPosition = false, force = false) => {\n if (force || editorSvc.previewCtx !== editorSvc.previewCtxMeasured) {\n sectionUtils.measureSectionDimensions(editorSvc);\n editorSvc.previewCtxMeasured = editorSvc.previewCtx;\n if (restoreScrollPosition) {\n editorSvc.restoreScrollPosition();\n }\n editorSvc.$emit('previewCtxMeasured', editorSvc.previewCtxMeasured);\n }\n }, 500),\n\n /**\n * Compute the diffs between editor's markdown and preview's html\n * asynchronously unless there is only one section to compute.\n */\n makeTextToPreviewDiffs() {\n if (editorSvc.previewCtx !== editorSvc.previewCtxWithDiffs) {\n const makeOne = () => {\n let hasOne = false;\n const hasMore = editorSvc.previewCtx.sectionDescList\n .some((sectionDesc) => {\n if (!sectionDesc.textToPreviewDiffs) {\n if (hasOne) {\n return true;\n }\n if (!sectionDesc.previewText) {\n sectionDesc.previewText = sectionDesc.previewElt.textContent;\n }\n sectionDesc.textToPreviewDiffs = diffMatchPatch.diff_main(\n sectionDesc.section.text,\n sectionDesc.previewText,\n );\n hasOne = true;\n }\n return false;\n });\n if (hasMore) {\n setTimeout(() => makeOne(), 10);\n } else {\n editorSvc.previewCtxWithDiffs = editorSvc.previewCtx;\n editorSvc.$emit('previewCtxWithDiffs', editorSvc.previewCtxWithDiffs);\n }\n };\n makeOne();\n }\n },\n\n /**\n * Save editor selection/scroll state into the store.\n */\n saveContentState: allowDebounce(() => {\n const scrollPosition = editorSvc.getScrollPosition() ||\n store.getters['contentState/current'].scrollPosition;\n store.dispatch('contentState/patchCurrent', {\n selectionStart: editorSvc.clEditor.selectionMgr.selectionStart,\n selectionEnd: editorSvc.clEditor.selectionMgr.selectionEnd,\n scrollPosition,\n });\n }, 100),\n\n /**\n * Report selection from the preview to the editor.\n */\n saveSelection: allowDebounce(() => {\n const selection = window.getSelection();\n let range = selection.rangeCount && selection.getRangeAt(0);\n if (range) {\n if (\n /* eslint-disable no-bitwise */\n !(editorSvc.previewElt.compareDocumentPosition(range.startContainer) &\n window.Node.DOCUMENT_POSITION_CONTAINED_BY) ||\n !(editorSvc.previewElt.compareDocumentPosition(range.endContainer) &\n window.Node.DOCUMENT_POSITION_CONTAINED_BY)\n /* eslint-enable no-bitwise */\n ) {\n range = null;\n }\n }\n if (editorSvc.previewSelectionRange !== range) {\n let previewSelectionStartOffset;\n let previewSelectionEndOffset;\n if (range) {\n const startRange = document.createRange();\n startRange.setStart(editorSvc.previewElt, 0);\n startRange.setEnd(range.startContainer, range.startOffset);\n previewSelectionStartOffset = `${startRange}`.length;\n previewSelectionEndOffset = previewSelectionStartOffset + `${range}`.length;\n const editorStartOffset = editorSvc.getEditorOffset(previewSelectionStartOffset);\n const editorEndOffset = editorSvc.getEditorOffset(previewSelectionEndOffset);\n if (editorStartOffset != null && editorEndOffset != null) {\n editorSvc.clEditor.selectionMgr.setSelectionStartEnd(\n editorStartOffset,\n editorEndOffset,\n );\n }\n }\n editorSvc.previewSelectionRange = range;\n editorSvc.$emit('previewSelectionRange', editorSvc.previewSelectionRange);\n }\n }, 50),\n\n /**\n * Returns the pandoc AST generated from the file tokens and the converter options\n */\n getPandocAst() {\n return tokens && markdownItPandocRenderer(tokens, this.converter.options);\n },\n\n /**\n * Pass the elements to the store and initialize the editor.\n */\n init(editorElt, previewElt, tocElt) {\n this.editorElt = editorElt;\n this.previewElt = previewElt;\n this.tocElt = tocElt;\n\n this.createClEditor(editorElt);\n\n this.clEditor.on('contentChanged', (content, diffs, sectionList) => {\n this.parsingCtx = {\n ...this.parsingCtx,\n sectionList,\n };\n });\n this.clEditor.undoMgr.on('undoStateChange', () => {\n const canUndo = this.clEditor.undoMgr.canUndo();\n if (canUndo !== store.state.layout.canUndo) {\n store.commit('layout/setCanUndo', canUndo);\n }\n const canRedo = this.clEditor.undoMgr.canRedo();\n if (canRedo !== store.state.layout.canRedo) {\n store.commit('layout/setCanRedo', canRedo);\n }\n });\n this.pagedownEditor = pagedown({\n input: Object.create(this.clEditor),\n });\n this.pagedownEditor.run();\n this.pagedownEditor.hooks.set('insertLinkDialog', (callback) => {\n store.dispatch('modal/open', {\n type: 'link',\n callback,\n });\n return true;\n });\n this.pagedownEditor.hooks.set('insertImageDialog', (callback) => {\n store.dispatch('modal/open', {\n type: 'image',\n callback,\n });\n return true;\n });\n\n this.editorElt.parentNode.addEventListener('scroll', () => this.saveContentState(true));\n this.previewElt.parentNode.addEventListener('scroll', () => this.saveContentState(true));\n\n const refreshPreview = allowDebounce(() => {\n this.convert();\n if (instantPreview) {\n this.refreshPreview();\n this.measureSectionDimensions(false, true);\n } else {\n setTimeout(() => this.refreshPreview(), 10);\n }\n instantPreview = false;\n }, 25);\n\n let newSectionList;\n let newSelectionRange;\n const onEditorChanged = allowDebounce(() => {\n if (this.sectionList !== newSectionList) {\n this.sectionList = newSectionList;\n this.$emit('sectionList', this.sectionList);\n refreshPreview(!instantPreview);\n }\n if (this.selectionRange !== newSelectionRange) {\n this.selectionRange = newSelectionRange;\n this.$emit('selectionRange', this.selectionRange);\n }\n this.saveContentState();\n }, 10);\n\n this.clEditor.selectionMgr.on('selectionChanged', (start, end, selectionRange) => {\n newSelectionRange = selectionRange;\n onEditorChanged(!instantPreview);\n });\n\n /* -----------------------------\n * Inline images\n */\n\n const imgCache = Object.create(null);\n\n const hashImgElt = imgElt => `${imgElt.src}:${imgElt.width || -1}:${imgElt.height || -1}`;\n\n const addToImgCache = (imgElt) => {\n const hash = hashImgElt(imgElt);\n let entries = imgCache[hash];\n if (!entries) {\n entries = [];\n imgCache[hash] = entries;\n }\n entries.push(imgElt);\n };\n\n const getFromImgCache = (imgEltsToCache) => {\n const hash = hashImgElt(imgEltsToCache);\n const entries = imgCache[hash];\n if (!entries) {\n return null;\n }\n let imgElt;\n return entries\n .some((entry) => {\n if (this.editorElt.contains(entry)) {\n return false;\n }\n imgElt = entry;\n return true;\n }) && imgElt;\n };\n\n const triggerImgCacheGc = cledit.Utils.debounce(() => {\n Object.entries(imgCache).forEach(([src, entries]) => {\n // Filter entries that are not attached to the DOM\n const filteredEntries = entries.filter(imgElt => this.editorElt.contains(imgElt));\n if (filteredEntries.length) {\n imgCache[src] = filteredEntries;\n } else {\n delete imgCache[src];\n }\n });\n }, 100);\n\n let imgEltsToCache = [];\n if (store.getters['data/computedSettings'].editor.inlineImages) {\n this.clEditor.highlighter.on('sectionHighlighted', (section) => {\n section.elt.getElementsByClassName('token img').cl_each((imgTokenElt) => {\n const srcElt = imgTokenElt.querySelector('.token.cl-src');\n if (srcElt) {\n // Create an img element before the .img.token and wrap both elements\n // into a .token.img-wrapper\n const imgElt = document.createElement('img');\n imgElt.style.display = 'none';\n const uri = srcElt.textContent;\n if (!/^unsafe/.test(htmlSanitizer.sanitizeUri(uri, true))) {\n imgElt.onload = () => {\n imgElt.style.display = '';\n };\n imgElt.src = uri;\n // Take img size into account\n const sizeElt = imgTokenElt.querySelector('.token.cl-size');\n if (sizeElt) {\n const match = sizeElt.textContent.match(/=(\\d*)x(\\d*)/);\n if (match[1]) {\n imgElt.width = parseInt(match[1], 10);\n }\n if (match[2]) {\n imgElt.height = parseInt(match[2], 10);\n }\n }\n imgEltsToCache.push(imgElt);\n }\n const imgTokenWrapper = document.createElement('span');\n imgTokenWrapper.className = 'token img-wrapper';\n imgTokenElt.parentNode.insertBefore(imgTokenWrapper, imgTokenElt);\n imgTokenWrapper.appendChild(imgElt);\n imgTokenWrapper.appendChild(imgTokenElt);\n }\n });\n });\n }\n\n this.clEditor.highlighter.on('highlighted', () => {\n imgEltsToCache.forEach((imgElt) => {\n const cachedImgElt = getFromImgCache(imgElt);\n if (cachedImgElt) {\n // Found a previously loaded image that has just been released\n imgElt.parentNode.replaceChild(cachedImgElt, imgElt);\n } else {\n addToImgCache(imgElt);\n }\n });\n imgEltsToCache = [];\n // Eject released images from cache\n triggerImgCacheGc();\n });\n\n this.clEditor.on('contentChanged', (content, diffs, sectionList) => {\n newSectionList = sectionList;\n onEditorChanged(!instantPreview);\n });\n\n // clEditorSvc.setPreviewElt(element[0].querySelector('.preview__inner-2'))\n // var previewElt = element[0].querySelector('.preview')\n // clEditorSvc.isPreviewTop = previewElt.scrollTop < 10\n // previewElt.addEventListener('scroll', function () {\n // var isPreviewTop = previewElt.scrollTop < 10\n // if (isPreviewTop !== clEditorSvc.isPreviewTop) {\n // clEditorSvc.isPreviewTop = isPreviewTop\n // scope.$apply()\n // }\n // })\n\n // Watch file content changes\n let lastContentId = null;\n let lastProperties;\n store.watch(\n () => store.getters['content/currentChangeTrigger'],\n () => {\n const content = store.getters['content/current'];\n // Track ID changes\n let initClEditor = false;\n if (content.id !== lastContentId) {\n instantPreview = true;\n lastContentId = content.id;\n initClEditor = true;\n }\n // Track properties changes\n if (content.properties !== lastProperties) {\n lastProperties = content.properties;\n const options = extensionSvc.getOptions(store.getters['content/currentProperties']);\n if (utils.serializeObject(options) !== utils.serializeObject(this.options)) {\n this.options = options;\n this.initPrism();\n this.initConverter();\n initClEditor = true;\n }\n }\n if (initClEditor) {\n this.initClEditor();\n }\n // Apply potential text and discussion changes\n this.applyContent();\n }, {\n immediate: true,\n },\n );\n\n // Disable editor if hidden or if no content is loaded\n store.watch(\n () => store.getters['content/isCurrentEditable'],\n editable => this.clEditor.toggleEditable(!!editable), {\n immediate: true,\n },\n );\n\n store.watch(\n () => utils.serializeObject(store.getters['layout/styles']),\n () => this.measureSectionDimensions(false, true, true),\n );\n\n this.initHighlighters();\n this.$emit('inited');\n },\n});\n\nexport default editorSvc;\n"
},
{
"path": "src/services/explorerSvc.js",
"content": "import store from '../store';\nimport workspaceSvc from './workspaceSvc';\nimport badgeSvc from './badgeSvc';\n\nexport default {\n newItem(isFolder = false) {\n let parentId = store.getters['explorer/selectedNodeFolder'].item.id;\n if (parentId === 'trash' // Not allowed to create new items in the trash\n || (isFolder && parentId === 'temp') // Not allowed to create new folders in the temp folder\n ) {\n parentId = null;\n }\n store.dispatch('explorer/openNode', parentId);\n store.commit('explorer/setNewItem', {\n type: isFolder ? 'folder' : 'file',\n parentId,\n });\n },\n async deleteItem() {\n const selectedNode = store.getters['explorer/selectedNode'];\n if (selectedNode.isNil) {\n return;\n }\n\n if (selectedNode.isTrash || selectedNode.item.parentId === 'trash') {\n try {\n await store.dispatch('modal/open', 'trashDeletion');\n } catch (e) {\n // Cancel\n }\n return;\n }\n\n // See if we have a confirmation dialog to show\n let moveToTrash = true;\n try {\n if (selectedNode.isTemp) {\n await store.dispatch('modal/open', 'tempFolderDeletion');\n moveToTrash = false;\n } else if (selectedNode.item.parentId === 'temp') {\n await store.dispatch('modal/open', {\n type: 'tempFileDeletion',\n item: selectedNode.item,\n });\n moveToTrash = false;\n } else if (selectedNode.isFolder) {\n await store.dispatch('modal/open', {\n type: 'folderDeletion',\n item: selectedNode.item,\n });\n }\n } catch (e) {\n return; // cancel\n }\n\n const deleteFile = (id) => {\n if (moveToTrash) {\n workspaceSvc.setOrPatchItem({\n id,\n parentId: 'trash',\n });\n } else {\n workspaceSvc.deleteFile(id);\n }\n };\n\n if (selectedNode === store.getters['explorer/selectedNode']) {\n const currentFileId = store.getters['file/current'].id;\n let doClose = selectedNode.item.id === currentFileId;\n if (selectedNode.isFolder) {\n const recursiveDelete = (folderNode) => {\n folderNode.folders.forEach(recursiveDelete);\n folderNode.files.forEach((fileNode) => {\n doClose = doClose || fileNode.item.id === currentFileId;\n deleteFile(fileNode.item.id);\n });\n store.commit('folder/deleteItem', folderNode.item.id);\n };\n recursiveDelete(selectedNode);\n badgeSvc.addBadge('removeFolder');\n } else {\n deleteFile(selectedNode.item.id);\n badgeSvc.addBadge('removeFile');\n }\n if (doClose) {\n // Close the current file by opening the last opened, not deleted one\n store.getters['data/lastOpenedIds'].some((id) => {\n const file = store.state.file.itemsById[id];\n if (file.parentId === 'trash') {\n return false;\n }\n store.commit('file/setCurrentId', id);\n return true;\n });\n }\n }\n },\n};\n"
},
{
"path": "src/services/exportSvc.js",
"content": "import FileSaver from 'file-saver';\nimport TemplateWorker from 'worker-loader!./templateWorker.js'; // eslint-disable-line\nimport localDbSvc from './localDbSvc';\nimport markdownConversionSvc from './markdownConversionSvc';\nimport extensionSvc from './extensionSvc';\nimport utils from './utils';\nimport store from '../store';\nimport htmlSanitizer from '../libs/htmlSanitizer';\n\nfunction groupHeadings(headings, level = 1) {\n const result = [];\n let currentItem;\n\n function pushCurrentItem() {\n if (currentItem) {\n if (currentItem.children.length > 0) {\n currentItem.children = groupHeadings(currentItem.children, level + 1);\n }\n result.push(currentItem);\n }\n }\n headings.forEach((heading) => {\n if (heading.level !== level) {\n currentItem = currentItem || {\n children: [],\n };\n currentItem.children.push(heading);\n } else {\n pushCurrentItem();\n currentItem = heading;\n }\n });\n pushCurrentItem();\n return result;\n}\n\nconst containerElt = document.createElement('div');\ncontainerElt.className = 'hidden-rendering-container';\ndocument.body.appendChild(containerElt);\n\nexport default {\n /**\n * Apply the template to the file content\n */\n async applyTemplate(fileId, template = {\n value: '{{{files.0.content.text}}}',\n helpers: '',\n }, pdf = false) {\n const file = store.state.file.itemsById[fileId];\n const content = await localDbSvc.loadItem(`${fileId}/content`);\n const properties = utils.computeProperties(content.properties);\n const options = extensionSvc.getOptions(properties);\n const converter = markdownConversionSvc.createConverter(options, true);\n const parsingCtx = markdownConversionSvc.parseSections(converter, content.text);\n const conversionCtx = markdownConversionSvc.convert(parsingCtx);\n const html = conversionCtx.htmlSectionList.map(htmlSanitizer.sanitizeHtml).join('');\n containerElt.innerHTML = html;\n extensionSvc.sectionPreview(containerElt, options);\n\n // Unwrap tables\n containerElt.querySelectorAll('.table-wrapper').cl_each((wrapperElt) => {\n while (wrapperElt.firstChild) {\n wrapperElt.parentNode.insertBefore(wrapperElt.firstChild, wrapperElt.nextSibling);\n }\n wrapperElt.parentNode.removeChild(wrapperElt);\n });\n\n // Make TOC\n const headings = containerElt.querySelectorAll('h1,h2,h3,h4,h5,h6').cl_map(headingElt => ({\n title: headingElt.textContent,\n anchor: headingElt.id,\n level: parseInt(headingElt.tagName.slice(1), 10),\n children: [],\n }));\n const toc = groupHeadings(headings);\n const view = {\n pdf,\n files: [{\n name: file.name,\n content: {\n text: content.text,\n properties,\n yamlProperties: content.properties,\n html: containerElt.innerHTML,\n toc,\n },\n }],\n };\n containerElt.innerHTML = '';\n\n // Run template conversion in a Worker to prevent attacks from helpers\n const worker = new TemplateWorker();\n return new Promise((resolve, reject) => {\n const timeoutId = setTimeout(() => {\n worker.terminate();\n reject(new Error('Template generation timeout.'));\n }, 10000);\n worker.addEventListener('message', (e) => {\n clearTimeout(timeoutId);\n worker.terminate();\n // e.data can contain unsafe data if helpers attempts to call postMessage\n const [err, result] = e.data;\n if (err) {\n reject(new Error(`${err}`));\n } else {\n resolve(`${result}`);\n }\n });\n worker.postMessage([template.value, view, template.helpers]);\n });\n },\n\n /**\n * Export a file to disk.\n */\n async exportToDisk(fileId, type, template) {\n const file = store.state.file.itemsById[fileId];\n const html = await this.applyTemplate(fileId, template);\n const blob = new Blob([html], {\n type: 'text/plain;charset=utf-8',\n });\n FileSaver.saveAs(blob, `${file.name}.${type}`);\n },\n};\n"
},
{
"path": "src/services/extensionSvc.js",
"content": "const getOptionsListeners = [];\nconst initConverterListeners = [];\nconst sectionPreviewListeners = [];\n\nexport default {\n onGetOptions(listener) {\n getOptionsListeners.push(listener);\n },\n\n onInitConverter(priority, listener) {\n initConverterListeners[priority] = listener;\n },\n\n onSectionPreview(listener) {\n sectionPreviewListeners.push(listener);\n },\n\n getOptions(properties, isCurrentFile) {\n return getOptionsListeners.reduce((options, listener) => {\n listener(options, properties, isCurrentFile);\n return options;\n }, {});\n },\n\n initConverter(markdown, options) {\n // Use forEach as it's a sparsed array\n initConverterListeners.forEach((listener) => {\n listener(markdown, options);\n });\n },\n\n sectionPreview(elt, options, isEditor) {\n sectionPreviewListeners.forEach((listener) => {\n listener(elt, options, isEditor);\n });\n },\n};\n"
},
{
"path": "src/services/gitWorkspaceSvc.js",
"content": "import store from '../store';\nimport utils from '../services/utils';\n\nconst endsWith = (str, suffix) => str.slice(-suffix.length) === suffix;\n\nexport default {\n shaByPath: Object.create(null),\n makeChanges(tree) {\n const workspacePath = store.getters['workspace/currentWorkspace'].path || '';\n\n // Store all blobs sha\n this.shaByPath = Object.create(null);\n // Store interesting paths\n const treeFolderMap = Object.create(null);\n const treeFileMap = Object.create(null);\n const treeDataMap = Object.create(null);\n const treeSyncLocationMap = Object.create(null);\n const treePublishLocationMap = Object.create(null);\n\n tree.filter(({ type, path }) => type === 'blob' && path.indexOf(workspacePath) === 0)\n .forEach((blobEntry) => {\n // Make path relative\n const path = blobEntry.path.slice(workspacePath.length);\n // Collect blob sha\n this.shaByPath[path] = blobEntry.sha;\n if (path.indexOf('.stackedit-data/') === 0) {\n treeDataMap[path] = true;\n } else {\n // Collect parents path\n let parentPath = '';\n path.split('/').slice(0, -1).forEach((folderName) => {\n const folderPath = `${parentPath}${folderName}/`;\n treeFolderMap[folderPath] = parentPath;\n parentPath = folderPath;\n });\n // Collect file path\n if (endsWith(path, '.md')) {\n treeFileMap[path] = parentPath;\n } else if (endsWith(path, '.sync')) {\n treeSyncLocationMap[path] = true;\n } else if (endsWith(path, '.publish')) {\n treePublishLocationMap[path] = true;\n }\n }\n });\n\n // Collect changes\n const changes = [];\n const idsByPath = {};\n const syncDataByPath = store.getters['data/syncDataById'];\n const { itemIdsByGitPath } = store.getters;\n const getIdFromPath = (path, isFile) => {\n let itemId = idsByPath[path];\n if (!itemId) {\n const existingItemId = itemIdsByGitPath[path];\n if (existingItemId\n // Reuse a file ID only if it has already been synced\n && (!isFile || syncDataByPath[path]\n // Content may have already been synced\n || syncDataByPath[`/${path}`])\n ) {\n itemId = existingItemId;\n } else {\n // Otherwise, make a new ID for a new item\n itemId = utils.uid();\n }\n // If it's a file path, add the content path as well\n if (isFile) {\n idsByPath[`/${path}`] = `${itemId}/content`;\n }\n idsByPath[path] = itemId;\n }\n return itemId;\n };\n\n // Folder creations/updates\n // Assume map entries are sorted from top to bottom\n Object.entries(treeFolderMap).forEach(([path, parentPath]) => {\n if (path === '.stackedit-trash/') {\n idsByPath[path] = 'trash';\n } else {\n const item = utils.addItemHash({\n id: getIdFromPath(path),\n type: 'folder',\n name: path.slice(parentPath.length, -1),\n parentId: idsByPath[parentPath] || null,\n });\n\n const folderSyncData = syncDataByPath[path];\n if (!folderSyncData || folderSyncData.hash !== item.hash) {\n changes.push({\n syncDataId: path,\n item,\n syncData: {\n id: path,\n type: item.type,\n hash: item.hash,\n },\n });\n }\n }\n });\n\n // File/content creations/updates\n Object.entries(treeFileMap).forEach(([path, parentPath]) => {\n const fileId = getIdFromPath(path, true);\n const contentPath = `/${path}`;\n const contentId = idsByPath[contentPath];\n\n // File creations/updates\n const item = utils.addItemHash({\n id: fileId,\n type: 'file',\n name: path.slice(parentPath.length, -'.md'.length),\n parentId: idsByPath[parentPath] || null,\n });\n\n const fileSyncData = syncDataByPath[path];\n if (!fileSyncData || fileSyncData.hash !== item.hash) {\n changes.push({\n syncDataId: path,\n item,\n syncData: {\n id: path,\n type: item.type,\n hash: item.hash,\n },\n });\n }\n\n // Content creations/updates\n const contentSyncData = syncDataByPath[contentPath];\n if (!contentSyncData || contentSyncData.sha !== this.shaByPath[path]) {\n const type = 'content';\n // Use `/` as a prefix to get a unique syncData id\n changes.push({\n syncDataId: contentPath,\n item: {\n id: contentId,\n type,\n // Need a truthy value to force downloading the content\n hash: 1,\n },\n syncData: {\n id: contentPath,\n type,\n // Need a truthy value to force downloading the content\n hash: 1,\n },\n });\n }\n });\n\n // Data creations/updates\n const syncDataByItemId = store.getters['data/syncDataByItemId'];\n Object.keys(treeDataMap).forEach((path) => {\n // Only template data are stored\n const [, id] = path.match(/^\\.stackedit-data\\/(templates)\\.json$/) || [];\n if (id) {\n idsByPath[path] = id;\n const syncData = syncDataByItemId[id];\n if (!syncData || syncData.sha !== this.shaByPath[path]) {\n const type = 'data';\n changes.push({\n syncDataId: path,\n item: {\n id,\n type,\n // Need a truthy value to force saving sync data\n hash: 1,\n },\n syncData: {\n id: path,\n type,\n // Need a truthy value to force downloading the content\n hash: 1,\n },\n });\n }\n }\n });\n\n // Location creations/updates\n [{\n type: 'syncLocation',\n map: treeSyncLocationMap,\n pathMatcher: /^([\\s\\S]+)\\.([\\w-]+)\\.sync$/,\n }, {\n type: 'publishLocation',\n map: treePublishLocationMap,\n pathMatcher: /^([\\s\\S]+)\\.([\\w-]+)\\.publish$/,\n }]\n .forEach(({ type, map, pathMatcher }) => Object.keys(map).forEach((path) => {\n const [, filePath, data] = path.match(pathMatcher) || [];\n if (filePath) {\n // If there is a corresponding md file in the tree\n const fileId = idsByPath[`${filePath}.md`];\n if (fileId) {\n // Reuse existing ID or create a new one\n const id = itemIdsByGitPath[path] || utils.uid();\n idsByPath[path] = id;\n\n const item = utils.addItemHash({\n ...JSON.parse(utils.decodeBase64(data)),\n id,\n type,\n fileId,\n });\n\n const locationSyncData = syncDataByPath[path];\n if (!locationSyncData || locationSyncData.hash !== item.hash) {\n changes.push({\n syncDataId: path,\n item,\n syncData: {\n id: path,\n type: item.type,\n hash: item.hash,\n },\n });\n }\n }\n }\n }));\n\n // Deletions\n Object.keys(syncDataByPath).forEach((path) => {\n if (!idsByPath[path]) {\n changes.push({ syncDataId: path });\n }\n });\n\n return changes;\n },\n};\n"
},
{
"path": "src/services/localDbSvc.js",
"content": "import utils from './utils';\nimport store from '../store';\nimport welcomeFile from '../data/welcomeFile.md';\nimport workspaceSvc from './workspaceSvc';\nimport constants from '../data/constants';\n\nconst deleteMarkerMaxAge = 1000;\nconst dbVersion = 1;\nconst dbStoreName = 'objects';\nconst { silent } = utils.queryParams;\nconst resetApp = localStorage.getItem('resetStackEdit');\nif (resetApp) {\n localStorage.removeItem('resetStackEdit');\n}\n\nclass Connection {\n constructor(workspaceId = store.getters['workspace/currentWorkspace'].id) {\n this.getTxCbs = [];\n\n // Make the DB name\n this.dbName = utils.getDbName(workspaceId);\n\n // Init connection\n const request = indexedDB.open(this.dbName, dbVersion);\n\n request.onerror = () => {\n throw new Error(\"Can't connect to IndexedDB.\");\n };\n\n request.onsuccess = (event) => {\n this.db = event.target.result;\n this.db.onversionchange = () => window.location.reload();\n\n this.getTxCbs.forEach(({ onTx, onError }) => this.createTx(onTx, onError));\n this.getTxCbs = null;\n };\n\n request.onupgradeneeded = (event) => {\n const eventDb = event.target.result;\n const oldVersion = event.oldVersion || 0;\n\n // We don't use 'break' in this switch statement,\n // the fall-through behavior is what we want.\n /* eslint-disable no-fallthrough */\n switch (oldVersion) {\n case 0: {\n // Create store\n const dbStore = eventDb.createObjectStore(dbStoreName, {\n keyPath: 'id',\n });\n dbStore.createIndex('tx', 'tx', {\n unique: false,\n });\n }\n default:\n }\n /* eslint-enable no-fallthrough */\n };\n }\n\n /**\n * Create a transaction asynchronously.\n */\n createTx(onTx, onError) {\n // If DB is not ready, keep callbacks for later\n if (!this.db) {\n return this.getTxCbs.push({ onTx, onError });\n }\n\n // Open transaction in read/write will prevent conflict with other tabs\n const tx = this.db.transaction(this.db.objectStoreNames, 'readwrite');\n tx.onerror = onError;\n\n return onTx(tx);\n }\n}\n\nconst contentTypes = {\n content: true,\n contentState: true,\n syncedContent: true,\n};\n\nconst hashMap = {};\nconstants.types.forEach((type) => {\n hashMap[type] = Object.create(null);\n});\nconst lsHashMap = Object.create(null);\n\nconst localDbSvc = {\n lastTx: 0,\n hashMap,\n connection: null,\n\n /**\n * Sync data items stored in the localStorage.\n */\n syncLocalStorage() {\n constants.localStorageDataIds.forEach((id) => {\n const key = `data/${id}`;\n\n // Skip reloading the layoutSettings\n if (id !== 'layoutSettings' || !lsHashMap[id]) {\n try {\n // Try to parse the item from the localStorage\n const storedItem = JSON.parse(localStorage.getItem(key));\n if (storedItem.hash && lsHashMap[id] !== storedItem.hash) {\n // Item has changed, replace it in the store\n store.commit('data/setItem', storedItem);\n lsHashMap[id] = storedItem.hash;\n }\n } catch (e) {\n // Ignore parsing issue\n }\n }\n\n // Write item if different from stored one\n const item = store.state.data.lsItemsById[id];\n if (item && item.hash !== lsHashMap[id]) {\n localStorage.setItem(key, JSON.stringify(item));\n lsHashMap[id] = item.hash;\n }\n });\n },\n\n /**\n * Return a promise that will be resolved once the synchronization between the store and the\n * localDb will be finished. Effectively, open a transaction, then read and apply all changes\n * from the DB since the previous transaction, then write all the changes from the store.\n */\n async sync() {\n return new Promise((resolve, reject) => {\n // Create the DB transaction\n this.connection.createTx((tx) => {\n const { lastTx } = this;\n\n // Look for DB changes and apply them to the store\n this.readAll(tx, (storeItemMap) => {\n // Sanitize the workspace if changes have been applied\n if (lastTx !== this.lastTx) {\n workspaceSvc.sanitizeWorkspace();\n }\n\n // Persist all the store changes into the DB\n this.writeAll(storeItemMap, tx);\n // Sync the localStorage\n this.syncLocalStorage();\n // Done\n resolve();\n });\n }, () => reject(new Error('Local DB access error.')));\n });\n },\n\n /**\n * Read and apply all changes from the DB since previous transaction.\n */\n readAll(tx, cb) {\n let { lastTx } = this;\n const dbStore = tx.objectStore(dbStoreName);\n const index = dbStore.index('tx');\n const range = IDBKeyRange.lowerBound(this.lastTx, true);\n const changes = [];\n index.openCursor(range).onsuccess = (event) => {\n const cursor = event.target.result;\n if (cursor) {\n const item = cursor.value;\n if (item.tx > lastTx) {\n lastTx = item.tx;\n if (this.lastTx && item.tx - this.lastTx > deleteMarkerMaxAge) {\n // We may have missed some delete markers\n window.location.reload();\n return;\n }\n }\n // Collect change\n changes.push(item);\n cursor.continue();\n return;\n }\n\n // Read the collected changes\n const storeItemMap = { ...store.getters.allItemsById };\n changes.forEach((item) => {\n this.readDbItem(item, storeItemMap);\n // If item is an old delete marker, remove it from the DB\n if (!item.hash && lastTx - item.tx > deleteMarkerMaxAge) {\n dbStore.delete(item.id);\n }\n });\n\n this.lastTx = lastTx;\n cb(storeItemMap);\n };\n },\n\n /**\n * Write all changes from the store since previous transaction.\n */\n writeAll(storeItemMap, tx) {\n if (silent) {\n // Skip writing to DB in silent mode\n return;\n }\n const dbStore = tx.objectStore(dbStoreName);\n const incrementedTx = this.lastTx + 1;\n\n // Remove deleted store items\n Object.keys(this.hashMap).forEach((type) => {\n // Remove this type only if file is deleted\n let checker = cb => id => !storeItemMap[id] && cb(id);\n if (contentTypes[type]) {\n // For content types, remove item only if file is deleted\n checker = cb => (id) => {\n if (!storeItemMap[id]) {\n const [fileId] = id.split('/');\n if (!store.state.file.itemsById[fileId]) {\n cb(id);\n }\n }\n };\n }\n Object.keys(this.hashMap[type]).forEach(checker((id) => {\n // Put a delete marker to notify other tabs\n dbStore.put({\n id,\n type,\n tx: incrementedTx,\n });\n delete this.hashMap[type][id];\n this.lastTx = incrementedTx;\n }));\n });\n\n // Put changes\n Object.entries(storeItemMap).forEach(([, storeItem]) => {\n // Store object has changed\n if (this.hashMap[storeItem.type][storeItem.id] !== storeItem.hash) {\n const item = {\n ...storeItem,\n tx: incrementedTx,\n };\n dbStore.put(item);\n this.hashMap[item.type][item.id] = item.hash;\n this.lastTx = incrementedTx;\n }\n });\n },\n\n /**\n * Read and apply one DB change.\n */\n readDbItem(dbItem, storeItemMap) {\n const storeItem = storeItemMap[dbItem.id];\n if (!dbItem.hash) {\n // DB item is a delete marker\n delete this.hashMap[dbItem.type][dbItem.id];\n if (storeItem) {\n // Remove item from the store\n store.commit(`${storeItem.type}/deleteItem`, storeItem.id);\n delete storeItemMap[storeItem.id];\n }\n } else if (this.hashMap[dbItem.type][dbItem.id] !== dbItem.hash) {\n // DB item is different from the corresponding store item\n this.hashMap[dbItem.type][dbItem.id] = dbItem.hash;\n // Update content only if it exists in the store\n if (storeItem || !contentTypes[dbItem.type]) {\n // Put item in the store\n dbItem.tx = undefined;\n store.commit(`${dbItem.type}/setItem`, dbItem);\n storeItemMap[dbItem.id] = dbItem;\n }\n }\n },\n\n /**\n * Retrieve an item from the DB and put it in the store.\n */\n async loadItem(id) {\n // Check if item is in the store\n const itemInStore = store.getters.allItemsById[id];\n if (itemInStore) {\n // Use deepCopy to freeze item\n return Promise.resolve(itemInStore);\n }\n return new Promise((resolve, reject) => {\n // Get the item from DB\n const onError = () => reject(new Error('Data not available.'));\n this.connection.createTx((tx) => {\n const dbStore = tx.objectStore(dbStoreName);\n const request = dbStore.get(id);\n request.onsuccess = () => {\n const dbItem = request.result;\n if (!dbItem || !dbItem.hash) {\n onError();\n } else {\n this.hashMap[dbItem.type][dbItem.id] = dbItem.hash;\n // Put item in the store\n dbItem.tx = undefined;\n store.commit(`${dbItem.type}/setItem`, dbItem);\n resolve(dbItem);\n }\n };\n }, () => onError());\n });\n },\n\n /**\n * Unload from the store contents that haven't been opened recently\n */\n async unloadContents() {\n await this.sync();\n // Keep only last opened files in memory\n const lastOpenedFileIdSet = new Set(store.getters['data/lastOpenedIds']);\n Object.keys(contentTypes).forEach((type) => {\n store.getters[`${type}/items`].forEach((item) => {\n const [fileId] = item.id.split('/');\n if (!lastOpenedFileIdSet.has(fileId)) {\n // Remove item from the store\n store.commit(`${type}/deleteItem`, item.id);\n }\n });\n });\n },\n\n /**\n * Create the connection and start syncing.\n */\n async init() {\n // Reset the app if the reset flag was passed\n if (resetApp) {\n await Promise.all(Object.keys(store.getters['workspace/workspacesById'])\n .map(workspaceId => workspaceSvc.removeWorkspace(workspaceId)));\n constants.localStorageDataIds.forEach((id) => {\n // Clean data stored in localStorage\n localStorage.removeItem(`data/${id}`);\n });\n throw new Error('RELOAD');\n }\n\n // Create the connection\n this.connection = new Connection();\n\n // Load the DB\n await localDbSvc.sync();\n\n // Watch workspace deletions and persist them as soon as possible\n // to make the changes available to reloading workspace tabs.\n store.watch(\n () => store.getters['data/workspaces'],\n () => this.syncLocalStorage(),\n );\n\n // Save welcome file content hash if not done already\n const hash = utils.hash(welcomeFile);\n const { welcomeFileHashes } = store.getters['data/localSettings'];\n if (!welcomeFileHashes[hash]) {\n store.dispatch('data/patchLocalSettings', {\n welcomeFileHashes: {\n ...welcomeFileHashes,\n [hash]: 1,\n },\n });\n }\n\n // If app was last opened 7 days ago and synchronization is off\n if (!store.getters['workspace/syncToken'] &&\n (store.state.workspace.lastFocus + constants.cleanTrashAfter < Date.now())\n ) {\n // Clean files\n store.getters['file/items']\n .filter(file => file.parentId === 'trash') // If file is in the trash\n .forEach(file => workspaceSvc.deleteFile(file.id));\n }\n\n // Sync local DB periodically\n utils.setInterval(() => localDbSvc.sync(), 1000);\n\n // watch current file changing\n store.watch(\n () => store.getters['file/current'].id,\n async () => {\n // See if currentFile is real, ie it has an ID\n const currentFile = store.getters['file/current'];\n // If current file has no ID, get the most recent file\n if (!currentFile.id) {\n const recentFile = store.getters['file/lastOpened'];\n // Set it as the current file\n if (recentFile.id) {\n store.commit('file/setCurrentId', recentFile.id);\n } else {\n // If still no ID, create a new file\n const newFile = await workspaceSvc.createFile({\n name: 'Welcome file',\n text: welcomeFile,\n }, true);\n // Set it as the current file\n store.commit('file/setCurrentId', newFile.id);\n }\n } else {\n try {\n // Load contentState from DB\n await localDbSvc.loadContentState(currentFile.id);\n // Load syncedContent from DB\n await localDbSvc.loadSyncedContent(currentFile.id);\n // Load content from DB\n try {\n await localDbSvc.loadItem(`${currentFile.id}/content`);\n } catch (err) {\n // Failure (content is not available), go back to previous file\n const lastOpenedFile = store.getters['file/lastOpened'];\n store.commit('file/setCurrentId', lastOpenedFile.id);\n throw err;\n }\n // Set last opened file\n store.dispatch('data/setLastOpenedId', currentFile.id);\n // Cancel new discussion and open the gutter if file contains discussions\n store.commit(\n 'discussion/setCurrentDiscussionId',\n store.getters['discussion/nextDiscussionId'],\n );\n } catch (err) {\n console.error(err); // eslint-disable-line no-console\n store.dispatch('notification/error', err);\n }\n }\n },\n { immediate: true },\n );\n },\n\n getWorkspaceItems(workspaceId, onItem, onFinish = () => {}) {\n const connection = new Connection(workspaceId);\n connection.createTx((tx) => {\n const dbStore = tx.objectStore(dbStoreName);\n const index = dbStore.index('tx');\n index.openCursor().onsuccess = (event) => {\n const cursor = event.target.result;\n if (cursor) {\n onItem(cursor.value);\n cursor.continue();\n } else {\n connection.db.close();\n onFinish();\n }\n };\n });\n\n // Return a cancel function\n return () => connection.db.close();\n },\n};\n\nconst loader = type => fileId => localDbSvc.loadItem(`${fileId}/${type}`)\n // Item does not exist, create it\n .catch(() => store.commit(`${type}/setItem`, {\n id: `${fileId}/${type}`,\n }));\nlocalDbSvc.loadSyncedContent = loader('syncedContent');\nlocalDbSvc.loadContentState = loader('contentState');\n\nexport default localDbSvc;\n"
},
{
"path": "src/services/markdownConversionSvc.js",
"content": "import DiffMatchPatch from 'diff-match-patch';\nimport Prism from 'prismjs';\nimport MarkdownIt from 'markdown-it';\nimport markdownGrammarSvc from './markdownGrammarSvc';\nimport extensionSvc from './extensionSvc';\nimport utils from './utils';\n\nconst htmlSectionMarker = '\\uF111\\uF222\\uF333\\uF444';\nconst diffMatchPatch = new DiffMatchPatch();\n\n// Create aliases for syntax highlighting\nconst languageAliases = ({\n js: 'javascript',\n json: 'javascript',\n html: 'markup',\n svg: 'markup',\n xml: 'markup',\n py: 'python',\n rb: 'ruby',\n yml: 'yaml',\n ps1: 'powershell',\n psm1: 'powershell',\n});\nObject.entries(languageAliases).forEach(([alias, language]) => {\n Prism.languages[alias] = Prism.languages[language];\n});\n\n// Add programming language parsing capability to markdown fences\nconst insideFences = {};\nObject.entries(Prism.languages).forEach(([name, language]) => {\n if (Prism.util.type(language) === 'Object') {\n insideFences[`language-${name}`] = {\n pattern: new RegExp(`(\\`\\`\\`|~~~)${name}\\\\W[\\\\s\\\\S]*`),\n inside: {\n 'cl cl-pre': /(```|~~~).*/,\n rest: language,\n },\n };\n }\n});\n\n// Disable spell checking in specific tokens\nconst noSpellcheckTokens = Object.create(null);\n[\n 'code',\n 'pre',\n 'pre gfm',\n 'math block',\n 'math inline',\n 'math expr block',\n 'math expr inline',\n 'latex block',\n]\n .forEach((key) => {\n noSpellcheckTokens[key] = true;\n });\nPrism.hooks.add('wrap', (env) => {\n if (noSpellcheckTokens[env.type]) {\n env.attributes.spellcheck = 'false';\n }\n});\n\nfunction createFlagMap(arr) {\n return arr.reduce((map, type) => ({ ...map, [type]: true }), {});\n}\nconst startSectionBlockTypeMap = createFlagMap([\n 'paragraph_open',\n 'blockquote_open',\n 'heading_open',\n 'code',\n 'fence',\n 'table_open',\n 'html_block',\n 'bullet_list_open',\n 'ordered_list_open',\n 'hr',\n 'dl_open',\n]);\nconst listBlockTypeMap = createFlagMap([\n 'bullet_list_open',\n 'ordered_list_open',\n]);\nconst blockquoteBlockTypeMap = createFlagMap([\n 'blockquote_open',\n]);\nconst tableBlockTypeMap = createFlagMap([\n 'table_open',\n]);\nconst deflistBlockTypeMap = createFlagMap([\n 'dl_open',\n]);\n\nfunction hashArray(arr, valueHash, valueArray) {\n const hash = [];\n arr.forEach((str) => {\n let strHash = valueHash[str];\n if (strHash === undefined) {\n strHash = valueArray.length;\n valueArray.push(str);\n valueHash[str] = strHash;\n }\n hash.push(strHash);\n });\n return String.fromCharCode.apply(null, hash);\n}\n\nexport default {\n defaultOptions: null,\n defaultConverter: null,\n defaultPrismGrammars: null,\n\n init() {\n const defaultProperties = { extensions: utils.computedPresets.default };\n\n // Default options for the markdown converter and the grammar\n this.defaultOptions = {\n ...extensionSvc.getOptions(defaultProperties),\n insideFences,\n };\n\n this.defaultConverter = this.createConverter(this.defaultOptions);\n this.defaultPrismGrammars = markdownGrammarSvc.makeGrammars(this.defaultOptions);\n },\n\n /**\n * Creates a converter and init it with extensions.\n * @returns {Object} A converter.\n */\n createConverter(options) {\n // Let the listeners add the rules\n const converter = new MarkdownIt('zero');\n converter.core.ruler.enable([], true);\n converter.block.ruler.enable([], true);\n converter.inline.ruler.enable([], true);\n extensionSvc.initConverter(converter, options);\n Object.keys(startSectionBlockTypeMap).forEach((type) => {\n const rule = converter.renderer.rules[type] || converter.renderer.renderToken;\n converter.renderer.rules[type] = (tokens, idx, opts, env, self) => {\n if (tokens[idx].sectionDelimiter) {\n // Add section delimiter\n return htmlSectionMarker + rule.call(converter.renderer, tokens, idx, opts, env, self);\n }\n return rule.call(converter.renderer, tokens, idx, opts, env, self);\n };\n });\n return converter;\n },\n\n /**\n * Parse markdown sections by passing the 2 first block rules of the markdown-it converter.\n * @param {Object} converter The markdown-it converter.\n * @param {String} text The text to be parsed.\n * @returns {Object} A parsing context to be passed to `convert`.\n */\n parseSections(converter, text) {\n const markdownState = new converter.core.State(text, converter, {});\n const markdownCoreRules = converter.core.ruler.getRules('');\n markdownCoreRules[0](markdownState); // Pass the normalize rule\n markdownCoreRules[1](markdownState); // Pass the block rule\n const lines = text.split('\\n');\n if (!lines[lines.length - 1]) {\n // In cledit, last char is always '\\n'.\n // Remove it as one will be added by addSection\n lines.pop();\n }\n const parsingCtx = {\n text,\n sections: [],\n converter,\n markdownState,\n markdownCoreRules,\n };\n let data = 'main';\n let i = 0;\n\n function addSection(maxLine) {\n const section = {\n text: '',\n data,\n };\n for (; i < maxLine; i += 1) {\n section.text += `${lines[i]}\\n`;\n }\n if (section) {\n parsingCtx.sections.push(section);\n }\n }\n markdownState.tokens.forEach((token, index) => {\n // index === 0 means there are empty lines at the begining of the file\n if (token.level === 0 && startSectionBlockTypeMap[token.type] === true) {\n if (index > 0) {\n token.sectionDelimiter = true;\n addSection(token.map[0]);\n }\n if (listBlockTypeMap[token.type] === true) {\n data = 'list';\n } else if (blockquoteBlockTypeMap[token.type] === true) {\n data = 'blockquote';\n } else if (tableBlockTypeMap[token.type] === true) {\n data = 'table';\n } else if (deflistBlockTypeMap[token.type] === true) {\n data = 'deflist';\n } else {\n data = 'main';\n }\n }\n });\n addSection(lines.length);\n return parsingCtx;\n },\n\n /**\n * Convert markdown sections previously parsed with `parseSections`.\n * @param {Object} parsingCtx The parsing context returned by `parseSections`.\n * @param {Object} previousConversionCtx The conversion context returned by a previous call\n * to `convert`, in order to calculate the `htmlSectionDiff` of the returned conversion context.\n * @returns {Object} A conversion context.\n */\n convert(parsingCtx, previousConversionCtx) {\n // This function can be called twice without editor modification\n // so prevent from converting it again.\n if (!parsingCtx.markdownState.isConverted) {\n // Skip 2 first rules previously passed in parseSections\n parsingCtx.markdownCoreRules.slice(2).forEach(rule => rule(parsingCtx.markdownState));\n parsingCtx.markdownState.isConverted = true;\n }\n const { tokens } = parsingCtx.markdownState;\n const html = parsingCtx.converter.renderer.render(\n tokens,\n parsingCtx.converter.options,\n parsingCtx.markdownState.env,\n );\n const htmlSectionList = html.split(htmlSectionMarker);\n if (htmlSectionList[0] === '') {\n htmlSectionList.shift();\n }\n const valueHash = Object.create(null);\n const valueArray = [];\n const newSectionHash = hashArray(htmlSectionList, valueHash, valueArray);\n let htmlSectionDiff;\n if (previousConversionCtx) {\n const oldSectionHash = hashArray(\n previousConversionCtx.htmlSectionList,\n valueHash,\n valueArray,\n );\n htmlSectionDiff = diffMatchPatch.diff_main(oldSectionHash, newSectionHash, false);\n } else {\n htmlSectionDiff = [\n [1, newSectionHash],\n ];\n }\n return {\n text: parsingCtx.text,\n sectionList: parsingCtx.sectionList,\n htmlSectionList,\n htmlSectionDiff,\n };\n },\n\n /**\n * Helper to highlight arbitrary markdown\n * @param {Object} markdown The markdown content to highlight.\n * @param {Object} converter An optional converter.\n * @param {Object} grammars Optional grammars.\n * @returns {Object} The highlighted markdown in HTML format.\n */\n highlight(markdown, converter = this.defaultConverter, grammars = this.defaultPrismGrammars) {\n const parsingCtx = this.parseSections(converter, markdown);\n return parsingCtx.sections\n .map(section => Prism.highlight(section.text, grammars[section.data])).join('');\n },\n};\n"
},
{
"path": "src/services/markdownGrammarSvc.js",
"content": "const charInsideUrl = '(&|[-A-Z0-9+@#/%?=~_|[\\\\]()!:,.;])';\nconst charEndingUrl = '(&|[-A-Z0-9+@#/%=~_|[\\\\])])';\nconst urlPattern = new RegExp(`(https?|ftp)(://${charInsideUrl}*${charEndingUrl})(?=$|\\\\W)`, 'gi');\nconst emailPattern = /(?:mailto:)?([-.\\w]+@[-a-z0-9]+(\\.[-a-z0-9]+)*\\.[a-z]+)/gi;\n\nconst markup = {\n comment: //g,\n tag: {\n pattern: /<\\/?[\\w:-]+\\s*(?:\\s+[\\w:-]+(?:=(?:(\"|')(\\\\?[\\w\\W])*?\\1|[^\\s'\">=]+))?\\s*)*\\/?>/gi,\n inside: {\n tag: {\n pattern: /^<\\/?[\\w:-]+/i,\n inside: {\n punctuation: /^<\\/?/,\n namespace: /^[\\w-]+?:/,\n },\n },\n 'attr-value': {\n pattern: /=(?:('|\")[\\w\\W]*?(\\1)|[^\\s>]+)/gi,\n inside: {\n punctuation: /=|>|\"/g,\n },\n },\n punctuation: /\\/?>/g,\n 'attr-name': {\n pattern: /[\\w:-]+/g,\n inside: {\n namespace: /^[\\w-]+?:/,\n },\n },\n },\n },\n entity: /&#?[\\da-z]{1,8};/gi,\n};\n\nconst latex = {\n // A tex command e.g. \\foo\n keyword: /\\\\(?:[^a-zA-Z]|[a-zA-Z]+)/g,\n // Curly and square braces\n lparen: /[[({]/g,\n // Curly and square braces\n rparen: /[\\])}]/g,\n // A comment. Tex comments start with % and go to\n // the end of the line\n comment: /%.*/g,\n};\n\nexport default {\n makeGrammars(options) {\n const grammars = {\n main: {},\n list: {},\n blockquote: {},\n table: {},\n deflist: {},\n };\n\n grammars.deflist.deflist = {\n pattern: new RegExp(\n [\n '^ {0,3}\\\\S.*\\\\n', // Description line\n '(?:[ \\\\t]*\\\\n)?', // Optional empty line\n '(?:',\n '[ \\\\t]*:[ \\\\t].*\\\\n', // Colon line\n '(?:',\n '(?:',\n '.*\\\\S.*\\\\n', // Non-empty line\n '|',\n '[ \\\\t]*\\\\n(?! ?\\\\S)', // Or empty line not followed by unindented line\n ')',\n ')*',\n '(?:[ \\\\t]*\\\\n)*', // Empty lines\n ')+',\n ].join(''),\n 'm',\n ),\n inside: {\n term: /^.+/,\n cl: /^[ \\t]*:[ \\t]/gm,\n },\n };\n\n const insideFences = options.insideFences || {};\n insideFences['cl cl-pre'] = /```|~~~/;\n if (options.fence) {\n grammars.main['pre gfm'] = {\n pattern: /^(```|~~~)[\\s\\S]*?\\n\\1 *$/gm,\n inside: insideFences,\n };\n grammars.list['pre gfm'] = {\n pattern: /^(?: {4}|\\t)(```|~~~)[\\s\\S]*?\\n(?: {4}|\\t)\\1\\s*$/gm,\n inside: insideFences,\n };\n grammars.deflist.deflist.inside['pre gfm'] = grammars.list['pre gfm'];\n }\n\n grammars.main['h1 alt'] = {\n pattern: /^.+\\n=+[ \\t]*$/gm,\n inside: {\n 'cl cl-hash': /=+[ \\t]*$/,\n },\n };\n grammars.main['h2 alt'] = {\n pattern: /^.+\\n-+[ \\t]*$/gm,\n inside: {\n 'cl cl-hash': /-+[ \\t]*$/,\n },\n };\n for (let i = 6; i >= 1; i -= 1) {\n grammars.main[`h${i}`] = {\n pattern: new RegExp(`^#{${i}}[ \\t].+$`, 'gm'),\n inside: {\n 'cl cl-hash': new RegExp(`^#{${i}}`),\n },\n };\n }\n\n const list = /^[ \\t]*([*+-]|\\d+\\.)[ \\t]/gm;\n const blockquote = {\n pattern: /^\\s*>.*(?:\\n[ \\t]*\\S.*)*/gm,\n inside: {\n 'cl cl-gt': /^\\s*>/gm,\n 'cl cl-li': list,\n },\n };\n grammars.list.blockquote = blockquote;\n grammars.blockquote.blockquote = blockquote;\n grammars.deflist.deflist.inside.blockquote = blockquote;\n grammars.list['cl cl-li'] = list;\n grammars.blockquote['cl cl-li'] = list;\n grammars.deflist.deflist.inside['cl cl-li'] = list;\n\n grammars.table.table = {\n pattern: new RegExp(\n [\n '^\\\\s*\\\\S.*[|].*\\\\n', // Header Row\n '[-| :]+\\\\n', // Separator\n '(?:.*[|].*\\\\n?)*', // Table rows\n '$',\n ].join(''),\n 'gm',\n ),\n inside: {\n 'cl cl-title-separator': /^[-| :]+$/gm,\n 'cl cl-pipe': /[|]/gm,\n },\n };\n\n grammars.main.hr = {\n pattern: /^ {0,3}([*\\-_] *){3,}$/gm,\n };\n\n if (options.tasklist) {\n grammars.list.task = {\n pattern: /^\\[[ xX]\\] /,\n inside: {\n cl: /[[\\]]/,\n strong: /[xX]/,\n },\n };\n }\n\n const defs = {};\n if (options.footnote) {\n defs.fndef = {\n pattern: /^ {0,3}\\[\\^.*?\\]:.*$/gm,\n inside: {\n 'ref-id': {\n pattern: /^ {0,3}\\[\\^.*?\\]/,\n inside: {\n cl: /(\\[\\^|\\])/,\n },\n },\n },\n };\n }\n if (options.abbr) {\n defs.abbrdef = {\n pattern: /^ {0,3}\\*\\[.*?\\]:.*$/gm,\n inside: {\n 'abbr-id': {\n pattern: /^ {0,3}\\*\\[.*?\\]/,\n inside: {\n cl: /(\\*\\[|\\])/,\n },\n },\n },\n };\n }\n defs.linkdef = {\n pattern: /^ {0,3}\\[.*?\\]:.*$/gm,\n inside: {\n 'link-id': {\n pattern: /^ {0,3}\\[.*?\\]/,\n inside: {\n cl: /[[\\]]/,\n },\n },\n url: urlPattern,\n },\n };\n\n Object.entries(defs).forEach(([name, def]) => {\n grammars.main[name] = def;\n grammars.list[name] = def;\n grammars.blockquote[name] = def;\n grammars.table[name] = def;\n grammars.deflist[name] = def;\n });\n\n grammars.main.pre = {\n pattern: /^\\s*\\n(?: {4}|\\t).*\\S.*\\n((?: {4}|\\t).*\\n)*/gm,\n };\n\n const rest = {};\n rest.code = {\n pattern: /(`+)[\\s\\S]*?\\1/g,\n inside: {\n 'cl cl-code': /`/,\n },\n };\n if (options.math) {\n rest['math block'] = {\n pattern: /\\\\\\\\\\[[\\s\\S]*?\\\\\\\\\\]/g,\n inside: {\n 'cl cl-bracket-start': /^\\\\\\\\\\[/,\n 'cl cl-bracket-end': /\\\\\\\\\\]$/,\n rest: latex,\n },\n };\n rest['math inline'] = {\n pattern: /\\\\\\\\\\([\\s\\S]*?\\\\\\\\\\)/g,\n inside: {\n 'cl cl-bracket-start': /^\\\\\\\\\\(/,\n 'cl cl-bracket-end': /\\\\\\\\\\)$/,\n rest: latex,\n },\n };\n rest['math expr block'] = {\n pattern: /(\\$\\$)[\\s\\S]*?\\1/g,\n inside: {\n 'cl cl-bracket-start': /^\\$\\$/,\n 'cl cl-bracket-end': /\\$\\$$/,\n rest: latex,\n },\n };\n rest['math expr inline'] = {\n pattern: /\\$(?!\\s)[\\s\\S]*?\\S\\$(?!\\d)/g,\n inside: {\n 'cl cl-bracket-start': /^\\$/,\n 'cl cl-bracket-end': /\\$$/,\n rest: latex,\n },\n };\n }\n if (options.footnote) {\n rest.inlinefn = {\n pattern: /\\^\\[.+?\\]/g,\n inside: {\n cl: /(\\^\\[|\\])/,\n },\n };\n rest.fn = {\n pattern: /\\[\\^.+?\\]/g,\n inside: {\n cl: /(\\[\\^|\\])/,\n },\n };\n }\n rest.img = {\n pattern: /!\\[.*?\\]\\(.+?\\)/g,\n inside: {\n 'cl cl-title': /['‘][^'’]*['’]|[\"“][^\"”]*[\"”](?=\\)$)/,\n 'cl cl-src': {\n pattern: /(\\]\\()[^('\" \\t]+(?=[)'\" \\t])/,\n lookbehind: true,\n },\n },\n };\n if (options.imgsize) {\n rest.img.inside['cl cl-size'] = /=\\d*x\\d*/;\n }\n rest.link = {\n pattern: /\\[.*?\\]\\(.+?\\)/gm,\n inside: {\n 'cl cl-underlined-text': {\n pattern: /(\\[)[^\\]]*/,\n lookbehind: true,\n },\n 'cl cl-title': /['‘][^'’]*['’]|[\"“][^\"”]*[\"”](?=\\)$)/,\n },\n };\n rest.imgref = {\n pattern: /!\\[.*?\\][ \\t]*\\[.*?\\]/g,\n };\n rest.linkref = {\n pattern: /\\[.*?\\][ \\t]*\\[.*?\\]/g,\n inside: {\n 'cl cl-underlined-text': {\n pattern: /^(\\[)[^\\]]*(?=\\][ \\t]*\\[)/,\n lookbehind: true,\n },\n },\n };\n rest.comment = markup.comment;\n rest.tag = markup.tag;\n rest.url = urlPattern;\n rest.email = emailPattern;\n rest.strong = {\n pattern: /(^|[^\\w*])(__|\\*\\*)(?![_*])[\\s\\S]*?\\2(?=([^\\w*]|$))/gm,\n lookbehind: true,\n inside: {\n 'cl cl-strong cl-start': /^(__|\\*\\*)/,\n 'cl cl-strong cl-close': /(__|\\*\\*)$/,\n },\n };\n rest.em = {\n pattern: /(^|[^\\w*])(_|\\*)(?![_*])[\\s\\S]*?\\2(?=([^\\w*]|$))/gm,\n lookbehind: true,\n inside: {\n 'cl cl-em cl-start': /^(_|\\*)/,\n 'cl cl-em cl-close': /(_|\\*)$/,\n },\n };\n rest['strong em'] = {\n pattern: /(^|[^\\w*])(__|\\*\\*)(_|\\*)(?![_*])[\\s\\S]*?\\3\\2(?=([^\\w*]|$))/gm,\n lookbehind: true,\n inside: {\n 'cl cl-strong cl-start': /^(__|\\*\\*)(_|\\*)/,\n 'cl cl-strong cl-close': /(_|\\*)(__|\\*\\*)$/,\n },\n };\n rest['strong em inv'] = {\n pattern: /(^|[^\\w*])(_|\\*)(__|\\*\\*)(?![_*])[\\s\\S]*?\\3\\2(?=([^\\w*]|$))/gm,\n lookbehind: true,\n inside: {\n 'cl cl-strong cl-start': /^(_|\\*)(__|\\*\\*)/,\n 'cl cl-strong cl-close': /(__|\\*\\*)(_|\\*)$/,\n },\n };\n if (options.del) {\n rest.del = {\n pattern: /(^|[^\\w*])(~~)[\\s\\S]*?\\2(?=([^\\w*]|$))/gm,\n lookbehind: true,\n inside: {\n cl: /~~/,\n 'cl-del-text': /[^~]+/,\n },\n };\n }\n if (options.mark) {\n rest.mark = {\n pattern: /(^|[^\\w*])(==)[\\s\\S]*?\\2(?=([^\\w*]|$))/gm,\n lookbehind: true,\n inside: {\n cl: /==/,\n 'cl-mark-text': /[^=]+/,\n },\n };\n }\n if (options.sub) {\n rest.sub = {\n pattern: /(~)(?=\\S)(.*?\\S)\\1/gm,\n inside: {\n cl: /~/,\n },\n };\n }\n if (options.sup) {\n rest.sup = {\n pattern: /(\\^)(?=\\S)(.*?\\S)\\1/gm,\n inside: {\n cl: /\\^/,\n },\n };\n }\n rest.entity = markup.entity;\n\n for (let c = 6; c >= 1; c -= 1) {\n grammars.main[`h${c}`].inside.rest = rest;\n }\n grammars.main['h1 alt'].inside.rest = rest;\n grammars.main['h2 alt'].inside.rest = rest;\n grammars.table.table.inside.rest = rest;\n grammars.main.rest = rest;\n grammars.list.rest = rest;\n grammars.blockquote.blockquote.inside.rest = rest;\n grammars.deflist.deflist.inside.rest = rest;\n if (options.footnote) {\n grammars.main.fndef.inside.rest = rest;\n }\n\n const restLight = {\n code: rest.code,\n inlinefn: rest.inlinefn,\n fn: rest.fn,\n link: rest.link,\n linkref: rest.linkref,\n };\n rest.strong.inside.rest = restLight;\n rest.em.inside.rest = restLight;\n if (options.del) {\n rest.del.inside.rest = restLight;\n }\n if (options.mark) {\n rest.mark.inside.rest = restLight;\n }\n\n const inside = {\n code: rest.code,\n comment: rest.comment,\n tag: rest.tag,\n strong: rest.strong,\n em: rest.em,\n del: rest.del,\n sub: rest.sub,\n sup: rest.sup,\n entity: markup.entity,\n };\n rest.link.inside['cl cl-underlined-text'].inside = inside;\n rest.linkref.inside['cl cl-underlined-text'].inside = inside;\n\n // Wrap any other characters to allow paragraph folding\n Object.entries(grammars).forEach(([, grammar]) => {\n grammar.rest = grammar.rest || {};\n grammar.rest.p = /.+/;\n });\n\n return grammars;\n },\n};\n"
},
{
"path": "src/services/networkSvc.js",
"content": "import utils from './utils';\nimport store from '../store';\nimport constants from '../data/constants';\n\nconst scriptLoadingPromises = Object.create(null);\nconst authorizeTimeout = 6 * 60 * 1000; // 2 minutes\nconst silentAuthorizeTimeout = 15 * 1000; // 15 secondes (which will be reattempted)\nconst networkTimeout = 30 * 1000; // 30 sec\nlet isConnectionDown = false;\nconst userInactiveAfter = 3 * 60 * 1000; // 3 minutes (twice the default sync period)\nlet lastActivity = 0;\nlet lastFocus = 0;\nlet isConfLoading = false;\nlet isConfLoaded = false;\n\nfunction parseHeaders(xhr) {\n const pairs = xhr.getAllResponseHeaders().trim().split('\\n');\n const headers = {};\n pairs.forEach((header) => {\n const split = header.trim().split(':');\n const key = split.shift().trim().toLowerCase();\n const value = split.join(':').trim();\n headers[key] = value;\n });\n return headers;\n}\n\nfunction isRetriable(err) {\n if (err.status === 403) {\n const googleReason = ((((err.body || {}).error || {}).errors || [])[0] || {}).reason;\n return googleReason === 'rateLimitExceeded' || googleReason === 'userRateLimitExceeded';\n }\n return err.status === 429 || (err.status >= 500 && err.status < 600);\n}\n\nexport default {\n async init() {\n // Keep track of the last user activity\n const setLastActivity = () => {\n lastActivity = Date.now();\n };\n window.document.addEventListener('mousedown', setLastActivity);\n window.document.addEventListener('keydown', setLastActivity);\n window.document.addEventListener('touchstart', setLastActivity);\n\n // Keep track of the last window focus\n lastFocus = 0;\n const setLastFocus = () => {\n lastFocus = Date.now();\n localStorage.setItem(store.getters['workspace/lastFocusKey'], lastFocus);\n setLastActivity();\n };\n if (document.hasFocus()) {\n setLastFocus();\n }\n window.addEventListener('focus', setLastFocus);\n\n // Check that browser is online periodically\n const checkOffline = async () => {\n const isBrowserOffline = window.navigator.onLine === false;\n if (!isBrowserOffline\n && store.state.lastOfflineCheck + networkTimeout + 5000 < Date.now()\n && this.isUserActive()\n ) {\n store.commit('updateLastOfflineCheck');\n const script = document.createElement('script');\n let timeout;\n try {\n await new Promise((resolve, reject) => {\n script.onload = resolve;\n script.onerror = reject;\n script.src = `https://apis.google.com/js/api.js?${Date.now()}`;\n try {\n document.head.appendChild(script); // This can fail with bad network\n timeout = setTimeout(reject, networkTimeout);\n } catch (e) {\n reject(e);\n }\n });\n isConnectionDown = false;\n } catch (e) {\n isConnectionDown = true;\n } finally {\n clearTimeout(timeout);\n document.head.removeChild(script);\n }\n }\n const offline = isBrowserOffline || isConnectionDown;\n if (store.state.offline !== offline) {\n store.commit('setOffline', offline);\n if (offline) {\n store.dispatch('notification/error', 'You are offline.');\n } else {\n store.dispatch('notification/info', 'You are back online!');\n this.getServerConf();\n }\n }\n };\n\n utils.setInterval(checkOffline, 1000);\n window.addEventListener('online', () => {\n isConnectionDown = false;\n checkOffline();\n });\n window.addEventListener('offline', checkOffline);\n await checkOffline();\n this.getServerConf();\n },\n async getServerConf() {\n if (!store.state.offline && !isConfLoading && !isConfLoaded) {\n try {\n isConfLoading = true;\n const res = await this.request({ url: 'conf' });\n await store.dispatch('data/setServerConf', res.body);\n isConfLoaded = true;\n } finally {\n isConfLoading = false;\n }\n }\n },\n isWindowFocused() {\n // We don't use state.workspace.lastFocus as it's not reactive\n const storedLastFocus = localStorage.getItem(store.getters['workspace/lastFocusKey']);\n return parseInt(storedLastFocus, 10) === lastFocus;\n },\n isUserActive() {\n return lastActivity > Date.now() - userInactiveAfter && this.isWindowFocused();\n },\n isConfLoaded() {\n return !!Object.keys(store.getters['data/serverConf']).length;\n },\n async loadScript(url) {\n if (!scriptLoadingPromises[url]) {\n scriptLoadingPromises[url] = new Promise((resolve, reject) => {\n const script = document.createElement('script');\n script.onload = resolve;\n script.onerror = () => {\n scriptLoadingPromises[url] = null;\n reject();\n };\n script.src = url;\n document.head.appendChild(script);\n });\n }\n return scriptLoadingPromises[url];\n },\n async startOauth2(url, params = {}, silent = false, reattempt = false) {\n try {\n // Build the authorize URL\n const state = utils.uid();\n const authorizeUrl = utils.addQueryParams(url, {\n ...params,\n state,\n redirect_uri: constants.oauth2RedirectUri,\n });\n\n let iframeElt;\n let wnd;\n if (silent) {\n // Use an iframe as wnd for silent mode\n iframeElt = utils.createHiddenIframe(authorizeUrl);\n document.body.appendChild(iframeElt);\n wnd = iframeElt.contentWindow;\n } else {\n // Open a tab otherwise\n wnd = window.open(authorizeUrl);\n if (!wnd) {\n throw new Error('The authorize window was blocked.');\n }\n }\n\n let checkClosedInterval;\n let closeTimeout;\n let msgHandler;\n try {\n return await new Promise((resolve, reject) => {\n if (silent) {\n iframeElt.onerror = () => {\n reject(new Error('Unknown error.'));\n };\n closeTimeout = setTimeout(() => {\n if (!reattempt) {\n reject(new Error('REATTEMPT'));\n } else {\n isConnectionDown = true;\n store.commit('setOffline', true);\n store.commit('updateLastOfflineCheck');\n reject(new Error('You are offline.'));\n }\n }, silentAuthorizeTimeout);\n } else {\n closeTimeout = setTimeout(() => {\n reject(new Error('Timeout.'));\n }, authorizeTimeout);\n }\n\n msgHandler = (event) => {\n if (event.source === wnd && event.origin === constants.origin) {\n const data = utils.parseQueryParams(`${event.data}`.slice(1));\n if (data.error || data.state !== state) {\n console.error(data); // eslint-disable-line no-console\n reject(new Error('Could not get required authorization.'));\n } else {\n resolve({\n accessToken: data.access_token,\n code: data.code,\n idToken: data.id_token,\n expiresIn: data.expires_in,\n });\n }\n }\n };\n\n window.addEventListener('message', msgHandler);\n if (!silent) {\n checkClosedInterval = setInterval(() => {\n if (wnd.closed) {\n reject(new Error('Authorize window was closed.'));\n }\n }, 250);\n }\n });\n } finally {\n clearInterval(checkClosedInterval);\n if (!silent && !wnd.closed) {\n wnd.close();\n }\n if (iframeElt) {\n document.body.removeChild(iframeElt);\n }\n clearTimeout(closeTimeout);\n window.removeEventListener('message', msgHandler);\n }\n } catch (e) {\n if (e.message === 'REATTEMPT') {\n return this.startOauth2(url, params, silent, true);\n }\n throw e;\n }\n },\n async request(config, offlineCheck = false) {\n let retryAfter = 500; // 500 ms\n const maxRetryAfter = 10 * 1000; // 10 sec\n const sanitizedConfig = Object.assign({}, config);\n sanitizedConfig.timeout = sanitizedConfig.timeout || networkTimeout;\n sanitizedConfig.headers = Object.assign({}, sanitizedConfig.headers);\n if (sanitizedConfig.body && typeof sanitizedConfig.body === 'object') {\n sanitizedConfig.body = JSON.stringify(sanitizedConfig.body);\n sanitizedConfig.headers['Content-Type'] = 'application/json';\n }\n\n const attempt = async () => {\n try {\n return await new Promise((resolve, reject) => {\n if (offlineCheck) {\n store.commit('updateLastOfflineCheck');\n }\n\n const xhr = new window.XMLHttpRequest();\n xhr.withCredentials = sanitizedConfig.withCredentials || false;\n\n const timeoutId = setTimeout(() => {\n xhr.abort();\n if (offlineCheck) {\n isConnectionDown = true;\n store.commit('setOffline', true);\n reject(new Error('You are offline.'));\n } else {\n reject(new Error('Network request timeout.'));\n }\n }, sanitizedConfig.timeout);\n\n xhr.onload = () => {\n if (offlineCheck) {\n isConnectionDown = false;\n }\n clearTimeout(timeoutId);\n const result = {\n status: xhr.status,\n headers: parseHeaders(xhr),\n body: sanitizedConfig.blob ? xhr.response : xhr.responseText,\n };\n if (!sanitizedConfig.raw && !sanitizedConfig.blob) {\n try {\n result.body = JSON.parse(result.body);\n } catch (e) {\n // ignore\n }\n }\n if (result.status >= 200 && result.status < 300) {\n resolve(result);\n } else {\n reject(result);\n }\n };\n\n xhr.onerror = () => {\n clearTimeout(timeoutId);\n if (offlineCheck) {\n isConnectionDown = true;\n store.commit('setOffline', true);\n reject(new Error('You are offline.'));\n } else {\n reject(new Error('Network request failed.'));\n }\n };\n\n const url = utils.addQueryParams(sanitizedConfig.url, sanitizedConfig.params);\n xhr.open(sanitizedConfig.method || 'GET', url);\n Object.entries(sanitizedConfig.headers).forEach(([key, value]) => {\n if (value) {\n xhr.setRequestHeader(key, `${value}`);\n }\n });\n if (sanitizedConfig.blob) {\n xhr.responseType = 'blob';\n }\n xhr.send(sanitizedConfig.body || null);\n });\n } catch (err) {\n // Try again later in case of retriable error\n if (isRetriable(err) && retryAfter < maxRetryAfter) {\n await new Promise((resolve) => {\n setTimeout(resolve, retryAfter);\n // Exponential backoff\n retryAfter *= 2;\n });\n return attempt();\n }\n throw err;\n }\n };\n\n return attempt();\n },\n};\n"
},
{
"path": "src/services/optional/index.js",
"content": "import './shortcuts';\nimport './keystrokes';\nimport './scrollSync';\nimport './taskChange';\n"
},
{
"path": "src/services/optional/keystrokes.js",
"content": "import cledit from '../editor/cledit';\nimport editorSvc from '../editorSvc';\nimport store from '../../store';\n\nconst { Keystroke } = cledit;\nconst indentRegexp = /^ {0,3}>[ ]*|^[ \\t]*[*+-][ \\t](?:\\[[ xX]\\][ \\t])?|^([ \\t]*)\\d+\\.[ \\t](?:\\[[ xX]\\][ \\t])?|^\\s+/;\nlet clearNewline;\nlet lastSelection;\n\nfunction fixNumberedList(state, indent) {\n if (state.selection\n || indent === undefined\n || !store.getters['data/computedSettings'].editor.listAutoNumber\n ) {\n return;\n }\n const spaceIndent = indent.replace(/\\t/g, ' ');\n const indentRegex = new RegExp(`^[ \\\\s]*$|^${spaceIndent}(\\\\d+\\\\.[ \\\\t])?(( )?.*)$`);\n\n function getHits(lines) {\n let hits = [];\n let pendingHits = [];\n\n function flush() {\n if (!pendingHits.hasHit && pendingHits.hasNoIndent) {\n return false;\n }\n hits = hits.concat(pendingHits);\n pendingHits = [];\n return true;\n }\n\n lines.some((line) => {\n const match = line.replace(\n /^[ \\t]*/,\n wholeMatch => wholeMatch.replace(/\\t/g, ' '),\n ).match(indentRegex);\n if (!match || line.match(/^#+ /)) { // Line not empty, not indented, or title\n flush();\n return true;\n }\n pendingHits.push({\n line,\n match,\n });\n if (match[2] !== undefined) {\n if (match[1]) {\n pendingHits.hasHit = true;\n } else if (!match[3]) {\n pendingHits.hasNoIndent = true;\n }\n } else if (!flush()) {\n return true;\n }\n return false;\n });\n return hits;\n }\n\n function formatHits(hits) {\n let num;\n return hits.map((hit) => {\n if (hit.match[1]) {\n if (!num) {\n num = parseInt(hit.match[1], 10);\n }\n const result = indent + num + hit.match[1].slice(-2) + hit.match[2];\n num += 1;\n return result;\n }\n return hit.line;\n });\n }\n\n const before = state.before.split('\\n');\n before.unshift(''); // Add an extra line (fixes #184)\n const after = state.after.split('\\n');\n let currentLine = before.pop() || '';\n const currentPos = currentLine.length;\n currentLine += after.shift() || '';\n let lines = before.concat(currentLine).concat(after);\n let idx = before.length - getHits(before.slice().reverse()).length; // Prevents starting from 0\n while (idx <= before.length + 1) {\n const hits = formatHits(getHits(lines.slice(idx)));\n if (!hits.length) {\n idx += 1;\n } else {\n lines = lines.slice(0, idx).concat(hits).concat(lines.slice(idx + hits.length));\n idx += hits.length;\n }\n }\n currentLine = lines[before.length];\n state.before = lines.slice(1, before.length); // As we've added an extra line\n state.before.push(currentLine.slice(0, currentPos));\n state.before = state.before.join('\\n');\n state.after = [currentLine.slice(currentPos)].concat(lines.slice(before.length + 1));\n state.after = state.after.join('\\n');\n}\n\nfunction enterKeyHandler(evt, state) {\n if (evt.which !== 13) {\n // Not enter\n clearNewline = false;\n return false;\n }\n\n evt.preventDefault();\n\n // Get the last line before the selection\n const lastLf = state.before.lastIndexOf('\\n') + 1;\n const lastLine = state.before.slice(lastLf);\n // See if the line is indented\n const indentMatch = lastLine.match(indentRegexp) || [''];\n if (clearNewline && !state.selection && state.before.length === lastSelection) {\n state.before = state.before.substring(0, lastLf);\n state.selection = '';\n clearNewline = false;\n fixNumberedList(state, indentMatch[1]);\n return true;\n }\n clearNewline = false;\n const indent = indentMatch[0];\n if (indent.length) {\n clearNewline = true;\n }\n\n editorSvc.clEditor.undoMgr.setCurrentMode('single');\n\n state.before += `\\n${indent}`;\n state.selection = '';\n lastSelection = state.before.length;\n fixNumberedList(state, indentMatch[1]);\n return true;\n}\n\nfunction tabKeyHandler(evt, state) {\n if (evt.which !== 9 || evt.metaKey || evt.ctrlKey) {\n // Not tab\n return false;\n }\n\n const strSplice = (str, i, remove, add) =>\n str.slice(0, i) + (add || '') + str.slice(i + (+remove || 0));\n\n evt.preventDefault();\n const isInverse = evt.shiftKey;\n const lastLf = state.before.lastIndexOf('\\n') + 1;\n const lastLine = state.before.slice(lastLf);\n const currentLine = lastLine + state.selection + state.after;\n const indentMatch = currentLine.match(indentRegexp);\n if (isInverse) {\n const previousChar = state.before.slice(-1);\n if (/\\s/.test(state.before.charAt(lastLf))) {\n state.before = strSplice(state.before, lastLf, 1);\n if (indentMatch) {\n fixNumberedList(state, indentMatch[1]);\n if (indentMatch[1]) {\n fixNumberedList(state, indentMatch[1].slice(1));\n }\n }\n }\n const selection = previousChar + state.selection;\n state.selection = selection.replace(/\\n[ \\t]/gm, '\\n');\n if (previousChar) {\n state.selection = state.selection.slice(1);\n }\n } else if (\n // If selection is not empty\n state.selection\n // Or we are in an indented paragraph and the cursor is over the indentation characters\n || (indentMatch && indentMatch[0].length >= lastLine.length)\n ) {\n state.before = strSplice(state.before, lastLf, 0, '\\t');\n state.selection = state.selection.replace(/\\n(?=.)/g, '\\n\\t');\n if (indentMatch) {\n fixNumberedList(state, indentMatch[1]);\n fixNumberedList(state, `\\t${indentMatch[1]}`);\n }\n } else {\n state.before += '\\t';\n }\n return true;\n}\n\neditorSvc.$on('inited', () => {\n editorSvc.clEditor.addKeystroke(new Keystroke(enterKeyHandler, 50));\n editorSvc.clEditor.addKeystroke(new Keystroke(tabKeyHandler, 50));\n});\n"
},
{
"path": "src/services/optional/scrollSync.js",
"content": "import store from '../../store';\nimport animationSvc from '../animationSvc';\nimport editorSvc from '../editorSvc';\n\nlet editorScrollerElt;\nlet previewScrollerElt;\nlet editorFinishTimeoutId;\nlet previewFinishTimeoutId;\nlet skipAnimation;\nlet isScrollEditor;\nlet isScrollPreview;\nlet isEditorMoving;\nlet isPreviewMoving;\nlet sectionDescList = [];\n\nlet throttleTimeoutId;\nlet throttleLastTime = 0;\n\nfunction throttle(func, wait) {\n clearTimeout(throttleTimeoutId);\n const currentTime = Date.now();\n const localWait = (wait + throttleLastTime) - currentTime;\n if (localWait < 1) {\n throttleLastTime = currentTime;\n func();\n } else {\n throttleTimeoutId = setTimeout(() => {\n throttleLastTime = Date.now();\n func();\n }, localWait);\n }\n}\n\nconst doScrollSync = () => {\n const localSkipAnimation = skipAnimation || !store.getters['layout/styles'].showSidePreview;\n skipAnimation = false;\n if (!store.getters['data/layoutSettings'].scrollSync || sectionDescList.length === 0) {\n return;\n }\n let editorScrollTop = editorScrollerElt.scrollTop;\n if (editorScrollTop < 0) {\n editorScrollTop = 0;\n }\n const previewScrollTop = previewScrollerElt.scrollTop;\n let scrollTo;\n if (isScrollEditor) {\n // Scroll the preview\n isScrollEditor = false;\n sectionDescList.some((sectionDesc) => {\n if (editorScrollTop > sectionDesc.editorDimension.endOffset) {\n return false;\n }\n const posInSection = (editorScrollTop - sectionDesc.editorDimension.startOffset)\n / (sectionDesc.editorDimension.height || 1);\n scrollTo = (sectionDesc.previewDimension.startOffset\n + (sectionDesc.previewDimension.height * posInSection));\n return true;\n });\n scrollTo = Math.min(\n scrollTo,\n previewScrollerElt.scrollHeight - previewScrollerElt.offsetHeight,\n );\n\n throttle(() => {\n clearTimeout(previewFinishTimeoutId);\n animationSvc.animate(previewScrollerElt)\n .scrollTop(scrollTo)\n .duration(!localSkipAnimation && 100)\n .start(() => {\n previewFinishTimeoutId = setTimeout(() => {\n isPreviewMoving = false;\n }, 100);\n }, () => {\n isPreviewMoving = true;\n });\n }, localSkipAnimation ? 500 : 50);\n } else if (!store.getters['layout/styles'].showEditor || isScrollPreview) {\n // Scroll the editor\n isScrollPreview = false;\n sectionDescList.some((sectionDesc) => {\n if (previewScrollTop > sectionDesc.previewDimension.endOffset) {\n return false;\n }\n const posInSection = (previewScrollTop - sectionDesc.previewDimension.startOffset)\n / (sectionDesc.previewDimension.height || 1);\n scrollTo = (sectionDesc.editorDimension.startOffset\n + (sectionDesc.editorDimension.height * posInSection));\n return true;\n });\n scrollTo = Math.min(\n scrollTo,\n editorScrollerElt.scrollHeight - editorScrollerElt.offsetHeight,\n );\n\n throttle(() => {\n clearTimeout(editorFinishTimeoutId);\n animationSvc.animate(editorScrollerElt)\n .scrollTop(scrollTo)\n .duration(!localSkipAnimation && 100)\n .start(() => {\n editorFinishTimeoutId = setTimeout(() => {\n isEditorMoving = false;\n }, 100);\n }, () => {\n isEditorMoving = true;\n });\n }, localSkipAnimation ? 500 : 50);\n }\n};\n\nlet isPreviewRefreshing;\nlet timeoutId;\n\nconst forceScrollSync = () => {\n if (!isPreviewRefreshing) {\n doScrollSync();\n }\n};\nstore.watch(() => store.getters['data/layoutSettings'].scrollSync, forceScrollSync);\n\neditorSvc.$on('inited', () => {\n editorScrollerElt = editorSvc.editorElt.parentNode;\n previewScrollerElt = editorSvc.previewElt.parentNode;\n\n editorScrollerElt.addEventListener('scroll', () => {\n if (isEditorMoving) {\n return;\n }\n isScrollEditor = true;\n isScrollPreview = false;\n doScrollSync();\n });\n\n previewScrollerElt.addEventListener('scroll', () => {\n if (isPreviewMoving || isPreviewRefreshing) {\n return;\n }\n isScrollPreview = true;\n isScrollEditor = false;\n doScrollSync();\n });\n});\n\neditorSvc.$on('sectionList', () => {\n clearTimeout(timeoutId);\n isPreviewRefreshing = true;\n sectionDescList = [];\n});\n\neditorSvc.$on('previewCtx', () => {\n // Assume the user is writing in the editor\n isScrollEditor = store.getters['layout/styles'].showEditor;\n // A preview scrolling event can occur if height is smaller\n timeoutId = setTimeout(() => {\n isPreviewRefreshing = false;\n }, 100);\n});\n\nstore.watch(\n () => store.getters['layout/styles'].showEditor,\n (showEditor) => {\n isScrollEditor = showEditor;\n isScrollPreview = !showEditor;\n skipAnimation = true;\n },\n);\n\nstore.watch(\n () => store.getters['file/current'].id,\n () => {\n skipAnimation = true;\n },\n);\n\neditorSvc.$on('previewCtxMeasured', (previewCtxMeasured) => {\n if (previewCtxMeasured) {\n ({ sectionDescList } = previewCtxMeasured);\n forceScrollSync();\n }\n});\n"
},
{
"path": "src/services/optional/shortcuts.js",
"content": "import Mousetrap from 'mousetrap';\nimport store from '../../store';\nimport editorSvc from '../../services/editorSvc';\nimport syncSvc from '../../services/syncSvc';\n\n// Skip shortcuts if modal is open or editor is hidden\nMousetrap.prototype.stopCallback = () => store.getters['modal/config'] || !store.getters['content/isCurrentEditable'];\n\nconst pagedownHandler = name => () => {\n editorSvc.pagedownEditor.uiManager.doClick(name);\n return true;\n};\n\nconst findReplaceOpener = type => () => {\n store.dispatch('findReplace/open', {\n type,\n findText: editorSvc.clEditor.selectionMgr.hasFocus() &&\n editorSvc.clEditor.selectionMgr.getSelectedText(),\n });\n return true;\n};\n\nconst methods = {\n bold: pagedownHandler('bold'),\n italic: pagedownHandler('italic'),\n strikethrough: pagedownHandler('strikethrough'),\n link: pagedownHandler('link'),\n quote: pagedownHandler('quote'),\n code: pagedownHandler('code'),\n image: pagedownHandler('image'),\n olist: pagedownHandler('olist'),\n ulist: pagedownHandler('ulist'),\n clist: pagedownHandler('clist'),\n heading: pagedownHandler('heading'),\n hr: pagedownHandler('hr'),\n sync() {\n if (syncSvc.isSyncPossible()) {\n syncSvc.requestSync();\n }\n return true;\n },\n find: findReplaceOpener('find'),\n replace: findReplaceOpener('replace'),\n expand(param1, param2) {\n const text = `${param1 || ''}`;\n const replacement = `${param2 || ''}`;\n if (text && replacement) {\n setTimeout(() => {\n const { selectionMgr } = editorSvc.clEditor;\n let offset = selectionMgr.selectionStart;\n if (offset === selectionMgr.selectionEnd) {\n const range = selectionMgr.createRange(offset - text.length, offset);\n if (`${range}` === text) {\n range.deleteContents();\n range.insertNode(document.createTextNode(replacement));\n offset = (offset - text.length) + replacement.length;\n selectionMgr.setSelectionStartEnd(offset, offset);\n selectionMgr.updateCursorCoordinates(true);\n }\n }\n }, 1);\n }\n },\n};\n\nstore.watch(\n () => store.getters['data/computedSettings'],\n (computedSettings) => {\n Mousetrap.reset();\n\n Object.entries(computedSettings.shortcuts).forEach(([key, shortcut]) => {\n if (shortcut) {\n const method = `${shortcut.method || shortcut}`;\n let params = shortcut.params || [];\n if (!Array.isArray(params)) {\n params = [params];\n }\n if (Object.prototype.hasOwnProperty.call(methods, method)) {\n try {\n Mousetrap.bind(`${key}`, () => !methods[method].apply(null, params));\n } catch (e) {\n // Ignore\n }\n }\n }\n });\n }, {\n immediate: true,\n },\n);\n"
},
{
"path": "src/services/optional/taskChange.js",
"content": "import editorSvc from '../editorSvc';\nimport store from '../../store';\n\neditorSvc.$on('inited', () => {\n const getPreviewOffset = (elt) => {\n let offset = 0;\n if (!elt || elt === editorSvc.previewElt) {\n return offset;\n }\n let { previousSibling } = elt;\n while (previousSibling) {\n offset += previousSibling.textContent.length;\n ({ previousSibling } = previousSibling);\n }\n return offset + getPreviewOffset(elt.parentNode);\n };\n\n editorSvc.previewElt.addEventListener('click', (evt) => {\n if (evt.target.classList.contains('task-list-item-checkbox')) {\n evt.preventDefault();\n if (store.getters['content/isCurrentEditable']) {\n const editorContent = editorSvc.clEditor.getContent();\n // Use setTimeout to ensure evt.target.checked has the old value\n setTimeout(() => {\n // Make sure content has not changed\n if (editorContent === editorSvc.clEditor.getContent()) {\n const previewOffset = getPreviewOffset(evt.target);\n const endOffset = editorSvc.getEditorOffset(previewOffset + 1);\n if (endOffset != null) {\n const startOffset = editorContent.lastIndexOf('\\n', endOffset) + 1;\n const line = editorContent.slice(startOffset, endOffset);\n const match = line.match(/^([ \\t]*(?:[*+-]|\\d+\\.)[ \\t]+\\[)[ xX](\\] .*)/);\n if (match) {\n let newContent = editorContent.slice(0, startOffset);\n newContent += match[1];\n newContent += evt.target.checked ? ' ' : 'x';\n newContent += match[2];\n newContent += editorContent.slice(endOffset);\n editorSvc.clEditor.setContent(newContent, true);\n }\n }\n }\n }, 10);\n }\n }\n });\n});\n"
},
{
"path": "src/services/providers/bloggerPageProvider.js",
"content": "import store from '../../store';\nimport googleHelper from './helpers/googleHelper';\nimport Provider from './common/Provider';\n\nexport default new Provider({\n id: 'bloggerPage',\n name: 'Blogger Page',\n getToken({ sub }) {\n const token = store.getters['data/googleTokensBySub'][sub];\n return token && token.isBlogger ? token : null;\n },\n getLocationUrl({ blogId, pageId }) {\n return `https://www.blogger.com/blogger.g?blogID=${blogId}#editor/target=page;pageID=${pageId}`;\n },\n getLocationDescription({ pageId }) {\n return pageId;\n },\n async publish(token, html, metadata, publishLocation) {\n const page = await googleHelper.uploadBlogger({\n token,\n blogUrl: publishLocation.blogUrl,\n blogId: publishLocation.blogId,\n postId: publishLocation.pageId,\n title: metadata.title,\n content: html,\n isPage: true,\n });\n return {\n ...publishLocation,\n blogId: page.blog.id,\n pageId: page.id,\n };\n },\n makeLocation(token, blogUrl, pageId) {\n const location = {\n providerId: this.id,\n sub: token.sub,\n blogUrl,\n };\n if (pageId) {\n location.pageId = pageId;\n }\n return location;\n },\n});\n"
},
{
"path": "src/services/providers/bloggerProvider.js",
"content": "import store from '../../store';\nimport googleHelper from './helpers/googleHelper';\nimport Provider from './common/Provider';\n\nexport default new Provider({\n id: 'blogger',\n name: 'Blogger',\n getToken({ sub }) {\n const token = store.getters['data/googleTokensBySub'][sub];\n return token && token.isBlogger ? token : null;\n },\n getLocationUrl({ blogId, postId }) {\n return `https://www.blogger.com/blogger.g?blogID=${blogId}#editor/target=post;postID=${postId}`;\n },\n getLocationDescription({ postId }) {\n return postId;\n },\n async publish(token, html, metadata, publishLocation) {\n const post = await googleHelper.uploadBlogger({\n ...publishLocation,\n token,\n title: metadata.title,\n content: html,\n labels: metadata.tags,\n isDraft: metadata.status === 'draft',\n published: metadata.date,\n });\n return {\n ...publishLocation,\n blogId: post.blog.id,\n postId: post.id,\n };\n },\n makeLocation(token, blogUrl, postId) {\n const location = {\n providerId: this.id,\n sub: token.sub,\n blogUrl,\n };\n if (postId) {\n location.postId = postId;\n }\n return location;\n },\n});\n"
},
{
"path": "src/services/providers/common/Provider.js",
"content": "import providerRegistry from './providerRegistry';\nimport emptyContent from '../../../data/empties/emptyContent';\nimport utils from '../../utils';\nimport store from '../../../store';\nimport workspaceSvc from '../../workspaceSvc';\n\nconst dataExtractor = /\\s*$/;\n\nexport default class Provider {\n prepareChanges = changes => changes\n onChangesApplied = () => {}\n\n constructor(props) {\n Object.assign(this, props);\n providerRegistry.register(this);\n }\n\n /**\n * Serialize content in a self contain Markdown compatible format\n */\n static serializeContent(content) {\n let result = content.text;\n const data = {};\n if (content.properties.length > 1) {\n data.properties = content.properties;\n }\n if (Object.keys(content.discussions).length) {\n data.discussions = content.discussions;\n }\n if (Object.keys(content.comments).length) {\n data.comments = content.comments;\n }\n if (content.history && content.history.length) {\n data.history = content.history;\n }\n if (Object.keys(data).length) {\n const serializedData = utils.encodeBase64(JSON.stringify(data)).replace(/(.{50})/g, '$1\\n');\n result += ``;\n }\n return result;\n }\n\n /**\n * Parse content serialized with serializeContent()\n */\n static parseContent(serializedContent, id) {\n let text = serializedContent;\n const extractedData = dataExtractor.exec(serializedContent);\n let result;\n if (!extractedData) {\n // In case stackedit's data has been manually removed, try to restore them\n result = utils.deepCopy(store.state.content.itemsById[id]) || emptyContent(id);\n } else {\n result = emptyContent(id);\n try {\n const serializedData = extractedData[1].replace(/\\s/g, '');\n const parsedData = JSON.parse(utils.decodeBase64(serializedData));\n text = text.slice(0, extractedData.index);\n if (parsedData.properties) {\n result.properties = utils.sanitizeText(parsedData.properties);\n }\n if (parsedData.discussions) {\n result.discussions = parsedData.discussions;\n }\n if (parsedData.comments) {\n result.comments = parsedData.comments;\n }\n result.history = parsedData.history;\n } catch (e) {\n // Ignore\n }\n }\n result.text = utils.sanitizeText(text);\n if (!result.history) {\n result.history = [];\n }\n return utils.addItemHash(result);\n }\n\n /**\n * Find and open a file with location that meets the criteria\n */\n static openFileWithLocation(criteria) {\n const location = utils.search(store.getters['syncLocation/items'], criteria);\n if (location) {\n // Found one, open it if it exists\n const item = store.state.file.itemsById[location.fileId];\n if (item) {\n store.commit('file/setCurrentId', item.id);\n // If file is in the trash, restore it\n if (item.parentId === 'trash') {\n workspaceSvc.setOrPatchItem({\n ...item,\n parentId: null,\n });\n }\n return true;\n }\n }\n return false;\n }\n}\n"
},
{
"path": "src/services/providers/common/providerRegistry.js",
"content": "export default {\n providersById: {},\n register(provider) {\n this.providersById[provider.id] = provider;\n return provider;\n },\n};\n"
},
{
"path": "src/services/providers/couchdbWorkspaceProvider.js",
"content": "import store from '../../store';\nimport couchdbHelper from './helpers/couchdbHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport badgeSvc from '../badgeSvc';\n\nlet syncLastSeq;\n\nexport default new Provider({\n id: 'couchdbWorkspace',\n name: 'CouchDB',\n getToken() {\n return store.getters['workspace/syncToken'];\n },\n getWorkspaceParams({ dbUrl }) {\n return {\n providerId: this.id,\n dbUrl,\n };\n },\n getWorkspaceLocationUrl({ dbUrl }) {\n return dbUrl;\n },\n getSyncDataUrl(fileSyncData, { id }) {\n const { dbUrl } = this.getToken();\n return `${dbUrl}/${id}/data`;\n },\n getSyncDataDescription(fileSyncData, { id }) {\n return id;\n },\n async initWorkspace() {\n const dbUrl = (utils.queryParams.dbUrl || '').replace(/\\/?$/, ''); // Remove trailing /\n const workspaceParams = this.getWorkspaceParams({ dbUrl });\n const workspaceId = utils.makeWorkspaceId(workspaceParams);\n\n // Create the token if it doesn't exist\n if (!store.getters['data/couchdbTokensBySub'][workspaceId]) {\n store.dispatch('data/addCouchdbToken', {\n sub: workspaceId,\n dbUrl,\n });\n }\n\n // Create the workspace if it doesn't exist\n if (!store.getters['workspace/workspacesById'][workspaceId]) {\n try {\n // Make sure the database exists and retrieve its name\n const db = await couchdbHelper.getDb(store.getters['data/couchdbTokensBySub'][workspaceId]);\n store.dispatch('workspace/patchWorkspacesById', {\n [workspaceId]: {\n id: workspaceId,\n name: db.db_name,\n providerId: this.id,\n dbUrl,\n },\n });\n } catch (e) {\n throw new Error(`${dbUrl} is not accessible. Make sure you have the proper permissions.`);\n }\n }\n\n badgeSvc.addBadge('addCouchdbWorkspace');\n return store.getters['workspace/workspacesById'][workspaceId];\n },\n async getChanges() {\n const syncToken = store.getters['workspace/syncToken'];\n const lastSeq = store.getters['data/localSettings'].syncLastSeq;\n const result = await couchdbHelper.getChanges(syncToken, lastSeq);\n const changes = result.changes.filter((change) => {\n if (!change.deleted && change.doc) {\n change.item = change.doc.item;\n if (!change.item || !change.item.id || !change.item.type) {\n return false;\n }\n // Build sync data\n change.syncData = {\n id: change.id,\n itemId: change.item.id,\n type: change.item.type,\n hash: change.item.hash,\n rev: change.doc._rev, // eslint-disable-line no-underscore-dangle\n };\n }\n change.syncDataId = change.id;\n return true;\n });\n syncLastSeq = result.lastSeq;\n return changes;\n },\n onChangesApplied() {\n store.dispatch('data/patchLocalSettings', {\n syncLastSeq,\n });\n },\n async saveWorkspaceItem({ item, syncData }) {\n const syncToken = store.getters['workspace/syncToken'];\n const { id, rev } = await couchdbHelper.uploadDocument({\n token: syncToken,\n item,\n documentId: syncData && syncData.id,\n rev: syncData && syncData.rev,\n });\n\n // Build sync data to save\n return {\n syncData: {\n id,\n itemId: item.id,\n type: item.type,\n hash: item.hash,\n rev,\n },\n };\n },\n removeWorkspaceItem({ syncData }) {\n const syncToken = store.getters['workspace/syncToken'];\n return couchdbHelper.removeDocument(syncToken, syncData.id, syncData.rev);\n },\n async downloadWorkspaceContent({ token, contentSyncData }) {\n const body = await couchdbHelper.retrieveDocumentWithAttachments(token, contentSyncData.id);\n const rev = body._rev; // eslint-disable-line no-underscore-dangle\n const content = Provider.parseContent(body.attachments.data, body.item.id);\n return {\n content,\n contentSyncData: {\n ...contentSyncData,\n hash: content.hash,\n rev,\n },\n };\n },\n async downloadWorkspaceData({ token, syncData }) {\n if (!syncData) {\n return {};\n }\n\n const body = await couchdbHelper.retrieveDocumentWithAttachments(token, syncData.id);\n const item = utils.addItemHash(JSON.parse(body.attachments.data));\n const rev = body._rev; // eslint-disable-line no-underscore-dangle\n return {\n item,\n syncData: {\n ...syncData,\n hash: item.hash,\n rev,\n },\n };\n },\n async uploadWorkspaceContent({ token, content, contentSyncData }) {\n const res = await couchdbHelper.uploadDocument({\n token,\n item: {\n id: content.id,\n type: content.type,\n hash: content.hash,\n },\n data: Provider.serializeContent(content),\n dataType: 'text/plain',\n documentId: contentSyncData && contentSyncData.id,\n rev: contentSyncData && contentSyncData.rev,\n });\n\n // Return new sync data\n return {\n contentSyncData: {\n id: res.id,\n itemId: content.id,\n type: content.type,\n hash: content.hash,\n rev: res.rev,\n },\n };\n },\n async uploadWorkspaceData({ token, item, syncData }) {\n const res = await couchdbHelper.uploadDocument({\n token,\n item: {\n id: item.id,\n type: item.type,\n hash: item.hash,\n },\n data: JSON.stringify(item),\n dataType: 'application/json',\n documentId: syncData && syncData.id,\n rev: syncData && syncData.rev,\n });\n\n // Return new sync data\n return {\n syncData: {\n id: res.id,\n itemId: item.id,\n type: item.type,\n hash: item.hash,\n rev: res.rev,\n },\n };\n },\n async listFileRevisions({ token, contentSyncDataId }) {\n const body = await couchdbHelper.retrieveDocumentWithRevisions(token, contentSyncDataId);\n const revisions = [];\n body._revs_info.forEach((revInfo, idx) => { // eslint-disable-line no-underscore-dangle\n if (revInfo.status === 'available') {\n revisions.push({\n id: revInfo.rev,\n sub: null,\n created: idx,\n loaded: false,\n });\n }\n });\n return revisions;\n },\n async loadFileRevision({ token, contentSyncDataId, revision }) {\n if (revision.loaded) {\n return false;\n }\n const body = await couchdbHelper.retrieveDocument(token, contentSyncDataId, revision.id);\n revision.sub = body.sub;\n revision.created = body.time;\n revision.loaded = true;\n return true;\n },\n async getFileRevisionContent({ token, contentSyncDataId, revisionId }) {\n const body = await couchdbHelper\n .retrieveDocumentWithAttachments(token, contentSyncDataId, revisionId);\n return Provider.parseContent(body.attachments.data, body.item.id);\n },\n});\n"
},
{
"path": "src/services/providers/dropboxProvider.js",
"content": "import store from '../../store';\nimport dropboxHelper from './helpers/dropboxHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport workspaceSvc from '../workspaceSvc';\n\nconst makePathAbsolute = (token, path) => {\n if (!token.fullAccess) {\n return `/Applications/StackEdit (restricted)${path}`;\n }\n return path;\n};\nconst makePathRelative = (token, path) => {\n if (!token.fullAccess) {\n return path.replace(/^\\/Applications\\/StackEdit \\(restricted\\)/, '');\n }\n return path;\n};\n\nexport default new Provider({\n id: 'dropbox',\n name: 'Dropbox',\n getToken({ sub }) {\n return store.getters['data/dropboxTokensBySub'][sub];\n },\n getLocationUrl({ path }) {\n const pathComponents = path.split('/').map(encodeURIComponent);\n const filename = pathComponents.pop();\n return `https://www.dropbox.com/home${pathComponents.join('/')}?preview=${filename}`;\n },\n getLocationDescription({ path, dropboxFileId }) {\n return dropboxFileId || path;\n },\n checkPath(path) {\n return path && path.match(/^\\/[^\\\\<>:\"|?*]+$/);\n },\n async downloadContent(token, syncLocation) {\n const { content } = await dropboxHelper.downloadFile({\n token,\n path: makePathRelative(token, syncLocation.path),\n fileId: syncLocation.dropboxFileId,\n });\n return Provider.parseContent(content, `${syncLocation.fileId}/content`);\n },\n async uploadContent(token, content, syncLocation) {\n const dropboxFile = await dropboxHelper.uploadFile({\n token,\n path: makePathRelative(token, syncLocation.path),\n content: Provider.serializeContent(content),\n fileId: syncLocation.dropboxFileId,\n });\n return {\n ...syncLocation,\n path: makePathAbsolute(token, dropboxFile.path_display),\n dropboxFileId: dropboxFile.id,\n };\n },\n async publish(token, html, metadata, publishLocation) {\n const dropboxFile = await dropboxHelper.uploadFile({\n token,\n path: publishLocation.path,\n content: html,\n fileId: publishLocation.dropboxFileId,\n });\n return {\n ...publishLocation,\n path: makePathAbsolute(token, dropboxFile.path_display),\n dropboxFileId: dropboxFile.id,\n };\n },\n async openFiles(token, paths) {\n await utils.awaitSequence(paths, async (path) => {\n // Check if the file exists and open it\n if (!Provider.openFileWithLocation({\n providerId: this.id,\n path,\n })) {\n // Download content from Dropbox\n const syncLocation = {\n path,\n providerId: this.id,\n sub: token.sub,\n };\n let content;\n try {\n content = await this.downloadContent(token, syncLocation);\n } catch (e) {\n store.dispatch('notification/error', `Could not open file ${path}.`);\n return;\n }\n\n // Create the file\n let name = path;\n const slashPos = name.lastIndexOf('/');\n if (slashPos > -1 && slashPos < name.length - 1) {\n name = name.slice(slashPos + 1);\n }\n const dotPos = name.lastIndexOf('.');\n if (dotPos > 0 && slashPos < name.length) {\n name = name.slice(0, dotPos);\n }\n const item = await workspaceSvc.createFile({\n name,\n parentId: store.getters['file/current'].parentId,\n text: content.text,\n properties: content.properties,\n discussions: content.discussions,\n comments: content.comments,\n }, true);\n store.commit('file/setCurrentId', item.id);\n workspaceSvc.addSyncLocation({\n ...syncLocation,\n fileId: item.id,\n });\n store.dispatch('notification/info', `${store.getters['file/current'].name} was imported from Dropbox.`);\n }\n });\n },\n makeLocation(token, path) {\n return {\n providerId: this.id,\n sub: token.sub,\n path,\n };\n },\n async listFileRevisions({ token, syncLocation }) {\n const entries = await dropboxHelper.listRevisions({\n token,\n path: makePathRelative(token, syncLocation.path),\n fileId: syncLocation.dropboxFileId,\n });\n return entries.map(entry => ({\n id: entry.rev,\n sub: `${dropboxHelper.subPrefix}:${(entry.sharing_info || {}).modified_by || token.sub}`,\n created: new Date(entry.server_modified).getTime(),\n }));\n },\n async loadFileRevision() {\n // Revision are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n revisionId,\n }) {\n const { content } = await dropboxHelper.downloadFile({\n token,\n path: `rev:${revisionId}`,\n });\n return Provider.parseContent(content, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/gistProvider.js",
"content": "import store from '../../store';\nimport githubHelper from './helpers/githubHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport userSvc from '../userSvc';\n\nexport default new Provider({\n id: 'gist',\n name: 'Gist',\n getToken({ sub }) {\n return store.getters['data/githubTokensBySub'][sub];\n },\n getLocationUrl({ gistId }) {\n return `https://gist.github.com/${gistId}`;\n },\n getLocationDescription({ filename }) {\n return filename;\n },\n async downloadContent(token, syncLocation) {\n const content = await githubHelper.downloadGist({\n ...syncLocation,\n token,\n });\n return Provider.parseContent(content, `${syncLocation.fileId}/content`);\n },\n async uploadContent(token, content, syncLocation) {\n const file = store.state.file.itemsById[syncLocation.fileId];\n const description = utils.sanitizeName(file && file.name);\n const gist = await githubHelper.uploadGist({\n ...syncLocation,\n token,\n description,\n content: Provider.serializeContent(content),\n });\n return {\n ...syncLocation,\n gistId: gist.id,\n };\n },\n async publish(token, html, metadata, publishLocation) {\n const gist = await githubHelper.uploadGist({\n ...publishLocation,\n token,\n description: metadata.title,\n content: html,\n });\n return {\n ...publishLocation,\n gistId: gist.id,\n };\n },\n makeLocation(token, filename, isPublic, gistId) {\n return {\n providerId: this.id,\n sub: token.sub,\n filename,\n isPublic,\n gistId,\n };\n },\n async listFileRevisions({ token, syncLocation }) {\n const entries = await githubHelper.getGistCommits({\n ...syncLocation,\n token,\n });\n\n return entries.map((entry) => {\n const sub = `${githubHelper.subPrefix}:${entry.user.id}`;\n userSvc.addUserInfo({ id: sub, name: entry.user.login, imageUrl: entry.user.avatar_url });\n return {\n sub,\n id: entry.version,\n created: new Date(entry.committed_at).getTime(),\n };\n });\n },\n async loadFileRevision() {\n // Revision are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n syncLocation,\n revisionId,\n }) {\n const data = await githubHelper.downloadGistRevision({\n ...syncLocation,\n token,\n sha: revisionId,\n });\n return Provider.parseContent(data, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/githubProvider.js",
"content": "import store from '../../store';\nimport githubHelper from './helpers/githubHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport workspaceSvc from '../workspaceSvc';\nimport userSvc from '../userSvc';\n\nconst savedSha = {};\n\nexport default new Provider({\n id: 'github',\n name: 'GitHub',\n getToken({ sub }) {\n return store.getters['data/githubTokensBySub'][sub];\n },\n getLocationUrl({\n owner,\n repo,\n branch,\n path,\n }) {\n return `https://github.com/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/tree/${encodeURIComponent(branch)}/${utils.encodeUrlPath(path)}`;\n },\n getLocationDescription({ path }) {\n return path;\n },\n async downloadContent(token, syncLocation) {\n const { sha, data } = await githubHelper.downloadFile({\n ...syncLocation,\n token,\n });\n savedSha[syncLocation.id] = sha;\n return Provider.parseContent(data, `${syncLocation.fileId}/content`);\n },\n async uploadContent(token, content, syncLocation) {\n if (!savedSha[syncLocation.id]) {\n try {\n // Get the last sha\n await this.downloadContent(token, syncLocation);\n } catch (e) {\n // Ignore error\n }\n }\n const sha = savedSha[syncLocation.id];\n delete savedSha[syncLocation.id];\n await githubHelper.uploadFile({\n ...syncLocation,\n token,\n content: Provider.serializeContent(content),\n sha,\n });\n return syncLocation;\n },\n async publish(token, html, metadata, publishLocation) {\n try {\n // Get the last sha\n await this.downloadContent(token, publishLocation);\n } catch (e) {\n // Ignore error\n }\n const sha = savedSha[publishLocation.id];\n delete savedSha[publishLocation.id];\n await githubHelper.uploadFile({\n ...publishLocation,\n token,\n content: html,\n sha,\n });\n return publishLocation;\n },\n async openFile(token, syncLocation) {\n // Check if the file exists and open it\n if (!Provider.openFileWithLocation(syncLocation)) {\n // Download content from GitHub\n let content;\n try {\n content = await this.downloadContent(token, syncLocation);\n } catch (e) {\n store.dispatch('notification/error', `Could not open file ${syncLocation.path}.`);\n return;\n }\n\n // Create the file\n let name = syncLocation.path;\n const slashPos = name.lastIndexOf('/');\n if (slashPos > -1 && slashPos < name.length - 1) {\n name = name.slice(slashPos + 1);\n }\n const dotPos = name.lastIndexOf('.');\n if (dotPos > 0 && slashPos < name.length) {\n name = name.slice(0, dotPos);\n }\n const item = await workspaceSvc.createFile({\n name,\n parentId: store.getters['file/current'].parentId,\n text: content.text,\n properties: content.properties,\n discussions: content.discussions,\n comments: content.comments,\n }, true);\n store.commit('file/setCurrentId', item.id);\n workspaceSvc.addSyncLocation({\n ...syncLocation,\n fileId: item.id,\n });\n store.dispatch('notification/info', `${store.getters['file/current'].name} was imported from GitHub.`);\n }\n },\n makeLocation(token, owner, repo, branch, path) {\n return {\n providerId: this.id,\n sub: token.sub,\n owner,\n repo,\n branch,\n path,\n };\n },\n async listFileRevisions({ token, syncLocation }) {\n const entries = await githubHelper.getCommits({\n ...syncLocation,\n token,\n });\n\n return entries.map(({\n author,\n committer,\n commit,\n sha,\n }) => {\n let user;\n if (author && author.login) {\n user = author;\n } else if (committer && committer.login) {\n user = committer;\n }\n const sub = `${githubHelper.subPrefix}:${user.id}`;\n userSvc.addUserInfo({ id: sub, name: user.login, imageUrl: user.avatar_url });\n const date = (commit.author && commit.author.date)\n || (commit.committer && commit.committer.date);\n return {\n id: sha,\n sub,\n created: date ? new Date(date).getTime() : 1,\n };\n });\n },\n async loadFileRevision() {\n // Revision are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n syncLocation,\n revisionId,\n }) {\n const { data } = await githubHelper.downloadFile({\n ...syncLocation,\n token,\n branch: revisionId,\n });\n return Provider.parseContent(data, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/githubWorkspaceProvider.js",
"content": "import store from '../../store';\nimport githubHelper from './helpers/githubHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport userSvc from '../userSvc';\nimport gitWorkspaceSvc from '../gitWorkspaceSvc';\nimport badgeSvc from '../badgeSvc';\n\nconst getAbsolutePath = ({ id }) =>\n `${store.getters['workspace/currentWorkspace'].path || ''}${id}`;\n\nexport default new Provider({\n id: 'githubWorkspace',\n name: 'GitHub',\n getToken() {\n return store.getters['workspace/syncToken'];\n },\n getWorkspaceParams({\n owner,\n repo,\n branch,\n path,\n }) {\n return {\n providerId: this.id,\n owner,\n repo,\n branch,\n path,\n };\n },\n getWorkspaceLocationUrl({\n owner,\n repo,\n branch,\n path,\n }) {\n return `https://github.com/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/tree/${encodeURIComponent(branch)}/${utils.encodeUrlPath(path)}`;\n },\n getSyncDataUrl({ id }) {\n const { owner, repo, branch } = store.getters['workspace/currentWorkspace'];\n return `https://github.com/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/tree/${encodeURIComponent(branch)}/${utils.encodeUrlPath(getAbsolutePath({ id }))}`;\n },\n getSyncDataDescription({ id }) {\n return getAbsolutePath({ id });\n },\n async initWorkspace() {\n const { owner, repo, branch } = utils.queryParams;\n const workspaceParams = this.getWorkspaceParams({ owner, repo, branch });\n if (!branch) {\n workspaceParams.branch = 'master';\n }\n\n // Extract path param\n const path = (utils.queryParams.path || '')\n .trim()\n .replace(/^\\/*/, '') // Remove leading `/`\n .replace(/\\/*$/, '/'); // Add trailing `/`\n if (path !== '/') {\n workspaceParams.path = path;\n }\n\n const workspaceId = utils.makeWorkspaceId(workspaceParams);\n const workspace = store.getters['workspace/workspacesById'][workspaceId];\n\n // See if we already have a token\n let token;\n if (workspace) {\n // Token sub is in the workspace\n token = store.getters['data/githubTokensBySub'][workspace.sub];\n }\n if (!token) {\n await store.dispatch('modal/open', { type: 'githubAccount' });\n token = await githubHelper.addAccount(store.getters['data/localSettings'].githubRepoFullAccess);\n }\n\n if (!workspace) {\n const pathEntries = (path || '').split('/');\n const name = pathEntries[pathEntries.length - 2] || repo; // path ends with `/`\n store.dispatch('workspace/patchWorkspacesById', {\n [workspaceId]: {\n ...workspaceParams,\n id: workspaceId,\n sub: token.sub,\n name,\n },\n });\n }\n\n badgeSvc.addBadge('addGithubWorkspace');\n return store.getters['workspace/workspacesById'][workspaceId];\n },\n getChanges() {\n return githubHelper.getTree({\n ...store.getters['workspace/currentWorkspace'],\n token: this.getToken(),\n });\n },\n prepareChanges(tree) {\n return gitWorkspaceSvc.makeChanges(tree);\n },\n async saveWorkspaceItem({ item }) {\n const syncData = {\n id: store.getters.gitPathsByItemId[item.id],\n type: item.type,\n hash: item.hash,\n };\n\n // Files and folders are not in git, only contents\n if (item.type === 'file' || item.type === 'folder') {\n return { syncData };\n }\n\n // locations are stored as paths, so we upload an empty file\n const syncToken = store.getters['workspace/syncToken'];\n await githubHelper.uploadFile({\n ...store.getters['workspace/currentWorkspace'],\n token: syncToken,\n path: getAbsolutePath(syncData),\n content: '',\n sha: gitWorkspaceSvc.shaByPath[syncData.id],\n });\n\n // Return sync data to save\n return { syncData };\n },\n async removeWorkspaceItem({ syncData }) {\n if (gitWorkspaceSvc.shaByPath[syncData.id]) {\n const syncToken = store.getters['workspace/syncToken'];\n await githubHelper.removeFile({\n ...store.getters['workspace/currentWorkspace'],\n token: syncToken,\n path: getAbsolutePath(syncData),\n sha: gitWorkspaceSvc.shaByPath[syncData.id],\n });\n }\n },\n async downloadWorkspaceContent({\n token,\n contentId,\n contentSyncData,\n fileSyncData,\n }) {\n const { sha, data } = await githubHelper.downloadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: getAbsolutePath(fileSyncData),\n });\n gitWorkspaceSvc.shaByPath[fileSyncData.id] = sha;\n const content = Provider.parseContent(data, contentId);\n return {\n content,\n contentSyncData: {\n ...contentSyncData,\n hash: content.hash,\n sha,\n },\n };\n },\n async downloadWorkspaceData({ token, syncData }) {\n if (!syncData) {\n return {};\n }\n\n const { sha, data } = await githubHelper.downloadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: getAbsolutePath(syncData),\n });\n gitWorkspaceSvc.shaByPath[syncData.id] = sha;\n const item = JSON.parse(data);\n return {\n item,\n syncData: {\n ...syncData,\n hash: item.hash,\n sha,\n },\n };\n },\n async uploadWorkspaceContent({ token, content, file }) {\n const path = store.getters.gitPathsByItemId[file.id];\n const absolutePath = `${store.getters['workspace/currentWorkspace'].path || ''}${path}`;\n const res = await githubHelper.uploadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: absolutePath,\n content: Provider.serializeContent(content),\n sha: gitWorkspaceSvc.shaByPath[path],\n });\n\n // Return new sync data\n return {\n contentSyncData: {\n id: store.getters.gitPathsByItemId[content.id],\n type: content.type,\n hash: content.hash,\n sha: res.content.sha,\n },\n fileSyncData: {\n id: path,\n type: 'file',\n hash: file.hash,\n },\n };\n },\n async uploadWorkspaceData({ token, item }) {\n const path = store.getters.gitPathsByItemId[item.id];\n const syncData = {\n id: path,\n type: item.type,\n hash: item.hash,\n };\n const res = await githubHelper.uploadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: getAbsolutePath(syncData),\n content: JSON.stringify(item),\n sha: gitWorkspaceSvc.shaByPath[path],\n });\n\n return {\n syncData: {\n ...syncData,\n sha: res.content.sha,\n },\n };\n },\n async listFileRevisions({ token, fileSyncDataId }) {\n const { owner, repo, branch } = store.getters['workspace/currentWorkspace'];\n const entries = await githubHelper.getCommits({\n token,\n owner,\n repo,\n sha: branch,\n path: getAbsolutePath({ id: fileSyncDataId }),\n });\n\n return entries.map(({\n author,\n committer,\n commit,\n sha,\n }) => {\n let user;\n if (author && author.login) {\n user = author;\n } else if (committer && committer.login) {\n user = committer;\n }\n const sub = `${githubHelper.subPrefix}:${user.id}`;\n userSvc.addUserInfo({ id: sub, name: user.login, imageUrl: user.avatar_url });\n const date = (commit.author && commit.author.date)\n || (commit.committer && commit.committer.date)\n || 1;\n return {\n id: sha,\n sub,\n created: new Date(date).getTime(),\n };\n });\n },\n async loadFileRevision() {\n // Revisions are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n fileSyncDataId,\n revisionId,\n }) {\n const { data } = await githubHelper.downloadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n branch: revisionId,\n path: getAbsolutePath({ id: fileSyncDataId }),\n });\n return Provider.parseContent(data, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/gitlabProvider.js",
"content": "import store from '../../store';\nimport gitlabHelper from './helpers/gitlabHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport workspaceSvc from '../workspaceSvc';\nimport userSvc from '../userSvc';\n\nconst savedSha = {};\n\nexport default new Provider({\n id: 'gitlab',\n name: 'GitLab',\n getToken({ sub }) {\n return store.getters['data/gitlabTokensBySub'][sub];\n },\n getLocationUrl({\n sub,\n projectPath,\n branch,\n path,\n }) {\n const token = this.getToken({ sub });\n return `${token.serverUrl}/${projectPath}/blob/${encodeURIComponent(branch)}/${utils.encodeUrlPath(path)}`;\n },\n getLocationDescription({ path }) {\n return path;\n },\n async downloadContent(token, syncLocation) {\n const { sha, data } = await gitlabHelper.downloadFile({\n ...syncLocation,\n token,\n });\n savedSha[syncLocation.id] = sha;\n return Provider.parseContent(data, `${syncLocation.fileId}/content`);\n },\n async uploadContent(token, content, syncLocation) {\n const updatedSyncLocation = {\n ...syncLocation,\n projectId: await gitlabHelper.getProjectId(token, syncLocation),\n };\n if (!savedSha[updatedSyncLocation.id]) {\n try {\n // Get the last sha\n await this.downloadContent(token, updatedSyncLocation);\n } catch (e) {\n // Ignore error\n }\n }\n const sha = savedSha[updatedSyncLocation.id];\n delete savedSha[updatedSyncLocation.id];\n await gitlabHelper.uploadFile({\n ...updatedSyncLocation,\n token,\n content: Provider.serializeContent(content),\n sha,\n });\n return updatedSyncLocation;\n },\n async publish(token, html, metadata, publishLocation) {\n const updatedPublishLocation = {\n ...publishLocation,\n projectId: await gitlabHelper.getProjectId(token, publishLocation),\n };\n try {\n // Get the last sha\n await this.downloadContent(token, updatedPublishLocation);\n } catch (e) {\n // Ignore error\n }\n const sha = savedSha[updatedPublishLocation.id];\n delete savedSha[updatedPublishLocation.id];\n await gitlabHelper.uploadFile({\n ...updatedPublishLocation,\n token,\n content: html,\n sha,\n });\n return updatedPublishLocation;\n },\n async openFile(token, syncLocation) {\n const updatedSyncLocation = {\n ...syncLocation,\n projectId: await gitlabHelper.getProjectId(token, syncLocation),\n };\n\n // Check if the file exists and open it\n if (!Provider.openFileWithLocation(updatedSyncLocation)) {\n // Download content from GitLab\n let content;\n try {\n content = await this.downloadContent(token, updatedSyncLocation);\n } catch (e) {\n store.dispatch('notification/error', `Could not open file ${updatedSyncLocation.path}.`);\n return;\n }\n\n // Create the file\n let name = updatedSyncLocation.path;\n const slashPos = name.lastIndexOf('/');\n if (slashPos > -1 && slashPos < name.length - 1) {\n name = name.slice(slashPos + 1);\n }\n const dotPos = name.lastIndexOf('.');\n if (dotPos > 0 && slashPos < name.length) {\n name = name.slice(0, dotPos);\n }\n const item = await workspaceSvc.createFile({\n name,\n parentId: store.getters['file/current'].parentId,\n text: content.text,\n properties: content.properties,\n discussions: content.discussions,\n comments: content.comments,\n }, true);\n store.commit('file/setCurrentId', item.id);\n workspaceSvc.addSyncLocation({\n ...updatedSyncLocation,\n fileId: item.id,\n });\n store.dispatch('notification/info', `${store.getters['file/current'].name} was imported from GitLab.`);\n }\n },\n makeLocation(token, projectPath, branch, path) {\n return {\n providerId: this.id,\n sub: token.sub,\n projectPath,\n branch,\n path,\n };\n },\n async listFileRevisions({ token, syncLocation }) {\n const entries = await gitlabHelper.getCommits({\n ...syncLocation,\n token,\n });\n\n return entries.map((entry) => {\n const email = entry.author_email || entry.committer_email;\n const sub = `${gitlabHelper.subPrefix}:${token.serverUrl}/${email}`;\n userSvc.addUserInfo({\n id: sub,\n name: entry.author_name || entry.committer_name,\n imageUrl: '',\n });\n const date = entry.authored_date || entry.committed_date || 1;\n return {\n id: entry.id,\n sub,\n created: date ? new Date(date).getTime() : 1,\n };\n });\n },\n async loadFileRevision() {\n // Revision are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n syncLocation,\n revisionId,\n }) {\n const { data } = await gitlabHelper.downloadFile({\n ...syncLocation,\n token,\n branch: revisionId,\n });\n return Provider.parseContent(data, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/gitlabWorkspaceProvider.js",
"content": "import store from '../../store';\nimport gitlabHelper from './helpers/gitlabHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport userSvc from '../userSvc';\nimport gitWorkspaceSvc from '../gitWorkspaceSvc';\nimport badgeSvc from '../badgeSvc';\n\nconst getAbsolutePath = ({ id }) =>\n `${store.getters['workspace/currentWorkspace'].path || ''}${id}`;\n\nexport default new Provider({\n id: 'gitlabWorkspace',\n name: 'GitLab',\n getToken() {\n return store.getters['workspace/syncToken'];\n },\n getWorkspaceParams({\n serverUrl,\n projectPath,\n branch,\n path,\n }) {\n return {\n providerId: this.id,\n serverUrl,\n projectPath,\n branch,\n path,\n };\n },\n getWorkspaceLocationUrl({\n serverUrl,\n projectPath,\n branch,\n path,\n }) {\n return `${serverUrl}/${projectPath}/blob/${encodeURIComponent(branch)}/${utils.encodeUrlPath(path)}`;\n },\n getSyncDataUrl({ id }) {\n const { projectPath, branch } = store.getters['workspace/currentWorkspace'];\n const { serverUrl } = this.getToken();\n return `${serverUrl}/${projectPath}/blob/${encodeURIComponent(branch)}/${utils.encodeUrlPath(getAbsolutePath({ id }))}`;\n },\n getSyncDataDescription({ id }) {\n return getAbsolutePath({ id });\n },\n async initWorkspace() {\n const { serverUrl, branch } = utils.queryParams;\n const workspaceParams = this.getWorkspaceParams({ serverUrl, branch });\n if (!branch) {\n workspaceParams.branch = 'master';\n }\n\n // Extract project path param\n const projectPath = (utils.queryParams.projectPath || '')\n .trim()\n .replace(/^\\/*/, '') // Remove leading `/`\n .replace(/\\/*$/, ''); // Remove trailing `/`\n workspaceParams.projectPath = projectPath;\n\n // Extract path param\n const path = (utils.queryParams.path || '')\n .trim()\n .replace(/^\\/*/, '') // Remove leading `/`\n .replace(/\\/*$/, '/'); // Add trailing `/`\n if (path !== '/') {\n workspaceParams.path = path;\n }\n\n const workspaceId = utils.makeWorkspaceId(workspaceParams);\n const workspace = store.getters['workspace/workspacesById'][workspaceId];\n\n // See if we already have a token\n const sub = workspace ? workspace.sub : utils.queryParams.sub;\n let token = store.getters['data/gitlabTokensBySub'][sub];\n if (!token) {\n const { applicationId } = await store.dispatch('modal/open', {\n type: 'gitlabAccount',\n forceServerUrl: serverUrl,\n });\n token = await gitlabHelper.addAccount(serverUrl, applicationId, sub);\n }\n\n if (!workspace) {\n const projectId = await gitlabHelper.getProjectId(token, workspaceParams);\n const pathEntries = (path || '').split('/');\n const projectPathEntries = (projectPath || '').split('/');\n const name = pathEntries[pathEntries.length - 2] // path ends with `/`\n || projectPathEntries[projectPathEntries.length - 1];\n store.dispatch('workspace/patchWorkspacesById', {\n [workspaceId]: {\n ...workspaceParams,\n projectId,\n id: workspaceId,\n sub: token.sub,\n name,\n },\n });\n }\n\n badgeSvc.addBadge('addGitlabWorkspace');\n return store.getters['workspace/workspacesById'][workspaceId];\n },\n getChanges() {\n return gitlabHelper.getTree({\n ...store.getters['workspace/currentWorkspace'],\n token: this.getToken(),\n });\n },\n prepareChanges(tree) {\n return gitWorkspaceSvc.makeChanges(tree.map(entry => ({\n ...entry,\n sha: entry.id,\n })));\n },\n async saveWorkspaceItem({ item }) {\n const syncData = {\n id: store.getters.gitPathsByItemId[item.id],\n type: item.type,\n hash: item.hash,\n };\n\n // Files and folders are not in git, only contents\n if (item.type === 'file' || item.type === 'folder') {\n return { syncData };\n }\n\n // locations are stored as paths, so we upload an empty file\n const syncToken = store.getters['workspace/syncToken'];\n await gitlabHelper.uploadFile({\n ...store.getters['workspace/currentWorkspace'],\n token: syncToken,\n path: getAbsolutePath(syncData),\n content: '',\n sha: gitWorkspaceSvc.shaByPath[syncData.id],\n });\n\n // Return sync data to save\n return { syncData };\n },\n async removeWorkspaceItem({ syncData }) {\n if (gitWorkspaceSvc.shaByPath[syncData.id]) {\n const syncToken = store.getters['workspace/syncToken'];\n await gitlabHelper.removeFile({\n ...store.getters['workspace/currentWorkspace'],\n token: syncToken,\n path: getAbsolutePath(syncData),\n sha: gitWorkspaceSvc.shaByPath[syncData.id],\n });\n }\n },\n async downloadWorkspaceContent({\n token,\n contentId,\n contentSyncData,\n fileSyncData,\n }) {\n const { sha, data } = await gitlabHelper.downloadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: getAbsolutePath(fileSyncData),\n });\n gitWorkspaceSvc.shaByPath[fileSyncData.id] = sha;\n const content = Provider.parseContent(data, contentId);\n return {\n content,\n contentSyncData: {\n ...contentSyncData,\n hash: content.hash,\n sha,\n },\n };\n },\n async downloadWorkspaceData({ token, syncData }) {\n if (!syncData) {\n return {};\n }\n\n const { sha, data } = await gitlabHelper.downloadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: getAbsolutePath(syncData),\n });\n gitWorkspaceSvc.shaByPath[syncData.id] = sha;\n const item = JSON.parse(data);\n return {\n item,\n syncData: {\n ...syncData,\n hash: item.hash,\n sha,\n },\n };\n },\n async uploadWorkspaceContent({ token, content, file }) {\n const path = store.getters.gitPathsByItemId[file.id];\n const absolutePath = `${store.getters['workspace/currentWorkspace'].path || ''}${path}`;\n const sha = gitWorkspaceSvc.shaByPath[path];\n await gitlabHelper.uploadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: absolutePath,\n content: Provider.serializeContent(content),\n sha,\n });\n\n // Return new sync data\n return {\n contentSyncData: {\n id: store.getters.gitPathsByItemId[content.id],\n type: content.type,\n hash: content.hash,\n sha,\n },\n fileSyncData: {\n id: path,\n type: 'file',\n hash: file.hash,\n },\n };\n },\n async uploadWorkspaceData({ token, item }) {\n const path = store.getters.gitPathsByItemId[item.id];\n const syncData = {\n id: path,\n type: item.type,\n hash: item.hash,\n };\n const res = await gitlabHelper.uploadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n path: getAbsolutePath(syncData),\n content: JSON.stringify(item),\n sha: gitWorkspaceSvc.shaByPath[path],\n });\n\n return {\n syncData: {\n ...syncData,\n sha: res.content.sha,\n },\n };\n },\n async listFileRevisions({ token, fileSyncDataId }) {\n const { projectId, branch } = store.getters['workspace/currentWorkspace'];\n const entries = await gitlabHelper.getCommits({\n token,\n projectId,\n sha: branch,\n path: getAbsolutePath({ id: fileSyncDataId }),\n });\n\n return entries.map((entry) => {\n const email = entry.author_email || entry.committer_email;\n const sub = `${gitlabHelper.subPrefix}:${token.serverUrl}/${email}`;\n userSvc.addUserInfo({\n id: sub,\n name: entry.author_name || entry.committer_name,\n imageUrl: '', // No way to get user's avatar url...\n });\n const date = entry.authored_date || entry.committed_date || 1;\n return {\n id: entry.id,\n sub,\n created: date ? new Date(date).getTime() : 1,\n };\n });\n },\n async loadFileRevision() {\n // Revisions are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n fileSyncDataId,\n revisionId,\n }) {\n const { data } = await gitlabHelper.downloadFile({\n ...store.getters['workspace/currentWorkspace'],\n token,\n branch: revisionId,\n path: getAbsolutePath({ id: fileSyncDataId }),\n });\n return Provider.parseContent(data, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/googleDriveAppDataProvider.js",
"content": "import store from '../../store';\nimport googleHelper from './helpers/googleHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\n\nlet syncStartPageToken;\n\nexport default new Provider({\n id: 'googleDriveAppData',\n name: 'Google Drive app data',\n getToken() {\n return store.getters['workspace/syncToken'];\n },\n getWorkspaceParams() {\n // No param as it's the main workspace\n return {};\n },\n getWorkspaceLocationUrl() {\n // No direct link to app data\n return null;\n },\n getSyncDataUrl() {\n // No direct link to app data\n return null;\n },\n getSyncDataDescription({ id }) {\n return id;\n },\n async initWorkspace() {\n // Nothing much to do since the main workspace isn't necessarily synchronized\n // Return the main workspace\n return store.getters['workspace/workspacesById'].main;\n },\n async getChanges() {\n const syncToken = store.getters['workspace/syncToken'];\n const startPageToken = store.getters['data/localSettings'].syncStartPageToken;\n const result = await googleHelper.getChanges(syncToken, startPageToken, true);\n const changes = result.changes.filter((change) => {\n if (change.file) {\n // Parse item from file name\n try {\n change.item = JSON.parse(change.file.name);\n } catch (e) {\n return false;\n }\n // Build sync data\n change.syncData = {\n id: change.fileId,\n itemId: change.item.id,\n type: change.item.type,\n hash: change.item.hash,\n };\n }\n change.syncDataId = change.fileId;\n return true;\n });\n syncStartPageToken = result.startPageToken;\n return changes;\n },\n onChangesApplied() {\n store.dispatch('data/patchLocalSettings', {\n syncStartPageToken,\n });\n },\n async saveWorkspaceItem({ item, syncData, ifNotTooLate }) {\n const syncToken = store.getters['workspace/syncToken'];\n const file = await googleHelper.uploadAppDataFile({\n token: syncToken,\n name: JSON.stringify(item),\n fileId: syncData && syncData.id,\n ifNotTooLate,\n });\n\n // Build sync data to save\n return {\n syncData: {\n id: file.id,\n itemId: item.id,\n type: item.type,\n hash: item.hash,\n },\n };\n },\n removeWorkspaceItem({ syncData, ifNotTooLate }) {\n const syncToken = store.getters['workspace/syncToken'];\n return googleHelper.removeAppDataFile(syncToken, syncData.id, ifNotTooLate);\n },\n async downloadWorkspaceContent({ token, contentSyncData }) {\n const data = await googleHelper.downloadAppDataFile(token, contentSyncData.id);\n const content = utils.addItemHash(JSON.parse(data));\n return {\n content,\n contentSyncData: {\n ...contentSyncData,\n hash: content.hash,\n },\n };\n },\n async downloadWorkspaceData({ token, syncData }) {\n if (!syncData) {\n return {};\n }\n\n const data = await googleHelper.downloadAppDataFile(token, syncData.id);\n const item = utils.addItemHash(JSON.parse(data));\n return {\n item,\n syncData: {\n ...syncData,\n hash: item.hash,\n },\n };\n },\n async uploadWorkspaceContent({\n token,\n content,\n contentSyncData,\n ifNotTooLate,\n }) {\n const gdriveFile = await googleHelper.uploadAppDataFile({\n token,\n name: JSON.stringify({\n id: content.id,\n type: content.type,\n hash: content.hash,\n }),\n media: JSON.stringify(content),\n fileId: contentSyncData && contentSyncData.id,\n ifNotTooLate,\n });\n\n // Return new sync data\n return {\n contentSyncData: {\n id: gdriveFile.id,\n itemId: content.id,\n type: content.type,\n hash: content.hash,\n },\n };\n },\n async uploadWorkspaceData({\n token,\n item,\n syncData,\n ifNotTooLate,\n }) {\n const file = await googleHelper.uploadAppDataFile({\n token,\n name: JSON.stringify({\n id: item.id,\n type: item.type,\n hash: item.hash,\n }),\n media: JSON.stringify(item),\n fileId: syncData && syncData.id,\n ifNotTooLate,\n });\n\n // Return new sync data\n return {\n syncData: {\n id: file.id,\n itemId: item.id,\n type: item.type,\n hash: item.hash,\n },\n };\n },\n async listFileRevisions({ token, contentSyncDataId }) {\n const revisions = await googleHelper.getAppDataFileRevisions(token, contentSyncDataId);\n return revisions.map(revision => ({\n id: revision.id,\n sub: `${googleHelper.subPrefix}:${revision.lastModifyingUser.permissionId}`,\n created: new Date(revision.modifiedTime).getTime(),\n }));\n },\n async loadFileRevision() {\n // Revisions are already loaded\n return false;\n },\n async getFileRevisionContent({ token, contentSyncDataId, revisionId }) {\n const content = await googleHelper\n .downloadAppDataFileRevision(token, contentSyncDataId, revisionId);\n return JSON.parse(content);\n },\n});\n"
},
{
"path": "src/services/providers/googleDriveProvider.js",
"content": "import store from '../../store';\nimport googleHelper from './helpers/googleHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport workspaceSvc from '../workspaceSvc';\n\nexport default new Provider({\n id: 'googleDrive',\n name: 'Google Drive',\n getToken({ sub }) {\n const token = store.getters['data/googleTokensBySub'][sub];\n return token && token.isDrive ? token : null;\n },\n getLocationUrl({ driveFileId }) {\n return `https://docs.google.com/file/d/${driveFileId}/edit`;\n },\n getLocationDescription({ driveFileId }) {\n return driveFileId;\n },\n async initAction() {\n const state = googleHelper.driveState || {};\n if (state.userId) {\n // Try to find the token corresponding to the user ID\n let token = store.getters['data/googleTokensBySub'][state.userId];\n // If not found or not enough permission, popup an OAuth2 window\n if (!token || !token.isDrive) {\n await store.dispatch('modal/open', { type: 'googleDriveAccount' });\n token = await googleHelper.addDriveAccount(\n !store.getters['data/localSettings'].googleDriveRestrictedAccess,\n state.userId,\n );\n }\n\n const openWorkspaceIfExists = (file) => {\n const folderId = file\n && file.appProperties\n && file.appProperties.folderId;\n if (folderId) {\n // See if we have the corresponding workspace\n const workspaceParams = {\n providerId: 'googleDriveWorkspace',\n folderId,\n };\n const workspaceId = utils.makeWorkspaceId(workspaceParams);\n const workspace = store.getters['workspace/workspacesById'][workspaceId];\n // If we have the workspace, open it by changing the current URL\n if (workspace) {\n utils.setQueryParams(workspaceParams);\n }\n }\n };\n\n switch (state.action) {\n case 'create':\n default:\n // See if folder is part of a workspace we can open\n try {\n const folder = await googleHelper.getFile(token, state.folderId);\n folder.appProperties = folder.appProperties || {};\n googleHelper.driveActionFolder = folder;\n openWorkspaceIfExists(folder);\n } catch (err) {\n if (!err || err.status !== 404) {\n throw err;\n }\n // We received an HTTP 404 meaning we have no permission to read the folder\n googleHelper.driveActionFolder = { id: state.folderId };\n }\n break;\n\n case 'open': {\n await utils.awaitSequence(state.ids || [], async (id) => {\n const file = await googleHelper.getFile(token, id);\n file.appProperties = file.appProperties || {};\n googleHelper.driveActionFiles.push(file);\n });\n\n // Check if first file is part of a workspace\n openWorkspaceIfExists(googleHelper.driveActionFiles[0]);\n }\n }\n }\n },\n async performAction() {\n const state = googleHelper.driveState || {};\n const token = store.getters['data/googleTokensBySub'][state.userId];\n switch (token && state.action) {\n case 'create': {\n const file = await workspaceSvc.createFile({}, true);\n store.commit('file/setCurrentId', file.id);\n // Return a new syncLocation\n return this.makeLocation(token, null, googleHelper.driveActionFolder.id);\n }\n case 'open':\n store.dispatch(\n 'queue/enqueue',\n () => this.openFiles(token, googleHelper.driveActionFiles),\n );\n return null;\n default:\n return null;\n }\n },\n async downloadContent(token, syncLocation) {\n const content = await googleHelper.downloadFile(token, syncLocation.driveFileId);\n return Provider.parseContent(content, `${syncLocation.fileId}/content`);\n },\n async uploadContent(token, content, syncLocation, ifNotTooLate) {\n const file = store.state.file.itemsById[syncLocation.fileId];\n const name = utils.sanitizeName(file && file.name);\n const parents = [];\n if (syncLocation.driveParentId) {\n parents.push(syncLocation.driveParentId);\n }\n const driveFile = await googleHelper.uploadFile({\n token,\n name,\n parents,\n media: Provider.serializeContent(content),\n fileId: syncLocation.driveFileId,\n ifNotTooLate,\n });\n return {\n ...syncLocation,\n driveFileId: driveFile.id,\n };\n },\n async publish(token, html, metadata, publishLocation) {\n const driveFile = await googleHelper.uploadFile({\n token,\n name: metadata.title,\n parents: [],\n media: html,\n mediaType: publishLocation.templateId ? 'text/html' : undefined,\n fileId: publishLocation.driveFileId,\n });\n return {\n ...publishLocation,\n driveFileId: driveFile.id,\n };\n },\n async openFiles(token, driveFiles) {\n return utils.awaitSequence(driveFiles, async (driveFile) => {\n // Check if the file exists and open it\n if (!Provider.openFileWithLocation({\n providerId: this.id,\n driveFileId: driveFile.id,\n })) {\n // Download content from Google Drive\n const syncLocation = {\n driveFileId: driveFile.id,\n providerId: this.id,\n sub: token.sub,\n };\n let content;\n try {\n content = await this.downloadContent(token, syncLocation);\n } catch (e) {\n store.dispatch('notification/error', `Could not open file ${driveFile.id}.`);\n return;\n }\n\n // Create the file\n const item = await workspaceSvc.createFile({\n name: driveFile.name,\n parentId: store.getters['file/current'].parentId,\n text: content.text,\n properties: content.properties,\n discussions: content.discussions,\n comments: content.comments,\n }, true);\n store.commit('file/setCurrentId', item.id);\n workspaceSvc.addSyncLocation({\n ...syncLocation,\n fileId: item.id,\n });\n store.dispatch('notification/info', `${store.getters['file/current'].name} was imported from Google Drive.`);\n }\n });\n },\n makeLocation(token, fileId, folderId) {\n const location = {\n providerId: this.id,\n sub: token.sub,\n };\n if (fileId) {\n location.driveFileId = fileId;\n }\n if (folderId) {\n location.driveParentId = folderId;\n }\n return location;\n },\n async listFileRevisions({ token, syncLocation }) {\n const revisions = await googleHelper.getFileRevisions(token, syncLocation.driveFileId);\n return revisions.map(revision => ({\n id: revision.id,\n sub: `${googleHelper.subPrefix}:${revision.lastModifyingUser.permissionId}`,\n created: new Date(revision.modifiedTime).getTime(),\n }));\n },\n async loadFileRevision() {\n // Revision are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n syncLocation,\n revisionId,\n }) {\n const content = await googleHelper\n .downloadFileRevision(token, syncLocation.driveFileId, revisionId);\n return Provider.parseContent(content, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/googleDriveWorkspaceProvider.js",
"content": "import store from '../../store';\nimport googleHelper from './helpers/googleHelper';\nimport Provider from './common/Provider';\nimport utils from '../utils';\nimport workspaceSvc from '../workspaceSvc';\nimport badgeSvc from '../badgeSvc';\n\nlet fileIdToOpen;\nlet syncStartPageToken;\n\nexport default new Provider({\n id: 'googleDriveWorkspace',\n name: 'Google Drive',\n getToken() {\n return store.getters['workspace/syncToken'];\n },\n getWorkspaceParams({ folderId }) {\n return {\n providerId: this.id,\n folderId,\n };\n },\n getWorkspaceLocationUrl({ folderId }) {\n return `https://docs.google.com/folder/d/${folderId}`;\n },\n getSyncDataUrl({ id }) {\n return `https://docs.google.com/file/d/${id}/edit`;\n },\n getSyncDataDescription({ id }) {\n return id;\n },\n async initWorkspace() {\n const makeWorkspaceId = folderId => folderId\n && utils.makeWorkspaceId(this.getWorkspaceParams({ folderId }));\n\n const getWorkspace = folderId =>\n store.getters['workspace/workspacesById'][makeWorkspaceId(folderId)];\n\n const initFolder = async (token, folder) => {\n const appProperties = {\n folderId: folder.id,\n dataFolderId: folder.appProperties.dataFolderId,\n trashFolderId: folder.appProperties.trashFolderId,\n };\n\n // Make sure data folder exists\n if (!appProperties.dataFolderId) {\n const dataFolder = await googleHelper.uploadFile({\n token,\n name: '.stackedit-data',\n parents: [folder.id],\n appProperties: { folderId: folder.id },\n mediaType: googleHelper.folderMimeType,\n });\n appProperties.dataFolderId = dataFolder.id;\n }\n\n // Make sure trash folder exists\n if (!appProperties.trashFolderId) {\n const trashFolder = await googleHelper.uploadFile({\n token,\n name: '.stackedit-trash',\n parents: [folder.id],\n appProperties: { folderId: folder.id },\n mediaType: googleHelper.folderMimeType,\n });\n appProperties.trashFolderId = trashFolder.id;\n }\n\n // Update workspace if some properties are missing\n if (appProperties.folderId !== folder.appProperties.folderId\n || appProperties.dataFolderId !== folder.appProperties.dataFolderId\n || appProperties.trashFolderId !== folder.appProperties.trashFolderId\n ) {\n await googleHelper.uploadFile({\n token,\n appProperties,\n mediaType: googleHelper.folderMimeType,\n fileId: folder.id,\n });\n }\n\n // Update workspace in the store\n const workspaceId = makeWorkspaceId(folder.id);\n store.dispatch('workspace/patchWorkspacesById', {\n [workspaceId]: {\n id: workspaceId,\n sub: token.sub,\n name: folder.name,\n providerId: this.id,\n folderId: folder.id,\n teamDriveId: folder.teamDriveId,\n dataFolderId: appProperties.dataFolderId,\n trashFolderId: appProperties.trashFolderId,\n },\n });\n };\n\n // Token sub is in the workspace or in the url if workspace is about to be created\n const { sub } = getWorkspace(utils.queryParams.folderId) || utils.queryParams;\n // See if we already have a token\n let token = store.getters['data/googleTokensBySub'][sub];\n // If no token has been found, popup an authorize window and get one\n if (!token || !token.isDrive || !token.driveFullAccess) {\n await store.dispatch('modal/open', 'workspaceGoogleRedirection');\n token = await googleHelper.addDriveAccount(true, utils.queryParams.sub);\n }\n\n let { folderId } = utils.queryParams;\n // If no folderId is provided, create one\n if (!folderId) {\n const folder = await googleHelper.uploadFile({\n token,\n name: 'StackEdit workspace',\n parents: [],\n mediaType: googleHelper.folderMimeType,\n });\n await initFolder(token, {\n ...folder,\n appProperties: {},\n });\n folderId = folder.id;\n }\n\n // Init workspace\n if (!getWorkspace(folderId)) {\n let folder;\n try {\n folder = await googleHelper.getFile(token, folderId);\n } catch (err) {\n throw new Error(`Folder ${folderId} is not accessible. Make sure you have the right permissions.`);\n }\n folder.appProperties = folder.appProperties || {};\n const folderIdProperty = folder.appProperties.folderId;\n if (folderIdProperty && folderIdProperty !== folderId) {\n throw new Error(`Folder ${folderId} is part of another workspace.`);\n }\n await initFolder(token, folder);\n }\n\n badgeSvc.addBadge('addGoogleDriveWorkspace');\n return getWorkspace(folderId);\n },\n async performAction() {\n const state = googleHelper.driveState || {};\n const token = this.getToken();\n switch (token && state.action) {\n case 'create': {\n const driveFolder = googleHelper.driveActionFolder;\n let syncData = store.getters['data/syncDataById'][driveFolder.id];\n if (!syncData && driveFolder.appProperties.id) {\n // Create folder if not already synced\n store.commit('folder/setItem', {\n id: driveFolder.appProperties.id,\n name: driveFolder.name,\n });\n const item = store.state.folder.itemsById[driveFolder.appProperties.id];\n syncData = {\n id: driveFolder.id,\n itemId: item.id,\n type: item.type,\n hash: item.hash,\n };\n store.dispatch('data/patchSyncDataById', {\n [syncData.id]: syncData,\n });\n }\n const file = await workspaceSvc.createFile({\n parentId: syncData && syncData.itemId,\n }, true);\n store.commit('file/setCurrentId', file.id);\n // File will be created on next workspace sync\n break;\n }\n case 'open': {\n // open first file only\n const firstFile = googleHelper.driveActionFiles[0];\n const syncData = store.getters['data/syncDataById'][firstFile.id];\n if (!syncData) {\n fileIdToOpen = firstFile.id;\n } else {\n store.commit('file/setCurrentId', syncData.itemId);\n }\n break;\n }\n default:\n }\n },\n async getChanges() {\n const workspace = store.getters['workspace/currentWorkspace'];\n const syncToken = store.getters['workspace/syncToken'];\n const lastStartPageToken = store.getters['data/localSettings'].syncStartPageToken;\n const { changes, startPageToken } = await googleHelper\n .getChanges(syncToken, lastStartPageToken, false, workspace.teamDriveId);\n\n syncStartPageToken = startPageToken;\n return changes;\n },\n prepareChanges(changes) {\n // Collect possible parent IDs\n const parentIds = {};\n Object.entries(store.getters['data/syncDataByItemId']).forEach(([id, syncData]) => {\n parentIds[syncData.id] = id;\n });\n changes.forEach((change) => {\n const { id } = (change.file || {}).appProperties || {};\n if (id) {\n parentIds[change.fileId] = id;\n }\n });\n\n // Collect changes\n const workspace = store.getters['workspace/currentWorkspace'];\n const result = [];\n changes.forEach((change) => {\n // Ignore changes on StackEdit own folders\n if (change.fileId === workspace.folderId\n || change.fileId === workspace.dataFolderId\n || change.fileId === workspace.trashFolderId\n ) {\n return;\n }\n\n let contentChange;\n if (change.file) {\n // Ignore changes in files that are not in the workspace\n const { appProperties } = change.file;\n if (!appProperties || appProperties.folderId !== workspace.folderId\n ) {\n return;\n }\n\n // If change is on a data item\n if (change.file.parents[0] === workspace.dataFolderId) {\n // Data item has a JSON filename\n try {\n change.item = JSON.parse(change.file.name);\n } catch (e) {\n return;\n }\n } else {\n // Change on a file or folder\n const type = change.file.mimeType === googleHelper.folderMimeType\n ? 'folder'\n : 'file';\n const item = {\n id: appProperties.id,\n type,\n name: change.file.name,\n parentId: null,\n };\n\n // Fill parentId\n if (change.file.parents.some(parentId => parentId === workspace.trashFolderId)) {\n item.parentId = 'trash';\n } else {\n change.file.parents.some((parentId) => {\n if (!parentIds[parentId]) {\n return false;\n }\n item.parentId = parentIds[parentId];\n return true;\n });\n }\n change.item = utils.addItemHash(item);\n\n if (type === 'file') {\n // create a fake change as a file content change\n const id = `${appProperties.id}/content`;\n const syncDataId = `${change.fileId}/content`;\n contentChange = {\n item: {\n id,\n type: 'content',\n // Need a truthy value to force saving sync data\n hash: 1,\n },\n syncData: {\n id: syncDataId,\n itemId: id,\n type: 'content',\n // Need a truthy value to force downloading the content\n hash: 1,\n },\n syncDataId,\n };\n }\n }\n\n // Build sync data\n change.syncData = {\n id: change.fileId,\n parentIds: change.file.parents,\n itemId: change.item.id,\n type: change.item.type,\n hash: change.item.hash,\n };\n } else {\n // Item was removed\n const syncData = store.getters['data/syncDataById'][change.fileId];\n if (syncData && syncData.type === 'file') {\n // create a fake change as a file content change\n contentChange = {\n syncDataId: `${change.fileId}/content`,\n };\n }\n }\n\n // Push change\n change.syncDataId = change.fileId;\n result.push(change);\n if (contentChange) {\n result.push(contentChange);\n }\n });\n\n return result;\n },\n onChangesApplied() {\n store.dispatch('data/patchLocalSettings', {\n syncStartPageToken,\n });\n },\n async saveWorkspaceItem({ item, syncData, ifNotTooLate }) {\n const workspace = store.getters['workspace/currentWorkspace'];\n const syncToken = store.getters['workspace/syncToken'];\n let file;\n if (item.type !== 'file' && item.type !== 'folder') {\n // For sync/publish locations, store item as filename\n file = await googleHelper.uploadFile({\n token: syncToken,\n name: JSON.stringify(item),\n parents: [workspace.dataFolderId],\n appProperties: {\n folderId: workspace.folderId,\n },\n fileId: syncData && syncData.id,\n oldParents: syncData && syncData.parentIds,\n ifNotTooLate,\n });\n } else {\n // For type `file` or `folder`\n const parentSyncData = store.getters['data/syncDataByItemId'][item.parentId];\n let parentId;\n if (item.parentId === 'trash') {\n parentId = workspace.trashFolderId;\n } else if (parentSyncData) {\n parentId = parentSyncData.id;\n } else {\n parentId = workspace.folderId;\n }\n\n file = await googleHelper.uploadFile({\n token: syncToken,\n name: item.name,\n parents: [parentId],\n appProperties: {\n id: item.id,\n folderId: workspace.folderId,\n },\n mediaType: item.type === 'folder' ? googleHelper.folderMimeType : undefined,\n fileId: syncData && syncData.id,\n oldParents: syncData && syncData.parentIds,\n ifNotTooLate,\n });\n }\n\n // Build sync data to save\n return {\n syncData: {\n id: file.id,\n parentIds: file.parents,\n itemId: item.id,\n type: item.type,\n hash: item.hash,\n },\n };\n },\n async removeWorkspaceItem({ syncData, ifNotTooLate }) {\n // Ignore content deletion\n if (syncData.type !== 'content') {\n const syncToken = store.getters['workspace/syncToken'];\n await googleHelper.removeFile(syncToken, syncData.id, ifNotTooLate);\n }\n },\n async downloadWorkspaceContent({ token, contentSyncData, fileSyncData }) {\n const data = await googleHelper.downloadFile(token, fileSyncData.id);\n const content = Provider.parseContent(data, contentSyncData.itemId);\n\n // Open the file requested by action if it wasn't synced yet\n if (fileIdToOpen && fileIdToOpen === fileSyncData.id) {\n fileIdToOpen = null;\n // Open the file once downloaded content has been stored\n setTimeout(() => {\n store.commit('file/setCurrentId', fileSyncData.itemId);\n }, 10);\n }\n\n return {\n content,\n contentSyncData: {\n ...contentSyncData,\n hash: content.hash,\n },\n };\n },\n async downloadWorkspaceData({ token, syncData }) {\n if (!syncData) {\n return {};\n }\n\n const content = await googleHelper.downloadFile(token, syncData.id);\n const item = JSON.parse(content);\n return {\n item,\n syncData: {\n ...syncData,\n hash: item.hash,\n },\n };\n },\n async uploadWorkspaceContent({\n token,\n content,\n file,\n fileSyncData,\n ifNotTooLate,\n }) {\n let gdriveFile;\n let newFileSyncData;\n\n if (fileSyncData) {\n // Only update file media\n gdriveFile = await googleHelper.uploadFile({\n token,\n media: Provider.serializeContent(content),\n fileId: fileSyncData.id,\n ifNotTooLate,\n });\n } else {\n // Create file with media\n const workspace = store.getters['workspace/currentWorkspace'];\n const parentSyncData = store.getters['data/syncDataByItemId'][file.parentId];\n gdriveFile = await googleHelper.uploadFile({\n token,\n name: file.name,\n parents: [parentSyncData ? parentSyncData.id : workspace.folderId],\n appProperties: {\n id: file.id,\n folderId: workspace.folderId,\n },\n media: Provider.serializeContent(content),\n ifNotTooLate,\n });\n\n // Create file sync data\n newFileSyncData = {\n id: gdriveFile.id,\n parentIds: gdriveFile.parents,\n itemId: file.id,\n type: file.type,\n hash: file.hash,\n };\n }\n\n // Return new sync data\n return {\n contentSyncData: {\n id: `${gdriveFile.id}/content`,\n itemId: content.id,\n type: content.type,\n hash: content.hash,\n },\n fileSyncData: newFileSyncData,\n };\n },\n async uploadWorkspaceData({\n token,\n item,\n syncData,\n ifNotTooLate,\n }) {\n const workspace = store.getters['workspace/currentWorkspace'];\n const file = await googleHelper.uploadFile({\n token,\n name: JSON.stringify({\n id: item.id,\n type: item.type,\n hash: item.hash,\n }),\n parents: [workspace.dataFolderId],\n appProperties: {\n folderId: workspace.folderId,\n },\n media: JSON.stringify(item),\n mediaType: 'application/json',\n fileId: syncData && syncData.id,\n oldParents: syncData && syncData.parentIds,\n ifNotTooLate,\n });\n\n // Return new sync data\n return {\n syncData: {\n id: file.id,\n parentIds: file.parents,\n itemId: item.id,\n type: item.type,\n hash: item.hash,\n },\n };\n },\n async listFileRevisions({ token, fileSyncDataId }) {\n const revisions = await googleHelper.getFileRevisions(token, fileSyncDataId);\n return revisions.map(revision => ({\n id: revision.id,\n sub: `${googleHelper.subPrefix}:${revision.lastModifyingUser.permissionId}`,\n created: new Date(revision.modifiedTime).getTime(),\n }));\n },\n async loadFileRevision() {\n // Revision are already loaded\n return false;\n },\n async getFileRevisionContent({\n token,\n contentId,\n fileSyncDataId,\n revisionId,\n }) {\n const content = await googleHelper.downloadFileRevision(token, fileSyncDataId, revisionId);\n return Provider.parseContent(content, contentId);\n },\n});\n"
},
{
"path": "src/services/providers/helpers/couchdbHelper.js",
"content": "import networkSvc from '../../networkSvc';\nimport utils from '../../utils';\nimport store from '../../../store';\nimport userSvc from '../../userSvc';\n\nconst request = async (token, options = {}) => {\n const baseUrl = `${token.dbUrl}/`;\n const getLastToken = () => store.getters['data/couchdbTokensBySub'][token.sub];\n\n const assertUnauthorized = (err) => {\n if (err.status !== 401) {\n throw err;\n }\n };\n\n const onUnauthorized = async () => {\n try {\n const { name, password } = getLastToken();\n await networkSvc.request({\n method: 'POST',\n url: utils.resolveUrl(baseUrl, '../_session'),\n withCredentials: true,\n body: {\n name,\n password,\n },\n });\n } catch (err) {\n assertUnauthorized(err);\n await store.dispatch('modal/open', {\n type: 'couchdbCredentials',\n token: getLastToken(),\n });\n await onUnauthorized();\n }\n };\n\n const config = {\n ...options,\n headers: {\n Accept: 'application/json',\n ...options.headers || {},\n },\n url: utils.resolveUrl(baseUrl, options.path || '.'),\n withCredentials: true,\n };\n\n try {\n let res;\n try {\n res = await networkSvc.request(config);\n } catch (err) {\n assertUnauthorized(err);\n await onUnauthorized();\n res = await networkSvc.request(config);\n }\n return res.body;\n } catch (err) {\n if (err.status === 409) {\n throw new Error('TOO_LATE');\n }\n throw err;\n }\n};\n\nexport default {\n\n /**\n * http://docs.couchdb.org/en/2.1.1/api/database/common.html#db\n */\n getDb(token) {\n return request(token);\n },\n\n /**\n * http://docs.couchdb.org/en/2.1.1/api/database/changes.html#db-changes\n */\n async getChanges(token, lastSeq) {\n const result = {\n changes: [],\n lastSeq,\n };\n\n const getPage = async () => {\n const body = await request(token, {\n method: 'GET',\n path: '_changes',\n params: {\n since: result.lastSeq || 0,\n include_docs: true,\n limit: 1000,\n },\n });\n result.changes = [...result.changes, ...body.results];\n result.lastSeq = body.last_seq;\n if (body.pending) {\n return getPage();\n }\n return result;\n };\n\n return getPage();\n },\n\n /**\n * http://docs.couchdb.org/en/2.1.1/api/database/common.html#post--db\n * http://docs.couchdb.org/en/2.1.1/api/document/common.html#put--db-docid\n */\n async uploadDocument({\n token,\n item,\n data = null,\n dataType = null,\n documentId = null,\n rev = null,\n }) {\n const options = {\n method: 'POST',\n body: { item, time: Date.now() },\n };\n const userId = userSvc.getCurrentUserId();\n if (userId) {\n options.body.sub = userId;\n }\n if (documentId) {\n options.method = 'PUT';\n options.path = documentId;\n options.body._rev = rev; // eslint-disable-line no-underscore-dangle\n }\n if (data) {\n options.body._attachments = { // eslint-disable-line no-underscore-dangle\n data: {\n content_type: dataType,\n data: utils.encodeBase64(data),\n },\n };\n }\n return request(token, options);\n },\n\n /**\n * http://docs.couchdb.org/en/2.1.1/api/document/common.html#delete--db-docid\n */\n async removeDocument(token, documentId, rev) {\n if (!documentId) {\n // Prevent from deleting the whole database\n throw new Error('Missing document ID');\n }\n\n return request(token, {\n method: 'DELETE',\n path: documentId,\n params: { rev },\n });\n },\n\n /**\n * http://docs.couchdb.org/en/2.1.1/api/document/common.html#get--db-docid\n */\n async retrieveDocument(token, documentId, rev) {\n return request(token, {\n path: documentId,\n params: { rev },\n });\n },\n\n /**\n * http://docs.couchdb.org/en/2.1.1/api/document/common.html#get--db-docid\n */\n async retrieveDocumentWithAttachments(token, documentId, rev) {\n const body = await request(token, {\n path: documentId,\n params: { attachments: true, rev },\n });\n body.attachments = {};\n // eslint-disable-next-line no-underscore-dangle\n Object.entries(body._attachments).forEach(([name, attachment]) => {\n body.attachments[name] = utils.decodeBase64(attachment.data);\n });\n return body;\n },\n\n /**\n * http://docs.couchdb.org/en/2.1.1/api/document/common.html#get--db-docid\n */\n async retrieveDocumentWithRevisions(token, documentId) {\n return request(token, {\n path: documentId,\n params: {\n revs_info: true,\n },\n });\n },\n};\n"
},
{
"path": "src/services/providers/helpers/dropboxHelper.js",
"content": "import networkSvc from '../../networkSvc';\nimport userSvc from '../../userSvc';\nimport store from '../../../store';\nimport badgeSvc from '../../badgeSvc';\n\nconst getAppKey = (fullAccess) => {\n if (fullAccess) {\n return store.getters['data/serverConf'].dropboxAppKeyFull;\n }\n return store.getters['data/serverConf'].dropboxAppKey;\n};\n\nconst httpHeaderSafeJson = args => args && JSON.stringify(args)\n .replace(/[\\u007f-\\uffff]/g, c => `\\\\u${`000${c.charCodeAt(0).toString(16)}`.slice(-4)}`);\n\nconst request = ({ accessToken }, options, args) => networkSvc.request({\n ...options,\n headers: {\n ...options.headers || {},\n 'Content-Type': options.body && (typeof options.body === 'string'\n ? 'application/octet-stream' : 'application/json; charset=utf-8'),\n 'Dropbox-API-Arg': httpHeaderSafeJson(args),\n Authorization: `Bearer ${accessToken}`,\n },\n});\n\n/**\n * https://www.dropbox.com/developers/documentation/http/documentation#users-get_account\n */\nconst subPrefix = 'db';\nuserSvc.setInfoResolver('dropbox', subPrefix, async (sub) => {\n const dropboxToken = Object.values(store.getters['data/dropboxTokensBySub'])[0];\n try {\n const { body } = await request(dropboxToken, {\n method: 'POST',\n url: 'https://api.dropboxapi.com/2/users/get_account',\n body: {\n account_id: sub,\n },\n });\n\n return {\n id: `${subPrefix}:${body.account_id}`,\n name: body.name.display_name,\n imageUrl: body.profile_photo_url || '',\n };\n } catch (err) {\n if (!dropboxToken || err.status !== 404) {\n throw new Error('RETRY');\n }\n throw err;\n }\n});\n\nexport default {\n subPrefix,\n\n /**\n * https://www.dropbox.com/developers/documentation/http/documentation#oauth2-authorize\n * https://www.dropbox.com/developers/documentation/http/documentation#users-get_current_account\n */\n async startOauth2(fullAccess, sub = null, silent = false) {\n // Get an OAuth2 code\n const { accessToken } = await networkSvc.startOauth2(\n 'https://www.dropbox.com/oauth2/authorize',\n {\n client_id: getAppKey(fullAccess),\n response_type: 'token',\n },\n silent,\n );\n\n // Call the user info endpoint\n const { body } = await request({ accessToken }, {\n method: 'POST',\n url: 'https://api.dropboxapi.com/2/users/get_current_account',\n });\n userSvc.addUserInfo({\n id: `${subPrefix}:${body.account_id}`,\n name: body.name.display_name,\n imageUrl: body.profile_photo_url || '',\n });\n\n // Check the returned sub consistency\n if (sub && `${body.account_id}` !== sub) {\n throw new Error('Dropbox account ID not expected.');\n }\n\n // Build token object including scopes and sub\n const token = {\n accessToken,\n name: body.name.display_name,\n sub: `${body.account_id}`,\n fullAccess,\n };\n\n // Add token to dropbox tokens\n store.dispatch('data/addDropboxToken', token);\n return token;\n },\n async addAccount(fullAccess = false) {\n const token = await this.startOauth2(fullAccess);\n badgeSvc.addBadge('addDropboxAccount');\n return token;\n },\n\n /**\n * https://www.dropbox.com/developers/documentation/http/documentation#files-upload\n */\n async uploadFile({\n token,\n path,\n content,\n fileId,\n }) {\n return (await request(token, {\n method: 'POST',\n url: 'https://content.dropboxapi.com/2/files/upload',\n body: content,\n }, {\n path: fileId || path,\n mode: 'overwrite',\n })).body;\n },\n\n /**\n * https://www.dropbox.com/developers/documentation/http/documentation#files-download\n */\n async downloadFile({\n token,\n path,\n fileId,\n }) {\n const res = await request(token, {\n method: 'POST',\n url: 'https://content.dropboxapi.com/2/files/download',\n raw: true,\n }, {\n path: fileId || path,\n });\n return {\n id: JSON.parse(res.headers['dropbox-api-result']).id,\n content: res.body,\n };\n },\n\n /**\n * https://www.dropbox.com/developers/documentation/http/documentation#list-revisions\n */\n async listRevisions({\n token,\n path,\n fileId,\n }) {\n const res = await request(token, {\n method: 'POST',\n url: 'https://api.dropboxapi.com/2/files/list_revisions',\n body: fileId ? {\n path: fileId,\n mode: 'id',\n limit: 100,\n } : {\n path,\n limit: 100,\n },\n });\n return res.body.entries;\n },\n\n /**\n * https://www.dropbox.com/developers/chooser\n */\n async openChooser(token) {\n if (!window.Dropbox) {\n await networkSvc.loadScript('https://www.dropbox.com/static/api/2/dropins.js');\n }\n return new Promise((resolve) => {\n window.Dropbox.appKey = getAppKey(token.fullAccess);\n window.Dropbox.choose({\n multiselect: true,\n linkType: 'direct',\n success: files => resolve(files.map((file) => {\n const path = file.link.replace(/.*\\/view\\/[^/]*/, '');\n return decodeURI(path);\n })),\n cancel: () => resolve([]),\n });\n });\n },\n};\n"
},
{
"path": "src/services/providers/helpers/githubHelper.js",
"content": "import utils from '../../utils';\nimport networkSvc from '../../networkSvc';\nimport store from '../../../store';\nimport userSvc from '../../userSvc';\nimport badgeSvc from '../../badgeSvc';\n\nconst getScopes = token => [token.repoFullAccess ? 'repo' : 'public_repo', 'gist'];\n\nconst request = (token, options) => networkSvc.request({\n ...options,\n headers: {\n ...options.headers || {},\n Authorization: `token ${token.accessToken}`,\n },\n params: {\n ...options.params || {},\n t: Date.now(), // Prevent from caching\n },\n});\n\nconst repoRequest = (token, owner, repo, options) => request(token, {\n ...options,\n url: `https://api.github.com/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/${options.url}`,\n})\n .then(res => res.body);\n\nconst getCommitMessage = (name, path) => {\n const message = store.getters['data/computedSettings'].git[name];\n return message.replace(/{{path}}/g, path);\n};\n\n/**\n * Getting a user from its userId is not feasible with API v3.\n * Using an undocumented endpoint...\n */\nconst subPrefix = 'gh';\nuserSvc.setInfoResolver('github', subPrefix, async (sub) => {\n try {\n const user = (await networkSvc.request({\n url: `https://api.github.com/user/${sub}`,\n params: {\n t: Date.now(), // Prevent from caching\n },\n })).body;\n\n return {\n id: `${subPrefix}:${user.id}`,\n name: user.login,\n imageUrl: user.avatar_url || '',\n };\n } catch (err) {\n if (err.status !== 404) {\n throw new Error('RETRY');\n }\n throw err;\n }\n});\n\nexport default {\n subPrefix,\n\n /**\n * https://developer.github.com/apps/building-oauth-apps/authorization-options-for-oauth-apps/\n */\n async startOauth2(scopes, sub = null, silent = false) {\n const clientId = store.getters['data/serverConf'].githubClientId;\n\n // Get an OAuth2 code\n const { code } = await networkSvc.startOauth2(\n 'https://github.com/login/oauth/authorize',\n {\n client_id: clientId,\n scope: scopes.join(' '),\n },\n silent,\n );\n\n // Exchange code with token\n const accessToken = (await networkSvc.request({\n method: 'GET',\n url: 'oauth2/githubToken',\n params: {\n clientId,\n code,\n },\n })).body;\n\n // Call the user info endpoint\n const user = (await networkSvc.request({\n method: 'GET',\n url: 'https://api.github.com/user',\n headers: {\n Authorization: `token ${accessToken}`,\n },\n })).body;\n userSvc.addUserInfo({\n id: `${subPrefix}:${user.id}`,\n name: user.login,\n imageUrl: user.avatar_url || '',\n });\n\n // Check the returned sub consistency\n if (sub && `${user.id}` !== sub) {\n throw new Error('GitHub account ID not expected.');\n }\n\n // Build token object including scopes and sub\n const token = {\n scopes,\n accessToken,\n name: user.login,\n sub: `${user.id}`,\n repoFullAccess: scopes.includes('repo'),\n };\n\n // Add token to github tokens\n store.dispatch('data/addGithubToken', token);\n return token;\n },\n async addAccount(repoFullAccess = false) {\n const token = await this.startOauth2(getScopes({ repoFullAccess }));\n badgeSvc.addBadge('addGitHubAccount');\n return token;\n },\n\n /**\n * https://developer.github.com/v3/repos/commits/#get-a-single-commit\n * https://developer.github.com/v3/git/trees/#get-a-tree\n */\n async getTree({\n token,\n owner,\n repo,\n branch,\n }) {\n const { commit } = await repoRequest(token, owner, repo, {\n url: `commits/${encodeURIComponent(branch)}`,\n });\n const { tree, truncated } = await repoRequest(token, owner, repo, {\n url: `git/trees/${encodeURIComponent(commit.tree.sha)}?recursive=1`,\n });\n if (truncated) {\n throw new Error('Git tree too big. Please remove some files in the repository.');\n }\n return tree;\n },\n\n /**\n * https://developer.github.com/v3/repos/commits/#list-commits-on-a-repository\n */\n async getCommits({\n token,\n owner,\n repo,\n sha,\n path,\n }) {\n return repoRequest(token, owner, repo, {\n url: 'commits',\n params: { sha, path },\n });\n },\n\n /**\n * https://developer.github.com/v3/repos/contents/#create-a-file\n * https://developer.github.com/v3/repos/contents/#update-a-file\n */\n async uploadFile({\n token,\n owner,\n repo,\n branch,\n path,\n content,\n sha,\n }) {\n return repoRequest(token, owner, repo, {\n method: 'PUT',\n url: `contents/${encodeURIComponent(path)}`,\n body: {\n message: getCommitMessage(sha ? 'updateFileMessage' : 'createFileMessage', path),\n content: utils.encodeBase64(content),\n sha,\n branch,\n },\n });\n },\n\n /**\n * https://developer.github.com/v3/repos/contents/#delete-a-file\n */\n async removeFile({\n token,\n owner,\n repo,\n branch,\n path,\n sha,\n }) {\n return repoRequest(token, owner, repo, {\n method: 'DELETE',\n url: `contents/${encodeURIComponent(path)}`,\n body: {\n message: getCommitMessage('deleteFileMessage', path),\n sha,\n branch,\n },\n });\n },\n\n /**\n * https://developer.github.com/v3/repos/contents/#get-contents\n */\n async downloadFile({\n token,\n owner,\n repo,\n branch,\n path,\n }) {\n const { sha, content } = await repoRequest(token, owner, repo, {\n url: `contents/${encodeURIComponent(path)}`,\n params: { ref: branch },\n });\n return {\n sha,\n data: utils.decodeBase64(content),\n };\n },\n\n /**\n * https://developer.github.com/v3/gists/#create-a-gist\n * https://developer.github.com/v3/gists/#edit-a-gist\n */\n async uploadGist({\n token,\n description,\n filename,\n content,\n isPublic,\n gistId,\n }) {\n const { body } = await request(token, gistId ? {\n method: 'PATCH',\n url: `https://api.github.com/gists/${gistId}`,\n body: {\n description,\n files: {\n [filename]: {\n content,\n },\n },\n },\n } : {\n method: 'POST',\n url: 'https://api.github.com/gists',\n body: {\n description,\n files: {\n [filename]: {\n content,\n },\n },\n public: isPublic,\n },\n });\n return body;\n },\n\n /**\n * https://developer.github.com/v3/gists/#get-a-single-gist\n */\n async downloadGist({\n token,\n gistId,\n filename,\n }) {\n const result = (await request(token, {\n url: `https://api.github.com/gists/${gistId}`,\n })).body.files[filename];\n if (!result) {\n throw new Error('Gist file not found.');\n }\n return result.content;\n },\n\n /**\n * https://developer.github.com/v3/gists/#list-gist-commits\n */\n async getGistCommits({\n token,\n gistId,\n }) {\n const { body } = await request(token, {\n url: `https://api.github.com/gists/${gistId}/commits`,\n });\n return body;\n },\n\n /**\n * https://developer.github.com/v3/gists/#get-a-specific-revision-of-a-gist\n */\n async downloadGistRevision({\n token,\n gistId,\n filename,\n sha,\n }) {\n const result = (await request(token, {\n url: `https://api.github.com/gists/${gistId}/${sha}`,\n })).body.files[filename];\n if (!result) {\n throw new Error('Gist file not found.');\n }\n return result.content;\n },\n};\n"
},
{
"path": "src/services/providers/helpers/gitlabHelper.js",
"content": "import utils from '../../utils';\nimport networkSvc from '../../networkSvc';\nimport store from '../../../store';\nimport userSvc from '../../userSvc';\nimport badgeSvc from '../../badgeSvc';\n\nconst request = ({ accessToken, serverUrl }, options) => networkSvc.request({\n ...options,\n url: `${serverUrl}/api/v4/${options.url}`,\n headers: {\n ...options.headers || {},\n Authorization: `Bearer ${accessToken}`,\n },\n})\n .then(res => res.body);\n\nconst getCommitMessage = (name, path) => {\n const message = store.getters['data/computedSettings'].git[name];\n return message.replace(/{{path}}/g, path);\n};\n\n/**\n * https://docs.gitlab.com/ee/api/users.html#for-user\n */\nconst subPrefix = 'gl';\nuserSvc.setInfoResolver('gitlab', subPrefix, async (sub) => {\n try {\n const [, serverUrl, id] = sub.match(/^(.+)\\/([^/]+)$/);\n const user = (await networkSvc.request({\n url: `${serverUrl}/api/v4/users/${id}`,\n })).body;\n const uniqueSub = `${serverUrl}/${user.id}`;\n\n return {\n id: `${subPrefix}:${uniqueSub}`,\n name: user.username,\n imageUrl: user.avatar_url || '',\n };\n } catch (err) {\n if (err.status !== 404) {\n throw new Error('RETRY');\n }\n throw err;\n }\n});\n\nexport default {\n subPrefix,\n\n /**\n * https://docs.gitlab.com/ee/api/oauth2.html\n */\n async startOauth2(serverUrl, applicationId, sub = null, silent = false) {\n // Get an OAuth2 code\n const { accessToken } = await networkSvc.startOauth2(\n `${serverUrl}/oauth/authorize`,\n {\n client_id: applicationId,\n response_type: 'token',\n scope: 'api',\n },\n silent,\n );\n\n // Call the user info endpoint\n const user = await request({ accessToken, serverUrl }, {\n url: 'user',\n });\n const uniqueSub = `${serverUrl}/${user.id}`;\n userSvc.addUserInfo({\n id: `${subPrefix}:${uniqueSub}`,\n name: user.username,\n imageUrl: user.avatar_url || '',\n });\n\n // Check the returned sub consistency\n if (sub && uniqueSub !== sub) {\n throw new Error('GitLab account ID not expected.');\n }\n\n // Build token object including scopes and sub\n const token = {\n accessToken,\n name: user.username,\n serverUrl,\n sub: uniqueSub,\n };\n\n // Add token to gitlab tokens\n store.dispatch('data/addGitlabToken', token);\n return token;\n },\n async addAccount(serverUrl, applicationId, sub = null) {\n const token = await this.startOauth2(serverUrl, applicationId, sub);\n badgeSvc.addBadge('addGitLabAccount');\n return token;\n },\n\n /**\n * https://docs.gitlab.com/ee/api/projects.html#get-single-project\n */\n async getProjectId(token, { projectPath, projectId }) {\n if (projectId) {\n return projectId;\n }\n\n const project = await request(token, {\n url: `projects/${encodeURIComponent(projectPath)}`,\n });\n return project.id;\n },\n\n /**\n * https://docs.gitlab.com/ee/api/repositories.html#list-repository-tree\n */\n async getTree({\n token,\n projectId,\n branch,\n }) {\n return request(token, {\n url: `projects/${encodeURIComponent(projectId)}/repository/tree`,\n params: {\n ref: branch,\n recursive: true,\n per_page: 9999,\n },\n });\n },\n\n /**\n * https://docs.gitlab.com/ee/api/commits.html#list-repository-commits\n */\n async getCommits({\n token,\n projectId,\n branch,\n path,\n }) {\n return request(token, {\n url: `projects/${encodeURIComponent(projectId)}/repository/commits`,\n params: {\n ref_name: branch,\n path,\n },\n });\n },\n\n /**\n * https://docs.gitlab.com/ee/api/repository_files.html#create-new-file-in-repository\n * https://docs.gitlab.com/ee/api/repository_files.html#update-existing-file-in-repository\n */\n async uploadFile({\n token,\n projectId,\n branch,\n path,\n content,\n sha,\n }) {\n return request(token, {\n method: sha ? 'PUT' : 'POST',\n url: `projects/${encodeURIComponent(projectId)}/repository/files/${encodeURIComponent(path)}`,\n body: {\n commit_message: getCommitMessage(sha ? 'updateFileMessage' : 'createFileMessage', path),\n content,\n last_commit_id: sha,\n branch,\n },\n });\n },\n\n /**\n * https://docs.gitlab.com/ee/api/repository_files.html#delete-existing-file-in-repository\n */\n async removeFile({\n token,\n projectId,\n branch,\n path,\n sha,\n }) {\n return request(token, {\n method: 'DELETE',\n url: `projects/${encodeURIComponent(projectId)}/repository/files/${encodeURIComponent(path)}`,\n body: {\n commit_message: getCommitMessage('deleteFileMessage', path),\n last_commit_id: sha,\n branch,\n },\n });\n },\n\n /**\n * https://docs.gitlab.com/ee/api/repository_files.html#get-file-from-repository\n */\n async downloadFile({\n token,\n projectId,\n branch,\n path,\n }) {\n const res = await request(token, {\n url: `projects/${encodeURIComponent(projectId)}/repository/files/${encodeURIComponent(path)}`,\n params: { ref: branch },\n });\n return {\n sha: res.last_commit_id,\n data: utils.decodeBase64(res.content),\n };\n },\n};\n"
},
{
"path": "src/services/providers/helpers/googleHelper.js",
"content": "import utils from '../../utils';\nimport networkSvc from '../../networkSvc';\nimport store from '../../../store';\nimport userSvc from '../../userSvc';\nimport badgeSvc from '../../badgeSvc';\n\nconst appsDomain = null;\nconst tokenExpirationMargin = 5 * 60 * 1000; // 5 min (tokens expire after 1h)\n\nconst driveAppDataScopes = ['https://www.googleapis.com/auth/drive.appdata'];\nconst getDriveScopes = token => [token.driveFullAccess\n ? 'https://www.googleapis.com/auth/drive'\n : 'https://www.googleapis.com/auth/drive.file',\n'https://www.googleapis.com/auth/drive.install'];\nconst bloggerScopes = ['https://www.googleapis.com/auth/blogger'];\nconst photosScopes = ['https://www.googleapis.com/auth/photos'];\n\nconst checkIdToken = (idToken) => {\n try {\n const token = idToken.split('.');\n const payload = JSON.parse(utils.decodeBase64(token[1]));\n const clientId = store.getters['data/serverConf'].googleClientId;\n return payload.aud === clientId && Date.now() + tokenExpirationMargin < payload.exp * 1000;\n } catch (e) {\n return false;\n }\n};\n\nlet driveState;\nif (utils.queryParams.providerId === 'googleDrive') {\n try {\n driveState = JSON.parse(utils.queryParams.state);\n } catch (e) {\n // Ignore\n }\n}\n\n/**\n * https://developers.google.com/people/api/rest/v1/people/get\n */\nconst getUser = async (sub, token) => {\n const apiKey = store.getters['data/serverConf'].googleApiKey;\n const url = `https://people.googleapis.com/v1/people/${sub}?personFields=names,photos&key=${apiKey}`;\n const { body } = await networkSvc.request(sub === 'me' && token\n ? {\n method: 'GET',\n url,\n headers: {\n Authorization: `Bearer ${token.accessToken}`,\n },\n }\n : {\n method: 'GET',\n url,\n }, true);\n return body;\n};\n\nconst subPrefix = 'go';\nuserSvc.setInfoResolver('google', subPrefix, async (sub) => {\n try {\n const googleToken = Object.values(store.getters['data/googleTokensBySub'])[0];\n const body = await getUser(sub, googleToken);\n const name = (body.names && body.names[0]) || {};\n const photo = (body.photos && body.photos[0]) || {};\n return {\n id: `${subPrefix}:${sub}`,\n name: name.displayName,\n imageUrl: (photo.url || '').replace(/\\bsz?=\\d+$/, 'sz=40'),\n };\n } catch (err) {\n if (err.status !== 404) {\n throw new Error('RETRY');\n }\n throw err;\n }\n});\n\nexport default {\n subPrefix,\n folderMimeType: 'application/vnd.google-apps.folder',\n driveState,\n driveActionFolder: null,\n driveActionFiles: [],\n async $request(token, options) {\n try {\n return (await networkSvc.request({\n ...options,\n headers: {\n ...options.headers || {},\n Authorization: `Bearer ${token.accessToken}`,\n },\n }, true)).body;\n } catch (err) {\n const { reason } = (((err.body || {}).error || {}).errors || [])[0] || {};\n if (reason === 'authError') {\n // Mark the token as revoked and get a new one\n store.dispatch('data/addGoogleToken', {\n ...token,\n expiresOn: 0,\n });\n // Refresh token and retry\n const refreshedToken = await this.refreshToken(token, token.scopes);\n return this.$request(refreshedToken, options);\n }\n throw err;\n }\n },\n\n /**\n * https://developers.google.com/identity/protocols/OpenIDConnect\n */\n async startOauth2(scopes, sub = null, silent = false) {\n const clientId = store.getters['data/serverConf'].googleClientId;\n\n // Get an OAuth2 code\n const { accessToken, expiresIn, idToken } = await networkSvc.startOauth2(\n 'https://accounts.google.com/o/oauth2/v2/auth',\n {\n client_id: clientId,\n response_type: 'token id_token',\n scope: ['openid', 'profile', ...scopes].join(' '),\n hd: appsDomain,\n login_hint: sub,\n prompt: silent ? 'none' : null,\n nonce: utils.uid(),\n },\n silent,\n );\n\n // Call the token info endpoint\n const { body } = await networkSvc.request({\n method: 'POST',\n url: 'https://www.googleapis.com/oauth2/v3/tokeninfo',\n params: {\n access_token: accessToken,\n },\n }, true);\n\n // Check the returned client ID consistency\n if (body.aud !== clientId) {\n throw new Error('Client ID inconsistent.');\n }\n // Check the returned sub consistency\n if (sub && `${body.sub}` !== sub) {\n throw new Error('Google account ID not expected.');\n }\n\n // Build token object including scopes and sub\n const existingToken = store.getters['data/googleTokensBySub'][body.sub];\n const token = {\n scopes,\n accessToken,\n expiresOn: Date.now() + (expiresIn * 1000),\n idToken,\n sub: body.sub,\n name: (existingToken || {}).name || 'Someone',\n isLogin: !store.getters['workspace/mainWorkspaceToken'] &&\n scopes.includes('https://www.googleapis.com/auth/drive.appdata'),\n isSponsor: false,\n isDrive: scopes.includes('https://www.googleapis.com/auth/drive') ||\n scopes.includes('https://www.googleapis.com/auth/drive.file'),\n isBlogger: scopes.includes('https://www.googleapis.com/auth/blogger'),\n isPhotos: scopes.includes('https://www.googleapis.com/auth/photos'),\n driveFullAccess: scopes.includes('https://www.googleapis.com/auth/drive'),\n };\n\n // Call the user info endpoint\n const user = await getUser('me', token);\n const userId = user.resourceName.split('/')[1];\n const name = user.names[0] || {};\n const photo = user.photos[0] || {};\n if (name.displayName) {\n token.name = name.displayName;\n }\n userSvc.addUserInfo({\n id: `${subPrefix}:${userId}`,\n name: name.displayName,\n imageUrl: (photo.url || '').replace(/\\bsz?=\\d+$/, 'sz=40'),\n });\n\n if (existingToken) {\n // We probably retrieved a new token with restricted scopes.\n // That's no problem, token will be refreshed later with merged scopes.\n // Restore flags\n Object.assign(token, {\n isLogin: existingToken.isLogin || token.isLogin,\n isSponsor: existingToken.isSponsor,\n isDrive: existingToken.isDrive || token.isDrive,\n isBlogger: existingToken.isBlogger || token.isBlogger,\n isPhotos: existingToken.isPhotos || token.isPhotos,\n driveFullAccess: existingToken.driveFullAccess || token.driveFullAccess,\n });\n }\n\n if (token.isLogin) {\n try {\n const res = await networkSvc.request({\n method: 'GET',\n url: 'userInfo',\n params: {\n idToken: token.idToken,\n },\n });\n token.isSponsor = res.body.sponsorUntil > Date.now();\n if (token.isSponsor) {\n badgeSvc.addBadge('sponsor');\n }\n } catch (err) {\n // Ignore\n }\n }\n\n // Add token to google tokens\n await store.dispatch('data/addGoogleToken', token);\n return token;\n },\n async refreshToken(token, scopes = []) {\n const { sub } = token;\n const lastToken = store.getters['data/googleTokensBySub'][sub];\n const mergedScopes = [...new Set([\n ...scopes,\n ...lastToken.scopes,\n ])];\n\n if (\n // If we already have permissions for the requested scopes\n mergedScopes.length === lastToken.scopes.length &&\n // And lastToken is not expired\n lastToken.expiresOn > Date.now() + tokenExpirationMargin &&\n // And in case of a login token, ID token is still valid\n (!lastToken.isLogin || checkIdToken(lastToken.idToken))\n ) {\n return lastToken;\n }\n\n // New scopes are requested or existing token is about to expire.\n // Try to get a new token in background\n try {\n return await this.startOauth2(mergedScopes, sub, true);\n } catch (err) {\n // If it fails try to popup a window\n if (store.state.offline) {\n throw err;\n }\n await store.dispatch('modal/open', {\n type: 'providerRedirection',\n name: 'Google',\n });\n return this.startOauth2(mergedScopes, sub);\n }\n },\n signin() {\n return this.startOauth2(driveAppDataScopes);\n },\n async addDriveAccount(fullAccess = false, sub = null) {\n const token = await this.startOauth2(getDriveScopes({ driveFullAccess: fullAccess }), sub);\n badgeSvc.addBadge('addGoogleDriveAccount');\n return token;\n },\n async addBloggerAccount() {\n const token = await this.startOauth2(bloggerScopes);\n badgeSvc.addBadge('addBloggerAccount');\n return token;\n },\n async addPhotosAccount() {\n const token = await this.startOauth2(photosScopes);\n badgeSvc.addBadge('addGooglePhotosAccount');\n return token;\n },\n\n /**\n * https://developers.google.com/drive/v3/reference/files/create\n * https://developers.google.com/drive/v3/reference/files/update\n * https://developers.google.com/drive/v3/web/simple-upload\n */\n async $uploadFile({\n refreshedToken,\n name,\n parents,\n appProperties,\n media = null,\n mediaType = null,\n fileId = null,\n oldParents = null,\n ifNotTooLate = cb => cb(),\n }) {\n // Refreshing a token can take a while if an oauth window pops up, make sure it's not too late\n return ifNotTooLate(() => {\n const options = {\n method: 'POST',\n url: 'https://www.googleapis.com/drive/v3/files',\n };\n const params = {\n supportsTeamDrives: true,\n };\n const metadata = { name, appProperties };\n if (fileId) {\n options.method = 'PATCH';\n options.url = `https://www.googleapis.com/drive/v3/files/${fileId}`;\n if (parents && oldParents) {\n params.addParents = parents\n .filter(parent => !oldParents.includes(parent))\n .join(',');\n params.removeParents = oldParents\n .filter(parent => !parents.includes(parent))\n .join(',');\n }\n } else if (parents) {\n metadata.parents = parents;\n }\n if (media) {\n const boundary = `-------${utils.uid()}`;\n const delimiter = `\\r\\n--${boundary}\\r\\n`;\n const closeDelimiter = `\\r\\n--${boundary}--`;\n let multipartRequestBody = '';\n multipartRequestBody += delimiter;\n multipartRequestBody += 'Content-Type: application/json; charset=UTF-8\\r\\n\\r\\n';\n multipartRequestBody += JSON.stringify(metadata);\n multipartRequestBody += delimiter;\n multipartRequestBody += `Content-Type: ${mediaType || 'text/plain'}; charset=UTF-8\\r\\n\\r\\n`;\n multipartRequestBody += media;\n multipartRequestBody += closeDelimiter;\n options.url = options.url.replace(\n 'https://www.googleapis.com/',\n 'https://www.googleapis.com/upload/',\n );\n return this.$request(refreshedToken, {\n ...options,\n params: {\n ...params,\n uploadType: 'multipart',\n },\n headers: {\n 'Content-Type': `multipart/mixed; boundary=\"${boundary}\"`,\n },\n body: multipartRequestBody,\n });\n }\n if (mediaType) {\n metadata.mimeType = mediaType;\n }\n return this.$request(refreshedToken, {\n ...options,\n body: metadata,\n params,\n });\n });\n },\n async uploadFile({\n token,\n name,\n parents,\n appProperties,\n media,\n mediaType,\n fileId,\n oldParents,\n ifNotTooLate,\n }) {\n const refreshedToken = await this.refreshToken(token, getDriveScopes(token));\n return this.$uploadFile({\n refreshedToken,\n name,\n parents,\n appProperties,\n media,\n mediaType,\n fileId,\n oldParents,\n ifNotTooLate,\n });\n },\n async uploadAppDataFile({\n token,\n name,\n media,\n fileId,\n ifNotTooLate,\n }) {\n const refreshedToken = await this.refreshToken(token, driveAppDataScopes);\n return this.$uploadFile({\n refreshedToken,\n name,\n parents: ['appDataFolder'],\n media,\n fileId,\n ifNotTooLate,\n });\n },\n\n /**\n * https://developers.google.com/drive/v3/reference/files/get\n */\n async getFile(token, id) {\n const refreshedToken = await this.refreshToken(token, getDriveScopes(token));\n return this.$request(refreshedToken, {\n method: 'GET',\n url: `https://www.googleapis.com/drive/v3/files/${id}`,\n params: {\n fields: 'id,name,mimeType,appProperties,teamDriveId',\n supportsTeamDrives: true,\n },\n });\n },\n\n /**\n * https://developers.google.com/drive/v3/web/manage-downloads\n */\n async $downloadFile(refreshedToken, id) {\n return this.$request(refreshedToken, {\n method: 'GET',\n url: `https://www.googleapis.com/drive/v3/files/${id}?alt=media`,\n raw: true,\n });\n },\n async downloadFile(token, id) {\n const refreshedToken = await this.refreshToken(token, getDriveScopes(token));\n return this.$downloadFile(refreshedToken, id);\n },\n async downloadAppDataFile(token, id) {\n const refreshedToken = await this.refreshToken(token, driveAppDataScopes);\n return this.$downloadFile(refreshedToken, id);\n },\n\n /**\n * https://developers.google.com/drive/v3/reference/files/delete\n */\n async $removeFile(refreshedToken, id, ifNotTooLate = cb => cb()) {\n // Refreshing a token can take a while if an oauth window pops up, so check if it's too late\n return ifNotTooLate(() => this.$request(refreshedToken, {\n method: 'DELETE',\n url: `https://www.googleapis.com/drive/v3/files/${id}`,\n params: {\n supportsTeamDrives: true,\n },\n }));\n },\n async removeFile(token, id, ifNotTooLate) {\n const refreshedToken = await this.refreshToken(token, getDriveScopes(token));\n return this.$removeFile(refreshedToken, id, ifNotTooLate);\n },\n async removeAppDataFile(token, id, ifNotTooLate = cb => cb()) {\n const refreshedToken = await this.refreshToken(token, driveAppDataScopes);\n return this.$removeFile(refreshedToken, id, ifNotTooLate);\n },\n\n /**\n * https://developers.google.com/drive/v3/reference/revisions/list\n */\n async $getFileRevisions(refreshedToken, id) {\n const allRevisions = [];\n const getPage = async (pageToken) => {\n const { revisions, nextPageToken } = await this.$request(refreshedToken, {\n method: 'GET',\n url: `https://www.googleapis.com/drive/v3/files/${id}/revisions`,\n params: {\n pageToken,\n pageSize: 1000,\n fields: 'nextPageToken,revisions(id,modifiedTime,lastModifyingUser/permissionId,lastModifyingUser/displayName,lastModifyingUser/photoLink)',\n },\n });\n revisions.forEach((revision) => {\n userSvc.addUserInfo({\n id: `${subPrefix}:${revision.lastModifyingUser.permissionId}`,\n name: revision.lastModifyingUser.displayName,\n imageUrl: revision.lastModifyingUser.photoLink || '',\n });\n allRevisions.push(revision);\n });\n if (nextPageToken) {\n return getPage(nextPageToken);\n }\n return allRevisions;\n };\n return getPage();\n },\n async getFileRevisions(token, id) {\n const refreshedToken = await this.refreshToken(token, getDriveScopes(token));\n return this.$getFileRevisions(refreshedToken, id);\n },\n async getAppDataFileRevisions(token, id) {\n const refreshedToken = await this.refreshToken(token, driveAppDataScopes);\n return this.$getFileRevisions(refreshedToken, id);\n },\n\n /**\n * https://developers.google.com/drive/v3/reference/revisions/get\n */\n async $downloadFileRevision(refreshedToken, id, revisionId) {\n return this.$request(refreshedToken, {\n method: 'GET',\n url: `https://www.googleapis.com/drive/v3/files/${id}/revisions/${revisionId}?alt=media`,\n raw: true,\n });\n },\n async downloadFileRevision(token, fileId, revisionId) {\n const refreshedToken = await this.refreshToken(token, getDriveScopes(token));\n return this.$downloadFileRevision(refreshedToken, fileId, revisionId);\n },\n async downloadAppDataFileRevision(token, fileId, revisionId) {\n const refreshedToken = await this.refreshToken(token, driveAppDataScopes);\n return this.$downloadFileRevision(refreshedToken, fileId, revisionId);\n },\n\n /**\n * https://developers.google.com/drive/v3/reference/changes/list\n */\n async getChanges(token, startPageToken, isAppData, teamDriveId = null) {\n const result = {\n changes: [],\n };\n let fileFields = 'file/name';\n if (!isAppData) {\n fileFields += ',file/parents,file/mimeType,file/appProperties';\n }\n const refreshedToken = await this.refreshToken(\n token,\n isAppData ? driveAppDataScopes : getDriveScopes(token),\n );\n\n const getPage = async (pageToken = '1') => {\n const { changes, nextPageToken, newStartPageToken } = await this.$request(refreshedToken, {\n method: 'GET',\n url: 'https://www.googleapis.com/drive/v3/changes',\n params: {\n pageToken,\n spaces: isAppData ? 'appDataFolder' : 'drive',\n pageSize: 1000,\n fields: `nextPageToken,newStartPageToken,changes(fileId,${fileFields})`,\n supportsTeamDrives: true,\n includeTeamDriveItems: !!teamDriveId,\n teamDriveId,\n },\n });\n result.changes = [...result.changes, ...changes.filter(item => item.fileId)];\n if (nextPageToken) {\n return getPage(nextPageToken);\n }\n result.startPageToken = newStartPageToken;\n return result;\n };\n return getPage(startPageToken);\n },\n\n /**\n * https://developers.google.com/blogger/docs/3.0/reference/blogs/getByUrl\n * https://developers.google.com/blogger/docs/3.0/reference/posts/insert\n * https://developers.google.com/blogger/docs/3.0/reference/posts/update\n */\n async uploadBlogger({\n token,\n blogUrl,\n blogId,\n postId,\n title,\n content,\n labels,\n isDraft,\n published,\n isPage,\n }) {\n const refreshedToken = await this.refreshToken(token, bloggerScopes);\n\n // Get the blog ID\n const blog = { id: blogId };\n if (!blog.id) {\n blog.id = (await this.$request(refreshedToken, {\n url: 'https://www.googleapis.com/blogger/v3/blogs/byurl',\n params: {\n url: blogUrl,\n },\n })).id;\n }\n\n // Create/update the post/page\n const path = isPage ? 'pages' : 'posts';\n let options = {\n method: 'POST',\n url: `https://www.googleapis.com/blogger/v3/blogs/${blog.id}/${path}/`,\n body: {\n kind: isPage ? 'blogger#page' : 'blogger#post',\n blog,\n title,\n content,\n },\n };\n if (labels) {\n options.body.labels = labels;\n }\n if (published) {\n options.body.published = published.toISOString();\n }\n // If it's an update\n if (postId) {\n options.method = 'PUT';\n options.url += postId;\n options.body.id = postId;\n }\n const post = await this.$request(refreshedToken, options);\n if (isPage) {\n return post;\n }\n\n // Revert/publish post\n options = {\n method: 'POST',\n url: `https://www.googleapis.com/blogger/v3/blogs/${post.blog.id}/posts/${post.id}/`,\n params: {},\n };\n if (isDraft) {\n options.url += 'revert';\n } else {\n options.url += 'publish';\n if (published) {\n options.params.publishDate = published.toISOString();\n }\n }\n return this.$request(refreshedToken, options);\n },\n\n /**\n * https://developers.google.com/picker/docs/\n */\n async openPicker(token, type = 'doc') {\n const scopes = type === 'img' ? photosScopes : getDriveScopes(token);\n if (!window.google) {\n await networkSvc.loadScript('https://apis.google.com/js/api.js');\n await new Promise((resolve, reject) => window.gapi.load('picker', {\n callback: resolve,\n onerror: reject,\n timeout: 30000,\n ontimeout: reject,\n }));\n }\n const refreshedToken = await this.refreshToken(token, scopes);\n const { google } = window;\n return new Promise((resolve) => {\n let picker;\n const pickerBuilder = new google.picker.PickerBuilder()\n .setOAuthToken(refreshedToken.accessToken)\n .enableFeature(google.picker.Feature.SUPPORT_TEAM_DRIVES)\n .hideTitleBar()\n .setCallback((data) => {\n switch (data[google.picker.Response.ACTION]) {\n case google.picker.Action.PICKED:\n case google.picker.Action.CANCEL:\n resolve(data.docs || []);\n picker.dispose();\n break;\n default:\n }\n });\n switch (type) {\n default:\n case 'doc': {\n const mimeTypes = [\n 'text/plain',\n 'text/x-markdown',\n 'application/octet-stream',\n ].join(',');\n\n const view = new google.picker.DocsView(google.picker.ViewId.DOCS);\n view.setMimeTypes(mimeTypes);\n pickerBuilder.addView(view);\n\n const teamDriveView = new google.picker.DocsView(google.picker.ViewId.DOCS);\n teamDriveView.setMimeTypes(mimeTypes);\n teamDriveView.setEnableTeamDrives(true);\n pickerBuilder.addView(teamDriveView);\n\n pickerBuilder.enableFeature(google.picker.Feature.MULTISELECT_ENABLED);\n pickerBuilder.enableFeature(google.picker.Feature.SUPPORT_TEAM_DRIVES);\n break;\n }\n case 'folder': {\n const folderView = new google.picker.DocsView(google.picker.ViewId.FOLDERS);\n folderView.setSelectFolderEnabled(true);\n folderView.setMimeTypes(this.folderMimeType);\n pickerBuilder.addView(folderView);\n\n const teamDriveView = new google.picker.DocsView(google.picker.ViewId.FOLDERS);\n teamDriveView.setSelectFolderEnabled(true);\n teamDriveView.setEnableTeamDrives(true);\n teamDriveView.setMimeTypes(this.folderMimeType);\n pickerBuilder.addView(teamDriveView);\n break;\n }\n case 'img': {\n const view = new google.picker.PhotosView();\n view.setType('highlights');\n pickerBuilder.addView(view);\n pickerBuilder.addView(google.picker.ViewId.PHOTO_UPLOAD);\n break;\n }\n }\n picker = pickerBuilder.build();\n picker.setVisible(true);\n });\n },\n};\n"
},
{
"path": "src/services/providers/helpers/wordpressHelper.js",
"content": "import networkSvc from '../../networkSvc';\nimport store from '../../../store';\nimport badgeSvc from '../../badgeSvc';\n\nconst tokenExpirationMargin = 5 * 60 * 1000; // 5 min (WordPress tokens expire after 2 weeks)\n\nconst request = (token, options) => networkSvc.request({\n ...options,\n headers: {\n ...options.headers || {},\n Authorization: `Bearer ${token.accessToken}`,\n },\n})\n .then(res => res.body);\n\nexport default {\n /**\n * https://developer.wordpress.com/docs/oauth2/\n */\n async startOauth2(sub = null, silent = false) {\n const clientId = store.getters['data/serverConf'].wordpressClientId;\n\n // Get an OAuth2 code\n const { accessToken, expiresIn } = await networkSvc.startOauth2(\n 'https://public-api.wordpress.com/oauth2/authorize',\n {\n client_id: clientId,\n response_type: 'token',\n scope: 'global',\n },\n silent,\n );\n\n // Call the user info endpoint\n const body = await request({ accessToken }, {\n url: 'https://public-api.wordpress.com/rest/v1.1/me',\n });\n\n // Check the returned sub consistency\n if (sub && `${body.ID}` !== sub) {\n throw new Error('WordPress account ID not expected.');\n }\n // Build token object including scopes and sub\n const token = {\n accessToken,\n expiresOn: Date.now() + (expiresIn * 1000),\n name: body.display_name,\n sub: `${body.ID}`,\n };\n // Add token to wordpress tokens\n store.dispatch('data/addWordpressToken', token);\n return token;\n },\n async refreshToken(token) {\n const { sub } = token;\n const lastToken = store.getters['data/wordpressTokensBySub'][sub];\n\n if (lastToken.expiresOn > Date.now() + tokenExpirationMargin) {\n return lastToken;\n }\n // Existing token is going to expire.\n // Try to get a new token in background\n await store.dispatch('modal/open', {\n type: 'providerRedirection',\n name: 'WordPress',\n });\n return this.startOauth2(sub);\n },\n async addAccount(fullAccess = false) {\n const token = await this.startOauth2(fullAccess);\n badgeSvc.addBadge('addWordpressAccount');\n return token;\n },\n\n /**\n * https://developer.wordpress.com/docs/api/1.2/post/sites/%24site/posts/new/\n * https://developer.wordpress.com/docs/api/1.2/post/sites/%24site/posts/%24post_ID/\n */\n async uploadPost({\n token,\n domain,\n siteId,\n postId,\n title,\n content,\n tags,\n categories,\n excerpt,\n author,\n featuredImage,\n status,\n date,\n }) {\n const refreshedToken = await this.refreshToken(token);\n return request(refreshedToken, {\n method: 'POST',\n url: `https://public-api.wordpress.com/rest/v1.2/sites/${siteId || domain}/posts/${postId || 'new'}`,\n body: {\n content,\n title,\n tags,\n categories,\n excerpt,\n author,\n featured_image: featuredImage || '',\n status,\n date: date && date.toISOString(),\n },\n });\n },\n};\n"
},
{
"path": "src/services/providers/helpers/zendeskHelper.js",
"content": "import networkSvc from '../../networkSvc';\nimport store from '../../../store';\nimport badgeSvc from '../../badgeSvc';\n\nconst request = (token, options) => networkSvc.request({\n ...options,\n headers: {\n ...options.headers || {},\n Authorization: `Bearer ${token.accessToken}`,\n },\n})\n .then(res => res.body);\n\n\nexport default {\n /**\n * https://support.zendesk.com/hc/en-us/articles/203663836-Using-OAuth-authentication-with-your-application\n */\n async startOauth2(subdomain, clientId, sub = null, silent = false) {\n // Get an OAuth2 code\n const { accessToken } = await networkSvc.startOauth2(\n `https://${subdomain}.zendesk.com/oauth/authorizations/new`,\n {\n client_id: clientId,\n response_type: 'token',\n scope: 'read hc:write',\n },\n silent,\n );\n\n // Call the user info endpoint\n const { user } = await request({ accessToken }, {\n url: `https://${subdomain}.zendesk.com/api/v2/users/me.json`,\n });\n const uniqueSub = `${subdomain}/${user.id}`;\n\n // Check the returned sub consistency\n if (sub && uniqueSub !== sub) {\n throw new Error('Zendesk account ID not expected.');\n }\n\n // Build token object including scopes and sub\n const token = {\n accessToken,\n name: user.name,\n subdomain,\n sub: uniqueSub,\n };\n\n // Add token to zendesk tokens\n store.dispatch('data/addZendeskToken', token);\n return token;\n },\n async addAccount(subdomain, clientId) {\n const token = await this.startOauth2(subdomain, clientId);\n badgeSvc.addBadge('addZendeskAccount');\n return token;\n },\n\n /**\n * https://developer.zendesk.com/rest_api/docs/help_center/articles\n */\n async uploadArticle({\n token,\n sectionId,\n articleId,\n title,\n content,\n labels,\n locale,\n isDraft,\n }) {\n const article = {\n title,\n body: content,\n locale,\n draft: isDraft,\n };\n\n if (articleId) {\n // Update article\n await request(token, {\n method: 'PUT',\n url: `https://${token.subdomain}.zendesk.com/api/v2/help_center/articles/${articleId}/translations/${locale}.json`,\n body: { translation: article },\n });\n\n // Add labels\n if (labels) {\n await request(token, {\n method: 'PUT',\n url: `https://${token.subdomain}.zendesk.com/api/v2/help_center/articles/${articleId}.json`,\n body: {\n article: {\n label_names: labels,\n },\n },\n });\n }\n return articleId;\n }\n\n // Create new article\n if (labels) {\n article.label_names = labels;\n }\n const body = await request(token, {\n method: 'POST',\n url: `https://${token.subdomain}.zendesk.com/api/v2/help_center/sections/${sectionId}/articles.json`,\n body: { article },\n });\n return `${body.article.id}`;\n },\n};\n"
},
{
"path": "src/services/providers/wordpressProvider.js",
"content": "import store from '../../store';\nimport wordpressHelper from './helpers/wordpressHelper';\nimport Provider from './common/Provider';\n\nexport default new Provider({\n id: 'wordpress',\n name: 'WordPress',\n getToken({ sub }) {\n return store.getters['data/wordpressTokensBySub'][sub];\n },\n getLocationUrl({ siteId, postId }) {\n return `https://wordpress.com/post/${siteId}/${postId}`;\n },\n getLocationDescription({ postId }) {\n return postId;\n },\n async publish(token, html, metadata, publishLocation) {\n const post = await wordpressHelper.uploadPost({\n ...publishLocation,\n ...metadata,\n token,\n content: html,\n });\n return {\n ...publishLocation,\n siteId: `${post.site_ID}`,\n postId: `${post.ID}`,\n };\n },\n makeLocation(token, domain, postId) {\n const location = {\n providerId: this.id,\n sub: token.sub,\n domain,\n };\n if (postId) {\n location.postId = postId;\n }\n return location;\n },\n});\n"
},
{
"path": "src/services/providers/zendeskProvider.js",
"content": "import store from '../../store';\nimport zendeskHelper from './helpers/zendeskHelper';\nimport Provider from './common/Provider';\n\nexport default new Provider({\n id: 'zendesk',\n name: 'Zendesk',\n getToken({ sub }) {\n return store.getters['data/zendeskTokensBySub'][sub];\n },\n getLocationUrl({ sub, locale, articleId }) {\n const token = this.getToken({ sub });\n return `https://${token.subdomain}.zendesk.com/hc/${locale}/articles/${articleId}`;\n },\n getLocationDescription({ articleId }) {\n return articleId;\n },\n async publish(token, html, metadata, publishLocation) {\n const articleId = await zendeskHelper.uploadArticle({\n ...publishLocation,\n token,\n title: metadata.title,\n content: html,\n labels: metadata.tags,\n isDraft: metadata.status === 'draft',\n });\n return {\n ...publishLocation,\n articleId,\n };\n },\n makeLocation(token, sectionId, locale, articleId) {\n const location = {\n providerId: this.id,\n sub: token.sub,\n sectionId,\n locale,\n };\n if (articleId) {\n location.articleId = articleId;\n }\n return location;\n },\n});\n"
},
{
"path": "src/services/publishSvc.js",
"content": "import localDbSvc from './localDbSvc';\nimport store from '../store';\nimport utils from './utils';\nimport networkSvc from './networkSvc';\nimport exportSvc from './exportSvc';\nimport providerRegistry from './providers/common/providerRegistry';\nimport workspaceSvc from './workspaceSvc';\nimport badgeSvc from './badgeSvc';\n\nconst hasCurrentFilePublishLocations = () => !!store.getters['publishLocation/current'].length;\n\nconst loader = type => fileId => localDbSvc.loadItem(`${fileId}/${type}`)\n // Item does not exist, create it\n .catch(() => store.commit(`${type}/setItem`, {\n id: `${fileId}/${type}`,\n }));\nconst loadContent = loader('content');\n\nconst ensureArray = (value) => {\n if (!value) {\n return [];\n }\n if (!Array.isArray(value)) {\n return `${value}`.trim().split(/\\s*,\\s*/);\n }\n return value;\n};\n\nconst ensureString = (value, defaultValue) => {\n if (!value) {\n return defaultValue;\n }\n return `${value}`;\n};\n\nconst ensureDate = (value, defaultValue) => {\n if (!value) {\n return defaultValue;\n }\n return new Date(`${value}`);\n};\n\nconst publish = async (publishLocation) => {\n const { fileId } = publishLocation;\n const template = store.getters['data/allTemplatesById'][publishLocation.templateId];\n const html = await exportSvc.applyTemplate(fileId, template);\n const content = await localDbSvc.loadItem(`${fileId}/content`);\n const file = store.state.file.itemsById[fileId];\n const properties = utils.computeProperties(content.properties);\n const provider = providerRegistry.providersById[publishLocation.providerId];\n const token = provider.getToken(publishLocation);\n const metadata = {\n title: ensureString(properties.title, file.name),\n author: ensureString(properties.author),\n tags: ensureArray(properties.tags),\n categories: ensureArray(properties.categories),\n excerpt: ensureString(properties.excerpt),\n featuredImage: ensureString(properties.featuredImage),\n status: ensureString(properties.status),\n date: ensureDate(properties.date, new Date()),\n };\n return provider.publish(token, html, metadata, publishLocation);\n};\n\nconst publishFile = async (fileId) => {\n let counter = 0;\n await loadContent(fileId);\n const publishLocations = [\n ...store.getters['publishLocation/filteredGroupedByFileId'][fileId] || [],\n ];\n try {\n await utils.awaitSequence(publishLocations, async (publishLocation) => {\n await store.dispatch('queue/doWithLocation', {\n location: publishLocation,\n action: async () => {\n const publishLocationToStore = await publish(publishLocation);\n try {\n // Replace publish location if modified\n if (utils.serializeObject(publishLocation) !==\n utils.serializeObject(publishLocationToStore)\n ) {\n store.commit('publishLocation/patchItem', publishLocationToStore);\n workspaceSvc.ensureUniqueLocations();\n }\n counter += 1;\n } catch (err) {\n if (store.state.offline) {\n throw err;\n }\n console.error(err); // eslint-disable-line no-console\n store.dispatch('notification/error', err);\n }\n },\n });\n });\n const file = store.state.file.itemsById[fileId];\n store.dispatch('notification/info', `\"${file.name}\" was published to ${counter} location(s).`);\n } finally {\n await localDbSvc.unloadContents();\n }\n};\n\nconst requestPublish = () => {\n // No publish in light mode\n if (store.state.light) {\n return;\n }\n\n store.dispatch('queue/enqueuePublishRequest', async () => {\n let intervalId;\n const attempt = async () => {\n // Only start publishing when these conditions are met\n if (networkSvc.isUserActive()) {\n clearInterval(intervalId);\n if (!hasCurrentFilePublishLocations()) {\n // Cancel publish\n throw new Error('Publish not possible.');\n }\n await publishFile(store.getters['file/current'].id);\n badgeSvc.addBadge('triggerPublish');\n }\n };\n intervalId = utils.setInterval(() => attempt(), 1000);\n return attempt();\n });\n};\n\nconst createPublishLocation = (publishLocation, featureId) => {\n const currentFile = store.getters['file/current'];\n publishLocation.fileId = currentFile.id;\n store.dispatch(\n 'queue/enqueue',\n async () => {\n const publishLocationToStore = await publish(publishLocation);\n workspaceSvc.addPublishLocation(publishLocationToStore);\n store.dispatch('notification/info', `A new publication location was added to \"${currentFile.name}\".`);\n if (featureId) {\n badgeSvc.addBadge(featureId);\n }\n },\n );\n};\n\nexport default {\n requestPublish,\n createPublishLocation,\n};\n"
},
{
"path": "src/services/syncSvc.js",
"content": "import localDbSvc from './localDbSvc';\nimport store from '../store';\nimport utils from './utils';\nimport diffUtils from './diffUtils';\nimport networkSvc from './networkSvc';\nimport providerRegistry from './providers/common/providerRegistry';\nimport googleDriveAppDataProvider from './providers/googleDriveAppDataProvider';\nimport './providers/couchdbWorkspaceProvider';\nimport './providers/githubWorkspaceProvider';\nimport './providers/gitlabWorkspaceProvider';\nimport './providers/googleDriveWorkspaceProvider';\nimport tempFileSvc from './tempFileSvc';\nimport workspaceSvc from './workspaceSvc';\nimport constants from '../data/constants';\nimport badgeSvc from './badgeSvc';\n\nconst minAutoSyncEvery = 60 * 1000; // 60 sec\nconst inactivityThreshold = 3 * 1000; // 3 sec\nconst restartSyncAfter = 30 * 1000; // 30 sec\nconst restartContentSyncAfter = 1000; // Enough to detect an authorize pop up\nconst checkSponsorshipAfter = (5 * 60 * 1000) + (30 * 1000); // tokenExpirationMargin + 30 sec\nconst maxContentHistory = 20;\n\nconst LAST_SEEN = 0;\nconst LAST_MERGED = 1;\nconst LAST_SENT = 2;\n\nlet actionProvider;\nlet workspaceProvider;\n\n/**\n * Use a lock in the local storage to prevent multiple windows concurrency.\n */\nlet lastSyncActivity;\nconst getLastStoredSyncActivity = () =>\n parseInt(localStorage.getItem(store.getters['workspace/lastSyncActivityKey']), 10) || 0;\n\n/**\n * Return true if workspace sync is possible.\n */\nconst isWorkspaceSyncPossible = () => !!store.getters['workspace/syncToken'];\n\n/**\n * Return true if file has at least one explicit sync location.\n */\nconst hasCurrentFileSyncLocations = () => !!store.getters['syncLocation/current'].length;\n\n/**\n * Return true if we are online and we have something to sync.\n */\nconst isSyncPossible = () => !store.state.offline &&\n (isWorkspaceSyncPossible() || hasCurrentFileSyncLocations());\n\n/**\n * Return true if we are the many window, ie we have the lastSyncActivity lock.\n */\nconst isSyncWindow = () => {\n const storedLastSyncActivity = getLastStoredSyncActivity();\n return lastSyncActivity === storedLastSyncActivity ||\n Date.now() > inactivityThreshold + storedLastSyncActivity;\n};\n\n/**\n * Return true if auto sync can start, ie if lastSyncActivity is old enough.\n */\nconst isAutoSyncReady = () => {\n let { autoSyncEvery } = store.getters['data/computedSettings'];\n if (autoSyncEvery < minAutoSyncEvery) {\n autoSyncEvery = minAutoSyncEvery;\n }\n return Date.now() > autoSyncEvery + getLastStoredSyncActivity();\n};\n\n/**\n * Update the lastSyncActivity, assuming we have the lock.\n */\nconst setLastSyncActivity = () => {\n const currentDate = Date.now();\n lastSyncActivity = currentDate;\n localStorage.setItem(store.getters['workspace/lastSyncActivityKey'], currentDate);\n};\n\n/**\n * Upgrade hashes if syncedContent is from an old version\n */\nconst upgradeSyncedContent = (syncedContent) => {\n if (syncedContent.v) {\n return syncedContent;\n }\n const hashUpgrades = {};\n const historyData = {};\n const syncHistory = {};\n Object.entries(syncedContent.historyData).forEach(([hash, content]) => {\n const newContent = utils.addItemHash(content);\n historyData[newContent.hash] = newContent;\n hashUpgrades[hash] = newContent.hash;\n });\n Object.entries(syncedContent.syncHistory).forEach(([id, hashEntries]) => {\n syncHistory[id] = hashEntries.map(hash => hashUpgrades[hash]);\n });\n return {\n ...syncedContent,\n historyData,\n syncHistory,\n v: 1,\n };\n};\n\n/**\n * Clean a syncedContent.\n */\nconst cleanSyncedContent = (syncedContent) => {\n // Clean syncHistory from removed syncLocations\n Object.keys(syncedContent.syncHistory).forEach((syncLocationId) => {\n if (syncLocationId !== 'main' && !store.state.syncLocation.itemsById[syncLocationId]) {\n delete syncedContent.syncHistory[syncLocationId];\n }\n });\n\n const allSyncLocationHashSet = new Set([]\n .concat(...Object.keys(syncedContent.syncHistory)\n .map(id => syncedContent.syncHistory[id])));\n\n // Clean historyData from unused contents\n Object.keys(syncedContent.historyData)\n .map(hash => parseInt(hash, 10))\n .forEach((hash) => {\n if (!allSyncLocationHashSet.has(hash)) {\n delete syncedContent.historyData[hash];\n }\n });\n};\n\n/**\n * Apply changes retrieved from the workspace provider. Update sync data accordingly.\n */\nconst applyChanges = (changes) => {\n const allItemsById = { ...store.getters.allItemsById };\n const syncDataById = { ...store.getters['data/syncDataById'] };\n const idsToKeep = {};\n let saveSyncData = false;\n let getExistingItem;\n if (store.getters['workspace/currentWorkspaceIsGit']) {\n const itemsByGitPath = { ...store.getters.itemsByGitPath };\n getExistingItem = existingSyncData => existingSyncData && itemsByGitPath[existingSyncData.id];\n } else {\n getExistingItem = existingSyncData => existingSyncData && allItemsById[existingSyncData.itemId];\n }\n\n // Process each change\n changes.forEach((change) => {\n const existingSyncData = syncDataById[change.syncDataId];\n const existingItem = getExistingItem(existingSyncData);\n // If item was removed\n if (!change.item && existingSyncData) {\n if (syncDataById[change.syncDataId]) {\n delete syncDataById[change.syncDataId];\n saveSyncData = true;\n }\n if (existingItem) {\n // Remove object from the store\n store.commit(`${existingItem.type}/deleteItem`, existingItem.id);\n delete allItemsById[existingItem.id];\n }\n // If item was modified\n } else if (change.item && change.item.hash) {\n idsToKeep[change.item.id] = true;\n\n if ((existingSyncData || {}).hash !== change.syncData.hash) {\n syncDataById[change.syncDataId] = change.syncData;\n saveSyncData = true;\n }\n if (\n // If no sync data or existing one is different\n (existingSyncData || {}).hash !== change.item.hash\n // And no existing item or existing item is different\n && (existingItem || {}).hash !== change.item.hash\n // And item is not content nor data, which will be merged later\n && change.item.type !== 'content' && change.item.type !== 'data'\n ) {\n store.commit(`${change.item.type}/setItem`, change.item);\n allItemsById[change.item.id] = change.item;\n }\n }\n });\n\n if (saveSyncData) {\n store.dispatch('data/setSyncDataById', syncDataById);\n\n // Sanitize the workspace\n workspaceSvc.sanitizeWorkspace(idsToKeep);\n }\n};\n\n/**\n * Create a sync location by uploading the current file content.\n */\nconst createSyncLocation = (syncLocation) => {\n const currentFile = store.getters['file/current'];\n const fileId = currentFile.id;\n syncLocation.fileId = fileId;\n // Use deepCopy to freeze the item\n const content = utils.deepCopy(store.getters['content/current']);\n store.dispatch(\n 'queue/enqueue',\n async () => {\n const provider = providerRegistry.providersById[syncLocation.providerId];\n const token = provider.getToken(syncLocation);\n const updatedSyncLocation = await provider.uploadContent(token, {\n ...content,\n history: [content.hash],\n }, syncLocation);\n await localDbSvc.loadSyncedContent(fileId);\n const newSyncedContent = utils.deepCopy(upgradeSyncedContent(store.state.syncedContent.itemsById[`${fileId}/syncedContent`]));\n const newSyncHistoryItem = [];\n newSyncedContent.syncHistory[syncLocation.id] = newSyncHistoryItem;\n newSyncHistoryItem[LAST_SEEN] = content.hash;\n newSyncHistoryItem[LAST_SENT] = content.hash;\n newSyncedContent.historyData[content.hash] = content;\n\n store.commit('syncedContent/patchItem', newSyncedContent);\n workspaceSvc.addSyncLocation(updatedSyncLocation);\n store.dispatch('notification/info', `A new synchronized location was added to \"${currentFile.name}\".`);\n },\n );\n};\n\n/**\n * Prevent from sending new data too long after old data has been fetched.\n */\nconst tooLateChecker = (timeout) => {\n const tooLateAfter = Date.now() + timeout;\n return (cb) => {\n if (tooLateAfter < Date.now()) {\n throw new Error('TOO_LATE');\n }\n return cb();\n };\n};\n\n/**\n * Return true if file is in the temp folder or is a welcome file.\n */\nconst isTempFile = (fileId) => {\n const contentId = `${fileId}/content`;\n if (store.getters['data/syncDataByItemId'][contentId]) {\n // If file has already been synced, let's not consider it a temp file\n return false;\n }\n const file = store.state.file.itemsById[fileId];\n const content = store.state.content.itemsById[contentId];\n if (!file || !content) {\n return false;\n }\n if (file.parentId === 'temp') {\n return true;\n }\n const locations = [\n ...store.getters['syncLocation/filteredGroupedByFileId'][fileId] || [],\n ...store.getters['publishLocation/filteredGroupedByFileId'][fileId] || [],\n ];\n if (locations.length) {\n // If file has sync/publish locations, it's not a temp file\n return false;\n }\n // Return true if it's a welcome file that has no discussion\n const { welcomeFileHashes } = store.getters['data/localSettings'];\n const hash = utils.hash(content.text);\n const hasDiscussions = Object.keys(content.discussions).length;\n return file.name === 'Welcome file' && welcomeFileHashes[hash] && !hasDiscussions;\n};\n\n/**\n * Patch sync data if some have changed in the result.\n */\nconst updateSyncData = (result) => {\n [\n result.syncData,\n result.contentSyncData,\n result.fileSyncData,\n ].forEach((syncData) => {\n if (syncData) {\n const oldSyncData = store.getters['data/syncDataById'][syncData.id];\n if (utils.serializeObject(oldSyncData) !== utils.serializeObject(syncData)) {\n store.dispatch('data/patchSyncDataById', {\n [syncData.id]: syncData,\n });\n }\n }\n });\n return result;\n};\n\nclass SyncContext {\n restartSkipContents = false;\n attempted = {};\n}\n\n/**\n * Sync one file with all its locations.\n */\nconst syncFile = async (fileId, syncContext = new SyncContext()) => {\n const contentId = `${fileId}/content`;\n syncContext.attempted[contentId] = true;\n\n await localDbSvc.loadSyncedContent(fileId);\n try {\n await localDbSvc.loadItem(contentId);\n } catch (e) {\n // Item may not exist if content has not been downloaded yet\n }\n\n const getSyncedContent = () => upgradeSyncedContent(store.state.syncedContent.itemsById[`${fileId}/syncedContent`]);\n const getSyncHistoryItem = syncLocationId => getSyncedContent().syncHistory[syncLocationId];\n\n try {\n if (isTempFile(fileId)) {\n return;\n }\n\n const syncLocations = [\n ...store.getters['syncLocation/filteredGroupedByFileId'][fileId] || [],\n ];\n if (isWorkspaceSyncPossible()) {\n syncLocations.unshift({ id: 'main', providerId: workspaceProvider.id, fileId });\n }\n\n await utils.awaitSequence(syncLocations, async (syncLocation) => {\n const provider = providerRegistry.providersById[syncLocation.providerId];\n if (!provider) {\n return;\n }\n const token = provider.getToken(syncLocation);\n if (!token) {\n return;\n }\n\n const downloadContent = async () => {\n // On simple provider, call simply downloadContent\n if (syncLocation.id !== 'main') {\n return provider.downloadContent(token, syncLocation);\n }\n\n // On workspace provider, call downloadWorkspaceContent\n const oldContentSyncData = store.getters['data/syncDataByItemId'][contentId];\n const oldFileSyncData = store.getters['data/syncDataByItemId'][fileId];\n if (!oldContentSyncData || !oldFileSyncData) {\n return null;\n }\n\n const { content } = updateSyncData(await provider.downloadWorkspaceContent({\n token,\n contentId,\n contentSyncData: oldContentSyncData,\n fileSyncData: oldFileSyncData,\n }));\n\n // Return the downloaded content\n return content;\n };\n\n const uploadContent = async (content, ifNotTooLate) => {\n // On simple provider, call simply uploadContent\n if (syncLocation.id !== 'main') {\n return provider.uploadContent(token, content, syncLocation, ifNotTooLate);\n }\n\n // On workspace provider, call uploadWorkspaceContent\n const oldContentSyncData = store.getters['data/syncDataByItemId'][contentId];\n if (oldContentSyncData && oldContentSyncData.hash === content.hash) {\n return syncLocation;\n }\n const oldFileSyncData = store.getters['data/syncDataByItemId'][fileId];\n\n updateSyncData(await provider.uploadWorkspaceContent({\n token,\n content,\n // Use deepCopy to freeze item\n file: utils.deepCopy(store.state.file.itemsById[fileId]),\n contentSyncData: oldContentSyncData,\n fileSyncData: oldFileSyncData,\n ifNotTooLate,\n }));\n\n // Return syncLocation\n return syncLocation;\n };\n\n const doSyncLocation = async () => {\n const serverContent = await downloadContent(token, syncLocation);\n const syncedContent = getSyncedContent();\n const syncHistoryItem = getSyncHistoryItem(syncLocation.id);\n\n // Merge content\n let mergedContent;\n const clientContent = utils.deepCopy(store.state.content.itemsById[contentId]);\n if (!clientContent) {\n mergedContent = utils.deepCopy(serverContent || null);\n } else if (!serverContent // If sync location has not been created yet\n // Or server and client contents are synced\n || serverContent.hash === clientContent.hash\n // Or server content has not changed or has already been merged\n || syncedContent.historyData[serverContent.hash]\n ) {\n mergedContent = clientContent;\n } else {\n // Perform a merge with last merged content if any, or perform a simple fusion otherwise\n let lastMergedContent = utils.someResult(\n serverContent.history,\n hash => syncedContent.historyData[hash],\n );\n if (!lastMergedContent && syncHistoryItem) {\n lastMergedContent = syncedContent.historyData[syncHistoryItem[LAST_MERGED]];\n }\n mergedContent = diffUtils.mergeContent(serverContent, clientContent, lastMergedContent);\n }\n if (!mergedContent) {\n return;\n }\n\n // Update or set content in store\n store.commit('content/setItem', {\n id: contentId,\n text: utils.sanitizeText(mergedContent.text),\n properties: utils.sanitizeText(mergedContent.properties),\n discussions: mergedContent.discussions,\n comments: mergedContent.comments,\n });\n\n // Retrieve content with its new hash value and freeze it\n mergedContent = utils.deepCopy(store.state.content.itemsById[contentId]);\n\n // Make merged content history\n const mergedContentHistory = serverContent ? serverContent.history.slice() : [];\n let skipUpload = true;\n if (mergedContentHistory[0] !== mergedContent.hash) {\n // Put merged content hash at the beginning of history\n mergedContentHistory.unshift(mergedContent.hash);\n // Server content is either out of sync or its history is incomplete, do upload\n skipUpload = false;\n }\n if (syncHistoryItem\n && syncHistoryItem[LAST_SENT] != null\n && syncHistoryItem[LAST_SENT] !== mergedContent.hash\n ) {\n // Clean up by removing the hash we've previously added\n const idx = mergedContentHistory.lastIndexOf(syncHistoryItem[LAST_SENT]);\n if (idx !== -1) {\n mergedContentHistory.splice(idx, 1);\n }\n }\n\n // Update synced content\n const newSyncedContent = utils.deepCopy(syncedContent);\n const newSyncHistoryItem = newSyncedContent.syncHistory[syncLocation.id] || [];\n newSyncedContent.syncHistory[syncLocation.id] = newSyncHistoryItem;\n if (serverContent &&\n (serverContent.hash === newSyncHistoryItem[LAST_SEEN] ||\n serverContent.history.includes(newSyncHistoryItem[LAST_SEEN]))\n ) {\n // That's the 2nd time we've seen this content, trust it for future merges\n newSyncHistoryItem[LAST_MERGED] = newSyncHistoryItem[LAST_SEEN];\n }\n newSyncHistoryItem[LAST_MERGED] = newSyncHistoryItem[LAST_MERGED] || null;\n newSyncHistoryItem[LAST_SEEN] = mergedContent.hash;\n newSyncHistoryItem[LAST_SENT] = skipUpload ? null : mergedContent.hash;\n newSyncedContent.historyData[mergedContent.hash] = mergedContent;\n\n // Clean synced content from unused revisions\n cleanSyncedContent(newSyncedContent);\n // Store synced content\n store.commit('syncedContent/patchItem', newSyncedContent);\n\n if (skipUpload) {\n // Server content and merged content are equal, skip content upload\n return;\n }\n\n // If content is to be created, schedule a restart to create the file as well\n if (provider === workspaceProvider &&\n !store.getters['data/syncDataByItemId'][fileId]\n ) {\n syncContext.restartSkipContents = true;\n }\n\n // Upload merged content\n const item = {\n ...mergedContent,\n history: mergedContentHistory.slice(0, maxContentHistory),\n };\n const syncLocationToStore = await uploadContent(\n item,\n tooLateChecker(restartContentSyncAfter),\n );\n\n // Replace sync location if modified\n if (utils.serializeObject(syncLocation) !==\n utils.serializeObject(syncLocationToStore)\n ) {\n store.commit('syncLocation/patchItem', syncLocationToStore);\n workspaceSvc.ensureUniqueLocations();\n }\n };\n\n await store.dispatch('queue/doWithLocation', {\n location: syncLocation,\n action: async () => {\n try {\n await doSyncLocation();\n } catch (err) {\n if (store.state.offline || (err && err.message === 'TOO_LATE')) {\n throw err;\n }\n console.error(err); // eslint-disable-line no-console\n store.dispatch('notification/error', err);\n }\n },\n });\n });\n } catch (err) {\n if (err && err.message === 'TOO_LATE') {\n // Restart sync\n await syncFile(fileId, syncContext);\n } else {\n throw err;\n }\n } finally {\n await localDbSvc.unloadContents();\n }\n};\n\n/**\n * Sync a data item, typically settings, templates or workspaces.\n */\nconst syncDataItem = async (dataId) => {\n const getItem = () => store.state.data.itemsById[dataId]\n || store.state.data.lsItemsById[dataId];\n\n const oldItem = getItem();\n const oldSyncData = store.getters['data/syncDataByItemId'][dataId];\n // Sync if item hash and syncData hash are out of sync\n if (oldSyncData && oldItem && oldItem.hash === oldSyncData.hash) {\n return;\n }\n\n const token = workspaceProvider.getToken();\n const { item } = updateSyncData(await workspaceProvider.downloadWorkspaceData({\n token,\n syncData: oldSyncData,\n }));\n\n const serverItem = item;\n const dataSyncData = store.getters['data/dataSyncDataById'][dataId];\n const clientItem = utils.deepCopy(getItem());\n let mergedItem = (() => {\n if (!clientItem) {\n return serverItem;\n }\n if (!serverItem) {\n return clientItem;\n }\n if (!dataSyncData) {\n return serverItem;\n }\n if (dataSyncData.hash !== serverItem.hash) {\n // Server version has changed\n if (dataSyncData.hash !== clientItem.hash && typeof clientItem.data === 'object') {\n // Client version has changed as well, merge data objects\n return {\n ...clientItem,\n data: diffUtils.mergeObjects(serverItem.data, clientItem.data),\n };\n }\n return serverItem;\n }\n return clientItem;\n })();\n\n if (!mergedItem) {\n return;\n }\n\n if (clientItem && dataId === 'workspaces') {\n // Clean deleted workspaces\n await Promise.all(Object.keys(clientItem.data)\n .filter(id => !mergedItem.data[id])\n .map(id => workspaceSvc.removeWorkspace(id)));\n }\n\n // Update item in store\n store.commit('data/setItem', {\n id: dataId,\n ...mergedItem,\n });\n\n // Retrieve item with new `hash` and freeze it\n mergedItem = utils.deepCopy(getItem());\n\n // Upload merged data item if out of sync\n if (!serverItem || serverItem.hash !== mergedItem.hash) {\n updateSyncData(await workspaceProvider.uploadWorkspaceData({\n token,\n item: mergedItem,\n syncData: store.getters['data/syncDataByItemId'][dataId],\n ifNotTooLate: tooLateChecker(restartContentSyncAfter),\n }));\n }\n\n // Copy sync data into data sync data\n store.dispatch('data/patchDataSyncDataById', {\n [dataId]: utils.deepCopy(store.getters['data/syncDataByItemId'][dataId]),\n });\n};\n\n/**\n * Sync the whole workspace with the main provider and the current file explicit locations.\n */\nconst syncWorkspace = async (skipContents = false) => {\n try {\n const workspace = store.getters['workspace/currentWorkspace'];\n const syncContext = new SyncContext();\n\n // Store the sub in the DB since it's not safely stored in the token\n const syncToken = store.getters['workspace/syncToken'];\n const localSettings = store.getters['data/localSettings'];\n if (!localSettings.syncSub) {\n store.dispatch('data/patchLocalSettings', {\n syncSub: syncToken.sub,\n });\n } else if (localSettings.syncSub !== syncToken.sub) {\n throw new Error('Synchronization failed due to token inconsistency.');\n }\n\n const changes = await workspaceProvider.getChanges();\n\n // Apply changes\n applyChanges(workspaceProvider.prepareChanges(changes));\n workspaceProvider.onChangesApplied();\n\n // Prevent from sending items too long after changes have been retrieved\n const ifNotTooLate = tooLateChecker(restartSyncAfter);\n\n // Find and save one item to save\n await utils.awaitSome(() => ifNotTooLate(async () => {\n const storeItemMap = {\n ...store.state.file.itemsById,\n ...store.state.folder.itemsById,\n ...store.state.syncLocation.itemsById,\n ...store.state.publishLocation.itemsById,\n // Deal with contents and data later\n };\n\n const syncDataByItemId = store.getters['data/syncDataByItemId'];\n const isGit = !!store.getters['workspace/currentWorkspaceIsGit'];\n const [changedItem, syncDataToUpdate] = utils.someResult(\n Object.entries(storeItemMap),\n ([id, item]) => {\n const syncData = syncDataByItemId[id];\n if ((syncData && syncData.hash === item.hash)\n // Add file/folder only if parent folder has been added\n || (!isGit && storeItemMap[item.parentId] && !syncDataByItemId[item.parentId])\n // Don't create folder if it's a git workspace\n || (isGit && item.type === 'folder')\n // Add file only if content has been added\n || (item.type === 'file' && !syncDataByItemId[`${id}/content`])\n ) {\n return null;\n }\n return [item, syncData];\n },\n ) || [];\n\n if (!changedItem) return false;\n\n updateSyncData(await workspaceProvider.saveWorkspaceItem({\n // Use deepCopy to freeze objects\n item: utils.deepCopy(changedItem),\n syncData: utils.deepCopy(syncDataToUpdate),\n ifNotTooLate,\n }));\n\n return true;\n }));\n\n // Find and remove one item to remove\n await utils.awaitSome(() => ifNotTooLate(async () => {\n let getItem;\n let getFileItem;\n if (store.getters['workspace/currentWorkspaceIsGit']) {\n const { itemsByGitPath } = store.getters;\n getItem = syncData => itemsByGitPath[syncData.id];\n getFileItem = syncData => itemsByGitPath[syncData.id.slice(1)]; // Remove leading /\n } else {\n const { allItemsById } = store.getters;\n getItem = syncData => allItemsById[syncData.itemId];\n getFileItem = syncData => allItemsById[syncData.itemId.split('/')[0]];\n }\n\n const syncDataById = store.getters['data/syncDataById'];\n const syncDataToRemove = utils.deepCopy(utils.someResult(\n Object.values(syncDataById),\n (syncData) => {\n if (getItem(syncData)\n // We don't want to delete data items, especially on first sync\n || syncData.type === 'data'\n // Remove content only if file has been removed\n || (syncData.type === 'content' && getFileItem(syncData))\n ) {\n return null;\n }\n return syncData;\n },\n ));\n\n if (!syncDataToRemove) return false;\n\n await workspaceProvider.removeWorkspaceItem({\n syncData: syncDataToRemove,\n ifNotTooLate,\n });\n const syncDataByIdCopy = { ...store.getters['data/syncDataById'] };\n delete syncDataByIdCopy[syncDataToRemove.id];\n store.dispatch('data/setSyncDataById', syncDataByIdCopy);\n return true;\n }));\n\n // Sync settings, workspaces and badges only in the main workspace\n if (workspace.id === 'main') {\n await syncDataItem('settings');\n await syncDataItem('workspaces');\n await syncDataItem('badgeCreations');\n }\n await syncDataItem('templates');\n\n if (!skipContents) {\n const currentFileId = store.getters['file/current'].id;\n if (currentFileId) {\n // Sync current file first\n await syncFile(currentFileId, syncContext);\n }\n\n // Find and sync one file out of sync\n await utils.awaitSome(async () => {\n let getSyncData;\n if (store.getters['workspace/currentWorkspaceIsGit']) {\n const { gitPathsByItemId } = store.getters;\n const syncDataById = store.getters['data/syncDataById'];\n getSyncData = contentId => syncDataById[gitPathsByItemId[contentId]];\n } else {\n const syncDataByItemId = store.getters['data/syncDataByItemId'];\n getSyncData = contentId => syncDataByItemId[contentId];\n }\n\n // Collect all [fileId, contentId]\n const ids = [\n ...Object.keys(localDbSvc.hashMap.content)\n .map(contentId => [contentId.split('/')[0], contentId]),\n ...store.getters['file/items']\n .map(file => [file.id, `${file.id}/content`]),\n ];\n\n // Find the first content out of sync\n const contentMap = store.state.content.itemsById;\n const fileIdToSync = utils.someResult(ids, ([fileId, contentId]) => {\n // Get the content hash from itemsById or from localDbSvc if not loaded\n const loadedContent = contentMap[contentId];\n const hash = loadedContent ? loadedContent.hash : localDbSvc.hashMap.content[contentId];\n const syncData = getSyncData(contentId);\n if (\n // Sync if content syncing was not attempted yet\n !syncContext.attempted[contentId] &&\n // And if syncData does not exist or if content hash and syncData hash are inconsistent\n (!syncData || syncData.hash !== hash)\n ) {\n return fileId;\n }\n return null;\n });\n\n if (!fileIdToSync) return false;\n\n await syncFile(fileIdToSync, syncContext);\n return true;\n });\n }\n\n // Restart sync if requested\n if (syncContext.restartSkipContents) {\n await syncWorkspace(true);\n }\n\n if (workspace.id === 'main') {\n badgeSvc.addBadge('syncMainWorkspace');\n }\n } catch (err) {\n if (err && err.message === 'TOO_LATE') {\n // Restart sync\n await syncWorkspace();\n } else {\n throw err;\n }\n }\n};\n\n/**\n * Enqueue a sync task, if possible.\n */\nconst requestSync = (addTriggerSyncBadge = false) => {\n // No sync in light mode\n if (store.state.light) {\n return;\n }\n\n store.dispatch('queue/enqueueSyncRequest', async () => {\n let intervalId;\n const attempt = async () => {\n // Only start syncing when these conditions are met\n if (networkSvc.isUserActive() && isSyncWindow()) {\n clearInterval(intervalId);\n if (!isSyncPossible()) {\n // Cancel sync\n throw new Error('Sync not possible.');\n }\n\n // Determine if we have to clean files\n const fileHashesToClean = {};\n if (getLastStoredSyncActivity() + constants.cleanTrashAfter < Date.now()) {\n // Last synchronization happened 7 days ago\n const syncDataByItemId = store.getters['data/syncDataByItemId'];\n store.getters['file/items'].forEach((file) => {\n // If file is in the trash and has not been modified since it was last synced\n const syncData = syncDataByItemId[file.id];\n if (syncData && file.parentId === 'trash' && file.hash === syncData.hash) {\n fileHashesToClean[file.id] = file.hash;\n }\n });\n }\n\n // Call setLastSyncActivity periodically\n intervalId = utils.setInterval(() => setLastSyncActivity(), 1000);\n setLastSyncActivity();\n\n try {\n if (isWorkspaceSyncPossible()) {\n await syncWorkspace();\n } else if (hasCurrentFileSyncLocations()) {\n // Only sync the current file if workspace sync is unavailable\n // as we don't want to look for out-of-sync files by loading\n // all the syncedContent objects.\n await syncFile(store.getters['file/current'].id);\n }\n\n // Clean files\n Object.entries(fileHashesToClean).forEach(([fileId, fileHash]) => {\n const file = store.state.file.itemsById[fileId];\n if (file && file.hash === fileHash) {\n workspaceSvc.deleteFile(fileId);\n }\n });\n\n if (addTriggerSyncBadge) {\n badgeSvc.addBadge('triggerSync');\n }\n } finally {\n clearInterval(intervalId);\n }\n }\n };\n\n intervalId = utils.setInterval(() => attempt(), 1000);\n return attempt();\n });\n};\n\nexport default {\n async init() {\n // Load workspaces and tokens from localStorage\n localDbSvc.syncLocalStorage();\n\n // Try to find a suitable action provider\n actionProvider = providerRegistry.providersById[utils.queryParams.providerId];\n if (actionProvider && actionProvider.initAction) {\n await actionProvider.initAction();\n }\n\n // Try to find a suitable workspace sync provider\n workspaceProvider = providerRegistry.providersById[utils.queryParams.providerId];\n if (!workspaceProvider || !workspaceProvider.initWorkspace) {\n workspaceProvider = googleDriveAppDataProvider;\n }\n const workspace = await workspaceProvider.initWorkspace();\n // Fix the URL hash\n const { paymentSuccess } = utils.queryParams;\n utils.setQueryParams(workspaceProvider.getWorkspaceParams(workspace));\n\n store.dispatch('workspace/setCurrentWorkspaceId', workspace.id);\n await localDbSvc.init();\n\n // Enable sponsorship\n if (paymentSuccess) {\n store.dispatch('modal/open', 'paymentSuccess')\n .catch(() => { /* Cancel */ });\n const sponsorToken = store.getters['workspace/sponsorToken'];\n // Force check sponsorship after a few seconds\n const currentDate = Date.now();\n if (sponsorToken && sponsorToken.expiresOn > currentDate - checkSponsorshipAfter) {\n store.dispatch('data/addGoogleToken', {\n ...sponsorToken,\n expiresOn: currentDate - checkSponsorshipAfter,\n });\n }\n }\n\n // Try to find a suitable action provider\n actionProvider = providerRegistry.providersById[utils.queryParams.providerId] || actionProvider;\n if (actionProvider && actionProvider.performAction) {\n const newSyncLocation = await actionProvider.performAction();\n if (newSyncLocation) {\n this.createSyncLocation(newSyncLocation);\n }\n }\n\n await tempFileSvc.init();\n\n if (!store.state.light) {\n // Sync periodically\n utils.setInterval(() => {\n if (isSyncPossible()\n && networkSvc.isUserActive()\n && isSyncWindow()\n && isAutoSyncReady()\n ) {\n requestSync();\n }\n }, 1000);\n\n // Unload contents from memory periodically\n utils.setInterval(() => {\n // Wait for sync and publish to finish\n if (store.state.queue.isEmpty) {\n localDbSvc.unloadContents();\n }\n }, 5000);\n }\n },\n isSyncPossible,\n requestSync,\n createSyncLocation,\n};\n"
},
{
"path": "src/services/tempFileSvc.js",
"content": "import cledit from './editor/cledit';\nimport store from '../store';\nimport utils from './utils';\nimport editorSvc from './editorSvc';\nimport workspaceSvc from './workspaceSvc';\n\nconst {\n origin,\n fileName,\n contentText,\n contentProperties,\n} = utils.queryParams;\nconst isLight = origin && window.parent;\n\nexport default {\n setReady() {\n if (isLight) {\n // Wait for the editor to init\n setTimeout(() => window.parent.postMessage({ type: 'ready' }, origin), 1);\n }\n },\n closed: false,\n close() {\n if (isLight) {\n if (!this.closed) {\n window.parent.postMessage({ type: 'close' }, origin);\n }\n this.closed = true;\n }\n },\n async init() {\n if (!isLight) {\n return;\n }\n store.commit('setLight', true);\n\n const file = await workspaceSvc.createFile({\n name: fileName || utils.getHostname(origin),\n text: contentText || '\\n',\n properties: contentProperties,\n parentId: 'temp',\n }, true);\n\n // Sanitize file creations\n const lastCreated = {};\n const fileItemsById = store.state.file.itemsById;\n Object.entries(store.getters['data/lastCreated']).forEach(([id, value]) => {\n if (fileItemsById[id] && fileItemsById[id].parentId === 'temp') {\n lastCreated[id] = value;\n }\n });\n\n // Track file creation from other site\n lastCreated[file.id] = {\n created: Date.now(),\n };\n\n // Keep only the last 10 temp files created by other sites\n Object.entries(lastCreated)\n .sort(([, value1], [, value2]) => value2.created - value1.created)\n .splice(10)\n .forEach(([id]) => {\n delete lastCreated[id];\n workspaceSvc.deleteFile(id);\n });\n\n // Store file creations and open the file\n store.dispatch('data/setLastCreated', lastCreated);\n store.commit('file/setCurrentId', file.id);\n\n const onChange = cledit.Utils.debounce(() => {\n const currentFile = store.getters['file/current'];\n if (currentFile.id !== file.id) {\n // Close editor if file has changed for some reason\n this.close();\n } else if (!this.closed && editorSvc.previewCtx.html != null) {\n const content = store.getters['content/current'];\n const properties = utils.computeProperties(content.properties);\n window.parent.postMessage({\n type: 'fileChange',\n payload: {\n id: file.id,\n name: currentFile.name,\n content: {\n text: content.text.slice(0, -1), // Remove trailing LF\n properties,\n yamlProperties: content.properties,\n html: editorSvc.previewCtx.html,\n },\n },\n }, origin);\n }\n }, 25);\n\n // Watch preview refresh and file name changes\n editorSvc.$on('previewCtx', onChange);\n store.watch(() => store.getters['file/current'].name, onChange);\n },\n};\n"
},
{
"path": "src/services/templateWorker.js",
"content": "// This WebWorker provides a safe environment to run user scripts\n// See http://stackoverflow.com/questions/10653809/making-webworkers-a-safe-environment/10796616\n\nimport Handlebars from 'handlebars';\n\n// Classeur own helpers\nHandlebars.registerHelper('tocToHtml', (toc, depth = 6) => {\n function arrayToHtml(arr) {\n if (!arr || !arr.length || arr[0].level > depth) {\n return '';\n }\n const ulHtml = arr.map((item) => {\n let result = '
- ';\n if (item.anchor && item.title) {\n result += `${item.title}`;\n }\n result += arrayToHtml(item.children);\n return `${result}
`;\n }).join('\\n');\n return `\\n\\n${ulHtml}\\n
\\n`;\n }\n return new Handlebars.SafeString(arrayToHtml(toc));\n});\n\nconst whiteList = {\n self: 1,\n onmessage: 1,\n postMessage: 1,\n global: 1,\n whiteList: 1,\n eval: 1,\n Array: 1,\n Boolean: 1,\n Date: 1,\n Function: 1,\n Number: 1,\n Object: 1,\n RegExp: 1,\n String: 1,\n Error: 1,\n EvalError: 1,\n RangeError: 1,\n ReferenceError: 1,\n SyntaxError: 1,\n TypeError: 1,\n URIError: 1,\n decodeURI: 1,\n decodeURIComponent: 1,\n encodeURI: 1,\n encodeURIComponent: 1,\n isFinite: 1,\n isNaN: 1,\n parseFloat: 1,\n parseInt: 1,\n Infinity: 1,\n JSON: 1,\n Math: 1,\n NaN: 1,\n undefined: 1,\n safeEval: 1,\n close: 1,\n};\n\n/* eslint-disable no-restricted-globals */\nlet global = self;\nwhile (global !== Object.prototype) {\n Object.getOwnPropertyNames(global).forEach((prop) => { // eslint-disable-line no-loop-func\n if (!Object.prototype.hasOwnProperty.call(whiteList, prop)) {\n try {\n Object.defineProperty(global, prop, {\n get() {\n throw new Error(`Security Exception: cannot access ${prop}`);\n },\n configurable: false,\n });\n } catch (e) {\n // Ignore\n }\n }\n });\n global = Object.getPrototypeOf(global);\n}\nself.Handlebars = Handlebars;\n\nfunction safeEval(code) {\n eval(`\"use strict\";\\n${code}`); // eslint-disable-line no-eval\n}\n\nself.onmessage = (evt) => {\n try {\n const template = Handlebars.compile(evt.data[0]);\n const context = evt.data[1];\n safeEval(evt.data[2]);\n self.postMessage([null, template(context)]);\n } catch (err) {\n self.postMessage([`${err}`]);\n }\n close();\n};\n"
},
{
"path": "src/services/timeSvc.js",
"content": "// Credit: https://github.com/github/time-elements/\nconst weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\nconst months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\n\nconst pad = num => `0${num}`.slice(-2);\n\nfunction strftime(time, formatString) {\n const day = time.getDay();\n const date = time.getDate();\n const month = time.getMonth();\n const year = time.getFullYear();\n const hour = time.getHours();\n const minute = time.getMinutes();\n const second = time.getSeconds();\n return formatString.replace(/%([%aAbBcdeHIlmMpPSwyYZz])/g, (_arg) => {\n let match;\n const modifier = _arg[1];\n switch (modifier) {\n case '%':\n default:\n return '%';\n case 'a':\n return weekdays[day].slice(0, 3);\n case 'A':\n return weekdays[day];\n case 'b':\n return months[month].slice(0, 3);\n case 'B':\n return months[month];\n case 'c':\n return time.toString();\n case 'd':\n return pad(date);\n case 'e':\n return date;\n case 'H':\n return pad(hour);\n case 'I':\n return pad(strftime(time, '%l'));\n case 'l':\n return hour === 0 || hour === 12 ? 12 : (hour + 12) % 12;\n case 'm':\n return pad(month + 1);\n case 'M':\n return pad(minute);\n case 'p':\n return hour > 11 ? 'PM' : 'AM';\n case 'P':\n return hour > 11 ? 'pm' : 'am';\n case 'S':\n return pad(second);\n case 'w':\n return day;\n case 'y':\n return pad(year % 100);\n case 'Y':\n return year;\n case 'Z':\n match = time.toString().match(/\\((\\w+)\\)$/);\n return match ? match[1] : '';\n case 'z':\n match = time.toString().match(/\\w([+-]\\d\\d\\d\\d) /);\n return match ? match[1] : '';\n }\n });\n}\n\nlet dayFirst = null;\nlet yearSeparator = null;\n\n// Private: Determine if the day should be formatted before the month name in\n// the user's current locale. For example, `9 Jun` for en-GB and `Jun 9`\n// for en-US.\n//\n// Returns true if the day appears before the month.\nfunction isDayFirst() {\n if (dayFirst !== null) {\n return dayFirst;\n }\n\n if (!('Intl' in window)) {\n return false;\n }\n\n const options = { day: 'numeric', month: 'short' };\n const formatter = new window.Intl.DateTimeFormat(undefined, options);\n const output = formatter.format(new Date(0));\n\n dayFirst = !!output.match(/^\\d/);\n return dayFirst;\n}\n\n// Private: Determine if the year should be separated from the month and day\n// with a comma. For example, `9 Jun 2014` in en-GB and `Jun 9, 2014` in en-US.\n//\n// Returns true if the date needs a separator.\nfunction isYearSeparator() {\n if (yearSeparator !== null) {\n return yearSeparator;\n }\n\n if (!('Intl' in window)) {\n return true;\n }\n\n const options = { day: 'numeric', month: 'short', year: 'numeric' };\n const formatter = new window.Intl.DateTimeFormat(undefined, options);\n const output = formatter.format(new Date(0));\n\n yearSeparator = !!output.match(/\\d,/);\n return yearSeparator;\n}\n\n// Private: Determine if the date occurs in the same year as today's date.\n//\n// date - The Date to test.\n//\n// Returns true if it's this year.\nfunction isThisYear(date) {\n const now = new Date();\n return now.getUTCFullYear() === date.getUTCFullYear();\n}\n\nclass RelativeTime {\n constructor(date) {\n this.date = date;\n }\n\n toString() {\n const ago = this.timeElapsed();\n return ago || `on ${this.formatDate()}`;\n }\n\n timeElapsed() {\n const ms = new Date().getTime() - this.date.getTime();\n const sec = Math.round(ms / 1000);\n const min = Math.round(sec / 60);\n const hr = Math.round(min / 60);\n const day = Math.round(hr / 24);\n if (ms < 0) {\n return 'just now';\n } else if (sec < 45) {\n return 'just now';\n } else if (sec < 90) {\n return 'a minute ago';\n } else if (min < 45) {\n return `${min} minutes ago`;\n } else if (min < 90) {\n return 'an hour ago';\n } else if (hr < 24) {\n return `${hr} hours ago`;\n } else if (hr < 36) {\n return 'a day ago';\n } else if (day < 30) {\n return `${day} days ago`;\n }\n return null;\n }\n\n formatDate() {\n let format = isDayFirst() ? '%e %b' : '%b %e';\n if (!isThisYear(this.date)) {\n format += isYearSeparator() ? ', %Y' : ' %Y';\n }\n return strftime(this.date, format);\n }\n}\n\nexport default {\n format(time) {\n return time && new RelativeTime(new Date(time)).toString();\n },\n};\n"
},
{
"path": "src/services/userSvc.js",
"content": "import store from '../store';\nimport utils from './utils';\n\nconst refreshUserInfoAfter = 60 * 60 * 1000; // 60 minutes\n\nconst infoResolversByType = {};\nconst subPrefixesByType = {};\nconst typesBySubPrefix = {};\n\nconst lastInfosByUserId = {};\nconst infoPromisedByUserId = {};\n\nconst sanitizeUserId = (userId) => {\n const prefix = userId[2] === ':' && userId.slice(0, 2);\n if (typesBySubPrefix[prefix]) {\n return userId;\n }\n return `go:${userId}`;\n};\n\nconst parseUserId = userId => [typesBySubPrefix[userId.slice(0, 2)], userId.slice(3)];\n\nconst refreshUserInfos = () => {\n if (store.state.offline) {\n return;\n }\n\n Object.entries(lastInfosByUserId)\n .filter(([userId, lastInfo]) => lastInfo === 0 && !infoPromisedByUserId[userId])\n .forEach(async ([userId]) => {\n const [type, sub] = parseUserId(userId);\n const infoResolver = infoResolversByType[type];\n if (infoResolver) {\n try {\n infoPromisedByUserId[userId] = true;\n const userInfo = await infoResolver(sub);\n store.commit('userInfo/setItem', userInfo);\n } finally {\n infoPromisedByUserId[userId] = false;\n lastInfosByUserId[userId] = Date.now();\n }\n }\n });\n};\n\nexport default {\n setInfoResolver(type, subPrefix, resolver) {\n infoResolversByType[type] = resolver;\n subPrefixesByType[type] = subPrefix;\n typesBySubPrefix[subPrefix] = type;\n },\n getCurrentUserId() {\n const loginToken = store.getters['workspace/loginToken'];\n if (!loginToken) {\n return null;\n }\n const loginType = store.getters['workspace/loginType'];\n const prefix = subPrefixesByType[loginType];\n return prefix ? `${prefix}:${loginToken.sub}` : loginToken.sub;\n },\n sanitizeUserId,\n addUserInfo(userInfo) {\n store.commit('userInfo/setItem', userInfo);\n lastInfosByUserId[userInfo.id] = Date.now();\n },\n addUserId(userId) {\n if (userId) {\n const sanitizedUserId = sanitizeUserId(userId);\n const lastInfo = lastInfosByUserId[sanitizedUserId];\n if (lastInfo === undefined) {\n // Try to find a token with this sub to resolve name as soon as possible\n const [type, sub] = parseUserId(sanitizedUserId);\n const token = store.getters['data/tokensByType'][type][sub];\n if (token) {\n store.commit('userInfo/setItem', {\n id: sanitizedUserId,\n name: token.name,\n });\n }\n }\n\n if (lastInfo === undefined || lastInfo + refreshUserInfoAfter < Date.now()) {\n lastInfosByUserId[sanitizedUserId] = 0;\n refreshUserInfos();\n }\n }\n },\n};\n\n// Get user info periodically\nutils.setInterval(() => refreshUserInfos(), 60 * 1000);\n"
},
{
"path": "src/services/utils.js",
"content": "import yaml from 'js-yaml';\nimport '../libs/clunderscore';\nimport presets from '../data/presets';\nimport constants from '../data/constants';\n\n// For utils.uid()\nconst uidLength = 16;\nconst crypto = window.crypto || window.msCrypto;\nconst alphabet = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');\nconst radix = alphabet.length;\nconst array = new Uint32Array(uidLength);\n\n// For utils.parseQueryParams()\nconst parseQueryParams = (params) => {\n const result = {};\n params.split('&').forEach((param) => {\n const [key, value] = param.split('=').map(decodeURIComponent);\n if (key && value != null) {\n result[key] = value;\n }\n });\n return result;\n};\n\n// For utils.setQueryParams()\nconst filterParams = (params = {}) => {\n const result = {};\n Object.entries(params).forEach(([key, value]) => {\n if (key && value != null) {\n result[key] = value;\n }\n });\n return result;\n};\n\n// For utils.computeProperties()\nconst deepOverride = (obj, opt) => {\n if (obj === undefined) {\n return opt;\n }\n const objType = Object.prototype.toString.call(obj);\n const optType = Object.prototype.toString.call(opt);\n if (objType !== optType) {\n return obj;\n }\n if (objType !== '[object Object]') {\n return opt === undefined ? obj : opt;\n }\n Object.keys({\n ...obj,\n ...opt,\n }).forEach((key) => {\n obj[key] = deepOverride(obj[key], opt[key]);\n });\n return obj;\n};\n\n// For utils.addQueryParams()\nconst urlParser = document.createElement('a');\n\nconst deepCopy = (obj) => {\n if (obj == null) {\n return obj;\n }\n return JSON.parse(JSON.stringify(obj));\n};\n\n// Compute presets\nconst computedPresets = {};\nObject.keys(presets).forEach((key) => {\n let preset = deepCopy(presets[key][0]);\n if (presets[key][1]) {\n preset = deepOverride(preset, presets[key][1]);\n }\n computedPresets[key] = preset;\n});\n\nexport default {\n computedPresets,\n queryParams: parseQueryParams(window.location.hash.slice(1)),\n setQueryParams(params = {}) {\n this.queryParams = filterParams(params);\n const serializedParams = Object.entries(this.queryParams).map(([key, value]) =>\n `${encodeURIComponent(key)}=${encodeURIComponent(value)}`).join('&');\n const hash = `#${serializedParams}`;\n if (window.location.hash !== hash) {\n window.location.replace(hash);\n }\n },\n sanitizeText(text) {\n const result = `${text || ''}`.slice(0, constants.textMaxLength);\n // last char must be a `\\n`.\n return `${result}\\n`.replace(/\\n\\n$/, '\\n');\n },\n sanitizeName(name) {\n return `${name || ''}`\n // Keep only 250 characters\n .slice(0, 250) || constants.defaultName;\n },\n sanitizeFilename(name) {\n return this.sanitizeName(`${name || ''}`\n // Replace `/`, control characters and other kind of spaces with a space\n .replace(/[/\\x00-\\x1F\\x7f-\\xa0\\s]+/g, ' ') // eslint-disable-line no-control-regex\n .trim()) || constants.defaultName;\n },\n deepCopy,\n serializeObject(obj) {\n return obj === undefined ? obj : JSON.stringify(obj, (key, value) => {\n if (Object.prototype.toString.call(value) !== '[object Object]') {\n return value;\n }\n // Sort keys to have a predictable result\n return Object.keys(value).sort().reduce((sorted, valueKey) => {\n sorted[valueKey] = value[valueKey];\n return sorted;\n }, {});\n });\n },\n search(items, criteria) {\n let result;\n items.some((item) => {\n // If every field fits the criteria\n if (Object.entries(criteria).every(([key, value]) => value === item[key])) {\n result = item;\n }\n return result;\n });\n return result;\n },\n uid() {\n crypto.getRandomValues(array);\n return array.cl_map(value => alphabet[value % radix]).join('');\n },\n hash(str) {\n // https://stackoverflow.com/a/7616484/1333165\n let hash = 0;\n if (!str) return hash;\n for (let i = 0; i < str.length; i += 1) {\n const char = str.charCodeAt(i);\n hash = ((hash << 5) - hash) + char; // eslint-disable-line no-bitwise\n hash |= 0; // eslint-disable-line no-bitwise\n }\n return hash;\n },\n getItemHash(item) {\n return this.hash(this.serializeObject({\n ...item,\n // These properties must not be part of the hash\n id: undefined,\n hash: undefined,\n history: undefined,\n }));\n },\n addItemHash(item) {\n return {\n ...item,\n hash: this.getItemHash(item),\n };\n },\n makeWorkspaceId(params) {\n return Math.abs(this.hash(this.serializeObject(params))).toString(36);\n },\n getDbName(workspaceId) {\n let dbName = 'stackedit-db';\n if (workspaceId !== 'main') {\n dbName += `-${workspaceId}`;\n }\n return dbName;\n },\n encodeBase64(str, urlSafe = false) {\n const uriEncodedStr = encodeURIComponent(str);\n const utf8Str = uriEncodedStr.replace(\n /%([0-9A-F]{2})/g,\n (match, p1) => String.fromCharCode(`0x${p1}`),\n );\n const result = btoa(utf8Str);\n if (!urlSafe) {\n return result;\n }\n return result\n .replace(/\\//g, '_') // Replace `/` with `_`\n .replace(/\\+/g, '-') // Replace `+` with `-`\n .replace(/=+$/, ''); // Remove trailing `=`\n },\n decodeBase64(str) {\n // In case of URL safe base64\n const sanitizedStr = str.replace(/_/g, '/').replace(/-/g, '+');\n const utf8Str = atob(sanitizedStr);\n const uriEncodedStr = utf8Str\n .split('')\n .map(c => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`)\n .join('');\n return decodeURIComponent(uriEncodedStr);\n },\n computeProperties(yamlProperties) {\n let properties = {};\n try {\n properties = yaml.safeLoad(yamlProperties) || {};\n } catch (e) {\n // Ignore\n }\n const extensions = properties.extensions || {};\n const computedPreset = deepCopy(computedPresets[extensions.preset] || computedPresets.default);\n const computedExtensions = deepOverride(computedPreset, properties.extensions);\n computedExtensions.preset = extensions.preset;\n properties.extensions = computedExtensions;\n return properties;\n },\n randomize(value) {\n return Math.floor((1 + (Math.random() * 0.2)) * value);\n },\n setInterval(func, interval) {\n return setInterval(() => func(), this.randomize(interval));\n },\n async awaitSequence(values, asyncFunc) {\n const results = [];\n const valuesLeft = values.slice().reverse();\n const runWithNextValue = async () => {\n if (!valuesLeft.length) {\n return results;\n }\n results.push(await asyncFunc(valuesLeft.pop()));\n return runWithNextValue();\n };\n return runWithNextValue();\n },\n async awaitSome(asyncFunc) {\n if (await asyncFunc()) {\n return this.awaitSome(asyncFunc);\n }\n return null;\n },\n someResult(values, func) {\n let result;\n values.some((value) => {\n result = func(value);\n return result;\n });\n return result;\n },\n parseQueryParams,\n addQueryParams(url = '', params = {}, hash = false) {\n const keys = Object.keys(params).filter(key => params[key] != null);\n urlParser.href = url;\n if (!keys.length) {\n return urlParser.href;\n }\n const serializedParams = keys.map(key =>\n `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`).join('&');\n if (hash) {\n if (urlParser.hash) {\n urlParser.hash += '&';\n } else {\n urlParser.hash = '#';\n }\n urlParser.hash += serializedParams;\n } else {\n if (urlParser.search) {\n urlParser.search += '&';\n } else {\n urlParser.search = '?';\n }\n urlParser.search += serializedParams;\n }\n return urlParser.href;\n },\n resolveUrl(baseUrl, path) {\n const oldBaseElt = document.getElementsByTagName('base')[0];\n const oldHref = oldBaseElt && oldBaseElt.href;\n const newBaseElt = oldBaseElt || document.head.appendChild(document.createElement('base'));\n newBaseElt.href = baseUrl;\n urlParser.href = path;\n const result = urlParser.href;\n if (oldBaseElt) {\n oldBaseElt.href = oldHref;\n } else {\n document.head.removeChild(newBaseElt);\n }\n return result;\n },\n getHostname(url) {\n urlParser.href = url;\n return urlParser.hostname;\n },\n encodeUrlPath(path) {\n return path ? path.split('/').map(encodeURIComponent).join('/') : '';\n },\n parseGithubRepoUrl(url) {\n const parsedRepo = url && url.match(/([^/:]+)\\/([^/]+?)(?:\\.git|\\/)?$/);\n return parsedRepo && {\n owner: parsedRepo[1],\n repo: parsedRepo[2],\n };\n },\n parseGitlabProjectPath(url) {\n const parsedProject = url && url.match(/^https:\\/\\/[^/]+\\/(.+?)(?:\\.git|\\/)?$/);\n return parsedProject && parsedProject[1];\n },\n createHiddenIframe(url) {\n const iframeElt = document.createElement('iframe');\n iframeElt.style.position = 'absolute';\n iframeElt.style.left = '-99px';\n iframeElt.style.width = '1px';\n iframeElt.style.height = '1px';\n iframeElt.src = url;\n return iframeElt;\n },\n wrapRange(range, eltProperties) {\n const rangeLength = `${range}`.length;\n let wrappedLength = 0;\n const treeWalker = document\n .createTreeWalker(range.commonAncestorContainer, NodeFilter.SHOW_TEXT);\n let { startOffset } = range;\n treeWalker.currentNode = range.startContainer;\n if (treeWalker.currentNode.nodeType === Node.TEXT_NODE || treeWalker.nextNode()) {\n do {\n if (treeWalker.currentNode.nodeValue !== '\\n') {\n if (treeWalker.currentNode === range.endContainer &&\n range.endOffset < treeWalker.currentNode.nodeValue.length\n ) {\n treeWalker.currentNode.splitText(range.endOffset);\n }\n if (startOffset) {\n treeWalker.currentNode = treeWalker.currentNode.splitText(startOffset);\n startOffset = 0;\n }\n const elt = document.createElement('span');\n Object.entries(eltProperties).forEach(([key, value]) => {\n elt[key] = value;\n });\n treeWalker.currentNode.parentNode.insertBefore(elt, treeWalker.currentNode);\n elt.appendChild(treeWalker.currentNode);\n }\n wrappedLength += treeWalker.currentNode.nodeValue.length;\n if (wrappedLength >= rangeLength) {\n break;\n }\n }\n while (treeWalker.nextNode());\n }\n },\n unwrapRange(eltCollection) {\n Array.prototype.slice.call(eltCollection).forEach((elt) => {\n // Loop in case another wrapper has been added inside\n for (let child = elt.firstChild; child; child = elt.firstChild) {\n if (child.nodeType === 3) {\n if (elt.previousSibling && elt.previousSibling.nodeType === 3) {\n child.nodeValue = elt.previousSibling.nodeValue + child.nodeValue;\n elt.parentNode.removeChild(elt.previousSibling);\n }\n if (!child.nextSibling && elt.nextSibling && elt.nextSibling.nodeType === 3) {\n child.nodeValue += elt.nextSibling.nodeValue;\n elt.parentNode.removeChild(elt.nextSibling);\n }\n }\n elt.parentNode.insertBefore(child, elt);\n }\n elt.parentNode.removeChild(elt);\n });\n },\n};\n"
},
{
"path": "src/services/workspaceSvc.js",
"content": "import store from '../store';\nimport utils from './utils';\nimport constants from '../data/constants';\nimport badgeSvc from './badgeSvc';\n\nconst forbiddenFolderNameMatcher = /^\\.stackedit-data$|^\\.stackedit-trash$|\\.md$|\\.sync$|\\.publish$/;\n\nexport default {\n\n /**\n * Create a file in the store with the specified fields.\n */\n async createFile({\n name,\n parentId,\n text,\n properties,\n discussions,\n comments,\n } = {}, background = false) {\n const id = utils.uid();\n const item = {\n id,\n name: utils.sanitizeFilename(name),\n parentId: parentId || null,\n };\n const content = {\n id: `${id}/content`,\n text: utils.sanitizeText(text || store.getters['data/computedSettings'].newFileContent),\n properties: utils\n .sanitizeText(properties || store.getters['data/computedSettings'].newFileProperties),\n discussions: discussions || {},\n comments: comments || {},\n };\n const workspaceUniquePaths = store.getters['workspace/currentWorkspaceHasUniquePaths'];\n\n // Show warning dialogs\n if (!background) {\n // If name is being stripped\n if (item.name !== constants.defaultName && item.name !== name) {\n await store.dispatch('modal/open', {\n type: 'stripName',\n item,\n });\n }\n\n // Check if there is already a file with that path\n if (workspaceUniquePaths) {\n const parentPath = store.getters.pathsByItemId[item.parentId] || '';\n const path = parentPath + item.name;\n if (store.getters.itemsByPath[path]) {\n await store.dispatch('modal/open', {\n type: 'pathConflict',\n item,\n });\n }\n }\n }\n\n // Save file and content in the store\n store.commit('content/setItem', content);\n store.commit('file/setItem', item);\n if (workspaceUniquePaths) {\n this.makePathUnique(id);\n }\n\n // Return the new file item\n return store.state.file.itemsById[id];\n },\n\n /**\n * Make sanity checks and then create/update the folder/file in the store.\n */\n async storeItem(item) {\n const id = item.id || utils.uid();\n const sanitizedName = utils.sanitizeFilename(item.name);\n\n if (item.type === 'folder' && forbiddenFolderNameMatcher.exec(sanitizedName)) {\n await store.dispatch('modal/open', {\n type: 'unauthorizedName',\n item,\n });\n throw new Error('Unauthorized name.');\n }\n\n // Show warning dialogs\n // If name has been stripped\n if (sanitizedName !== constants.defaultName && sanitizedName !== item.name) {\n await store.dispatch('modal/open', {\n type: 'stripName',\n item,\n });\n }\n\n // Check if there is a path conflict\n if (store.getters['workspace/currentWorkspaceHasUniquePaths']) {\n const parentPath = store.getters.pathsByItemId[item.parentId] || '';\n const path = parentPath + sanitizedName;\n const items = store.getters.itemsByPath[path] || [];\n if (items.some(itemWithSamePath => itemWithSamePath.id !== id)) {\n await store.dispatch('modal/open', {\n type: 'pathConflict',\n item,\n });\n }\n }\n\n return this.setOrPatchItem({\n ...item,\n id,\n });\n },\n\n /**\n * Create/update the folder/file in the store and make sure its path is unique.\n */\n setOrPatchItem(patch) {\n const item = {\n ...store.getters.allItemsById[patch.id] || patch,\n };\n if (!item.id) {\n return null;\n }\n\n if (patch.parentId !== undefined) {\n item.parentId = patch.parentId || null;\n }\n if (patch.name) {\n const sanitizedName = utils.sanitizeFilename(patch.name);\n if (item.type !== 'folder' || !forbiddenFolderNameMatcher.exec(sanitizedName)) {\n item.name = sanitizedName;\n }\n }\n\n // Save item in the store\n store.commit(`${item.type}/setItem`, item);\n\n // Remove circular reference\n this.removeCircularReference(item);\n\n // Ensure path uniqueness\n if (store.getters['workspace/currentWorkspaceHasUniquePaths']) {\n this.makePathUnique(item.id);\n }\n\n return store.getters.allItemsById[item.id];\n },\n\n /**\n * Delete a file in the store and all its related items.\n */\n deleteFile(fileId) {\n // Delete the file\n store.commit('file/deleteItem', fileId);\n // Delete the content\n store.commit('content/deleteItem', `${fileId}/content`);\n // Delete the syncedContent\n store.commit('syncedContent/deleteItem', `${fileId}/syncedContent`);\n // Delete the contentState\n store.commit('contentState/deleteItem', `${fileId}/contentState`);\n // Delete sync locations\n (store.getters['syncLocation/groupedByFileId'][fileId] || [])\n .forEach(item => store.commit('syncLocation/deleteItem', item.id));\n // Delete publish locations\n (store.getters['publishLocation/groupedByFileId'][fileId] || [])\n .forEach(item => store.commit('publishLocation/deleteItem', item.id));\n },\n\n /**\n * Sanitize the whole workspace.\n */\n sanitizeWorkspace(idsToKeep) {\n // Detect and remove circular references for all folders.\n store.getters['folder/items'].forEach(folder => this.removeCircularReference(folder));\n\n this.ensureUniquePaths(idsToKeep);\n this.ensureUniqueLocations(idsToKeep);\n },\n\n /**\n * Detect and remove circular reference for an item.\n */\n removeCircularReference(item) {\n const foldersById = store.state.folder.itemsById;\n for (\n let parentFolder = foldersById[item.parentId];\n parentFolder;\n parentFolder = foldersById[parentFolder.parentId]\n ) {\n if (parentFolder.id === item.id) {\n store.commit('folder/patchItem', {\n id: item.id,\n parentId: null,\n });\n break;\n }\n }\n },\n\n /**\n * Ensure two files/folders don't have the same path if the workspace doesn't allow it.\n */\n ensureUniquePaths(idsToKeep = {}) {\n if (store.getters['workspace/currentWorkspaceHasUniquePaths']) {\n if (Object.keys(store.getters.pathsByItemId)\n .some(id => !idsToKeep[id] && this.makePathUnique(id))\n ) {\n // Just changed one item path, restart\n this.ensureUniquePaths(idsToKeep);\n }\n }\n },\n\n /**\n * Return false if the file/folder path is unique.\n * Add a prefix to its name and return true otherwise.\n */\n makePathUnique(id) {\n const { itemsByPath, allItemsById, pathsByItemId } = store.getters;\n const item = allItemsById[id];\n if (!item) {\n return false;\n }\n let path = pathsByItemId[id];\n if (itemsByPath[path].length === 1) {\n return false;\n }\n const isFolder = item.type === 'folder';\n if (isFolder) {\n // Remove trailing slash\n path = path.slice(0, -1);\n }\n for (let suffix = 1; ; suffix += 1) {\n let pathWithSuffix = `${path}.${suffix}`;\n if (isFolder) {\n pathWithSuffix += '/';\n }\n if (!itemsByPath[pathWithSuffix]) {\n store.commit(`${item.type}/patchItem`, {\n id: item.id,\n name: `${item.name}.${suffix}`,\n });\n return true;\n }\n }\n },\n\n addSyncLocation(location) {\n store.commit('syncLocation/setItem', {\n ...location,\n id: utils.uid(),\n });\n\n // Sanitize the workspace\n this.ensureUniqueLocations();\n\n if (Object.keys(store.getters['syncLocation/currentWithWorkspaceSyncLocation']).length > 1) {\n badgeSvc.addBadge('syncMultipleLocations');\n }\n },\n\n addPublishLocation(location) {\n store.commit('publishLocation/setItem', {\n ...location,\n id: utils.uid(),\n });\n\n // Sanitize the workspace\n this.ensureUniqueLocations();\n\n if (Object.keys(store.getters['publishLocation/current']).length > 1) {\n badgeSvc.addBadge('publishMultipleLocations');\n }\n },\n\n /**\n * Ensure two sync/publish locations of the same file don't have the same hash.\n */\n ensureUniqueLocations(idsToKeep = {}) {\n ['syncLocation', 'publishLocation'].forEach((type) => {\n store.getters[`${type}/items`].forEach((item) => {\n if (!idsToKeep[item.id]\n && store.getters[`${type}/groupedByFileIdAndHash`][item.fileId][item.hash].length > 1\n ) {\n store.commit(`${item.type}/deleteItem`, item.id);\n }\n });\n });\n },\n\n /**\n * Drop the database and clean the localStorage for the specified workspaceId.\n */\n async removeWorkspace(id) {\n // Remove from the store first as workspace tabs will reload.\n // Workspace deletion will be persisted as soon as possible\n // by the store.getters['data/workspaces'] watcher in localDbSvc.\n store.dispatch('workspace/removeWorkspace', id);\n\n // Drop the database\n await new Promise((resolve) => {\n const dbName = utils.getDbName(id);\n const request = indexedDB.deleteDatabase(dbName);\n request.onerror = resolve; // Ignore errors\n request.onsuccess = resolve;\n });\n\n // Clean the local storage\n localStorage.removeItem(`${id}/lastSyncActivity`);\n localStorage.removeItem(`${id}/lastWindowFocus`);\n },\n};\n"
},
{
"path": "src/store/content.js",
"content": "import DiffMatchPatch from 'diff-match-patch';\nimport moduleTemplate from './moduleTemplate';\nimport empty from '../data/empties/emptyContent';\nimport utils from '../services/utils';\nimport cledit from '../services/editor/cledit';\nimport badgeSvc from '../services/badgeSvc';\n\nconst diffMatchPatch = new DiffMatchPatch();\n\nconst module = moduleTemplate(empty);\n\nmodule.state = {\n ...module.state,\n revisionContent: null,\n};\n\nmodule.mutations = {\n ...module.mutations,\n setRevisionContent: (state, value) => {\n if (value) {\n state.revisionContent = {\n ...empty(),\n ...value,\n id: utils.uid(),\n hash: Date.now(),\n };\n } else {\n state.revisionContent = null;\n }\n },\n};\n\nmodule.getters = {\n ...module.getters,\n current: ({ itemsById, revisionContent }, getters, rootState, rootGetters) => {\n if (revisionContent) {\n return revisionContent;\n }\n return itemsById[`${rootGetters['file/current'].id}/content`] || empty();\n },\n currentChangeTrigger: (state, getters) => {\n const { current } = getters;\n return utils.serializeObject([\n current.id,\n current.text,\n current.hash,\n ]);\n },\n currentProperties: (state, { current }) => utils.computeProperties(current.properties),\n isCurrentEditable: ({ revisionContent }, { current }, rootState, rootGetters) =>\n !revisionContent && current.id && rootGetters['layout/styles'].showEditor,\n};\n\nmodule.actions = {\n ...module.actions,\n patchCurrent({ state, getters, commit }, value) {\n const { id } = getters.current;\n if (id && !state.revisionContent) {\n commit('patchItem', {\n ...value,\n id,\n });\n }\n },\n setRevisionContent({ state, rootGetters, commit }, value) {\n const currentFile = rootGetters['file/current'];\n const currentContent = state.itemsById[`${currentFile.id}/content`];\n if (currentContent) {\n const diffs = diffMatchPatch.diff_main(currentContent.text, value.text);\n diffMatchPatch.diff_cleanupSemantic(diffs);\n commit('setRevisionContent', {\n text: diffs.map(([, text]) => text).join(''),\n diffs,\n originalText: value.text,\n });\n }\n },\n async restoreRevision({\n state,\n getters,\n commit,\n dispatch,\n }) {\n const { revisionContent } = state;\n if (revisionContent) {\n await dispatch('modal/open', 'fileRestoration', { root: true });\n // Close revision\n commit('setRevisionContent');\n const currentContent = utils.deepCopy(getters.current);\n if (currentContent) {\n // Restore text and move discussions\n const diffs = diffMatchPatch\n .diff_main(currentContent.text, revisionContent.originalText);\n diffMatchPatch.diff_cleanupSemantic(diffs);\n Object.entries(currentContent.discussions).forEach(([, discussion]) => {\n const adjustOffset = (offsetName) => {\n const marker = new cledit.Marker(discussion[offsetName], offsetName === 'end');\n marker.adjustOffset(diffs);\n discussion[offsetName] = marker.offset;\n };\n adjustOffset('start');\n adjustOffset('end');\n });\n dispatch('patchCurrent', {\n ...currentContent,\n text: revisionContent.originalText,\n });\n badgeSvc.addBadge('restoreVersion');\n }\n }\n },\n};\n\nexport default module;\n"
},
{
"path": "src/store/contentState.js",
"content": "import moduleTemplate from './moduleTemplate';\nimport empty from '../data/empties/emptyContentState';\n\nconst module = moduleTemplate(empty, true);\n\nmodule.getters = {\n ...module.getters,\n current: ({ itemsById }, getters, rootState, rootGetters) =>\n itemsById[`${rootGetters['file/current'].id}/contentState`] || empty(),\n};\n\nmodule.actions = {\n ...module.actions,\n patchCurrent({ getters, commit }, value) {\n commit('patchItem', {\n ...value,\n id: getters.current.id,\n });\n },\n};\n\nexport default module;\n"
},
{
"path": "src/store/contextMenu.js",
"content": "const setter = propertyName => (state, value) => {\n state[propertyName] = value;\n};\n\nexport default {\n namespaced: true,\n state: {\n coordinates: {\n left: 0,\n top: 0,\n },\n items: [],\n resolve: () => {},\n },\n mutations: {\n setCoordinates: setter('coordinates'),\n setItems: setter('items'),\n setResolve: setter('resolve'),\n },\n actions: {\n open({ commit, rootState }, { coordinates, items }) {\n commit('setItems', items);\n // Place the context menu outside the screen\n commit('setCoordinates', { top: 0, left: -9999 });\n // Let the UI refresh itself\n setTimeout(() => {\n // Take the size of the context menu and place it\n const elt = document.querySelector('.context-menu__inner');\n if (elt) {\n const height = elt.offsetHeight;\n if (coordinates.top + height > rootState.layout.bodyHeight) {\n coordinates.top -= height;\n }\n if (coordinates.top < 0) {\n coordinates.top = 0;\n }\n const width = elt.offsetWidth;\n if (coordinates.left + width > rootState.layout.bodyWidth) {\n coordinates.left -= width;\n }\n if (coordinates.left < 0) {\n coordinates.left = 0;\n }\n commit('setCoordinates', coordinates);\n }\n }, 1);\n\n return new Promise(resolve => commit('setResolve', resolve));\n },\n close({ commit }) {\n commit('setItems', []);\n commit('setResolve', () => {});\n },\n },\n};\n"
},
{
"path": "src/store/data.js",
"content": "import Vue from 'vue';\nimport yaml from 'js-yaml';\nimport utils from '../services/utils';\nimport defaultWorkspaces from '../data/defaults/defaultWorkspaces';\nimport defaultSettings from '../data/defaults/defaultSettings.yml';\nimport defaultLocalSettings from '../data/defaults/defaultLocalSettings';\nimport defaultLayoutSettings from '../data/defaults/defaultLayoutSettings';\nimport plainHtmlTemplate from '../data/templates/plainHtmlTemplate.html';\nimport styledHtmlTemplate from '../data/templates/styledHtmlTemplate.html';\nimport styledHtmlWithTocTemplate from '../data/templates/styledHtmlWithTocTemplate.html';\nimport jekyllSiteTemplate from '../data/templates/jekyllSiteTemplate.html';\nimport constants from '../data/constants';\nimport features from '../data/features';\nimport badgeSvc from '../services/badgeSvc';\n\nconst itemTemplate = (id, data = {}) => ({\n id,\n type: 'data',\n data,\n hash: 0,\n});\n\nconst empty = (id) => {\n switch (id) {\n case 'workspaces':\n return itemTemplate(id, defaultWorkspaces());\n case 'settings':\n return itemTemplate(id, '\\n');\n case 'localSettings':\n return itemTemplate(id, defaultLocalSettings());\n case 'layoutSettings':\n return itemTemplate(id, defaultLayoutSettings());\n default:\n return itemTemplate(id);\n }\n};\n\n// Item IDs that will be stored in the localStorage\nconst localStorageIdSet = new Set(constants.localStorageDataIds);\n\n// Getter/setter/patcher factories\nconst getter = id => (state) => {\n const itemsById = localStorageIdSet.has(id)\n ? state.lsItemsById\n : state.itemsById;\n if (itemsById[id]) {\n return itemsById[id].data;\n }\n return empty(id).data;\n};\nconst setter = id => ({ commit }, data) => commit('setItem', itemTemplate(id, data));\nconst patcher = id => ({ state, commit }, data) => {\n const itemsById = localStorageIdSet.has(id)\n ? state.lsItemsById\n : state.itemsById;\n const item = Object.assign(empty(id), itemsById[id]);\n commit('setItem', {\n ...empty(id),\n data: typeof data === 'object' ? {\n ...item.data,\n ...data,\n } : data,\n });\n};\n\n// For layoutSettings\nconst toggleLayoutSetting = (name, value, featureId, getters, dispatch) => {\n const currentValue = getters.layoutSettings[name];\n const patch = {\n [name]: value === undefined ? !currentValue : !!value,\n };\n if (patch[name] !== currentValue) {\n dispatch('patchLayoutSettings', patch);\n badgeSvc.addBadge(featureId);\n }\n};\n\nconst layoutSettingsToggler = (propertyName, featureId) => ({ getters, dispatch }, value) =>\n toggleLayoutSetting(propertyName, value, featureId, getters, dispatch);\n\nconst notEnoughSpace = (layoutConstants, showGutter) =>\n document.body.clientWidth < layoutConstants.editorMinWidth +\n layoutConstants.explorerWidth +\n layoutConstants.sideBarWidth +\n layoutConstants.buttonBarWidth +\n (showGutter ? layoutConstants.gutterWidth : 0);\n\n// For templates\nconst makeAdditionalTemplate = (name, value, helpers = '\\n') => ({\n name,\n value,\n helpers,\n isAdditional: true,\n});\nconst defaultTemplates = {\n plainText: makeAdditionalTemplate('Plain text', '{{{files.0.content.text}}}'),\n plainHtml: makeAdditionalTemplate('Plain HTML', plainHtmlTemplate),\n styledHtml: makeAdditionalTemplate('Styled HTML', styledHtmlTemplate),\n styledHtmlWithToc: makeAdditionalTemplate('Styled HTML with TOC', styledHtmlWithTocTemplate),\n jekyllSite: makeAdditionalTemplate('Jekyll site', jekyllSiteTemplate),\n};\n\n// For tokens\nconst tokenAdder = providerId => ({ getters, dispatch }, token) => {\n dispatch('patchTokensByType', {\n [providerId]: {\n ...getters[`${providerId}TokensBySub`],\n [token.sub]: token,\n },\n });\n};\n\nexport default {\n namespaced: true,\n state: {\n // Data items stored in the DB\n itemsById: {},\n // Data items stored in the localStorage\n lsItemsById: {},\n },\n mutations: {\n setItem: ({ itemsById, lsItemsById }, value) => {\n // Create an empty item and override its data field\n const emptyItem = empty(value.id);\n const data = typeof value.data === 'object'\n ? Object.assign(emptyItem.data, value.data)\n : value.data;\n\n // Make item with hash\n const item = utils.addItemHash({\n ...emptyItem,\n data,\n });\n\n // Store item in itemsById or lsItemsById if its stored in the localStorage\n Vue.set(localStorageIdSet.has(item.id) ? lsItemsById : itemsById, item.id, item);\n },\n deleteItem({ itemsById }, id) {\n // Only used by localDbSvc to clean itemsById from object moved to localStorage\n Vue.delete(itemsById, id);\n },\n },\n getters: {\n serverConf: getter('serverConf'),\n workspaces: getter('workspaces'), // Not to be used, prefer workspace/workspacesById\n settings: getter('settings'),\n computedSettings: (state, { settings }) => {\n const customSettings = yaml.safeLoad(settings);\n const parsedSettings = yaml.safeLoad(defaultSettings);\n const override = (obj, opt) => {\n const objType = Object.prototype.toString.call(obj);\n const optType = Object.prototype.toString.call(opt);\n if (objType !== optType) {\n return obj;\n } else if (objType !== '[object Object]') {\n return opt;\n }\n Object.keys(obj).forEach((key) => {\n if (key === 'shortcuts') {\n obj[key] = Object.assign(obj[key], opt[key]);\n } else {\n obj[key] = override(obj[key], opt[key]);\n }\n });\n return obj;\n };\n return override(parsedSettings, customSettings);\n },\n localSettings: getter('localSettings'),\n layoutSettings: getter('layoutSettings'),\n templatesById: getter('templates'),\n allTemplatesById: (state, { templatesById }) => ({\n ...templatesById,\n ...defaultTemplates,\n }),\n lastCreated: getter('lastCreated'),\n lastOpened: getter('lastOpened'),\n lastOpenedIds: (state, { lastOpened }, rootState) => {\n const result = {\n ...lastOpened,\n };\n const currentFileId = rootState.file.currentId;\n if (currentFileId && !result[currentFileId]) {\n result[currentFileId] = Date.now();\n }\n return Object.keys(result)\n .filter(id => rootState.file.itemsById[id])\n .sort((id1, id2) => result[id2] - result[id1])\n .slice(0, 20);\n },\n syncDataById: getter('syncData'),\n syncDataByItemId: (state, { syncDataById }, rootState, rootGetters) => {\n const result = {};\n if (rootGetters['workspace/currentWorkspaceIsGit']) {\n Object.entries(rootGetters.gitPathsByItemId).forEach(([id, path]) => {\n const syncDataEntry = syncDataById[path];\n if (syncDataEntry) {\n result[id] = syncDataEntry;\n }\n });\n } else {\n Object.entries(syncDataById).forEach(([, syncDataEntry]) => {\n result[syncDataEntry.itemId] = syncDataEntry;\n });\n }\n return result;\n },\n dataSyncDataById: getter('dataSyncData'),\n tokensByType: getter('tokens'),\n googleTokensBySub: (state, { tokensByType }) => tokensByType.google || {},\n couchdbTokensBySub: (state, { tokensByType }) => tokensByType.couchdb || {},\n dropboxTokensBySub: (state, { tokensByType }) => tokensByType.dropbox || {},\n githubTokensBySub: (state, { tokensByType }) => tokensByType.github || {},\n gitlabTokensBySub: (state, { tokensByType }) => tokensByType.gitlab || {},\n wordpressTokensBySub: (state, { tokensByType }) => tokensByType.wordpress || {},\n zendeskTokensBySub: (state, { tokensByType }) => tokensByType.zendesk || {},\n badgeCreations: getter('badgeCreations'),\n badgeTree: (state, { badgeCreations }) => features\n .map(feature => feature.toBadge(badgeCreations)),\n allBadges: (state, { badgeTree }) => {\n const result = [];\n const processBadgeNodes = nodes => nodes.forEach((node) => {\n result.push(node);\n if (node.children) {\n processBadgeNodes(node.children);\n }\n });\n processBadgeNodes(badgeTree);\n return result;\n },\n },\n actions: {\n setServerConf: setter('serverConf'),\n setSettings: setter('settings'),\n patchLocalSettings: patcher('localSettings'),\n patchLayoutSettings: patcher('layoutSettings'),\n toggleNavigationBar: layoutSettingsToggler('showNavigationBar', 'toggleNavigationBar'),\n toggleEditor: layoutSettingsToggler('showEditor', 'toggleEditor'),\n toggleSidePreview: layoutSettingsToggler('showSidePreview', 'toggleSidePreview'),\n toggleStatusBar: layoutSettingsToggler('showStatusBar', 'toggleStatusBar'),\n toggleScrollSync: layoutSettingsToggler('scrollSync', 'toggleScrollSync'),\n toggleFocusMode: layoutSettingsToggler('focusMode', 'toggleFocusMode'),\n toggleSideBar: ({ getters, dispatch, rootGetters }, value) => {\n // Reset side bar\n dispatch('setSideBarPanel');\n\n // Toggle it\n toggleLayoutSetting('showSideBar', value, 'toggleSideBar', getters, dispatch);\n\n // Close explorer if not enough space\n if (getters.layoutSettings.showSideBar &&\n notEnoughSpace(rootGetters['layout/constants'], rootGetters['discussion/currentDiscussion'])\n ) {\n dispatch('patchLayoutSettings', {\n showExplorer: false,\n });\n }\n },\n toggleExplorer: ({ getters, dispatch, rootGetters }, value) => {\n // Toggle explorer\n toggleLayoutSetting('showExplorer', value, 'toggleExplorer', getters, dispatch);\n\n // Close side bar if not enough space\n if (getters.layoutSettings.showExplorer &&\n notEnoughSpace(rootGetters['layout/constants'], rootGetters['discussion/currentDiscussion'])\n ) {\n dispatch('patchLayoutSettings', {\n showSideBar: false,\n });\n }\n },\n setSideBarPanel: ({ dispatch }, value) => dispatch('patchLayoutSettings', {\n sideBarPanel: value === undefined ? 'menu' : value,\n }),\n setTemplatesById: ({ commit }, templatesById) => {\n const templatesToCommit = {\n ...templatesById,\n };\n // We don't store additional templates\n Object.keys(defaultTemplates).forEach((id) => {\n delete templatesToCommit[id];\n });\n commit('setItem', itemTemplate('templates', templatesToCommit));\n },\n setLastCreated: setter('lastCreated'),\n setLastOpenedId: ({ getters, commit, rootState }, fileId) => {\n const lastOpened = { ...getters.lastOpened };\n lastOpened[fileId] = Date.now();\n // Remove entries that don't exist anymore\n const cleanedLastOpened = {};\n Object.entries(lastOpened).forEach(([id, value]) => {\n if (rootState.file.itemsById[id]) {\n cleanedLastOpened[id] = value;\n }\n });\n commit('setItem', itemTemplate('lastOpened', cleanedLastOpened));\n },\n setSyncDataById: setter('syncData'),\n patchSyncDataById: patcher('syncData'),\n patchDataSyncDataById: patcher('dataSyncData'),\n patchTokensByType: patcher('tokens'),\n addGoogleToken: tokenAdder('google'),\n addCouchdbToken: tokenAdder('couchdb'),\n addDropboxToken: tokenAdder('dropbox'),\n addGithubToken: tokenAdder('github'),\n addGitlabToken: tokenAdder('gitlab'),\n addWordpressToken: tokenAdder('wordpress'),\n addZendeskToken: tokenAdder('zendesk'),\n patchBadgeCreations: patcher('badgeCreations'),\n },\n};\n"
},
{
"path": "src/store/discussion.js",
"content": "import utils from '../services/utils';\nimport googleHelper from '../services/providers/helpers/googleHelper';\nimport syncSvc from '../services/syncSvc';\n\nconst idShifter = offset => (state, getters) => {\n const ids = Object.keys(getters.currentFileDiscussions)\n .filter(id => id !== state.newDiscussionId);\n const idx = ids.indexOf(state.currentDiscussionId) + offset + ids.length;\n return ids[idx % ids.length];\n};\n\nexport default {\n namespaced: true,\n state: {\n currentDiscussionId: null,\n newDiscussion: null,\n newDiscussionId: null,\n isCommenting: false,\n newCommentText: '',\n newCommentSelection: { start: 0, end: 0 },\n newCommentFocus: false,\n stickyComment: null,\n },\n mutations: {\n setCurrentDiscussionId: (state, value) => {\n if (state.currentDiscussionId !== value) {\n state.currentDiscussionId = value;\n state.isCommenting = false;\n }\n },\n setNewDiscussion: (state, value) => {\n state.newDiscussion = value;\n state.newDiscussionId = utils.uid();\n state.currentDiscussionId = state.newDiscussionId;\n state.isCommenting = true;\n state.newCommentFocus = true;\n },\n patchNewDiscussion: (state, value) => {\n Object.assign(state.newDiscussion, value);\n },\n setIsCommenting: (state, value) => {\n state.isCommenting = value;\n if (!value) {\n state.newDiscussionId = null;\n } else {\n state.newCommentFocus = true;\n }\n },\n setNewCommentText: (state, value) => {\n state.newCommentText = value || '';\n },\n setNewCommentSelection: (state, value) => {\n state.newCommentSelection = value;\n },\n setNewCommentFocus: (state, value) => {\n state.newCommentFocus = value;\n },\n setStickyComment: (state, value) => {\n state.stickyComment = value;\n },\n },\n getters: {\n newDiscussion: ({ currentDiscussionId, newDiscussionId, newDiscussion }) =>\n currentDiscussionId === newDiscussionId && newDiscussion,\n currentFileDiscussionLastComments: (state, getters, rootState, rootGetters) => {\n const { discussions, comments } = rootGetters['content/current'];\n const discussionLastComments = {};\n Object.entries(comments).forEach(([, comment]) => {\n if (discussions[comment.discussionId]) {\n const lastComment = discussionLastComments[comment.discussionId];\n if (!lastComment || lastComment.created < comment.created) {\n discussionLastComments[comment.discussionId] = comment;\n }\n }\n });\n return discussionLastComments;\n },\n currentFileDiscussions: (\n { newDiscussionId },\n { newDiscussion, currentFileDiscussionLastComments },\n rootState,\n rootGetters,\n ) => {\n const currentFileDiscussions = {};\n if (newDiscussion) {\n currentFileDiscussions[newDiscussionId] = newDiscussion;\n }\n const { discussions } = rootGetters['content/current'];\n Object.entries(currentFileDiscussionLastComments)\n .sort(([, lastComment1], [, lastComment2]) =>\n lastComment1.created - lastComment2.created)\n .forEach(([discussionId]) => {\n currentFileDiscussions[discussionId] = discussions[discussionId];\n });\n return currentFileDiscussions;\n },\n currentDiscussion: ({ currentDiscussionId }, { currentFileDiscussions }) =>\n currentFileDiscussions[currentDiscussionId],\n previousDiscussionId: idShifter(-1),\n nextDiscussionId: idShifter(1),\n currentDiscussionComments: (\n { currentDiscussionId },\n { currentDiscussion },\n rootState,\n rootGetters,\n ) => {\n const comments = {};\n if (currentDiscussion) {\n const contentComments = rootGetters['content/current'].comments;\n Object.entries(contentComments)\n .filter(([, comment]) =>\n comment.discussionId === currentDiscussionId)\n .sort(([, comment1], [, comment2]) =>\n comment1.created - comment2.created)\n .forEach(([commentId, comment]) => {\n comments[commentId] = comment;\n });\n }\n return comments;\n },\n currentDiscussionLastCommentId: (state, { currentDiscussionComments }) =>\n Object.keys(currentDiscussionComments).pop(),\n currentDiscussionLastComment: (\n state,\n { currentDiscussionComments, currentDiscussionLastCommentId },\n ) => currentDiscussionComments[currentDiscussionLastCommentId],\n },\n actions: {\n cancelNewComment({ commit, getters }) {\n commit('setIsCommenting', false);\n if (!getters.currentDiscussion) {\n commit('setCurrentDiscussionId', getters.nextDiscussionId);\n }\n },\n async createNewDiscussion({ commit, dispatch, rootGetters }, selection) {\n const loginToken = rootGetters['workspace/loginToken'];\n if (!loginToken) {\n try {\n await dispatch('modal/open', 'signInForComment', { root: true });\n await googleHelper.signin();\n syncSvc.requestSync();\n await dispatch('createNewDiscussion', selection);\n } catch (e) { /* cancel */ }\n } else if (selection) {\n let text = rootGetters['content/current'].text.slice(selection.start, selection.end).trim();\n const maxLength = 80;\n if (text.length > maxLength) {\n text = `${text.slice(0, maxLength - 1).trim()}…`;\n }\n commit('setNewDiscussion', { ...selection, text });\n }\n },\n cleanCurrentFile({\n getters,\n rootGetters,\n commit,\n dispatch,\n }, { filterComment, filterDiscussion } = {}) {\n const { discussions } = rootGetters['content/current'];\n const { comments } = rootGetters['content/current'];\n const patch = {\n discussions: {},\n comments: {},\n };\n Object.entries(comments).forEach(([commentId, comment]) => {\n const discussion = discussions[comment.discussionId];\n if (discussion && comment !== filterComment && discussion !== filterDiscussion) {\n patch.discussions[comment.discussionId] = discussion;\n patch.comments[commentId] = comment;\n }\n });\n\n const { nextDiscussionId } = getters;\n dispatch('content/patchCurrent', patch, { root: true });\n if (!getters.currentDiscussion) {\n // Keep the gutter open\n commit('setCurrentDiscussionId', nextDiscussionId);\n }\n },\n },\n};\n"
},
{
"path": "src/store/explorer.js",
"content": "import Vue from 'vue';\nimport emptyFile from '../data/empties/emptyFile';\nimport emptyFolder from '../data/empties/emptyFolder';\n\nconst setter = propertyName => (state, value) => {\n state[propertyName] = value;\n};\n\nfunction debounceAction(action, wait) {\n let timeoutId;\n return (context) => {\n clearTimeout(timeoutId);\n timeoutId = setTimeout(() => action(context), wait);\n };\n}\n\nconst collator = new Intl.Collator(undefined, { sensitivity: 'base', numeric: true });\nconst compare = (node1, node2) => collator.compare(node1.item.name, node2.item.name);\n\nclass Node {\n constructor(item, locations = [], isFolder = false) {\n this.item = item;\n this.locations = locations;\n this.isFolder = isFolder;\n if (isFolder) {\n this.folders = [];\n this.files = [];\n }\n }\n\n sortChildren() {\n if (this.isFolder) {\n this.folders.sort(compare);\n this.files.sort(compare);\n this.folders.forEach(child => child.sortChildren());\n }\n }\n}\n\nconst nilFileNode = new Node(emptyFile());\nnilFileNode.isNil = true;\nconst fakeFileNode = new Node(emptyFile());\nfakeFileNode.item.id = 'fake';\nfakeFileNode.noDrag = true;\n\nfunction getParent({ item, isNil }, { nodeMap, rootNode }) {\n if (isNil) {\n return nilFileNode;\n }\n return nodeMap[item.parentId] || rootNode;\n}\n\nfunction getFolder(node, getters) {\n return node.item.type === 'folder' ?\n node :\n getParent(node, getters);\n}\n\nexport default {\n namespaced: true,\n state: {\n selectedId: null,\n editingId: null,\n dragSourceId: null,\n dragTargetId: null,\n newChildNode: nilFileNode,\n openNodes: {},\n },\n mutations: {\n setSelectedId: setter('selectedId'),\n setEditingId: setter('editingId'),\n setDragSourceId: setter('dragSourceId'),\n setDragTargetId: setter('dragTargetId'),\n setNewItem(state, item) {\n state.newChildNode = item ? new Node(item, [], item.type === 'folder') : nilFileNode;\n },\n setNewItemName(state, name) {\n state.newChildNode.item.name = name;\n },\n toggleOpenNode(state, id) {\n Vue.set(state.openNodes, id, !state.openNodes[id]);\n },\n },\n getters: {\n nodeStructure: (state, getters, rootState, rootGetters) => {\n const rootNode = new Node(emptyFolder(), [], true);\n rootNode.isRoot = true;\n\n // Create Trash node\n const trashFolderNode = new Node(emptyFolder(), [], true);\n trashFolderNode.item.id = 'trash';\n trashFolderNode.item.name = 'Trash';\n trashFolderNode.noDrag = true;\n trashFolderNode.isTrash = true;\n trashFolderNode.parentNode = rootNode;\n\n // Create Temp node\n const tempFolderNode = new Node(emptyFolder(), [], true);\n tempFolderNode.item.id = 'temp';\n tempFolderNode.item.name = 'Temp';\n tempFolderNode.noDrag = true;\n tempFolderNode.noDrop = true;\n tempFolderNode.isTemp = true;\n tempFolderNode.parentNode = rootNode;\n\n // Fill nodeMap with all file and folder nodes\n const nodeMap = {\n trash: trashFolderNode,\n temp: tempFolderNode,\n };\n rootGetters['folder/items'].forEach((item) => {\n nodeMap[item.id] = new Node(item, [], true);\n });\n const syncLocationsByFileId = rootGetters['syncLocation/filteredGroupedByFileId'];\n const publishLocationsByFileId = rootGetters['publishLocation/filteredGroupedByFileId'];\n rootGetters['file/items'].forEach((item) => {\n const locations = [\n ...syncLocationsByFileId[item.id] || [],\n ...publishLocationsByFileId[item.id] || [],\n ];\n nodeMap[item.id] = new Node(item, locations);\n });\n\n // Build the tree\n Object.entries(nodeMap).forEach(([, node]) => {\n let parentNode = nodeMap[node.item.parentId];\n if (!parentNode || !parentNode.isFolder) {\n if (node.isTrash || node.isTemp) {\n return;\n }\n parentNode = rootNode;\n }\n if (node.isFolder) {\n parentNode.folders.push(node);\n } else {\n parentNode.files.push(node);\n }\n node.parentNode = parentNode;\n });\n rootNode.sortChildren();\n\n // Add Trash and Temp nodes\n rootNode.folders.unshift(tempFolderNode);\n tempFolderNode.files.forEach((node) => {\n node.noDrop = true;\n });\n rootNode.folders.unshift(trashFolderNode);\n\n // Add a fake file at the end of the root folder to allow drag and drop into it\n rootNode.files.push(fakeFileNode);\n return {\n nodeMap,\n rootNode,\n };\n },\n nodeMap: (state, { nodeStructure }) => nodeStructure.nodeMap,\n rootNode: (state, { nodeStructure }) => nodeStructure.rootNode,\n newChildNodeParent: (state, getters) => getParent(state.newChildNode, getters),\n selectedNode: ({ selectedId }, { nodeMap }) => nodeMap[selectedId] || nilFileNode,\n selectedNodeFolder: (state, getters) => getFolder(getters.selectedNode, getters),\n editingNode: ({ editingId }, { nodeMap }) => nodeMap[editingId] || nilFileNode,\n dragSourceNode: ({ dragSourceId }, { nodeMap }) => nodeMap[dragSourceId] || nilFileNode,\n dragTargetNode: ({ dragTargetId }, { nodeMap }) => {\n if (dragTargetId === 'fake') {\n return fakeFileNode;\n }\n return nodeMap[dragTargetId] || nilFileNode;\n },\n dragTargetNodeFolder: ({ dragTargetId }, getters) => {\n if (dragTargetId === 'fake') {\n return getters.rootNode;\n }\n return getFolder(getters.dragTargetNode, getters);\n },\n },\n actions: {\n openNode({\n state,\n getters,\n commit,\n dispatch,\n }, id) {\n const node = getters.nodeMap[id];\n if (node) {\n if (node.isFolder && !state.openNodes[id]) {\n commit('toggleOpenNode', id);\n }\n dispatch('openNode', node.item.parentId);\n }\n },\n openDragTarget: debounceAction(({ state, dispatch }) => {\n dispatch('openNode', state.dragTargetId);\n }, 1000),\n setDragTarget({ commit, getters, dispatch }, node) {\n if (!node) {\n commit('setDragTargetId');\n } else {\n // Make sure target node is not a child of source node\n const folderNode = getFolder(node, getters);\n const sourceId = getters.dragSourceNode.item.id;\n const { nodeMap } = getters;\n for (let parentNode = folderNode;\n parentNode;\n parentNode = nodeMap[parentNode.item.parentId]\n ) {\n if (parentNode.item.id === sourceId) {\n commit('setDragTargetId');\n return;\n }\n }\n\n commit('setDragTargetId', node.item.id);\n dispatch('openDragTarget');\n }\n },\n },\n};\n"
},
{
"path": "src/store/file.js",
"content": "import moduleTemplate from './moduleTemplate';\nimport empty from '../data/empties/emptyFile';\n\nconst module = moduleTemplate(empty);\n\nmodule.state = {\n ...module.state,\n currentId: null,\n};\n\nmodule.getters = {\n ...module.getters,\n current: ({ itemsById, currentId }) => itemsById[currentId] || empty(),\n isCurrentTemp: (state, { current }) => current.parentId === 'temp',\n lastOpened: ({ itemsById }, { items }, rootState, rootGetters) =>\n itemsById[rootGetters['data/lastOpenedIds'][0]] || items[0] || empty(),\n};\n\nmodule.mutations = {\n ...module.mutations,\n setCurrentId(state, value) {\n state.currentId = value;\n },\n};\n\nmodule.actions = {\n ...module.actions,\n patchCurrent({ getters, commit }, value) {\n commit('patchItem', {\n ...value,\n id: getters.current.id,\n });\n },\n};\n\nexport default module;\n"
},
{
"path": "src/store/findReplace.js",
"content": "export default {\n namespaced: true,\n state: {\n type: null,\n lastOpen: 0,\n findText: '',\n replaceText: '',\n },\n mutations: {\n setType: (state, value) => {\n state.type = value;\n },\n setLastOpen: (state) => {\n state.lastOpen = Date.now();\n },\n setFindText: (state, value) => {\n state.findText = value;\n },\n setReplaceText: (state, value) => {\n state.replaceText = value;\n },\n },\n actions: {\n open({ commit }, { type, findText }) {\n commit('setType', type);\n if (findText) {\n commit('setFindText', findText);\n }\n commit('setLastOpen');\n },\n },\n};\n"
},
{
"path": "src/store/folder.js",
"content": "import moduleTemplate from './moduleTemplate';\nimport empty from '../data/empties/emptyFolder';\n\nconst module = moduleTemplate(empty);\n\nexport default module;\n"
},
{
"path": "src/store/index.js",
"content": "import createLogger from 'vuex/dist/logger';\nimport Vue from 'vue';\nimport Vuex from 'vuex';\nimport utils from '../services/utils';\nimport content from './content';\nimport contentState from './contentState';\nimport contextMenu from './contextMenu';\nimport data from './data';\nimport discussion from './discussion';\nimport explorer from './explorer';\nimport file from './file';\nimport findReplace from './findReplace';\nimport folder from './folder';\nimport layout from './layout';\nimport modal from './modal';\nimport notification from './notification';\nimport queue from './queue';\nimport syncedContent from './syncedContent';\nimport userInfo from './userInfo';\nimport workspace from './workspace';\nimport locationTemplate from './locationTemplate';\nimport emptyPublishLocation from '../data/empties/emptyPublishLocation';\nimport emptySyncLocation from '../data/empties/emptySyncLocation';\nimport constants from '../data/constants';\n\nVue.use(Vuex);\n\nconst debug = NODE_ENV !== 'production';\n\nconst store = new Vuex.Store({\n modules: {\n content,\n contentState,\n contextMenu,\n data,\n discussion,\n explorer,\n file,\n findReplace,\n folder,\n layout,\n modal,\n notification,\n publishLocation: locationTemplate(emptyPublishLocation),\n queue,\n syncedContent,\n syncLocation: locationTemplate(emptySyncLocation),\n userInfo,\n workspace,\n },\n state: {\n light: false,\n offline: false,\n lastOfflineCheck: 0,\n timeCounter: 0,\n },\n mutations: {\n setLight: (state, value) => {\n state.light = value;\n },\n setOffline: (state, value) => {\n state.offline = value;\n },\n updateLastOfflineCheck: (state) => {\n state.lastOfflineCheck = Date.now();\n },\n updateTimeCounter: (state) => {\n state.timeCounter += 1;\n },\n },\n getters: {\n allItemsById: (state) => {\n const result = {};\n constants.types.forEach(type => Object.assign(result, state[type].itemsById));\n return result;\n },\n pathsByItemId: (state, getters) => {\n const result = {};\n const processNode = (node, parentPath = '') => {\n let path = parentPath;\n if (node.item.id) {\n path += node.item.name;\n if (node.isTrash) {\n path = '.stackedit-trash/';\n } else if (node.isFolder) {\n path += '/';\n }\n result[node.item.id] = path;\n }\n\n if (node.isFolder) {\n node.folders.forEach(child => processNode(child, path));\n node.files.forEach(child => processNode(child, path));\n }\n };\n\n processNode(getters['explorer/rootNode']);\n return result;\n },\n itemsByPath: (state, { allItemsById, pathsByItemId }) => {\n const result = {};\n Object.entries(pathsByItemId).forEach(([id, path]) => {\n const items = result[path] || [];\n items.push(allItemsById[id]);\n result[path] = items;\n });\n return result;\n },\n gitPathsByItemId: (state, { allItemsById, pathsByItemId }) => {\n const result = {};\n Object.entries(allItemsById).forEach(([id, item]) => {\n if (item.type === 'data') {\n result[id] = `.stackedit-data/${id}.json`;\n } else if (item.type === 'file') {\n const filePath = pathsByItemId[id];\n result[id] = `${filePath}.md`;\n result[`${id}/content`] = `/${filePath}.md`;\n } else if (item.type === 'content') {\n const [fileId] = id.split('/');\n const filePath = pathsByItemId[fileId];\n result[fileId] = `${filePath}.md`;\n result[id] = `/${filePath}.md`;\n } else if (item.type === 'folder') {\n result[id] = pathsByItemId[id];\n } else if (item.type === 'syncLocation' || item.type === 'publishLocation') {\n // locations are stored as paths\n const encodedItem = utils.encodeBase64(utils.serializeObject({\n ...item,\n id: undefined,\n type: undefined,\n fileId: undefined,\n hash: undefined,\n }), true);\n const extension = item.type === 'syncLocation' ? 'sync' : 'publish';\n result[id] = `${pathsByItemId[item.fileId]}.${encodedItem}.${extension}`;\n }\n });\n return result;\n },\n itemIdsByGitPath: (state, { gitPathsByItemId }) => {\n const result = {};\n Object.entries(gitPathsByItemId).forEach(([id, path]) => {\n result[path] = id;\n });\n return result;\n },\n itemsByGitPath: (state, { allItemsById, gitPathsByItemId }) => {\n const result = {};\n Object.entries(gitPathsByItemId).forEach(([id, path]) => {\n const item = allItemsById[id];\n if (item) {\n result[path] = item;\n }\n });\n return result;\n },\n isSponsor: ({ light }, getters) => {\n if (light) {\n return true;\n }\n if (!getters['data/serverConf'].allowSponsorship) {\n return true;\n }\n const sponsorToken = getters['workspace/sponsorToken'];\n return sponsorToken ? sponsorToken.isSponsor : false;\n },\n },\n actions: {\n setOffline: ({ state, commit, dispatch }, value) => {\n if (state.offline !== value) {\n commit('setOffline', value);\n if (state.offline) {\n return Promise.reject(new Error('You are offline.'));\n }\n dispatch('notification/info', 'You are back online!');\n }\n return Promise.resolve();\n },\n },\n strict: debug,\n plugins: debug ? [createLogger()] : [],\n});\n\nsetInterval(() => {\n store.commit('updateTimeCounter');\n}, 30 * 1000);\n\nexport default store;\n"
},
{
"path": "src/store/layout.js",
"content": "import pagedownButtons from '../data/pagedownButtons';\n\nlet buttonCount = 2; // 2 for undo/redo\nlet spacerCount = 0;\npagedownButtons.forEach((button) => {\n if (button.method) {\n buttonCount += 1;\n } else {\n spacerCount += 1;\n }\n});\n\nconst minPadding = 25;\nconst editorTopPadding = 10;\nconst navigationBarEditButtonsWidth = (34 * buttonCount) + (8 * spacerCount); // buttons + spacers\nconst navigationBarLeftButtonWidth = 38 + 4 + 12;\nconst navigationBarRightButtonWidth = 38 + 8;\nconst navigationBarSpinnerWidth = 24 + 8 + 5; // 5 for left margin\nconst navigationBarLocationWidth = 20;\nconst navigationBarSyncPublishButtonsWidth = 34 + 10;\nconst navigationBarTitleMargin = 8;\nconst maxTitleMaxWidth = 800;\nconst minTitleMaxWidth = 200;\n\nconst constants = {\n editorMinWidth: 320,\n explorerWidth: 260,\n gutterWidth: 250,\n sideBarWidth: 280,\n navigationBarHeight: 44,\n buttonBarWidth: 26,\n statusBarHeight: 20,\n};\n\nfunction computeStyles(state, getters, layoutSettings = getters['data/layoutSettings'], styles = {\n showNavigationBar: layoutSettings.showNavigationBar\n || !layoutSettings.showEditor\n || state.content.revisionContent\n || state.light,\n showStatusBar: layoutSettings.showStatusBar,\n showEditor: layoutSettings.showEditor,\n showSidePreview: layoutSettings.showSidePreview && layoutSettings.showEditor,\n showPreview: layoutSettings.showSidePreview || !layoutSettings.showEditor,\n showSideBar: layoutSettings.showSideBar && !state.light,\n showExplorer: layoutSettings.showExplorer && !state.light,\n layoutOverflow: false,\n hideLocations: state.light,\n}) {\n styles.innerHeight = state.layout.bodyHeight;\n if (styles.showNavigationBar) {\n styles.innerHeight -= constants.navigationBarHeight;\n }\n if (styles.showStatusBar) {\n styles.innerHeight -= constants.statusBarHeight;\n }\n\n styles.innerWidth = state.layout.bodyWidth;\n if (styles.innerWidth < constants.editorMinWidth\n + constants.gutterWidth + constants.buttonBarWidth\n ) {\n styles.layoutOverflow = true;\n }\n if (styles.showSideBar) {\n styles.innerWidth -= constants.sideBarWidth;\n }\n if (styles.showExplorer) {\n styles.innerWidth -= constants.explorerWidth;\n }\n\n let doublePanelWidth = styles.innerWidth - constants.buttonBarWidth;\n // No commenting for temp files\n const showGutter = !getters['file/isCurrentTemp'] && !!getters['discussion/currentDiscussion'];\n if (showGutter) {\n doublePanelWidth -= constants.gutterWidth;\n }\n if (doublePanelWidth < constants.editorMinWidth) {\n doublePanelWidth = constants.editorMinWidth;\n }\n\n if (styles.showSidePreview && doublePanelWidth / 2 < constants.editorMinWidth) {\n styles.showSidePreview = false;\n styles.showPreview = false;\n styles.layoutOverflow = false;\n return computeStyles(state, getters, layoutSettings, styles);\n }\n\n const computedSettings = getters['data/computedSettings'];\n styles.fontSize = 18;\n styles.textWidth = 990;\n if (doublePanelWidth < 1120) {\n styles.fontSize -= 1;\n styles.textWidth = 910;\n }\n if (doublePanelWidth < 1040) {\n styles.textWidth = 830;\n }\n styles.textWidth *= computedSettings.maxWidthFactor;\n if (doublePanelWidth < styles.textWidth) {\n styles.textWidth = doublePanelWidth;\n }\n if (styles.textWidth < 640) {\n styles.fontSize -= 1;\n }\n styles.fontSize *= computedSettings.fontSizeFactor;\n\n const bottomPadding = Math.floor(styles.innerHeight / 2);\n const panelWidth = Math.floor(doublePanelWidth / 2);\n styles.previewWidth = styles.showSidePreview ?\n panelWidth :\n doublePanelWidth;\n const previewRightPadding = Math\n .max(Math.floor((styles.previewWidth - styles.textWidth) / 2), minPadding);\n if (!styles.showSidePreview) {\n styles.previewWidth += constants.buttonBarWidth;\n }\n styles.previewGutterWidth = showGutter && !layoutSettings.showEditor\n ? constants.gutterWidth\n : 0;\n const previewLeftPadding = previewRightPadding + styles.previewGutterWidth;\n styles.previewGutterLeft = previewLeftPadding - minPadding;\n styles.previewPadding = `${editorTopPadding}px ${previewRightPadding}px ${bottomPadding}px ${previewLeftPadding}px`;\n styles.editorWidth = styles.showSidePreview ?\n panelWidth :\n doublePanelWidth;\n const editorRightPadding = Math\n .max(Math.floor((styles.editorWidth - styles.textWidth) / 2), minPadding);\n styles.editorGutterWidth = showGutter && layoutSettings.showEditor\n ? constants.gutterWidth\n : 0;\n const editorLeftPadding = editorRightPadding + styles.editorGutterWidth;\n styles.editorGutterLeft = editorLeftPadding - minPadding;\n styles.editorPadding = `${editorTopPadding}px ${editorRightPadding}px ${bottomPadding}px ${editorLeftPadding}px`;\n\n styles.titleMaxWidth = styles.innerWidth -\n navigationBarLeftButtonWidth -\n navigationBarRightButtonWidth -\n navigationBarSpinnerWidth;\n if (styles.showEditor) {\n const syncLocations = getters['syncLocation/current'];\n const publishLocations = getters['publishLocation/current'];\n styles.titleMaxWidth -= navigationBarEditButtonsWidth +\n (navigationBarLocationWidth * (syncLocations.length + publishLocations.length)) +\n (navigationBarSyncPublishButtonsWidth * 2) +\n navigationBarTitleMargin;\n if (styles.titleMaxWidth + navigationBarEditButtonsWidth < minTitleMaxWidth) {\n styles.hideLocations = true;\n }\n }\n styles.titleMaxWidth = Math\n .max(minTitleMaxWidth, Math\n .min(maxTitleMaxWidth, styles.titleMaxWidth));\n return styles;\n}\n\nexport default {\n namespaced: true,\n state: {\n canUndo: false,\n canRedo: false,\n bodyWidth: 0,\n bodyHeight: 0,\n },\n mutations: {\n setCanUndo: (state, value) => {\n state.canUndo = value;\n },\n setCanRedo: (state, value) => {\n state.canRedo = value;\n },\n updateBodySize: (state) => {\n state.bodyWidth = document.body.clientWidth;\n state.bodyHeight = document.body.clientHeight;\n },\n },\n getters: {\n constants: () => constants,\n styles: (state, getters, rootState, rootGetters) => computeStyles(rootState, rootGetters),\n },\n actions: {\n updateBodySize({ commit, dispatch, rootGetters }) {\n commit('updateBodySize');\n // Make sure both explorer and side bar are not open if body width is small\n const layoutSettings = rootGetters['data/layoutSettings'];\n dispatch('data/toggleExplorer', layoutSettings.showExplorer, { root: true });\n },\n },\n};\n"
},
{
"path": "src/store/locationTemplate.js",
"content": "import moduleTemplate from './moduleTemplate';\nimport providerRegistry from '../services/providers/common/providerRegistry';\nimport utils from '../services/utils';\n\nconst addToGroup = (groups, item) => {\n const list = groups[item.fileId];\n if (!list) {\n groups[item.fileId] = [item];\n } else {\n list.push(item);\n }\n};\n\nexport default (empty) => {\n const module = moduleTemplate(empty);\n\n module.getters = {\n ...module.getters,\n groupedByFileId: (state, { items }) => {\n const groups = {};\n items.forEach(item => addToGroup(groups, item));\n return groups;\n },\n groupedByFileIdAndHash: (state, { items }) => {\n const fileIdGroups = {};\n items.forEach((item) => {\n let hashGroups = fileIdGroups[item.fileId];\n if (!hashGroups) {\n hashGroups = {};\n fileIdGroups[item.fileId] = hashGroups;\n }\n const list = hashGroups[item.hash];\n if (!list) {\n hashGroups[item.hash] = [item];\n } else {\n list.push(item);\n }\n });\n return fileIdGroups;\n },\n filteredGroupedByFileId: (state, { items }) => {\n const groups = {};\n items\n .filter((item) => {\n // Filter items that we can't use\n const provider = providerRegistry.providersById[item.providerId];\n return provider && provider.getToken(item);\n })\n .forEach(item => addToGroup(groups, item));\n return groups;\n },\n current: (state, { filteredGroupedByFileId }, rootState, rootGetters) => {\n const locations = filteredGroupedByFileId[rootGetters['file/current'].id] || [];\n return locations.map((location) => {\n const provider = providerRegistry.providersById[location.providerId];\n return {\n ...location,\n description: utils.sanitizeName(provider.getLocationDescription(location)),\n url: provider.getLocationUrl(location),\n };\n });\n },\n currentWithWorkspaceSyncLocation: (state, { current }, rootState, rootGetters) => {\n const fileId = rootGetters['file/current'].id;\n const fileSyncData = rootGetters['data/syncDataByItemId'][fileId];\n const contentSyncData = rootGetters['data/syncDataByItemId'][`${fileId}/content`];\n if (!fileSyncData || !contentSyncData) {\n return current;\n }\n\n // Add the workspace sync location\n const workspaceProvider = providerRegistry.providersById[\n rootGetters['workspace/currentWorkspace'].providerId];\n return [{\n id: 'main',\n providerId: workspaceProvider.id,\n fileId,\n description: utils.sanitizeName(workspaceProvider\n .getSyncDataDescription(fileSyncData, contentSyncData)),\n url: workspaceProvider.getSyncDataUrl(fileSyncData, contentSyncData),\n }, ...current];\n },\n };\n\n return module;\n};\n"
},
{
"path": "src/store/modal.js",
"content": "export default {\n namespaced: true,\n state: {\n stack: [],\n hidden: false,\n },\n mutations: {\n setStack: (state, value) => {\n state.stack = value;\n },\n setHidden: (state, value) => {\n state.hidden = value;\n },\n },\n getters: {\n config: ({ hidden, stack }) => !hidden && stack[0],\n },\n actions: {\n async open({ commit, state }, param) {\n const config = typeof param === 'object' ? { ...param } : { type: param };\n try {\n return await new Promise((resolve, reject) => {\n config.resolve = resolve;\n config.reject = reject;\n commit('setStack', [config, ...state.stack]);\n });\n } finally {\n commit('setStack', state.stack.filter((otherConfig => otherConfig !== config)));\n }\n },\n async hideUntil({ commit }, promise) {\n try {\n commit('setHidden', true);\n return await promise;\n } finally {\n commit('setHidden', false);\n }\n },\n },\n};\n"
},
{
"path": "src/store/moduleTemplate.js",
"content": "import Vue from 'vue';\nimport utils from '../services/utils';\n\nexport default (empty, simpleHash = false) => {\n // Use Date.now() as a simple hash function, which is ok for not-synced types\n const hashFunc = simpleHash ? Date.now : item => utils.getItemHash(item);\n\n return {\n namespaced: true,\n state: {\n itemsById: {},\n },\n getters: {\n items: ({ itemsById }) => Object.values(itemsById),\n },\n mutations: {\n setItem(state, value) {\n const item = Object.assign(empty(value.id), value);\n if (!item.hash || !simpleHash) {\n item.hash = hashFunc(item);\n }\n Vue.set(state.itemsById, item.id, item);\n },\n patchItem(state, patch) {\n const item = state.itemsById[patch.id];\n if (item) {\n Object.assign(item, patch);\n item.hash = hashFunc(item);\n Vue.set(state.itemsById, item.id, item);\n return true;\n }\n return false;\n },\n deleteItem(state, id) {\n Vue.delete(state.itemsById, id);\n },\n },\n actions: {},\n };\n};\n"
},
{
"path": "src/store/notification.js",
"content": "import providerRegistry from '../services/providers/common/providerRegistry';\nimport utils from '../services/utils';\n\nconst defaultTimeout = 5000; // 5 sec\n\nexport default {\n namespaced: true,\n state: {\n items: [],\n },\n mutations: {\n setItems: (state, value) => {\n state.items = value;\n },\n },\n actions: {\n showItem({ state, commit }, item) {\n const existingItem = utils.someResult(\n state.items,\n other => other.type === item.type && other.content === item.content && item,\n );\n if (existingItem) {\n return existingItem.promise;\n }\n\n item.promise = new Promise((resolve, reject) => {\n commit('setItems', [...state.items, item]);\n const removeItem = () => commit(\n 'setItems',\n state.items.filter(otherItem => otherItem !== item),\n );\n setTimeout(\n () => removeItem(),\n item.timeout || defaultTimeout,\n );\n item.resolve = (res) => {\n removeItem();\n resolve(res);\n };\n item.reject = (err) => {\n removeItem();\n reject(err);\n };\n });\n\n return item.promise;\n },\n info({ dispatch }, content) {\n return dispatch('showItem', {\n type: 'info',\n content,\n });\n },\n badge({ dispatch }, content) {\n return dispatch('showItem', {\n type: 'badge',\n content,\n });\n },\n confirm({ dispatch }, content) {\n return dispatch('showItem', {\n type: 'confirm',\n content,\n timeout: 10000, // 10 sec\n });\n },\n error({ dispatch, rootState }, error) {\n const item = { type: 'error' };\n if (error) {\n if (error.message) {\n item.content = error.message;\n } else if (error.status) {\n const location = rootState.queue.currentLocation;\n if (location.providerId) {\n const provider = providerRegistry.providersById[location.providerId];\n item.content = `HTTP error ${error.status} on ${provider.name} location.`;\n } else {\n item.content = `HTTP error ${error.status}.`;\n }\n } else {\n item.content = `${error}`;\n }\n }\n if (!item.content || item.content === '[object Object]') {\n item.content = 'Unknown error.';\n }\n return dispatch('showItem', item);\n },\n },\n};\n"
},
{
"path": "src/store/queue.js",
"content": "const setter = propertyName => (state, value) => {\n state[propertyName] = value;\n};\n\nlet queue = Promise.resolve();\n\nexport default {\n namespaced: true,\n state: {\n isEmpty: true,\n isSyncRequested: false,\n isPublishRequested: false,\n currentLocation: {},\n },\n mutations: {\n setIsEmpty: setter('isEmpty'),\n setIsSyncRequested: setter('isSyncRequested'),\n setIsPublishRequested: setter('isPublishRequested'),\n setCurrentLocation: setter('currentLocation'),\n },\n actions: {\n enqueue({ state, commit, dispatch }, cb) {\n if (state.offline) {\n // No need to enqueue\n return;\n }\n const checkOffline = () => {\n if (state.offline) {\n // Empty queue\n queue = Promise.resolve();\n commit('setIsEmpty', true);\n throw new Error('offline');\n }\n };\n if (state.isEmpty) {\n commit('setIsEmpty', false);\n }\n const newQueue = queue\n .then(() => checkOffline())\n .then(() => Promise.resolve()\n .then(() => cb())\n .catch((err) => {\n console.error(err); // eslint-disable-line no-console\n checkOffline();\n dispatch('notification/error', err, { root: true });\n })\n .then(() => {\n if (newQueue === queue) {\n commit('setIsEmpty', true);\n }\n }));\n queue = newQueue;\n },\n enqueueSyncRequest({ state, commit, dispatch }, cb) {\n if (!state.isSyncRequested) {\n commit('setIsSyncRequested', true);\n const unset = () => commit('setIsSyncRequested', false);\n dispatch('enqueue', () => cb().then(unset, (err) => {\n unset();\n throw err;\n }));\n }\n },\n enqueuePublishRequest({ state, commit, dispatch }, cb) {\n if (!state.isSyncRequested) {\n commit('setIsPublishRequested', true);\n const unset = () => commit('setIsPublishRequested', false);\n dispatch('enqueue', () => cb().then(unset, (err) => {\n unset();\n throw err;\n }));\n }\n },\n async doWithLocation({ commit }, { location, action }) {\n try {\n commit('setCurrentLocation', location);\n return await action();\n } finally {\n commit('setCurrentLocation', {});\n }\n },\n },\n};\n"
},
{
"path": "src/store/syncedContent.js",
"content": "import moduleTemplate from './moduleTemplate';\nimport empty from '../data/empties/emptySyncedContent';\n\nconst module = moduleTemplate(empty, true);\n\nmodule.getters = {\n ...module.getters,\n current: ({ itemsById }, getters, rootState, rootGetters) =>\n itemsById[`${rootGetters['file/current'].id}/syncedContent`] || empty(),\n};\n\nexport default module;\n"
},
{
"path": "src/store/userInfo.js",
"content": "import Vue from 'vue';\n\nexport default {\n namespaced: true,\n state: {\n itemsById: {},\n },\n mutations: {\n setItem: ({ itemsById }, item) => {\n const itemToSet = {\n ...item,\n };\n const existingItem = itemsById[item.id];\n if (existingItem) {\n if (!itemToSet.name) {\n itemToSet.name = existingItem.name;\n }\n if (!itemToSet.imageUrl) {\n itemToSet.imageUrl = existingItem.imageUrl;\n }\n }\n Vue.set(itemsById, item.id, itemToSet);\n },\n },\n};\n"
},
{
"path": "src/store/workspace.js",
"content": "import utils from '../services/utils';\nimport providerRegistry from '../services/providers/common/providerRegistry';\n\nexport default {\n namespaced: true,\n state: {\n currentWorkspaceId: null,\n lastFocus: 0,\n },\n mutations: {\n setCurrentWorkspaceId: (state, value) => {\n state.currentWorkspaceId = value;\n },\n setLastFocus: (state, value) => {\n state.lastFocus = value;\n },\n },\n getters: {\n workspacesById: (state, getters, rootState, rootGetters) => {\n const workspacesById = {};\n const mainWorkspaceToken = rootGetters['workspace/mainWorkspaceToken'];\n Object.entries(rootGetters['data/workspaces']).forEach(([id, workspace]) => {\n const sanitizedWorkspace = {\n id,\n providerId: 'googleDriveAppData',\n sub: mainWorkspaceToken && mainWorkspaceToken.sub,\n ...workspace,\n };\n // Filter workspaces that don't have a provider\n const workspaceProvider = providerRegistry.providersById[sanitizedWorkspace.providerId];\n if (workspaceProvider) {\n // Build the url with the current hostname\n const params = workspaceProvider.getWorkspaceParams(sanitizedWorkspace);\n sanitizedWorkspace.url = utils.addQueryParams('app', params, true);\n sanitizedWorkspace.locationUrl = workspaceProvider\n .getWorkspaceLocationUrl(sanitizedWorkspace);\n workspacesById[id] = sanitizedWorkspace;\n }\n });\n return workspacesById;\n },\n mainWorkspace: (state, { workspacesById }) => workspacesById.main,\n currentWorkspace: ({ currentWorkspaceId }, { workspacesById, mainWorkspace }) =>\n workspacesById[currentWorkspaceId] || mainWorkspace,\n currentWorkspaceIsGit: (state, { currentWorkspace }) =>\n currentWorkspace.providerId === 'githubWorkspace'\n || currentWorkspace.providerId === 'gitlabWorkspace',\n currentWorkspaceHasUniquePaths: (state, { currentWorkspace }) =>\n currentWorkspace.providerId === 'githubWorkspace'\n || currentWorkspace.providerId === 'gitlabWorkspace',\n lastSyncActivityKey: (state, { currentWorkspace }) => `${currentWorkspace.id}/lastSyncActivity`,\n lastFocusKey: (state, { currentWorkspace }) => `${currentWorkspace.id}/lastWindowFocus`,\n mainWorkspaceToken: (state, getters, rootState, rootGetters) =>\n utils.someResult(Object.values(rootGetters['data/googleTokensBySub']), (token) => {\n if (token.isLogin) {\n return token;\n }\n return null;\n }),\n syncToken: (state, { currentWorkspace, mainWorkspaceToken }, rootState, rootGetters) => {\n switch (currentWorkspace.providerId) {\n case 'googleDriveWorkspace':\n return rootGetters['data/googleTokensBySub'][currentWorkspace.sub];\n case 'githubWorkspace':\n return rootGetters['data/githubTokensBySub'][currentWorkspace.sub];\n case 'gitlabWorkspace':\n return rootGetters['data/gitlabTokensBySub'][currentWorkspace.sub];\n case 'couchdbWorkspace':\n return rootGetters['data/couchdbTokensBySub'][currentWorkspace.id];\n default:\n return mainWorkspaceToken;\n }\n },\n loginType: (state, { currentWorkspace }) => {\n switch (currentWorkspace.providerId) {\n case 'googleDriveWorkspace':\n default:\n return 'google';\n case 'githubWorkspace':\n return 'github';\n case 'gitlabWorkspace':\n return 'gitlab';\n }\n },\n loginToken: (state, { loginType, currentWorkspace }, rootState, rootGetters) => {\n const tokensBySub = rootGetters['data/tokensByType'][loginType];\n return tokensBySub && tokensBySub[currentWorkspace.sub];\n },\n sponsorToken: (state, { mainWorkspaceToken }) => mainWorkspaceToken,\n },\n actions: {\n removeWorkspace: ({ commit, rootGetters }, id) => {\n const workspaces = {\n ...rootGetters['data/workspaces'],\n };\n delete workspaces[id];\n commit(\n 'data/setItem',\n { id: 'workspaces', data: workspaces },\n { root: true },\n );\n },\n patchWorkspacesById: ({ commit, rootGetters }, workspaces) => {\n const sanitizedWorkspaces = {};\n Object\n .entries({\n ...rootGetters['data/workspaces'],\n ...workspaces,\n })\n .forEach(([id, workspace]) => {\n sanitizedWorkspaces[id] = {\n ...workspace,\n id,\n // Do not store urls\n url: undefined,\n locationUrl: undefined,\n };\n });\n\n commit(\n 'data/setItem',\n { id: 'workspaces', data: sanitizedWorkspaces },\n { root: true },\n );\n },\n setCurrentWorkspaceId: ({ commit, getters }, value) => {\n commit('setCurrentWorkspaceId', value);\n const lastFocus = parseInt(localStorage.getItem(getters.lastFocusKey), 10) || 0;\n commit('setLastFocus', lastFocus);\n },\n },\n};\n"
},
{
"path": "src/styles/app.scss",
"content": "@import './variables.scss';\n\nbody {\n background-color: #fff;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: fixed;\n tab-size: 4;\n text-rendering: auto;\n\n /* Prevent body overscroll on Chrome */\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n}\n\n* {\n box-sizing: border-box;\n}\n\n::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n::-webkit-scrollbar {\n background-color: transparent;\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &:horizontal {\n height: 8px;\n }\n\n /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n &:vertical {\n width: 8px;\n }\n}\n\n::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: #bbb;\n\n .app--dark & {\n background-color: #666;\n }\n}\n\n:focus {\n outline: none;\n}\n\ninput[type=checkbox] {\n outline: #349be8 auto 5px;\n}\n\n.icon {\n width: 100%;\n height: 100%;\n display: block;\n\n * {\n fill: currentColor;\n }\n}\n\n.table-wrapper {\n max-width: 100%;\n overflow: auto;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n.text-input {\n display: block;\n font-variant-ligatures: no-common-ligatures;\n width: 100%;\n height: 36px;\n padding: 3px 12px;\n font-size: inherit;\n line-height: 1.5;\n color: inherit;\n background-color: #fff;\n background-image: none;\n border: 0;\n border-radius: $border-radius-base;\n}\n\n.button {\n color: #333;\n background-color: transparent;\n display: inline-block;\n height: auto;\n padding: 8px 16px;\n font-size: 17px;\n font-weight: 400;\n line-height: 1.4;\n text-transform: uppercase;\n overflow: hidden;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 0;\n border-radius: $border-radius-base;\n text-decoration: none;\n\n &:active,\n &:focus,\n &:hover,\n .hidden-file:focus + & {\n color: #333;\n background-color: rgba(0, 0, 0, 0.05);\n outline: 0;\n text-decoration: none;\n }\n\n .app--dark .layout__panel--editor &,\n .app--dark .layout__panel--preview & {\n color: #ccc;\n\n &:active,\n &:focus,\n &:hover {\n color: #ccc;\n background-color: rgba(255, 255, 255, 0.067);\n }\n }\n\n &[disabled] {\n &,\n &:active,\n &:focus,\n &:hover {\n opacity: 0.33;\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n}\n\n.button--resolve {\n background-color: #349be8;\n color: #fff;\n margin: -2px 0 -2px 4px;\n padding: 10px 20px;\n font-size: 18px;\n\n &:active,\n &:focus,\n &:hover {\n color: #fff;\n background-color: darken(#349be8, 8%);\n }\n}\n\n.textfield {\n background-color: #fff;\n border: 0;\n font-family: inherit;\n font-weight: 400;\n font-size: 1.05em;\n padding: 0 0.6rem;\n box-sizing: border-box;\n width: 100%;\n max-width: 100%;\n color: inherit;\n height: 2.4rem;\n\n &:focus {\n outline: none;\n }\n\n &[disabled] {\n cursor: not-allowed;\n background-color: #f0f0f0;\n color: #999;\n }\n}\n\n.flex {\n display: flex;\n}\n\n.flex--row {\n flex-direction: row;\n}\n\n.flex--column {\n flex-direction: column;\n}\n\n.flex--center {\n justify-content: center;\n}\n\n.flex--end {\n justify-content: flex-end;\n}\n\n.flex--space-between {\n justify-content: space-between;\n}\n\n.flex--align-center {\n align-items: center;\n}\n\n.flex--align-end {\n align-items: flex-end;\n}\n\n.user-name {\n font-weight: 600;\n}\n\n.side-title {\n height: 44px;\n line-height: 36px;\n padding: 4px 4px 0;\n background-color: rgba(0, 0, 0, 0.1);\n flex: none;\n}\n\n.side-title__button {\n width: 38px;\n height: 36px;\n padding: 6px;\n display: inline-block;\n background-color: transparent;\n opacity: 0.75;\n flex: none;\n\n /* prevent from seeing wrapped buttons */\n margin-bottom: 20px;\n\n &:active,\n &:focus,\n &:hover {\n opacity: 1;\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n.side-title__title {\n text-transform: uppercase;\n padding: 0 5px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n}\n\n.logo-background {\n background: no-repeat center url('../assets/logo.svg');\n background-size: contain;\n}\n\n.gutter {\n position: absolute;\n top: 0;\n height: 100%;\n}\n\n.gutter__background {\n position: absolute;\n height: 100%;\n right: 0;\n}\n\n.new-discussion-button {\n color: rgba(0, 0, 0, 0.33);\n position: absolute;\n left: 0;\n padding: 3px 3px 3px 0;\n width: 22px;\n height: 21px;\n line-height: 1;\n\n .app--dark & {\n color: rgba(255, 255, 255, 0.33);\n }\n\n &:active,\n &:focus,\n &:hover {\n color: rgba(0, 0, 0, 0.4);\n\n .app--dark & {\n color: rgba(255, 255, 255, 0.4);\n }\n }\n}\n\n.discussion-editor-highlighting,\n.discussion-preview-highlighting {\n background-color: mix($editor-background-light, $selection-highlighting-color, 70%);\n padding: 0.25em 0;\n\n .app--dark & {\n background-color: mix($editor-background-dark, $selection-highlighting-color, 70%);\n }\n}\n\n.discussion-editor-highlighting--hover,\n.discussion-preview-highlighting--hover {\n background-color: mix($editor-background-light, $selection-highlighting-color, 50%);\n\n .app--dark & {\n background-color: mix($editor-background-dark, $selection-highlighting-color, 50%);\n }\n\n * {\n background-color: transparent;\n }\n}\n\n.discussion-editor-highlighting--selected,\n.discussion-preview-highlighting--selected {\n background-color: mix($editor-background-light, $selection-highlighting-color, 20%);\n\n .app--dark & {\n background-color: mix($editor-background-dark, $selection-highlighting-color, 20%);\n }\n\n * {\n background-color: transparent;\n }\n}\n\n.discussion-preview-highlighting {\n cursor: pointer;\n\n &.discussion-preview-highlighting--selected {\n cursor: auto;\n }\n}\n\n.hidden-rendering-container {\n position: absolute;\n width: 500px;\n left: -1000px;\n}\n\n@media print {\n body {\n background-color: transparent !important;\n color: #000 !important; // Black prints faster\n overflow: visible !important;\n position: absolute !important;\n\n div {\n display: none !important;\n }\n\n a {\n text-decoration: underline;\n }\n }\n\n body > .app,\n body > .app > .layout,\n body > .app > .layout > .layout__panel,\n body > .app > .layout > .layout__panel > .layout__panel,\n body > .app > .layout > .layout__panel > .layout__panel > .layout__panel,\n body > .app > .layout > .layout__panel > .layout__panel > .layout__panel > .layout__panel--preview,\n body > .app > .layout > .layout__panel > .layout__panel > .layout__panel > .layout__panel--preview div {\n background-color: transparent !important;\n display: block !important;\n height: auto !important;\n overflow: visible !important;\n position: static !important;\n width: auto !important;\n font-size: 16px;\n }\n\n .preview__inner-2 {\n padding: 0 50px !important;\n }\n // scss-lint:enable ImportantRule\n}\n"
},
{
"path": "src/styles/base.scss",
"content": "@import '../../node_modules/normalize-scss/sass/normalize';\n@import './variables';\n\n@include normalize();\n\nhtml,\nbody {\n color: $body-color-light;\n font-size: 16px;\n font-family: $font-family-main;\n font-variant-ligatures: common-ligatures;\n line-height: $line-height-base;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.app--dark .layout__panel--editor,\n.app--dark .layout__panel--preview {\n color: $body-color-dark;\n}\n\np,\nblockquote,\npre,\nul,\nol,\ndl {\n margin: 1.2em 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 1.8em 0;\n line-height: $line-height-title;\n}\n\nh1,\nh2 {\n &::after {\n content: '';\n display: block;\n position: relative;\n top: 0.33em;\n border-bottom: 1px solid $hr-color;\n }\n}\n\nol ul,\nul ol,\nul ul,\nol ol {\n margin: 0;\n}\n\ndt {\n font-weight: bold;\n}\n\na {\n color: $link-color;\n text-decoration: underline;\n text-decoration-skip: ink;\n\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n\ncode,\npre,\nsamp {\n font-family: $font-family-monospace;\n font-size: $font-size-monospace;\n\n * {\n font-size: inherit;\n }\n}\n\nblockquote {\n color: rgba(0, 0, 0, 0.5);\n padding-left: 1.5em;\n border-left: 5px solid rgba(0, 0, 0, 0.1);\n\n .app--dark .layout__panel--editor &,\n .app--dark .layout__panel--preview & {\n color: rgba(255, 255, 255, 0.4);\n border-left-color: rgba(255, 255, 255, 0.1);\n }\n}\n\ncode {\n background-color: $code-bg;\n border-radius: $border-radius-base;\n padding: 2px 4px;\n}\n\nhr {\n border: 0;\n border-top: 1px solid $hr-color;\n margin: 2em 0;\n}\n\npre > code {\n background-color: $code-bg;\n display: block;\n padding: 0.5em;\n -webkit-text-size-adjust: none;\n overflow-x: auto;\n white-space: pre;\n}\n\n.toc ul {\n list-style-type: none;\n padding-left: 20px;\n}\n\ntable {\n background-color: transparent;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n border-right: 1px solid #dcdcdc;\n padding: 8px 12px;\n\n &:last-child {\n border-right: 0;\n }\n}\n\ntd {\n border-top: 1px solid #dcdcdc;\n}\n\nmark {\n background-color: #f8f840;\n}\n\nkbd {\n font-family: $font-family-main;\n background-color: #fff;\n border: 1px solid rgba(63, 63, 63, 0.25);\n border-radius: 3px;\n box-shadow: 0 1px 0 rgba(63, 63, 63, 0.25);\n color: #333;\n display: inline-block;\n font-size: 0.8em;\n margin: 0 0.1em;\n padding: 0.1em 0.6em;\n white-space: nowrap;\n}\n\nabbr {\n &[title] {\n border-bottom: 1px dotted #777;\n cursor: help;\n }\n}\n\nimg {\n max-width: 100%;\n}\n\n.task-list-item {\n list-style-type: none;\n}\n\n.task-list-item-checkbox {\n margin: 0 0.2em 0 -1.3em;\n}\n\n.footnote {\n font-size: 0.8em;\n position: relative;\n top: -0.25em;\n vertical-align: top;\n}\n\n.page-break-after {\n page-break-after: always;\n}\n\n.abc-notation-block {\n overflow-x: auto !important;\n}\n\n.stackedit__html {\n margin-bottom: 180px;\n margin-left: auto;\n margin-right: auto;\n padding-left: 30px;\n padding-right: 30px;\n max-width: 750px;\n}\n\n.stackedit__toc {\n ul {\n padding: 0;\n\n a {\n margin: 0.5rem 0;\n padding: 0.5rem 1rem;\n }\n\n ul {\n color: #888;\n font-size: 0.9em;\n\n a {\n margin: 0;\n padding: 0.1rem 1rem;\n }\n }\n }\n\n li {\n display: block;\n }\n\n a {\n display: block;\n color: inherit;\n text-decoration: none;\n\n &:active,\n &:focus,\n &:hover {\n background-color: rgba(0, 0, 0, 0.075);\n border-radius: $border-radius-base;\n }\n }\n}\n\n.stackedit__left {\n position: fixed;\n display: none;\n width: 250px;\n height: 100%;\n top: 0;\n left: 0;\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: none;\n\n @media (min-width: 1060px) {\n display: block;\n }\n}\n\n.stackedit__right {\n position: absolute;\n right: 0;\n top: 0;\n left: 0;\n\n @media (min-width: 1060px) {\n left: 250px;\n }\n}\n\n.stackedit--pdf {\n blockquote {\n // wkhtmltopdf doesn't like borders with transparency\n border-left-color: #ececec;\n }\n\n // Hide tex annotations in PDF exports\n annotation,\n .katex-mathml {\n display: none;\n }\n\n .stackedit__html {\n padding-left: 0;\n padding-right: 0;\n max-width: none;\n }\n}\n"
},
{
"path": "src/styles/fonts.scss",
"content": "@font-face {\n font-family: 'Lato';\n font-style: normal;\n font-weight: 400;\n src: url('../assets/fonts/lato-normal.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Lato';\n font-style: italic;\n font-weight: 400;\n src: url('../assets/fonts/lato-normal-italic.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Lato';\n font-style: normal;\n font-weight: 600;\n src: url('../assets/fonts/lato-black.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Lato';\n font-style: italic;\n font-weight: 600;\n src: url('../assets/fonts/lato-black-italic.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Roboto Mono';\n font-style: normal;\n font-weight: 400;\n src: url('../assets/fonts/RobotoMono-Regular.woff') format('woff');\n}\n\n@font-face {\n font-family: 'Roboto Mono';\n font-style: normal;\n font-weight: 600;\n src: url('../assets/fonts/RobotoMono-Bold.woff') format('woff');\n}\n"
},
{
"path": "src/styles/index.js",
"content": "import 'katex/dist/katex.css';\nimport './fonts.scss';\nimport './prism.scss';\nimport './base.scss';\n"
},
{
"path": "src/styles/markdownHighlighting.scss",
"content": "@import './variables';\n\n.markdown-highlighting {\n color: $editor-color-light;\n caret-color: $editor-color-light-low;\n\n .app--dark & {\n color: $editor-color-dark;\n caret-color: $editor-color-dark-low;\n }\n\n font-family: inherit;\n font-size: inherit;\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n font-weight: $editor-font-weight-base;\n\n .code {\n font-family: $font-family-monospace;\n font-size: $font-size-monospace;\n\n * {\n font-size: inherit !important;\n }\n }\n\n .pre {\n color: $editor-color-light;\n\n .app--dark & {\n color: $editor-color-dark;\n }\n\n font-family: $font-family-monospace;\n font-size: $font-size-monospace;\n\n [class*='language-'] {\n color: $editor-color-light-low;\n\n .app--dark & {\n color: $editor-color-dark-low;\n }\n }\n\n * {\n font-size: inherit !important;\n }\n\n &,\n * {\n line-height: $line-height-title;\n }\n }\n\n .tag {\n color: $editor-color-light;\n\n .app--dark & {\n color: $editor-color-dark;\n }\n\n font-family: $font-family-monospace;\n font-size: $font-size-monospace;\n font-weight: $editor-font-weight-bold;\n\n .punctuation,\n .attr-value,\n .attr-name {\n font-weight: $editor-font-weight-base;\n }\n\n * {\n font-size: inherit !important;\n }\n }\n\n .latex,\n .math {\n color: $editor-color-light;\n\n .app--dark & {\n color: $editor-color-dark;\n }\n }\n\n .entity {\n color: $editor-color-light;\n\n .app--dark & {\n color: $editor-color-dark;\n }\n\n font-family: $font-family-monospace;\n font-size: $font-size-monospace;\n font-style: italic;\n\n * {\n font-size: inherit !important;\n }\n }\n\n .table {\n font-family: $font-family-monospace;\n font-size: $font-size-monospace;\n\n * {\n font-size: inherit !important;\n }\n }\n\n .comment {\n color: $editor-color-light-high;\n\n .app--dark & {\n color: $editor-color-dark-high;\n }\n }\n\n .keyword {\n color: $editor-color-light-low;\n\n .app--dark & {\n color: $editor-color-dark-low;\n }\n\n font-weight: $editor-font-weight-bold;\n }\n\n .code,\n .img,\n .img-wrapper,\n .imgref,\n .cl-toc {\n background-color: $code-bg;\n border-radius: $code-border-radius;\n padding: 0.15em 0;\n }\n\n .img-wrapper {\n display: inline-block;\n\n .img {\n display: inline-block;\n padding: 0;\n background-color: transparent;\n }\n\n img {\n max-width: 100%;\n padding: 0 0.15em;\n box-sizing: content-box;\n }\n }\n\n .cl-toc {\n font-size: 2.8em;\n padding: 0.15em;\n }\n\n .blockquote {\n color: $editor-color-light-blockquote;\n\n .app--dark & {\n color: $editor-color-dark-blockquote;\n }\n }\n\n .h1,\n .h11,\n .h2,\n .h22,\n .h3,\n .h4,\n .h5,\n .h6 {\n font-weight: $editor-font-weight-bold;\n\n &,\n * {\n line-height: $line-height-title;\n }\n }\n\n .h1,\n .h11 {\n font-size: 2em;\n }\n\n .h2,\n .h22 {\n font-size: 1.5em;\n }\n\n .h3 {\n font-size: 1.17em;\n }\n\n .h4 {\n font-size: 1em;\n }\n\n .h5 {\n font-size: 0.83em;\n }\n\n .h6 {\n font-size: 0.75em;\n }\n\n .cl-hash {\n color: $editor-color-light-high;\n\n .app--dark & {\n color: $editor-color-dark-high;\n }\n }\n\n .cl,\n .hr {\n color: $editor-color-light-high;\n\n .app--dark & {\n color: $editor-color-dark-high;\n }\n\n font-style: normal;\n font-weight: $editor-font-weight-base;\n }\n\n .em,\n .em .cl {\n font-style: italic;\n }\n\n .strong,\n .strong .cl,\n .term {\n font-weight: $editor-font-weight-bold;\n }\n\n .cl-del-text {\n text-decoration: line-through;\n }\n\n .cl-mark-text {\n background-color: #f8f840;\n color: $editor-color-light-low;\n }\n\n .url,\n .email,\n .cl-underlined-text {\n text-decoration: underline;\n }\n\n .linkdef .url {\n color: $editor-color-light-high;\n\n .app--dark & {\n color: $editor-color-dark-high;\n }\n }\n\n .fn,\n .inlinefn,\n .sup {\n font-size: smaller;\n position: relative;\n top: -0.5em;\n }\n\n .sub {\n bottom: -0.25em;\n font-size: smaller;\n position: relative;\n }\n\n .img,\n .imgref,\n .link,\n .linkref {\n color: $editor-color-light-high;\n\n .app--dark & {\n color: $editor-color-dark-high;\n }\n\n .cl-underlined-text {\n color: $editor-color-light-low;\n\n .app--dark & {\n color: $editor-color-dark-low;\n }\n }\n }\n\n .cl-title {\n color: $editor-color-light;\n\n .app--dark & {\n color: $editor-color-dark;\n }\n }\n}\n\n.markdown-highlighting--inline {\n .h1,\n .h11,\n .h2,\n .h22,\n .h3,\n .h4,\n .h5,\n .h6,\n .cl-toc {\n font-size: inherit;\n }\n}\n"
},
{
"path": "src/styles/prism.scss",
"content": ".token.pre.gfm,\n.prism {\n * {\n font-weight: inherit !important;\n }\n\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: #708090;\n }\n\n .token.punctuation {\n color: #999;\n }\n\n .namespace {\n opacity: 0.7;\n }\n\n .token.property,\n .token.tag,\n .token.boolean,\n .token.number,\n .token.constant,\n .token.symbol,\n .token.deleted {\n color: #905;\n }\n\n .token.selector,\n .token.attr-name,\n .token.string,\n .token.char,\n .token.builtin,\n .token.inserted {\n color: #690;\n }\n\n .token.operator,\n .token.entity,\n .token.url,\n .language-css .token.string,\n .style .token.string {\n color: #a67f59;\n }\n\n .token.atrule,\n .token.attr-value,\n .token.keyword {\n color: #07a;\n }\n\n .token.function {\n color: #dd4a68;\n }\n\n .token.regex,\n .token.important,\n .token.variable {\n color: #e90;\n }\n\n .token.important,\n .token.bold {\n font-weight: 500;\n }\n\n .token.italic {\n font-style: italic;\n }\n}\n"
},
{
"path": "src/styles/variables.scss",
"content": "$font-family-main: Lato, 'Helvetica Neue', Helvetica, sans-serif;\n$font-family-monospace: 'Roboto Mono', 'Lucida Sans Typewriter', 'Lucida Console', monaco, Courrier, monospace;\n$body-color-light: rgba(0, 0, 0, 0.75);\n$body-color-dark: rgba(255, 255, 255, 0.75);\n$code-bg: rgba(0, 0, 0, 0.05);\n$line-height-base: 1.67;\n$line-height-title: 1.33;\n$font-size-monospace: 0.85em;\n$highlighting-color: #ff0;\n$selection-highlighting-color: #ff9632;\n$info-bg: #ffad3326;\n$code-border-radius: 3px;\n$link-color: #0c93e4;\n$error-color: #f31;\n$border-radius-base: 3px;\n$hr-color: rgba(128, 128, 128, 0.33);\n$navbar-bg: #2c2c2c;\n$navbar-color: mix($navbar-bg, #fff, 33%);\n$navbar-hover-color: #fff;\n$navbar-hover-background: rgba(255, 255, 255, 0.1);\n\n$editor-background-light: #fff;\n$editor-background-dark: #1e1e1e;\n\n$editor-color-light: rgba(0, 0, 0, 0.8);\n$editor-color-light-low: #000;\n$editor-color-light-high: rgba(0, 0, 0, 0.28);\n$editor-color-light-blockquote: rgba(0, 0, 0, 0.48);\n\n$editor-color-dark: rgba(255, 255, 255, 0.8);\n$editor-color-dark-low: #fff;\n$editor-color-dark-high: rgba(255, 255, 255, 0.28);\n$editor-color-dark-blockquote: rgba(255, 255, 255, 0.48);\n\n$editor-font-weight-base: 400;\n$editor-font-weight-bold: 600;\n"
},
{
"path": "static/landing/index.html",
"content": "\n\n\n\n StackEdit – In-browser Markdown editor \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n\n \n \n \n \n \n In-browser Markdown editor\n\n \n \n \n \n \n \n \n Unrivalled writing experience
\n \n \n \n Rich Markdown editor
\n StackEdit’s Markdown syntax highlighting is unique. The refined text formatting of the editor helps you visualize the final rendering of your files.
\n \n \n \n \n ![](\"static/landing/syntax-highlighting.gif\")
\n \n \n \n \n ![](\"static/landing/navigation-bar.png\")
\n \n WYSIWYG controls
\n StackEdit provides very handy formatting buttons and shortcuts, thanks to PageDown, the WYSIWYG-style Markdown editor used by Stack Overflow.
\n \n \n \n \n \n Smart layout
\n Whether you write, you review, you comment… StackEdit's layout provides you with the flexibility you need, without sacrifice.
\n \n \n \n ![](\"static/landing/smart-layout.png\")
\n \n \n \n \n Live preview with Scroll Sync
\n StackEdit’s Scroll Sync feature accurately binds the scrollbars of the editor panel and the preview panel to ensure that you always keep an eye on the output while writing.
\n \n ![](\"static/landing/scroll-sync.gif\")
\n \n Designed for web writers
\n \n \n \n Stay connected
\n StackEdit can sync your files with Google Drive, Dropbox and GitHub. It can also publish them as blog posts to Blogger, WordPress and Zendesk. You can choose whether to upload in Markdown format, HTML, or to format the output using the Handlebars template engine.
\n \n \n \n ![](\"static/landing/providers.png\")
\n \n \n \n \n \n Collaborate
\n With StackEdit, you can share collaborative workspaces, thanks to the synchronization mechanism. If two collaborators are working on the same file at the same time, StackEdit takes care of merging the changes.
\n \n ![](\"static/landing/workspace.png\")
\n \n \n \n Comment
\n StackEdit allows you to insert inline comments and embed collaborator discussions in your files, just as well as Microsoft Word and Google Docs.
\n \n ![](\"static/landing/discussion.png\")
\n \n \n \n \n Write offline!
\n Even when you travel, StackEdit is still accessible and lets you write offline just like any desktop application. You have no excuse!
\n \n \n Extended Markdown support
\n \n \n
\n \n ![](\"static/landing/gfm.png\")
\n \n \n \n \n GitHub Flavored Markdown
\n StackEdit supports different Markdown flavors such as Markdown Extra, GFM and CommonMark. Each Markdown feature can be enabled or disabled at your convenience.
\n \n \n \n \n \n
\n \n ![](\"static/landing/katex.gif\")
\n \n \n \n \n LaTeX mathematical expressions
\n StackEdit renders mathematics from LaTeX expressions inside your markdown file, as you would do on Stack Exchange.
\n \n \n \n \n \n \n ![](\"static/landing/mermaid.gif\")
\n \n \n \n \n UML diagrams
\n StackEdit enables you to write sequence diagrams and flow charts using a simple syntax.
\n \n \n \n \n \n \n ![](\"static/landing/abc.png\")
\n \n \n \n \n Scores
\n StackEdit can render musical scores using the ABC notation.
\n \n \n \n \n \n \n ![](\"static/landing/twemoji.png\")
\n \n \n \n \n Emojis
\n StackEdit supports inserting emojis in your file using the Markdown emoji markup.
\n \n \n \n \n \n \n \n\n\n\n"
},
{
"path": "static/oauth2/callback.html",
"content": "\n\n \n \n \n\n"
},
{
"path": "static/sitemap.xml",
"content": "\n\n \n https://stackedit.io/ \n weekly \n 1.0 \n \n \n https://stackedit.io/app \n weekly \n 1.0 \n \n \n https://community.stackedit.io/ \n weekly \n 0.8 \n \n \n https://stackedit.io/privacy_policy.html \n monthly \n 0.6 \n \n \n"
},
{
"path": "test/unit/.eslintrc",
"content": "{\n \"env\": {\n \"jest\": true\n },\n \"extends\": [\n \"../../.eslintrc.js\"\n ]\n}\n"
},
{
"path": "test/unit/jest.conf.js",
"content": "const path = require('path');\n\nmodule.exports = {\n rootDir: path.resolve(__dirname, '../../'),\n moduleFileExtensions: [\n 'js',\n 'json',\n 'vue',\n ],\n moduleNameMapper: {\n '\\\\.(css|scss)$': 'identity-obj-proxy',\n '^!raw-loader!': 'identity-obj-proxy',\n '^worker-loader!\\\\./templateWorker\\\\.js$': '/test/unit/mocks/templateWorkerMock',\n },\n transform: {\n '^.+\\\\.js$': '/node_modules/babel-jest',\n '.*\\\\.(vue)$': '/node_modules/vue-jest',\n '.*\\\\.(yml|html|md)$': 'jest-raw-loader',\n },\n snapshotSerializers: ['/node_modules/jest-serializer-vue'],\n setupFiles: [\n '/test/unit/setup',\n ],\n coverageDirectory: '/test/unit/coverage',\n collectCoverageFrom: [\n 'src/**/*.{js,vue}',\n '!src/main.js',\n '!**/node_modules/**',\n ],\n globals: {\n NODE_ENV: 'production',\n },\n};\n"
},
{
"path": "test/unit/mocks/cryptoMock.js",
"content": "window.crypto = {\n getRandomValues(array) {\n for (let i = 0; i < array.length; i += 1) {\n array[i] = Math.floor(Math.random() * 1000000);\n }\n },\n};\n"
},
{
"path": "test/unit/mocks/localStorageMock.js",
"content": "const store = {};\nwindow.localStorage = {\n getItem(key) {\n return store[key] || null;\n },\n setItem(key, value) {\n store[key] = value.toString();\n },\n};\n"
},
{
"path": "test/unit/mocks/mutationObserverMock.js",
"content": "/* eslint-disable class-methods-use-this */\nclass MutationObserver {\n observe() {\n }\n}\nwindow.MutationObserver = MutationObserver;\n"
},
{
"path": "test/unit/mocks/templateWorkerMock.js",
"content": "module.exports = 'test-file-stub';\n"
},
{
"path": "test/unit/setup.js",
"content": "import Vue from 'vue';\nimport './mocks/cryptoMock';\nimport './mocks/mutationObserverMock';\n\nVue.config.productionTip = false;\n"
},
{
"path": "test/unit/specs/components/ButtonBar.spec.js",
"content": "import ButtonBar from '../../../../src/components/ButtonBar';\nimport store from '../../../../src/store';\nimport specUtils from '../specUtils';\n\ndescribe('ButtonBar.vue', () => {\n it('should toggle the navigation bar', async () => specUtils.checkToggler(\n ButtonBar,\n wrapper => wrapper.find('.button-bar__button--navigation-bar-toggler').trigger('click'),\n () => store.getters['data/layoutSettings'].showNavigationBar,\n 'toggleNavigationBar',\n ));\n\n it('should toggle the side preview', async () => specUtils.checkToggler(\n ButtonBar,\n wrapper => wrapper.find('.button-bar__button--side-preview-toggler').trigger('click'),\n () => store.getters['data/layoutSettings'].showSidePreview,\n 'toggleSidePreview',\n ));\n\n it('should toggle the editor', async () => specUtils.checkToggler(\n ButtonBar,\n wrapper => wrapper.find('.button-bar__button--editor-toggler').trigger('click'),\n () => store.getters['data/layoutSettings'].showEditor,\n 'toggleEditor',\n ));\n\n it('should toggle the focus mode', async () => specUtils.checkToggler(\n ButtonBar,\n wrapper => wrapper.find('.button-bar__button--focus-mode-toggler').trigger('click'),\n () => store.getters['data/layoutSettings'].focusMode,\n 'toggleFocusMode',\n ));\n\n it('should toggle the scroll sync', async () => specUtils.checkToggler(\n ButtonBar,\n wrapper => wrapper.find('.button-bar__button--scroll-sync-toggler').trigger('click'),\n () => store.getters['data/layoutSettings'].scrollSync,\n 'toggleScrollSync',\n ));\n\n it('should toggle the status bar', async () => specUtils.checkToggler(\n ButtonBar,\n wrapper => wrapper.find('.button-bar__button--status-bar-toggler').trigger('click'),\n () => store.getters['data/layoutSettings'].showStatusBar,\n 'toggleStatusBar',\n ));\n});\n"
},
{
"path": "test/unit/specs/components/ContextMenu.spec.js",
"content": "import { shallowMount } from '@vue/test-utils';\nimport ContextMenu from '../../../../src/components/ContextMenu';\nimport store from '../../../../src/store';\nimport '../specUtils';\n\nconst mount = () => shallowMount(ContextMenu, { store });\n\ndescribe('ContextMenu.vue', () => {\n const name = 'Name';\n const makeOptions = () => ({\n coordinates: {\n left: 0,\n top: 0,\n },\n items: [{ name }],\n });\n\n it('should open/close itself', async () => {\n const wrapper = mount();\n expect(wrapper.contains('.context-menu__item')).toEqual(false);\n setTimeout(() => wrapper.find('.context-menu__item').trigger('click'), 1);\n const item = await store.dispatch('contextMenu/open', makeOptions());\n expect(item.name).toEqual(name);\n });\n\n it('should cancel itself', async () => {\n const wrapper = mount();\n setTimeout(() => wrapper.trigger('click'), 1);\n const item = await store.dispatch('contextMenu/open', makeOptions());\n expect(item).toEqual(null);\n });\n});\n"
},
{
"path": "test/unit/specs/components/Explorer.spec.js",
"content": "import { shallowMount } from '@vue/test-utils';\nimport Explorer from '../../../../src/components/Explorer';\nimport store from '../../../../src/store';\nimport workspaceSvc from '../../../../src/services/workspaceSvc';\nimport specUtils from '../specUtils';\n\nconst mount = () => shallowMount(Explorer, { store });\nconst select = (id) => {\n store.commit('explorer/setSelectedId', id);\n expect(store.getters['explorer/selectedNode'].item.id).toEqual(id);\n};\nconst ensureExists = file => expect(store.getters.allItemsById).toHaveProperty(file.id);\nconst ensureNotExists = file => expect(store.getters.allItemsById).not.toHaveProperty(file.id);\nconst refreshItem = item => store.getters.allItemsById[item.id];\n\ndescribe('Explorer.vue', () => {\n it('should create new file in the root folder', async () => {\n expect(store.state.explorer.newChildNode.isNil).toBeTruthy();\n const wrapper = mount();\n wrapper.find('.side-title__button--new-file').trigger('click');\n expect(store.state.explorer.newChildNode.isNil).toBeFalsy();\n expect(store.state.explorer.newChildNode.item).toMatchObject({\n type: 'file',\n parentId: null,\n });\n });\n\n it('should create new file in a folder', async () => {\n const folder = await workspaceSvc.storeItem({ type: 'folder' });\n const wrapper = mount();\n select(folder.id);\n wrapper.find('.side-title__button--new-file').trigger('click');\n expect(store.state.explorer.newChildNode.item).toMatchObject({\n type: 'file',\n parentId: folder.id,\n });\n });\n\n it('should not create new files in the trash folder', async () => {\n const wrapper = mount();\n select('trash');\n wrapper.find('.side-title__button--new-file').trigger('click');\n expect(store.state.explorer.newChildNode.item).toMatchObject({\n type: 'file',\n parentId: null,\n });\n });\n\n it('should create new folders in the root folder', async () => {\n expect(store.state.explorer.newChildNode.isNil).toBeTruthy();\n const wrapper = mount();\n wrapper.find('.side-title__button--new-folder').trigger('click');\n expect(store.state.explorer.newChildNode.isNil).toBeFalsy();\n expect(store.state.explorer.newChildNode.item).toMatchObject({\n type: 'folder',\n parentId: null,\n });\n });\n\n it('should create new folders in a folder', async () => {\n const folder = await workspaceSvc.storeItem({ type: 'folder' });\n const wrapper = mount();\n select(folder.id);\n wrapper.find('.side-title__button--new-folder').trigger('click');\n expect(store.state.explorer.newChildNode.item).toMatchObject({\n type: 'folder',\n parentId: folder.id,\n });\n });\n\n it('should not create new folders in the trash folder', async () => {\n const wrapper = mount();\n select('trash');\n wrapper.find('.side-title__button--new-folder').trigger('click');\n expect(store.state.explorer.newChildNode.item).toMatchObject({\n type: 'folder',\n parentId: null,\n });\n });\n\n it('should not create new folders in the temp folder', async () => {\n const wrapper = mount();\n select('temp');\n wrapper.find('.side-title__button--new-folder').trigger('click');\n expect(store.state.explorer.newChildNode.item).toMatchObject({\n type: 'folder',\n parentId: null,\n });\n });\n\n it('should move file to the trash folder on delete', async () => {\n const file = await workspaceSvc.createFile({}, true);\n expect(file.parentId).toEqual(null);\n const wrapper = mount();\n select(file.id);\n wrapper.find('.side-title__button--delete').trigger('click');\n ensureExists(file);\n expect(refreshItem(file).parentId).toEqual('trash');\n await specUtils.expectBadge('removeFile');\n });\n\n it('should not delete the trash folder', async () => {\n const wrapper = mount();\n select('trash');\n wrapper.find('.side-title__button--delete').trigger('click');\n await specUtils.resolveModal('trashDeletion');\n await specUtils.expectBadge('removeFile', false);\n });\n\n it('should not delete file in the trash folder', async () => {\n const file = await workspaceSvc.createFile({ parentId: 'trash' }, true);\n const wrapper = mount();\n select(file.id);\n wrapper.find('.side-title__button--delete').trigger('click');\n await specUtils.resolveModal('trashDeletion');\n ensureExists(file);\n await specUtils.expectBadge('removeFile', false);\n });\n\n it('should delete the temp folder after confirmation', async () => {\n const file = await workspaceSvc.createFile({ parentId: 'temp' }, true);\n const wrapper = mount();\n select('temp');\n wrapper.find('.side-title__button--delete').trigger('click');\n await specUtils.resolveModal('tempFolderDeletion');\n ensureNotExists(file);\n await specUtils.expectBadge('removeFolder');\n });\n\n it('should delete temp file after confirmation', async () => {\n const file = await workspaceSvc.createFile({ parentId: 'temp' }, true);\n const wrapper = mount();\n select(file.id);\n wrapper.find('.side-title__button--delete').trigger('click');\n ensureExists(file);\n await specUtils.resolveModal('tempFileDeletion');\n ensureNotExists(file);\n await specUtils.expectBadge('removeFile');\n });\n\n it('should delete folder after confirmation', async () => {\n const folder = await workspaceSvc.storeItem({ type: 'folder' });\n const file = await workspaceSvc.createFile({ parentId: folder.id }, true);\n const wrapper = mount();\n select(folder.id);\n wrapper.find('.side-title__button--delete').trigger('click');\n await specUtils.resolveModal('folderDeletion');\n ensureNotExists(folder);\n // Make sure file has been moved to Trash\n ensureExists(file);\n expect(refreshItem(file).parentId).toEqual('trash');\n await specUtils.expectBadge('removeFolder');\n });\n\n it('should rename file', async () => {\n const file = await workspaceSvc.createFile({}, true);\n const wrapper = mount();\n select(file.id);\n wrapper.find('.side-title__button--rename').trigger('click');\n expect(store.getters['explorer/editingNode'].item.id).toEqual(file.id);\n });\n\n it('should rename folder', async () => {\n const folder = await workspaceSvc.storeItem({ type: 'folder' });\n const wrapper = mount();\n select(folder.id);\n wrapper.find('.side-title__button--rename').trigger('click');\n expect(store.getters['explorer/editingNode'].item.id).toEqual(folder.id);\n });\n\n it('should not rename the trash folder', async () => {\n const wrapper = mount();\n select('trash');\n wrapper.find('.side-title__button--rename').trigger('click');\n expect(store.getters['explorer/editingNode'].isNil).toBeTruthy();\n });\n\n it('should not rename the temp folder', async () => {\n const wrapper = mount();\n select('temp');\n wrapper.find('.side-title__button--rename').trigger('click');\n expect(store.getters['explorer/editingNode'].isNil).toBeTruthy();\n });\n\n it('should close itself', async () => {\n store.dispatch('data/toggleExplorer', true);\n specUtils.checkToggler(\n Explorer,\n wrapper => wrapper.find('.side-title__button--close').trigger('click'),\n () => store.getters['data/layoutSettings'].showExplorer,\n 'toggleExplorer',\n );\n });\n});\n"
},
{
"path": "test/unit/specs/components/ExplorerNode.spec.js",
"content": "import { shallowMount } from '@vue/test-utils';\nimport ExplorerNode from '../../../../src/components/ExplorerNode';\nimport store from '../../../../src/store';\nimport workspaceSvc from '../../../../src/services/workspaceSvc';\nimport explorerSvc from '../../../../src/services/explorerSvc';\nimport specUtils from '../specUtils';\n\nconst makeFileNode = async () => {\n const file = await workspaceSvc.createFile({}, true);\n const node = store.getters['explorer/nodeMap'][file.id];\n expect(node.item.id).toEqual(file.id);\n return node;\n};\n\nconst makeFolderNode = async () => {\n const folder = await workspaceSvc.storeItem({ type: 'folder' });\n const node = store.getters['explorer/nodeMap'][folder.id];\n expect(node.item.id).toEqual(folder.id);\n return node;\n};\n\nconst mount = node => shallowMount(ExplorerNode, {\n store,\n propsData: { node, depth: 1 },\n});\nconst mountAndSelect = (node) => {\n const wrapper = mount(node);\n wrapper.find('.explorer-node__item').trigger('click');\n expect(store.getters['explorer/selectedNode'].item.id).toEqual(node.item.id);\n expect(wrapper.classes()).toContain('explorer-node--selected');\n return wrapper;\n};\n\nconst dragAndDrop = (sourceItem, targetItem) => {\n const sourceNode = store.getters['explorer/nodeMap'][sourceItem.id];\n mountAndSelect(sourceNode).find('.explorer-node__item').trigger('dragstart', {\n dataTransfer: { setData: () => {} },\n });\n expect(store.state.explorer.dragSourceId).toEqual(sourceItem.id);\n const targetNode = store.getters['explorer/nodeMap'][targetItem.id];\n const wrapper = mount(targetNode);\n wrapper.trigger('dragenter');\n expect(store.state.explorer.dragTargetId).toEqual(targetItem.id);\n wrapper.trigger('drop');\n const expectedParentId = targetItem.type === 'file' ? targetItem.parentId : targetItem.id;\n expect(store.getters['explorer/selectedNode'].item.parentId).toEqual(expectedParentId);\n};\n\ndescribe('ExplorerNode.vue', () => {\n const modifiedName = 'Name';\n\n it('should open file on select after a timeout', async () => {\n const node = await makeFileNode();\n mountAndSelect(node);\n expect(store.getters['file/current'].id).not.toEqual(node.item.id);\n await new Promise(resolve => setTimeout(resolve, 10));\n expect(store.getters['file/current'].id).toEqual(node.item.id);\n await specUtils.expectBadge('switchFile');\n });\n\n it('should not open already open file', async () => {\n const node = await makeFileNode();\n store.commit('file/setCurrentId', node.item.id);\n mountAndSelect(node);\n await new Promise(resolve => setTimeout(resolve, 10));\n expect(store.getters['file/current'].id).toEqual(node.item.id);\n await specUtils.expectBadge('switchFile', false);\n });\n\n it('should open folder on select after a timeout', async () => {\n const node = await makeFolderNode();\n const wrapper = mountAndSelect(node);\n expect(wrapper.classes()).not.toContain('explorer-node--open');\n await new Promise(resolve => setTimeout(resolve, 10));\n expect(wrapper.classes()).toContain('explorer-node--open');\n });\n\n it('should open folder on new child', async () => {\n const node = await makeFolderNode();\n const wrapper = mountAndSelect(node);\n // Close the folder\n wrapper.find('.explorer-node__item').trigger('click');\n await new Promise(resolve => setTimeout(resolve, 10));\n expect(wrapper.classes()).not.toContain('explorer-node--open');\n explorerSvc.newItem();\n expect(wrapper.classes()).toContain('explorer-node--open');\n });\n\n it('should create new file in a folder', async () => {\n const node = await makeFolderNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('New file');\n expect(wrapper.contains('.explorer-node__new-child')).toBe(true);\n store.commit('explorer/setNewItemName', modifiedName);\n wrapper.find('.explorer-node__new-child .text-input').trigger('blur');\n await new Promise(resolve => setTimeout(resolve, 1));\n expect(store.getters['explorer/selectedNode'].item).toMatchObject({\n name: modifiedName,\n type: 'file',\n parentId: node.item.id,\n });\n expect(wrapper.contains('.explorer-node__new-child')).toBe(false);\n await specUtils.expectBadge('createFile');\n });\n\n it('should cancel file creation on escape', async () => {\n const node = await makeFolderNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('New file');\n expect(wrapper.contains('.explorer-node__new-child')).toBe(true);\n store.commit('explorer/setNewItemName', modifiedName);\n wrapper.find('.explorer-node__new-child .text-input').trigger('keydown', {\n keyCode: 27,\n });\n await new Promise(resolve => setTimeout(resolve, 1));\n expect(store.getters['explorer/selectedNode'].item).not.toMatchObject({\n name: 'modifiedName',\n type: 'file',\n parentId: node.item.id,\n });\n expect(wrapper.contains('.explorer-node__new-child')).toBe(false);\n await specUtils.expectBadge('createFile', false);\n });\n\n it('should not create new file in a file', async () => {\n const node = await makeFileNode();\n mount(node).trigger('contextmenu');\n expect(specUtils.getContextMenuItem('New file').disabled).toBe(true);\n });\n\n it('should not create new file in the trash folder', async () => {\n const node = store.getters['explorer/nodeMap'].trash;\n mount(node).trigger('contextmenu');\n expect(specUtils.getContextMenuItem('New file').disabled).toBe(true);\n });\n\n it('should create new folder in folder', async () => {\n const node = await makeFolderNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('New folder');\n expect(wrapper.contains('.explorer-node__new-child--folder')).toBe(true);\n store.commit('explorer/setNewItemName', modifiedName);\n wrapper.find('.explorer-node__new-child--folder .text-input').trigger('blur');\n await new Promise(resolve => setTimeout(resolve, 1));\n expect(store.getters['explorer/selectedNode'].item).toMatchObject({\n name: modifiedName,\n type: 'folder',\n parentId: node.item.id,\n });\n expect(wrapper.contains('.explorer-node__new-child--folder')).toBe(false);\n await specUtils.expectBadge('createFolder');\n });\n\n it('should cancel folder creation on escape', async () => {\n const node = await makeFolderNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('New folder');\n expect(wrapper.contains('.explorer-node__new-child--folder')).toBe(true);\n store.commit('explorer/setNewItemName', modifiedName);\n wrapper.find('.explorer-node__new-child--folder .text-input').trigger('keydown', {\n keyCode: 27,\n });\n await new Promise(resolve => setTimeout(resolve, 1));\n expect(store.getters['explorer/selectedNode'].item).not.toMatchObject({\n name: modifiedName,\n type: 'folder',\n parentId: node.item.id,\n });\n expect(wrapper.contains('.explorer-node__new-child--folder')).toBe(false);\n await specUtils.expectBadge('createFolder', false);\n });\n\n it('should not create new folder in a file', async () => {\n const node = await makeFileNode();\n mount(node).trigger('contextmenu');\n expect(specUtils.getContextMenuItem('New folder').disabled).toBe(true);\n });\n\n it('should not create new folder in the trash folder', async () => {\n const node = store.getters['explorer/nodeMap'].trash;\n mount(node).trigger('contextmenu');\n expect(specUtils.getContextMenuItem('New folder').disabled).toBe(true);\n });\n\n it('should not create new folder in the temp folder', async () => {\n const node = store.getters['explorer/nodeMap'].temp;\n mount(node).trigger('contextmenu');\n expect(specUtils.getContextMenuItem('New folder').disabled).toBe(true);\n });\n\n it('should rename file', async () => {\n const node = await makeFileNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('Rename');\n expect(wrapper.contains('.explorer-node__item-editor')).toBe(true);\n wrapper.setData({ editingValue: modifiedName });\n wrapper.find('.explorer-node__item-editor .text-input').trigger('blur');\n expect(store.getters['explorer/selectedNode'].item.name).toEqual(modifiedName);\n await specUtils.expectBadge('renameFile');\n });\n\n it('should cancel rename file on escape', async () => {\n const node = await makeFileNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('Rename');\n expect(wrapper.contains('.explorer-node__item-editor')).toBe(true);\n wrapper.setData({ editingValue: modifiedName });\n wrapper.find('.explorer-node__item-editor .text-input').trigger('keydown', {\n keyCode: 27,\n });\n expect(store.getters['explorer/selectedNode'].item.name).not.toEqual(modifiedName);\n await specUtils.expectBadge('renameFile', false);\n });\n\n it('should rename folder', async () => {\n const node = await makeFolderNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('Rename');\n expect(wrapper.contains('.explorer-node__item-editor')).toBe(true);\n wrapper.setData({ editingValue: modifiedName });\n wrapper.find('.explorer-node__item-editor .text-input').trigger('blur');\n expect(store.getters['explorer/selectedNode'].item.name).toEqual(modifiedName);\n await specUtils.expectBadge('renameFolder');\n });\n\n it('should cancel rename folder on escape', async () => {\n const node = await makeFolderNode();\n const wrapper = mount(node);\n wrapper.trigger('contextmenu');\n await specUtils.resolveContextMenu('Rename');\n expect(wrapper.contains('.explorer-node__item-editor')).toBe(true);\n wrapper.setData({ editingValue: modifiedName });\n wrapper.find('.explorer-node__item-editor .text-input').trigger('keydown', {\n keyCode: 27,\n });\n expect(store.getters['explorer/selectedNode'].item.name).not.toEqual(modifiedName);\n await specUtils.expectBadge('renameFolder', false);\n });\n\n it('should not rename the trash folder', async () => {\n const node = store.getters['explorer/nodeMap'].trash;\n mount(node).trigger('contextmenu');\n expect(specUtils.getContextMenuItem('Rename').disabled).toBe(true);\n });\n\n it('should not rename the temp folder', async () => {\n const node = store.getters['explorer/nodeMap'].temp;\n mount(node).trigger('contextmenu');\n expect(specUtils.getContextMenuItem('Rename').disabled).toBe(true);\n });\n\n it('should move file into a folder', async () => {\n const sourceItem = await workspaceSvc.createFile({}, true);\n const targetItem = await workspaceSvc.storeItem({ type: 'folder' });\n dragAndDrop(sourceItem, targetItem);\n await specUtils.expectBadge('moveFile');\n });\n\n it('should move folder into a folder', async () => {\n const sourceItem = await workspaceSvc.storeItem({ type: 'folder' });\n const targetItem = await workspaceSvc.storeItem({ type: 'folder' });\n dragAndDrop(sourceItem, targetItem);\n await specUtils.expectBadge('moveFolder');\n });\n\n it('should move file into a file parent folder', async () => {\n const targetItem = await workspaceSvc.storeItem({ type: 'folder' });\n const file = await workspaceSvc.createFile({ parentId: targetItem.id }, true);\n const sourceItem = await workspaceSvc.createFile({}, true);\n dragAndDrop(sourceItem, file);\n await specUtils.expectBadge('moveFile');\n });\n\n it('should not move the trash folder', async () => {\n const sourceNode = store.getters['explorer/nodeMap'].trash;\n mountAndSelect(sourceNode).find('.explorer-node__item').trigger('dragstart');\n expect(store.state.explorer.dragSourceId).not.toEqual('trash');\n });\n\n it('should not move the temp folder', async () => {\n const sourceNode = store.getters['explorer/nodeMap'].temp;\n mountAndSelect(sourceNode).find('.explorer-node__item').trigger('dragstart');\n expect(store.state.explorer.dragSourceId).not.toEqual('temp');\n });\n\n it('should not move file to the temp folder', async () => {\n const targetNode = store.getters['explorer/nodeMap'].temp;\n const wrapper = mount(targetNode);\n wrapper.trigger('dragenter');\n expect(store.state.explorer.dragTargetId).not.toEqual('temp');\n });\n\n it('should not move file to a file in the temp folder', async () => {\n const file = await workspaceSvc.createFile({ parentId: 'temp' }, true);\n const targetNode = store.getters['explorer/nodeMap'][file.id];\n const wrapper = mount(targetNode);\n wrapper.trigger('dragenter');\n expect(store.state.explorer.dragTargetId).not.toEqual(file.id);\n });\n});\n"
},
{
"path": "test/unit/specs/components/NavigationBar.spec.js",
"content": "import NavigationBar from '../../../../src/components/NavigationBar';\nimport store from '../../../../src/store';\nimport specUtils from '../specUtils';\n\ndescribe('NavigationBar.vue', () => {\n it('should toggle the explorer', async () => specUtils.checkToggler(\n NavigationBar,\n wrapper => wrapper.find('.navigation-bar__button--explorer-toggler').trigger('click'),\n () => store.getters['data/layoutSettings'].showExplorer,\n 'toggleExplorer',\n ));\n\n it('should toggle the side bar', async () => specUtils.checkToggler(\n NavigationBar,\n wrapper => wrapper.find('.navigation-bar__button--stackedit').trigger('click'),\n () => store.getters['data/layoutSettings'].showSideBar,\n 'toggleSideBar',\n ));\n});\n"
},
{
"path": "test/unit/specs/components/Notification.spec.js",
"content": "import { shallowMount } from '@vue/test-utils';\nimport Notification from '../../../../src/components/Notification';\nimport store from '../../../../src/store';\nimport '../specUtils';\n\nconst mount = () => shallowMount(Notification, { store });\n\ndescribe('Notification.vue', () => {\n it('should autoclose itself', async () => {\n const wrapper = mount();\n expect(wrapper.contains('.notification__item')).toBe(false);\n store.dispatch('notification/showItem', {\n type: 'info',\n content: 'Test',\n timeout: 10,\n });\n expect(wrapper.contains('.notification__item')).toBe(true);\n await new Promise(resolve => setTimeout(resolve, 10));\n expect(wrapper.contains('.notification__item')).toBe(false);\n });\n\n it('should show messages from top to bottom', async () => {\n const wrapper = mount();\n store.dispatch('notification/info', 'Test 1');\n store.dispatch('notification/info', 'Test 2');\n const items = wrapper.findAll('.notification__item');\n expect(items.length).toEqual(2);\n expect(items.at(0).text()).toMatch(/Test 1/);\n expect(items.at(1).text()).toMatch(/Test 2/);\n });\n\n it('should not open the same message twice', async () => {\n const wrapper = mount();\n store.dispatch('notification/info', 'Test');\n store.dispatch('notification/info', 'Test');\n expect(wrapper.findAll('.notification__item').length).toEqual(1);\n });\n});\n"
},
{
"path": "test/unit/specs/specUtils.js",
"content": "import { shallowMount } from '@vue/test-utils';\nimport store from '../../../src/store';\nimport utils from '../../../src/services/utils';\nimport '../../../src/icons';\nimport '../../../src/components/common/vueGlobals';\n\nconst clone = object => JSON.parse(JSON.stringify(object));\n\nconst deepAssign = (target, origin) => {\n Object.entries(origin).forEach(([key, value]) => {\n const type = Object.prototype.toString.call(value);\n if (type === '[object Object]' && Object.keys(value).length) {\n deepAssign(target[key], value);\n } else {\n target[key] = value;\n }\n });\n};\n\nconst freshState = clone(store.state);\n\nbeforeEach(() => {\n // Restore store state before each test\n deepAssign(store.state, clone(freshState));\n});\n\nexport default {\n async checkToggler(Component, toggler, checker, featureId) {\n const wrapper = shallowMount(Component, { store });\n const valueBefore = checker();\n toggler(wrapper);\n const valueAfter = checker();\n expect(valueAfter).toEqual(!valueBefore);\n await this.expectBadge(featureId);\n },\n async resolveModal(type) {\n const config = store.getters['modal/config'];\n expect(config).toBeTruthy();\n expect(config.type).toEqual(type);\n config.resolve();\n await new Promise(resolve => setTimeout(resolve, 1));\n },\n getContextMenuItem(name) {\n return utils.someResult(store.state.contextMenu.items, item => item.name === name && item);\n },\n async resolveContextMenu(name) {\n const item = this.getContextMenuItem(name);\n expect(item).toBeTruthy();\n store.state.contextMenu.resolve(item);\n await new Promise(resolve => setTimeout(resolve, 1));\n },\n async expectBadge(featureId, isEarned = true) {\n await new Promise(resolve => setTimeout(resolve, 1));\n expect(store.getters['data/allBadges'].filter(badge => badge.featureId === featureId)[0]).toMatchObject({\n isEarned,\n });\n },\n};\n"
}
]