" + katex.renderToString(latex, options) + "
"; 180 | } 181 | catch(error){ 182 | if(options.throwOnError){ console.log(error); } 183 | return latex; 184 | } 185 | } 186 | 187 | var blockRenderer = function(tokens, idx){ 188 | return katexBlock(tokens[idx].content) + '\n'; 189 | } 190 | 191 | md.inline.ruler.after('escape', 'math_inline', math_inline); 192 | md.block.ruler.after('blockquote', 'math_block', math_block, { 193 | alt: [ 'paragraph', 'reference', 'blockquote', 'list' ] 194 | }); 195 | md.renderer.rules.math_inline = inlineRenderer; 196 | md.renderer.rules.math_block = blockRenderer; 197 | }; 198 | -------------------------------------------------------------------------------- /app/vendor/mousetrap/global-bind.js: -------------------------------------------------------------------------------- 1 | (function(a){var c={},d=a.prototype.stopCallback;a.prototype.stopCallback=function(e,b,a,f){return this.paused?!0:c[a]||c[f]?!1:d.call(this,e,b,a)};a.prototype.bindGlobal=function(a,b,d){this.bind(a,b,d);if(a instanceof Array)for(b=0;b
29 |
34 |
39 |
40 |
41 |
105 |
--------------------------------------------------------------------------------
/src/components/footer.vue:
--------------------------------------------------------------------------------
1 |
79 |
80 |
81 |
115 |
116 |
117 |
160 |
--------------------------------------------------------------------------------
/src/components/header.vue:
--------------------------------------------------------------------------------
1 |
148 |
149 |
150 |
157 |
186 |
166 |
167 | {{ tab.title || 'untitled-' + (tab.id) }}
168 |
169 |
177 |
180 |
181 | ×
182 |
183 |
184 |
185 |
31 |
32 |
33 |
34 |
35 |
60 |
--------------------------------------------------------------------------------
/src/components/writing-modes.vue:
--------------------------------------------------------------------------------
1 |
2 |
25 |
26 |
27 |
77 |
--------------------------------------------------------------------------------
/src/css/codemirror/base16-light.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: Base16 Default Light
4 | Author: Chris Kempson (http://chriskempson.com)
5 |
6 | CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
7 | Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
8 |
9 | */
10 |
11 | .cm-s-base16-light.CodeMirror {
12 | background: #f5f5f5;
13 | color: #202020;
14 | }
15 | .cm-s-base16-light div.CodeMirror-selected {
16 | background: #e0e0e0;
17 | }
18 | .cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line> span::selection, .cm-s-base16-light .CodeMirror-line> span> span::selection {
19 | background: #e0e0e0;
20 | }
21 | .cm-s-base16-light .CodeMirror-line::-moz-selection, .cm-s-base16-light .CodeMirror-line> span::-moz-selection, .cm-s-base16-light .CodeMirror-line> span> span::-moz-selection {
22 | background: #e0e0e0;
23 | }
24 | .cm-s-base16-light .CodeMirror-gutters {
25 | background: #f5f5f5;
26 | border-right: 0px;
27 | }
28 | .cm-s-base16-light .CodeMirror-guttermarker {
29 | color: #ac4142;
30 | }
31 | .cm-s-base16-light .CodeMirror-guttermarker-subtle {
32 | color: #b0b0b0;
33 | }
34 | .cm-s-base16-light .CodeMirror-linenumber {
35 | color: #b0b0b0;
36 | }
37 | .cm-s-base16-light .CodeMirror-cursor {
38 | border-left: 1px solid #505050;
39 | }
40 | .cm-s-base16-light span.cm-comment {
41 | color: #8f5536;
42 | }
43 | .cm-s-base16-light span.cm-atom {
44 | color: #aa759f;
45 | }
46 | .cm-s-base16-light span.cm-number {
47 | color: #aa759f;
48 | }
49 | .cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute {
50 | color: #90a959;
51 | }
52 | .cm-s-base16-light span.cm-keyword {
53 | color: #ac4142;
54 | }
55 | .cm-s-base16-light span.cm-string {
56 | color: #f4bf75;
57 | }
58 | .cm-s-base16-light span.cm-variable {
59 | color: #90a959;
60 | }
61 | .cm-s-base16-light span.cm-variable-2 {
62 | color: #6a9fb5;
63 | }
64 | .cm-s-base16-light span.cm-def {
65 | color: #d28445;
66 | }
67 | .cm-s-base16-light span.cm-bracket {
68 | color: #202020;
69 | }
70 | .cm-s-base16-light span.cm-tag {
71 | color: #ac4142;
72 | }
73 | .cm-s-base16-light span.cm-link {
74 | color: #aa759f;
75 | }
76 | .cm-s-base16-light span.cm-error {
77 | background: #ac4142;
78 | color: #505050;
79 | }
80 | .cm-s-base16-light .CodeMirror-activeline-background {
81 | background: #DDDCDC;
82 | }
83 | .cm-s-base16-light .CodeMirror-matchingbracket {
84 | text-decoration: underline;
85 | color: black !important;
86 | }
87 |
--------------------------------------------------------------------------------
/src/css/codemirror/editor-dialog.css:
--------------------------------------------------------------------------------
1 | .CodeMirror-dialog {
2 | position: absolute;
3 | left: 0;
4 | right: 0;
5 | background: inherit;
6 | z-index: 15;
7 | padding: 0 .8em;
8 | height: 1.75rem;
9 | line-height: 1.75rem;
10 | overflow: hidden;
11 | color: inherit;
12 | }
13 |
14 | .CodeMirror-dialog-top {
15 | top: 0;
16 | border-bottom: 1px solid #ddd;
17 | }
18 |
19 | .CodeMirror-dialog-bottom {
20 | bottom: 0;
21 | }
22 |
23 | .CodeMirror-dialog input {
24 | border: none;
25 | outline: none;
26 | background: transparent;
27 | width: 20em;
28 | color: inherit;
29 | font-family: inherit;
30 | }
31 |
32 | .CodeMirror-dialog button {
33 | font-size: 70%;
34 | }
35 |
--------------------------------------------------------------------------------
/src/css/codemirror/editor-reset.css:
--------------------------------------------------------------------------------
1 | .editor {
2 | &.focus-mode {
3 | * {
4 | color: #ccc !important;
5 | }
6 | }
7 | .cm-s-base16-light {
8 | .CodeMirror-activeline-background {
9 | background-color: transparent;
10 | }
11 | .CodeMirror-activeline {
12 | * {
13 | color: #333 !important;
14 | }
15 | }
16 | }
17 | .CodeMirror-dialog input {
18 | font-family: inherit !important;
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/css/codemirror/editor-scrollbar.css:
--------------------------------------------------------------------------------
1 | .CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
2 | position: absolute;
3 | background: #f0f0f0;
4 | -moz-box-sizing: border-box;
5 | box-sizing: border-box;
6 | border: 1px solid #e2e2e2;
7 | border-radius: 2px;
8 | }
9 |
10 | .CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
11 | position: absolute;
12 | z-index: 6;
13 | background: #eee;
14 | }
15 |
16 | .CodeMirror-simplescroll-horizontal {
17 | bottom: 0; left: 0;
18 | height: 8px;
19 | }
20 | .CodeMirror-simplescroll-horizontal div {
21 | bottom: 0;
22 | height: 100%;
23 | }
24 |
25 | .CodeMirror-simplescroll-vertical {
26 | right: 0; top: 0;
27 | width: 8px;
28 | background-color: transparent;
29 | visibility: hidden;
30 | cursor: default;
31 | }
32 | .editor:hover .CodeMirror-simplescroll-vertical {
33 | visibility: visible;
34 | }
35 | .CodeMirror-simplescroll-vertical div {
36 | right: 0;
37 | width: 100%;
38 | }
39 |
40 |
41 | .CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
42 | display: none;
43 | }
44 |
45 | .CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
46 | position: absolute;
47 | background: #bcd;
48 | border-radius: 3px;
49 | }
50 |
51 | .CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
52 | position: absolute;
53 | z-index: 6;
54 | }
55 |
56 | .CodeMirror-overlayscroll-horizontal {
57 | bottom: 0; left: 0;
58 | height: 6px;
59 | }
60 | .CodeMirror-overlayscroll-horizontal div {
61 | bottom: 0;
62 | height: 100%;
63 | }
64 |
65 | .CodeMirror-overlayscroll-vertical {
66 | right: 0; top: 0;
67 | width: 6px;
68 | }
69 | .CodeMirror-overlayscroll-vertical div {
70 | right: 0;
71 | width: 100%;
72 | }
73 |
--------------------------------------------------------------------------------
/src/css/codemirror/tomorrow-night-bright.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | Name: Tomorrow Night - Bright
4 | Author: Chris Kempson
5 |
6 | Port done by Gerard Braad ${html}
`}
21 |
22 |
25 |
41 |
42 | `
43 | }
44 |
--------------------------------------------------------------------------------
/src/utils/markdown.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase, max-params */
2 | import MarkdownIt from 'markdown-it'
3 | import taskList from 'markdown-it-task-lists'
4 | import hljs from 'highlight.js/lib/highlight'
5 | import frontMatter from 'markdown-it-front-matter'
6 | import katex from './vendor/markdown-it-katex'
7 |
8 | const langs = [
9 | 'cpp',
10 | 'coffeescript',
11 | 'css',
12 | 'dockerfile',
13 | 'elixir',
14 | 'elm',
15 | 'erlang',
16 | 'go',
17 | 'haskell',
18 | 'ini',
19 | 'javascript',
20 | 'less',
21 | 'lua',
22 | 'makefile',
23 | 'livescript',
24 | 'markdown',
25 | 'matlab',
26 | 'nginx',
27 | 'ocaml',
28 | 'perl',
29 | 'php',
30 | 'python',
31 | 'ruby',
32 | 'scala',
33 | 'rust',
34 | 'scss',
35 | 'sql',
36 | 'stylus',
37 | 'swift',
38 | 'typescript',
39 | 'xml',
40 | 'yaml'
41 | ]
42 |
43 | langs.forEach(lang => {
44 | hljs.registerLanguage(lang, require(`highlight.js/lib/languages/${lang}`))
45 | })
46 |
47 | const md = new MarkdownIt({
48 | html: true,
49 | xhtmlOut: false,
50 | breaks: true,
51 | langPrefix: 'language-',
52 | linkify: true,
53 | typographer: true,
54 | quotes: '“”‘’',
55 | highlight(str, lang) {
56 | if (lang && hljs.getLanguage(lang)) {
57 | try {
58 | return hljs.highlight(lang, str).value
59 | } catch (__) {}
60 | }
61 |
62 | return ''
63 | }
64 | })
65 |
66 | md.use(taskList)
67 | md.use(katex)
68 | md.use(frontMatter, fm => console.log(fm))
69 |
70 | // add target _blank
71 | const defaultRender = md.renderer.rules.link_open || function (tokens, idx, options, env, self) {
72 | return self.renderToken(tokens, idx, options)
73 | }
74 | md.renderer.rules.link_open = function (tokens, idx, options, env, self) {
75 | const aIndex = tokens[idx].attrIndex('target')
76 |
77 | if (aIndex < 0) {
78 | tokens[idx].attrPush(['target', '_blank'])
79 | } else {
80 | tokens[idx].attrs[aIndex][1] = '_blank'
81 | }
82 |
83 | return defaultRender(tokens, idx, options, env, self)
84 | }
85 |
86 | export default md
87 |
--------------------------------------------------------------------------------
/src/utils/os.js:
--------------------------------------------------------------------------------
1 | import os from 'os'
2 |
3 | const platform = os.platform()
4 |
5 | export {
6 | platform
7 | }
8 |
--------------------------------------------------------------------------------
/src/utils/resolve-path.js:
--------------------------------------------------------------------------------
1 | import path from 'path'
2 | import {remote} from 'electron'
3 |
4 | export function appPath(...args) {
5 | return path.join(remote.app.getAppPath(), ...args)
6 | }
7 |
--------------------------------------------------------------------------------
/src/utils/sanitize.js:
--------------------------------------------------------------------------------
1 | import sanitizeHtml from 'sanitize-html'
2 |
3 | function sanitizer(html) {
4 | return sanitizeHtml(html, sanitizer.config)
5 | }
6 |
7 | sanitizer.config = {
8 | allowedTags: sanitizeHtml.defaults.allowedTags.concat([
9 | 'dd', 'del', 'div', 'dl', 'dt', 'h1', 'h2', 'iframe', 'img', 'input', 'ins', 'meta', 'path', 'pre', 's', 'span', 'sub', 'sup', 'svg'
10 | ]),
11 | allowedAttributes: {
12 | h1: ['id'],
13 | h2: ['id'],
14 | h3: ['id'],
15 | h4: ['id'],
16 | h5: ['id'],
17 | h6: ['id'],
18 | a: ['href', 'id', 'name', 'target', 'title', 'aria-hidden'],
19 | img: ['alt', 'id', 'src', 'width', 'height', 'align', 'valign', 'title', 'style'],
20 | p: ['align'],
21 | meta: ['name', 'content'],
22 | iframe: ['src', 'frameborder', 'allowfullscreen'],
23 | input: ['checked', 'class', 'disabled', 'type'],
24 | div: ['id'],
25 | pre: [],
26 | td: ['colspan', 'rowspan', 'style'],
27 | th: ['colspan', 'rowspan', 'style'],
28 | del: ['cite', 'datetime'],
29 | ins: ['cite', 'datetime'],
30 | path: ['d'],
31 | svg: ['aria-hidden', 'height', 'version', 'viewbox', 'width'],
32 | span: ['class', 'style'],
33 | ul: ['class'],
34 | li: ['class']
35 | },
36 | exclusiveFilter(frame) {
37 | // Allow Task List items
38 | if (frame.tag === 'input') {
39 | const isTaskItem = (frame.attribs.class && frame.attribs.class.indexOf('task-list-item-checkbox') > -1)
40 | const isCheckbox = (frame.attribs.type && frame.attribs.type === 'checkbox')
41 | const isDisabled = Object.prototype.hasOwnProperty.call(frame.attribs, 'disabled')
42 | return !(isTaskItem && isCheckbox && isDisabled)
43 | }
44 |
45 | // Allow YouTube iframes
46 | if (frame.tag !== 'iframe') return false
47 | return !String(frame.attribs.src).match(/^(https?:)?\/\/(www\.)?youtube\.com/)
48 | },
49 | transformTags: {
50 | td: sanitizeCellStyle,
51 | th: sanitizeCellStyle
52 | }
53 | }
54 |
55 | // Allow table cell alignment
56 | function sanitizeCellStyle(tagName, attribs) {
57 | // if we don't add the 'style' to the allowedAttributes above, it will be
58 | // stripped out by the time we get here, so we have to filter out
59 | // everything but `text-align` in case something else tries to sneak in
60 | function cell(alignment) {
61 | const attributes = attribs
62 | if (alignment) {
63 | attributes.style = 'text-align:' + alignment
64 | } else {
65 | delete attributes.style
66 | }
67 | return {
68 | tagName,
69 | attribs: attributes
70 | }
71 | }
72 |
73 | // look for CSS `text-align` directives
74 | const alignmentRegEx = /text-align\s*:\s*(left|center|right)[\s;$]*/igm
75 | const result = alignmentRegEx.exec(attribs.style || '')
76 | return result ? cell(result[1]) : cell()
77 | }
78 |
79 | export default sanitizer
80 |
--------------------------------------------------------------------------------
/src/utils/tab.js:
--------------------------------------------------------------------------------
1 |
2 | let id = 0
3 |
4 | export const tabId = {
5 | create() {
6 | return id++
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/src/utils/tildify.ts:
--------------------------------------------------------------------------------
1 | // Tildify absolute paths
2 |
3 | import * as path from 'path';
4 | import * as os from 'os';
5 |
6 | export default function (currentPath: string): string {
7 | const normalizedPath = path.normalize(currentPath) + path.sep;
8 | const homeDir = os.homedir();
9 |
10 | return (normalizedPath.indexOf(homeDir) === 0 ?
11 | normalizedPath.replace(homeDir + path.sep, `~${path.sep}`):
12 | normalizedPath.slice(0, -1));
13 | }
14 |
--------------------------------------------------------------------------------
/src/utils/tips.js:
--------------------------------------------------------------------------------
1 | import {platform} from './os'
2 |
3 | const metaKey = platform === 'darwin' ? 'Command' : 'Ctrl'
4 |
5 | export default [
6 | `Use ${metaKey} \\ to toggle focus mode`,
7 | `You can drag and drop a file in the editor`,
8 | `Double click the header to create new tab`,
9 | `Use ${metaKey} Shift M to switch writing mode`,
10 | `Try distraction free mode ${metaKey} J when you enter full screen`,
11 | `Arrow keys are available in \`Preview Only\` mode to navigate between slides`,
12 | `At nights use ${metaKey} Shift N to make your eyes feel better`
13 | ]
14 |
--------------------------------------------------------------------------------
/src/utils/transitions.js:
--------------------------------------------------------------------------------
1 | import store from 'src/vuex/store'
2 |
3 | const transition = {
4 | type: 'animation',
5 | beforeEnter() {
6 | store.commit('SLIDE_SWITCHING', true)
7 | },
8 | afterLeave() {
9 | store.commit('SLIDE_SWITCHING', false)
10 | }
11 | }
12 |
13 | const types = [
14 | 'bounce',
15 | 'slide',
16 | 'fade',
17 | 'zoom'
18 | ]
19 |
20 | /**
21 | * TODO Replace Vue.transition(`${type}-${direction}`) with a component that uses the new
43 |
57 |
58 |
59 |
71 |
--------------------------------------------------------------------------------
/src/vue-shims.d.ts:
--------------------------------------------------------------------------------
1 | declare module "*.vue" {
2 | import Vue from "vue";
3 | export default Vue;
4 | }
5 |
--------------------------------------------------------------------------------
/src/vuex/modules/app.js:
--------------------------------------------------------------------------------
1 | import {remote} from 'electron'
2 |
3 | const currentWindow = remote.getCurrentWindow()
4 |
5 | const state = {
6 | showPreferencePane: false,
7 | settings: JSON.parse(JSON.stringify(currentWindow.$config.get('settings')))
8 | }
9 |
10 | const mutations = {
11 | TOGGLE_PREFERENCE_PANE(state) {
12 | state.showPreferencePane = !state.showPreferencePane
13 | },
14 | UPDATE_SETTINGS(state, settings) {
15 | state.settings = settings
16 | },
17 | CHANGE_THEME(state, theme) {
18 | if (theme == 'light') {
19 | state.settings.theme = 'light'
20 | state.settings.preview.highlight = 'github'
21 | state.settings.editor.theme = 'base16-light'
22 | } else {
23 | state.settings.theme = 'dark'
24 | state.settings.preview.highlight = 'tomorrow-night-bright'
25 | state.settings.editor.theme = 'tomorrow-night-bright'
26 | }
27 | },
28 | CHANGE_THEME_CONTROL(state, themeControl) {
29 | state.settings.themeControl = themeControl
30 | }
31 | }
32 |
33 | export default {
34 | state,
35 | mutations
36 | }
37 |
--------------------------------------------------------------------------------
/src/vuex/modules/editor.js:
--------------------------------------------------------------------------------
1 | import path from 'path'
2 | import {remote} from 'electron'
3 | import md from 'utils/markdown'
4 | import fm from 'front-matter'
5 | import sanitize from 'utils/sanitize'
6 |
7 | const win = remote.getCurrentWindow()
8 | win.$state.unsaved = 0
9 |
10 | const focusEditor = (tabs, index) => {
11 | const tab = tabs[index]
12 | if (tab && tab.editor) {
13 | tab.editor.refresh()
14 | tab.editor.focus()
15 | }
16 | }
17 |
18 | const renderHTML = tab => {
19 | const render = tab => md.render(tab.content).replace(/src="([^"]+)"/g, (m, p1) => {
20 | if (p1[0] === '.') {
21 | p1 = path.join(path.dirname(tab.filePath), p1)
22 | return `src="${p1}"`
23 | }
24 | return m
25 | })
26 |
27 | const data = fm(tab.content)
28 |
29 | return {
30 | attrs: data.attributes,
31 | html: sanitize(render({content: data.body, filePath: tab.filePath}))
32 | }
33 | }
34 |
35 | const state = {
36 | tabs: [],
37 | draggingTab: false,
38 | currentTabIndex: 0
39 | }
40 |
41 | const mutations = {
42 | INIT_NEW_TAB(state, payload) {
43 | const tab = {
44 | ...payload,
45 | ...renderHTML(payload)
46 | }
47 | state.tabs.push(tab)
48 | state.currentTabIndex++
49 | },
50 | UPDATE_CONTENT(state, {index, content}) {
51 | const tab = state.tabs[index]
52 | tab.content = content
53 | // render html in non-writing mode
54 | if (tab.writingMode !== 'editor') {
55 | const parsed = renderHTML({
56 | filePath: tab.filePath,
57 | content
58 | })
59 | tab.html = parsed.html
60 | tab.attrs = parsed.attrs
61 | }
62 | },
63 | UPDATE_FILE_PATH(state, {index, filePath}) {
64 | const tab = state.tabs[index]
65 | tab.filePath = filePath
66 | document.title = `${path.basename(filePath)} - EME`
67 | },
68 | UPDATE_CONTENT_WITH_FILEPATH(state, {
69 | index,
70 | content,
71 | filePath,
72 | gist,
73 | watcher
74 | }) {
75 | const tab = state.tabs[index]
76 | const parsed = renderHTML({
77 | content,
78 | filePath
79 | })
80 | tab.content = content
81 | tab.html = parsed.html
82 | tab.attrs = parsed.attrs
83 | tab.filePath = filePath
84 | tab.gist = gist
85 | tab.watcher = watcher
86 | document.title = `${path.basename(filePath)} - EME`
87 | },
88 | UPDATE_SAVE_STATUS(state, {index, saved}) {
89 | const tab = state.tabs[index]
90 | const fileName = tab.filePath ?
91 | path.basename(tab.filePath) :
92 | 'untitled'
93 |
94 | if (saved) {
95 | if (saved !== tab.saved) win.$state.unsaved--
96 | document.title = `${fileName} - EME`
97 | } else {
98 | if (saved !== tab.saved) win.$state.unsaved++
99 | document.title = `${fileName} * - EME`
100 | }
101 |
102 | tab.saved = saved
103 | },
104 | UPDATE_RENAME_STATUS(state, {index, rename}) {
105 | state.tabs[index].rename = rename
106 | },
107 | UPDATE_DRAGGING_STATUS(state, dragging) {
108 | state.draggingTab = dragging
109 | },
110 | UPDATE_EDITOR_SPLIT(state, {index, split}) {
111 | state.tabs[index].split = split
112 | },
113 | SET_EDITOR(state, {index, editor}) {
114 | state.currentTabIndex = index
115 | state.tabs[index].editor = editor
116 | },
117 | SET_CURRENT_TAB(state, index) {
118 | state.currentTabIndex = index
119 | },
120 | CLOSE_TAB(state, indexToClose) {
121 | const tab = state.tabs[indexToClose]
122 | if (tab && tab.watcher) {
123 | tab.watcher.close()
124 | }
125 | if (state.currentTabIndex !== 0 && indexToClose <= state.currentTabIndex) {
126 | state.currentTabIndex--
127 | }
128 | setTimeout(() => {
129 | focusEditor(state.tabs, state.currentTabIndex)
130 | }, 0)
131 | state.tabs.splice(indexToClose, 1)
132 | },
133 | SET_WRITING_MODE(state, {index, mode}) {
134 | const tab = state.tabs[index]
135 | if (tab.split === 100) {
136 | if (mode === 'default') tab.split = 50
137 | else if (mode === 'preview') tab.split = 0
138 | } else if (tab.split === 50) {
139 | if (mode === 'editor') tab.split = 100
140 | else if (mode === 'preview') tab.split = 0
141 | } else if (tab.split === 0) {
142 | if (mode === 'editor') tab.split = 100
143 | else if (mode === 'default') tab.split = 50
144 | }
145 |
146 | // if previous mode is writing mode
147 | // render html before switching
148 | if (tab.writingMode === 'editor') {
149 | const parsed = renderHTML(tab)
150 | tab.html = parsed.html
151 | tab.attrs = parsed.attrs
152 | }
153 | tab.writingMode = mode
154 |
155 | setTimeout(() => {
156 | tab.editor.refresh()
157 | if (mode !== 'preview') tab.editor.focus()
158 | }, 0)
159 | },
160 | START_EXPORTING(state, {index}) {
161 | const tab = state.tabs[index]
162 | tab.exporting = true
163 | },
164 | FINISH_EXPORTING_PDF(state, {index, pdf}) {
165 | const tab = state.tabs[index]
166 | tab.pdf = pdf
167 | tab.exporting = false
168 | },
169 | REORDER_TABS(state, {oldIndex, newIndex}) {
170 | const tabs = state.tabs
171 | if (newIndex >= tabs.length) {
172 | let k = newIndex - tabs.length
173 | while ((k--) + 1) {
174 | tabs.push(undefined)
175 | }
176 | }
177 | tabs.splice(newIndex, 0, tabs.splice(oldIndex, 1)[0])
178 | state.currentTabIndex = newIndex
179 | setTimeout(() => {
180 | focusEditor(state.tabs, state.currentTabIndex)
181 | }, 0)
182 | },
183 | TOGGLE_FOCUS_MODE(state) {
184 | const tab = state.tabs[state.currentTabIndex]
185 | tab.isFocusMode = !tab.isFocusMode
186 | },
187 | TOGGLE_VIM_MODE(state) {
188 | const tab = state.tabs[state.currentTabIndex]
189 | tab.isVimMode = !tab.isVimMode
190 | },
191 | UPDATE_FILE_GIST(state, gistId) {
192 | const tab = state.tabs[state.currentTabIndex]
193 | tab.gist = gistId
194 | }
195 | }
196 |
197 | export default {
198 | state,
199 | mutations
200 | }
201 |
--------------------------------------------------------------------------------
/src/vuex/store.d.ts:
--------------------------------------------------------------------------------
1 | declare let store: Vuex.Store;
2 |
3 | export default store;
4 |
--------------------------------------------------------------------------------
/src/vuex/store.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 |
4 | Vue.use(Vuex)
5 |
6 | import app from './modules/app'
7 | import editor from './modules/editor'
8 |
9 | const store = new Vuex.Store({
10 | modules: {
11 | app,
12 | editor
13 | }
14 | })
15 |
16 | export default store
17 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "outDir": "./dist/",
4 | "allowJs": true,
5 | "allowSyntheticDefaultImports": true,
6 | "sourceMap": true,
7 | "strict": true,
8 | "noImplicitReturns": true,
9 | "module": "es2015",
10 | "moduleResolution": "node",
11 | "target": "es5",
12 | "experimentalDecorators": true
13 | },
14 | "include": [
15 | "./src/**/*",
16 | "./src/*"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
About EME
44 | 45 |
46 | ![]()
47 |
52 |
53 | EME
48 |
49 | Version: {{ pkg.version }}
50 |
51 |
54 | Copyright © {{ year }} UNIPA, Inc.
55 |
56 |