245 lines
8.5 KiB
Python
245 lines
8.5 KiB
Python
# -*- encoding: utf-8 -*-
|
|
import sublime
|
|
import sublime_plugin
|
|
import os.path
|
|
import re
|
|
from html.parser import HTMLParser
|
|
|
|
from .lib import markdown2
|
|
from .image_manager import ImageManager
|
|
from .escape_amp import *
|
|
from .functions import *
|
|
|
|
# Main sublime tools function
|
|
|
|
def plugin_loaded():
|
|
global STYLE_FILE
|
|
STYLE_FILE = os.path.join(sublime.packages_path(), 'User', 'MarkdownLivePreview.css')
|
|
|
|
def replace_img_src_base64(html):
|
|
"""Really messy, but it works (should be updated)"""
|
|
index = -1
|
|
tag_start = '<img src="'
|
|
shtml, html = html, list(html)
|
|
while True:
|
|
index = shtml.find(tag_start, index + 1)
|
|
if index == -1:
|
|
break
|
|
path, end = get_content_till(html, '"', start=index + len(tag_start))
|
|
if ''.join(path).startswith('data:image/'):
|
|
continue
|
|
if ''.join(path).startswith(tuple(get_settings().get('load_from_internet'
|
|
'_when_starts'))):
|
|
image = ImageManager.get(''.join(path))
|
|
image = image or to_base64('loading.png')
|
|
|
|
else:
|
|
# local image
|
|
image = to_base64(''.join(path))
|
|
html[index+len(tag_start):end] = image
|
|
shtml = ''.join(html)
|
|
return ''.join(html)
|
|
|
|
def get_style():
|
|
content = None
|
|
if os.path.exists(STYLE_FILE):
|
|
with open(STYLE_FILE) as fp:
|
|
content = fp.read()
|
|
return content
|
|
if not content:
|
|
content = """
|
|
:root, html, body {
|
|
height: 100%;
|
|
}
|
|
html {
|
|
--light-bg: color(var(--background) blend(#999 85%))
|
|
height: 100%;
|
|
}
|
|
body {
|
|
padding:10px;
|
|
padding-top: 0px;
|
|
font-family: "Open Sans", sans-serif;
|
|
background-color: var(--background);
|
|
font-size: 15px;
|
|
}
|
|
|
|
blockquote {
|
|
font-style: italic;
|
|
display: block;
|
|
margin-left: 30px;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
code {
|
|
padding-left: 0.2rem;
|
|
padding-right: 0.2rem;
|
|
background-color: var(--light-bg);
|
|
margin: 0;
|
|
border-radius: 3px;
|
|
margin: 5px;
|
|
}
|
|
|
|
pre {
|
|
display: block;
|
|
margin-top: 20px;
|
|
line-height: 1.7;
|
|
background-color: var(--light-bg);
|
|
padding-left: 10px;
|
|
width: 100%;
|
|
border-radius: 3px;
|
|
}
|
|
pre code {
|
|
padding-left: 0;
|
|
}
|
|
""".splitlines()
|
|
content = ''.join([line.strip() for line in content])
|
|
return content + "pre code .space {color: var(--light-bg)}"
|
|
|
|
def pre_with_br(html):
|
|
"""Because the phantoms of sublime text does not support <pre> blocks
|
|
this function replaces every \n with a <br> in a <pre>"""
|
|
|
|
while True:
|
|
obj = re.search(r'<pre>(.*?)</pre>', html, re.DOTALL)
|
|
if not obj:
|
|
break
|
|
html = list(html)
|
|
html[obj.start(0):obj.end(0)] = '<pre >' + ''.join(html[obj.start(1):obj.end(1)]) \
|
|
.replace('\n', '<br>') \
|
|
.replace(' ', ' ') + '</pre>'
|
|
html = ''.join(html)
|
|
return html
|
|
|
|
def close_preview(md_view_settings, preview):
|
|
preview.close()
|
|
md_view_settings.erase('markdown_preview_id')
|
|
md_view_settings.erase('markdown_preview_enabled')
|
|
|
|
def create_preview(window, md_view):
|
|
focus_group, focus_view = window.get_view_index(md_view)
|
|
preview = window.new_file()
|
|
window.run_command('new_pane') # move the preview to a new group
|
|
name = md_view.name() or os.path.basename(md_view.file_name()) \
|
|
or 'Untitled'
|
|
preview.set_name(name + ' - Preview')
|
|
preview.set_scratch(True)
|
|
|
|
preview_settings = preview.settings()
|
|
preview_settings.set('gutter', False)
|
|
preview_settings.set('word_wrap', True)
|
|
preview_settings.set('is_markdown_preview', True)
|
|
preview_settings.set('markdown_view_id', md_view.id())
|
|
|
|
|
|
md_view.settings().set('markdown_preview_id', preview.id())
|
|
window.focus_group(focus_group)
|
|
window.focus_view(md_view)
|
|
|
|
return preview
|
|
|
|
def show_html(md_view, preview):
|
|
html = '<style>{}</style>{}'.format(get_style(),
|
|
pre_with_br(markdown2.markdown(get_view_content(md_view),
|
|
extras=['fenced-code-blocks',
|
|
'no-code-highlighting'])))
|
|
|
|
# the option no-code-highlighting does not exists
|
|
# in the official version of markdown2 for now
|
|
# I personaly edited the file (markdown2.py:1743)
|
|
|
|
html = html.replace(' ', ' espace;') # save where are the spaces
|
|
|
|
html = HTMLParser().unescape(html)
|
|
|
|
html = escape_amp(html)
|
|
|
|
# exception, again, because <pre> aren't supported by the phantoms
|
|
html = html.replace(' espace;', '<i class="space">.</i>')
|
|
html = replace_img_src_base64(html)
|
|
preview.erase_phantoms('markdown_preview')
|
|
preview.add_phantom('markdown_preview',
|
|
sublime.Region(-1),
|
|
html,
|
|
sublime.LAYOUT_BLOCK,
|
|
lambda href: sublime.run_command('open_url',
|
|
{'url': href}))
|
|
|
|
# set viewport position
|
|
|
|
# 0 < y < 1
|
|
y = md_view.text_to_layout(md_view.sel()[0].begin())[1] / md_view.layout_extent()[1]
|
|
vector = [0, y * preview.layout_extent()[1]]
|
|
# remove half of the viewport_extent.y to center it on the screen (verticaly)
|
|
vector[1] -= preview.viewport_extent()[1] / 2
|
|
vector[1] = mini(vector[1], 0)
|
|
vector[1] += preview.line_height()
|
|
preview.set_viewport_position(vector, animate=False)
|
|
|
|
class MLPDevListener(sublime_plugin.EventListener):
|
|
|
|
def on_post_save(self, view):
|
|
if not (os.path.dirname(__file__) in view.file_name() and
|
|
view.file_name().endswith('.py')):
|
|
return
|
|
sublime.run_command('reload_plugin', {
|
|
'main': os.path.join(sublime.packages_path(),
|
|
'MarkdownLivePreview', 'md_in_popup.py'),
|
|
'scripts': ['image_manager', 'functions'],
|
|
'quiet': True
|
|
})
|
|
|
|
class MarkdownLivePReviewListener(sublime_plugin.EventListener):
|
|
|
|
def on_load(self, view):
|
|
settings = view.settings()
|
|
if not 'markdown' in settings.get('syntax').lower():
|
|
return
|
|
settings.add_on_change('markdown_preview_enabled',
|
|
lambda: self.on_modified(view))
|
|
|
|
def on_modified(self, md_view):
|
|
window = md_view.window()
|
|
md_view_settings = md_view.settings()
|
|
|
|
if not 'markdown' in md_view_settings.get('syntax').lower():
|
|
return
|
|
|
|
markdown_preview_enabled = md_view_settings.get('markdown_preview_'
|
|
'enabled') is True
|
|
preview_id = md_view_settings.get('markdown_preview_id', None)
|
|
|
|
if not markdown_preview_enabled:
|
|
if preview_id is not None:
|
|
preview = get_view_from_id(window, preview_id)
|
|
if preview:
|
|
close_preview(md_view_settings, preview)
|
|
return
|
|
|
|
if preview_id is None:
|
|
preview = create_preview(window, md_view)
|
|
else:
|
|
preview = get_view_from_id(window, preview_id)
|
|
if not preview:
|
|
md_view_settings.erase('markdown_preview_id')
|
|
md_view_settings.erase('markdown_preview_enabled')
|
|
return
|
|
|
|
show_html(md_view, preview)
|
|
|
|
def on_pre_close(self, view):
|
|
settings = view.settings()
|
|
if settings.get('markdown_preview_enabled') is True:
|
|
preview = get_view_from_id(view.window(),
|
|
settings.get('markdown_preview_id'))
|
|
if preview:
|
|
sublime.set_timeout_async(lambda: preview.close(), 250)
|
|
elif settings.get('is_markdown_preview') is True:
|
|
md_view = get_view_from_id(view.window(),
|
|
settings.get('markdown_view_id'))
|
|
if md_view:
|
|
def callback():
|
|
md_view_settings = md_view.settings()
|
|
md_view_settings.erase('markdown_preview_enabled')
|
|
md_view_settings.erase('markdown_preview_id')
|
|
sublime.set_timeout_async(callback, 250)
|