")
opts =
shared : true
inclusiveLeft : true
inclusiveRight : true
atomic : true
#replacedWith : hide[0]
collapsed : true
marker = cm.markText({line:line, ch:0}, {line:end-1, ch:cm.getLine(end-1).length}, opts)
marker.type = 'hide_input'
#console.log("hide_input: ", {line:line, ch:0}, {line:end-1, ch:cm.getLine(end-1).length})
for c in @codemirrors()
c.refresh()
show_input: (line) =>
for cm in [@codemirror, @codemirror1]
for marker in cm.findMarksAt({line:line+1, ch:0})
if marker.type == 'hide_input'
marker.clear()
hide_output: (line) =>
for cm in [@codemirror, @codemirror1]
mark = @find_output_mark(line, cm)
if mark?
@elt_at_mark(mark).addClass('sagews-output-hide').find(".sagews-output-container").hide()
show_output: (line) =>
for cm in [@codemirror, @codemirror1]
mark = @find_output_mark(line, cm)
if mark?
@elt_at_mark(mark).removeClass('sagews-output-hide').find(".sagews-output-container").show()
execute_code: (opts) ->
opts = defaults opts,
code : required
cb : undefined
data : undefined
preparse : true
uuid : undefined
if @readonly
opts.cb?(); return
if opts.uuid?
uuid = opts.uuid
else
uuid = misc.uuid()
if opts.cb?
salvus_client.execute_callbacks[uuid] = opts.cb
@call
multi_response : true
message : message.codemirror_execute_code
session_uuid : @session_uuid
id : uuid
code : opts.code
data : opts.data
preparse : opts.preparse
return uuid
interact: (output, desc) =>
# Create and insert DOM objects corresponding to this interact
elt = $("
")
interact_elt = $("")
elt.append(interact_elt)
output.append(elt)
if @readonly
interact_elt.text("(interacts not available)").addClass('lighten')
return
# Call jQuery plugin to make it all happen.
interact_elt.sage_interact(desc:desc, execute_code:@execute_code, process_output_mesg:@process_output_mesg)
jump_to_output_matching_jquery_selector: (selector) =>
cm = @focused_codemirror()
for x in cm.getAllMarks()
t = $(x.replacedWith).find(selector)
if t.length > 0
cm.scrollIntoView(x.find().from, cm.getScrollInfo().clientHeight/2)
return
process_html_output: (e) =>
# makes tables look MUCH nicer
e.find("table").addClass('table')
# handle a links
a = e.find('a')
# make links open in a new tab
a.attr("target","_blank")
that = @
for x in a
y = $(x)
href = y.attr('href')
if href?
if href[0] == '#'
# target is internal anchor to id
# make internal links in the same document scroll the target into view.
y.click (e) ->
that.jump_to_output_matching_jquery_selector($(e.target).attr('href'))
return false
else if href.indexOf(document.location.origin) == 0
# target starts with cloud URL or is absolute, so we open the
# link directly inside this browser tab
y.click (e) ->
n = (document.location.origin + '/projects/').length
target = $(@).attr('href').slice(n)
require('projects').load_target(decodeURI(target), not(e.which==2 or (e.ctrlKey or e.metaKey)))
return false
else if href.indexOf('http://') != 0 and href.indexOf('https://') != 0
# internal link
y.click (e) ->
target = $(@).attr('href')
if target.indexOf('/projects/') == 0
# fully absolute (but without https://...)
target = decodeURI(target.slice('/projects/'.length))
else if target[0] == '/' and target[37] == '/' and misc.is_valid_uuid_string(target.slice(1,37))
# absolute path with /projects/ omitted -- /..project_id../files/....
target = decodeURI(target.slice(1)) # just get rid of leading slash
else if target[0] == '/'
# absolute inside of project
target = "#{that.project_id}/files#{decodeURI(target)}"
else
# realtive to current path
target = "#{that.project_id}/files/#{that.file_path()}/#{decodeURI(target)}"
require('projects').load_target(target, not(e.which==2 or (e.ctrlKey or e.metaKey)))
return false
# make relative links to images use the raw server
a = e.find("img")
for x in a
y = $(x)
src = y.attr('src')
if src.indexOf('://') != -1
continue
new_src = "/#{@project_id}/raw/#{@file_path()}/#{src}"
y.attr('src', new_src)
_post_save_success: () =>
@remove_output_blob_ttls()
remove_output_blob_ttls: (cb) =>
v = {}
for a in @cm_wrapper().find(".sagews-output")
blobs = $(a).data('blobs')
if blobs?
for uuid in blobs
v[uuid] = true
uuids = misc.keys(v)
if uuids?
salvus_client.remove_blob_ttls
uuids : uuids
cb : cb
raw_input: (raw_input) =>
prompt = raw_input.prompt
value = raw_input.value
if not value?
value = ''
submitted = raw_input.submitted
if not submitted?
submitted = false
elt = templates.find(".sagews-output-raw_input").clone()
label = elt.find(".sagews-output-raw_input-prompt")
label.text(prompt)
input = elt.find(".sagews-output-raw_input-value")
input.val(value)
if raw_input.placeholder?
input.attr('placeholder', raw_input.placeholder)
btn = elt.find(".sagews-output-raw_input-submit")
if submitted or @readonly
btn.addClass('disabled')
input.attr('readonly', true)
else
submit_raw_input = () =>
console.log("submitting raw_input...")
btn.addClass('disabled')
input.attr('readonly', true)
for cm in @codemirrors()
cm.setOption('readOnly',@readonly)
@call
message : message.codemirror_sage_raw_input
value : input.val()
session_uuid : @session_uuid
input.keyup (evt) =>
# if return, submit result
if evt.which == 13
submit_raw_input()
btn.click () =>
submit_raw_input()
return false
f = () =>
input.focus()
setTimeout(f, 50)
if raw_input.input_width?
input.width(raw_input.input_width)
if raw_input.label_width?
label.width(raw_input.label_width)
return elt
process_output_mesg: (opts) =>
opts = defaults opts,
mesg : required
element : required
mark : undefined
mesg = opts.mesg
output = opts.element
# mesg = object
# output = jQuery wrapped element
if mesg.stdout?
output.append($("").text(mesg.stdout))
if mesg.stderr?
output.append($("").text(mesg.stderr))
if mesg.code?
x = $("
")
output.append(x)
if mesg.code.mode
CodeMirror.runMode(mesg.code.source, mesg.code.mode, x[0])
else
x.text(mesg.code.source)
if mesg.html?
e = $("")
if @editor.opts.allow_javascript_eval
e.html(mesg.html)
else
e.html_noscript(mesg.html)
e.mathjax()
output.append(e)
@process_html_output(e)
if mesg.interact?
@interact(output, mesg.interact)
if mesg.d3?
e = $("")
output.append(e)
e.d3
viewer : mesg.d3.viewer
data : mesg.d3.data
if mesg.md?
# markdown
x = misc_page.markdown_to_html(mesg.md)
t = $('')
if @editor.opts.allow_javascript_eval
t.html(x.s)
else
t.html_noscript(x.s)
t.mathjax()
output.append(t)
@process_html_output(t)
if mesg.tex?
# latex
val = mesg.tex
elt = $("
")
arg = {tex:val.tex}
if val.display
arg.display = true
else
arg.inline = true
output.append(elt.mathjax(arg))
if mesg.raw_input?
output.append(@raw_input(mesg.raw_input))
if mesg.file?
val = mesg.file
if val.uuid?
blobs = opts.element.data('blobs')
if not blobs?
blobs = [val.uuid]
opts.element.data('blobs', blobs)
else
blobs.push(val.uuid)
if not val.show? or val.show
if val.url?
target = val.url + "?nocache=#{Math.random()}" # randomize to dis-allow caching, since frequently used for images with one name that change
else
target = "#{window.salvus_base_url}/blobs/#{misc.encode_path(val.filename)}?uuid=#{val.uuid}"
switch misc.filename_extension(val.filename)
# TODO: harden DOM creation below?
when 'webm'
if $.browser.safari or $.browser.ie
output.append($("
WARNING: webm animations not supported on Safari or IE; use an animated gif instead, e.g., the gif=True option to show.
")) if $.browser.firefox output.append($("
WARNING: Right click and select play.
")) video = $("") output.append(video) when 'sage3d' elt = $("") elt.data('uuid',val.uuid) output.append(elt) render_3d_scene url : target element : elt cb : (err, obj) => if err # TODO: red? elt.append($("
WARNING: webm animations not supported on Safari or IE; use an animated gif instead, e.g., the gif=True option to show.
")) if $.browser.firefox output.append($("
WARNING: Right click and select play.
")) video = $("") output.append(video) when 'sage3d' elt = $("") elt.data('uuid',val.uuid) output.append(elt) render_3d_scene url : target element : elt cb : (err, obj) => if err # TODO: red? elt.append($("
").text("error rendering 3d scene -- #{err}"))
else
elt.data('width', obj.opts.width / $(window).width())
when 'svg', 'png', 'gif', 'jpg'
img = $("
")
output.append(img)
if mesg.events?
img.css(cursor:'crosshair')
location = (e) ->
offset = img.offset()
x = (e.pageX - offset.left) /img.width()
y = (e.pageY - offset.top) /img.height()
return [x,y]
exec = (code) =>
@execute_code
code :code
preparse : true
cb : (mesg) =>
delete mesg.done
@process_output_mesg
mesg : mesg
element : output.find(".sagews-output-messages")
for event, function_name of mesg.events
img.data("salvus-events-#{event}", function_name)
switch event
when 'click'
img.click (e) =>
p = location(e)
exec("#{img.data('salvus-events-click')}('click',(#{p}))")
when 'mousemove'
ignore_mouse_move = undefined
last_pos = undefined
img.mousemove (e) =>
if ignore_mouse_move?
return
ignore_mouse_move = true
setTimeout( ( () => ignore_mouse_move=undefined ), 100 )
p = location(e)
if last_pos? and p[0] == last_pos[0] and p[1] == last_pos[1]
return
last_pos = p
exec("#{img.data('salvus-events-mousemove')}('mousemove',(#{p}))")
else
console.log("unknown or unimplemented event -- #{event}")
else
output.append($("#{val.filename} (this temporary link expires in a minute) "))
if mesg.javascript? and @allow_javascript_eval()
(() =>
cell = new Cell(output : opts.element)
worksheet = new Worksheet(@)
print = (s...) -> cell.output.append($("").text("#{s.join(' ')}"))
code = mesg.javascript.code
async.series([
(cb) =>
if mesg.javascript.coffeescript or code.indexOf('CoffeeScript') != -1
misc_page.load_coffeescript_compiler(cb)
else
cb()
(cb) =>
if mesg.javascript.coffeescript
code = CoffeeScript.compile(code)
if mesg.obj?
obj = JSON.parse(mesg.obj)
# The eval below is an intentional cross-site scripting vulnerability in the fundamental design of Salvus.
# Note that there is an allow_javascript document option, which (at some point) users
# will be able to set. There is one more instance of eval below in _receive_broadcast.
eval(code)
@refresh_soon()
cb()
])
)()
if mesg.done? and mesg.done
output.removeClass('sagews-output-running')
output.addClass('sagews-output-done')
@refresh_soon()
allow_javascript_eval: () =>
# TODO: Maybe better would be a button to click that re-renders
# with javascript enabled...?
if not @editor.opts.allow_javascript_eval
@javascript_block_mesg()
return false
else
return true
javascript_block_mesg: () =>
if @_javascript_block_mesg
return
@_javascript_block_mesg = true
alert_message
type : "info"
message : "Evaluation of arbitrary javascript is blocked in public worksheets, since it is dangerous; instead, open a copy of this worksheet in your own project."
timeout : 10
_receive_broadcast: (mesg) =>
switch mesg.mesg.event
when 'execute_javascript'
if @allow_javascript_eval()
mesg = mesg.mesg
(() =>
worksheet = new Worksheet(@)
cell = new Cell(cell_id : mesg.cell_id)
print = (s...) -> console.log("#{s.join(' ')}") # doesn't make sense, but better than printing to printer...
code = mesg.code
async.series([
(cb) =>
if mesg.coffeescript or code.indexOf('CoffeeScript') != -1
misc_page.load_coffeescript_compiler(cb)
else
cb()
(cb) =>
if mesg.coffeescript
code = CoffeeScript.compile(code)
obj = JSON.parse(mesg.obj)
eval(code)
cb()
])
)()
mark_cell_start: (cm, line) =>
# Assuming the proper text is in the document for a new cell at this line,
# mark it as such. This hides control codes and places a cell separation
# element, which may be clicked to create a new cell.
if line >= cm.lineCount()-1
# If at bottom, insert blank lines.
cm.replaceRange("\n\n\n", {line:line+1, ch:0})
x = cm.getLine(line)
end = x.indexOf(MARKERS.cell, 1)
input = cell_start_template.clone()
if not @readonly
input.addClass('sagews-input-live')
input.click (e) =>
f = () =>
line = mark.find().from.line
@insert_new_cell(line)
if e.shiftKey
cm.replaceRange("%html\n#{CLICK_TO_EDIT}", {line:line+1,ch:0})
@action
execute : true
advance : false
if (e.altKey or e.metaKey)
cm.replaceRange("%md\n#{CLICK_TO_EDIT}", {line:line+1,ch:0})
@action
execute : true
advance : false
if IS_MOBILE
# It is way too easy to accidentally click on the insert new cell line on mobile.
bootbox.confirm "Create new cell?", (result) =>
if result
f()
else # what the user really wants...
cm.focus()
cm.setCursor({line:mark.find().from.line+1, ch:0})
else
f()
return false
opts =
shared : false
inclusiveLeft : false
inclusiveRight : true
atomic : true
replacedWith : input[0]
mark = cm.markText({line:line, ch:0}, {line:line, ch:end+1}, opts)
mark.type = MARKERS.cell
return mark
mark_output_line: (cm, line) =>
# Assuming the proper text is in the document for output to be displayed at this line,
# mark it as such. This hides control codes and creates a div into which output will
# be placed as it appears.
# WARNING: Having a max-height that is SMALLER than the containing codemirror editor was *critical*
# before Codemirror 3.14, due to a bug.
#console.log("mark_output_line", line)
output = output_template.clone().css
width : (@cm_lines().width()-25) + 'px'
#'max-height' : (.9*@cm_wrapper().height()) + 'px'
if cm.lineCount() < line + 2
cm.replaceRange('\n', {line:line+1,ch:0})
start = {line:line, ch:0}
end = {line:line, ch:cm.getLine(line).length}
opts =
shared : false
inclusiveLeft : false
inclusiveRight : true
atomic : true
replacedWith : output[0]
mark = cm.markText(start, end, opts)
# mark.processed stores how much of the output line we
# have processed [marker]36-char-uuid[marker]
mark.processed = 38
mark.uuid = cm.getRange({line:line, ch:1}, {line:line, ch:37})
mark.type = MARKERS.output
if not @readonly
output.dblclick () =>
# Double click output to toggle input
@action(pos:{line:mark.find().from.line-1, ch:0}, toggle_input:true)
output.click (e) =>
t = $(e.target)
if t.attr('href')? or t.hasParent('.sagews-output-editor').length > 0
return
@edit_cell
line : mark.find().from.line - 1
cm : cm
return mark
find_output_line: (line, cm) =>
# Given a line number in the editor, return the nearest (greater or equal) line number that
# is an output line, or undefined if there is no output line before the next cell.
if not cm?
cm = @focused_codemirror()
if cm.getLine(line)[0] == MARKERS.output
return line
line += 1
while line < cm.lineCount() - 1
x = cm.getLine(line)
if x.length > 0
if x[0] == MARKERS.output
return line
if x[0] == MARKERS.cell
return undefined
line += 1
return undefined
find_output_mark: (line, cm) =>
# Same as find_output_line, but returns the actual mark (or undefined).
if not cm?
cm = @focused_codemirror()
n = @find_output_line(line, cm)
if n?
for mark in cm.findMarksAt({line:n, ch:0})
if mark.type == MARKERS.output
return mark
return undefined
# Returns start and end lines of the current input block (if line is undefined),
# or of the block that contains the given line number.
current_input_block: (line) =>
cm = @focused_codemirror()
if not line?
line = cm.getCursor().line
start = line
end = line
while start > 0
x = cm.getLine(start)
if x.length > 0 and x[0] == MARKERS.cell
break
start -= 1
while end < cm.lineCount()-1
x = cm.getLine(end)
if x.length > 0 and x[0] == MARKERS.cell
end -= 1
break
end += 1
return {start:start, end:end}
find_input_mark: (line) =>
# Input mark containing the given line, or undefined
if line?
cm = @focused_codemirror()
if not cm?
return
while line >= 0
for mark in cm.findMarksAt({line:line, ch:0})
if mark.type == MARKERS.cell
return mark
line -= 1
return
# Special HTML editor for the cell whose input starts at the given 0-based line.
edit_cell: (opts) =>
opts = defaults opts,
line : required
cm : required
# DISABLED!
return
return # DISABLED FOR NOW
cm = opts.cm
scroll_info = cm.getScrollInfo()
block = @current_input_block(opts.line)
# create or get cell start mark
{marker, created} = @cell_start_marker(block.start)
if created # we added a new line when creating start marker
block.end += 1
fs = @get_cell_flagstring(marker)
if not fs?
return
input = cm.getRange({line:block.start+1,ch:0}, {line:block.end,ch:0}).trim()
i = input.indexOf('\n')
if i == -1
return
line0 = input.slice(0,i)
if line0 not in CLIENT_SIDE_MODE_LINES
return
if line0.slice(0,5) == '%html'
# an html editor:
editor = 'html'
to_html = (code) -> code
from_html = (code) -> code
else if line0.slice(0,3) == '%md'
# a markdown editor
editor = 'md'
to_html = (code) -> misc_page.markdown_to_html(code).s.trim()
from_html = (code) -> misc_page.html_to_markdown(code).trim()
else
editor = undefined
if not editor
return
wrap_nbsp = (code) ->
if code.slice(0,6) != ' '
code = ' ' + code
if code.slice(code.length-6) != ' '
code = code + ' '
return code.trim()
unwrap_nbsp = (code) ->
while code.slice(0,6) == ' '
code = code.slice(6)
while code.slice(code.length-6) == ' '
code = code.slice(0,code.length-6)
return code.trim()
input_mark = cm.findMarksAt({line:block.start, ch:1})[0]
if not input_mark?
return
output_mark = cm.findMarksAt({line:block.end, ch:1})[0]
if not output_mark?
return
#console.log("found input and output mark")
output = @elt_at_mark(output_mark)
#console.log("output elt=", output)
output.find(".sagews-output-editor").show()
div = output.find(".sagews-output-editor-content")
output.find(".sagews-output-messages").empty()
i = input.indexOf("\n")
if i == -1
i = input.length
html_input = to_html(input.slice(i+1).trim())
top_input = input.slice(0,i+1)
if top_input[top_input.length-1] != '\n'
top_input += '\n'
div.addClass("sagews-output-html")
div.html(wrap_nbsp(html_input))
if div.text().trim() == CLICK_TO_EDIT
div.html(' \n ')
decorate_mathjax = (e) =>
for c in "MathJax_SVG MathJax MathJax_MathML".split(' ')
e.find(".#{c}").addClass("salvus-editor-mathjax-editor")
###
(pos, classes) ->
if classes.indexOf("salvus-editor-mathjax-editor") == -1
#$(this).after(" ")
#console.log("decorating...", this)
$(this).after(" ")
return "salvus-editor-mathjax-editor"
###
div.find(".MathJax_SVG_Display").attr('contenteditable', false)
div.find(".MathJax_Display").attr('contenteditable', false)
div.find(".MathJax_MathML_Display").attr('contenteditable', false)
mathjax = () =>
div.mathjax()
decorate_mathjax(div)
mathjax()
last_html = html_input
last_input = top_input
ignore_changes = false
to = output_mark.find()?.from.line
#cm.scrollIntoView({from:{line:Math.max(0,to-5),ch:0}, to:{line:cm.lineCount()-1, ch:0}})
cm.setCursor(line:Math.max(0,to-2), ch:0)
div.on 'blur', () =>
#console.log('blur')
delete @_html_editor_with_focus
div.removeClass('sagews-output-editor-focus')
div.on 'focus', () =>
#console.log("focus")
@_html_editor_with_focus = div
@html_editor_bar.show()
div.addClass('sagews-output-editor-focus')
if @html_editor_div? and @html_editor_div.is(div)
@html_editor_restore_selection()
line = input_mark.find()?.from.line
if line?
cm.setCursor(line:Math.max(0, line), ch:0)
#setInterval(@html_editor_save_selection, 500)
div.on 'keyup click mousedown mouseup', () =>
@html_editor_save_selection()
#save_rangy_sel()
div.on 'click', (e) =>
p = $(e.target)
#console.log("clicked...")
if p.hasClass("sagews-editor-latex-raw") or p.hasParent(".sagews-editor-latex-raw").length > 0
return
is_mathjax = false
for c in "MathJax_SVG_Display MathJax_Display MathJax_MathML_Display MathJax_SVG MathJax_MathML MathJax".split(' ')
if p.hasParent(".#{c}").length > 0
p = p.closest(".#{c}")
is_mathjax = true
break
classes = p.attr('class')
#console.log("classes=", classes)
if is_mathjax or classes?.indexOf?('MathJax') != -1
#console.log("clicked on mathjax")
prev = p.prev()
if not prev.hasClass("MathJax_Preview")
prev = undefined
script = p.next()
t = script.attr('type')
if not t? # skip over filler
tmp = script
if not tmp.hasClass("salvus-html-editor-remove")
#console.log("no script found")
return
script = script.next()
tmp.remove()
t = script.attr('type')
if not t?
#console.log("no script found")
return
v = t.split(';')
if v.length < 1
#console.log("no type info", v)
return
if v[0] != 'math/tex'
#console.log("wrong type info", v)
return
ed = script.equation_editor
display : v.length == 2
value : script.text()
onchange : div_changed
ed.attr(id:misc.uuid())
prev?.remove()
p.remove()
return false
else
close_all_latex_editors()
return
close_all_latex_editors = () =>
for s in div.find(".sagews-editor-latex-raw")
t = $(s)
delim = t.data('delim')
t1 = $("#{delim}#{t.find('textarea').val()}#{delim}")
t1.mathjax()
decorate_mathjax(t1)
t.replaceWith(t1)
t1.children().insertAfter(t1)
t1.remove()
localize_image_links = (e) =>
# make relative links to images use the raw server
for x in e.find("img")
y = $(x)
src = y.attr('src')
if src[0] == '/' or src.indexOf('://') != -1
continue
new_src = "/#{@project_id}/raw/#{@file_path()}/#{src}"
y.attr('src', new_src)
unlocalize_image_links = (e) =>
prefix = "/#{@project_id}/raw/#{@file_path()}/"
prefix2 = document.URL
i = 10 + prefix2.slice(10).indexOf('/')
prefix2 = prefix2.slice(0,i) + prefix
n = prefix.length
n2 = prefix2.length
for x in e.find("img")
y = $(x)
src = y.attr('src')
if src.slice(0, n) == prefix
y.attr('src', src.slice(n))
else if src.slice(0, n2) == prefix2
y.attr('src', src.slice(n2))
div_changed = (force) =>
#console.log('div_changed')
if (ignore_changes and not force) or not output_mark.finish_editing?
return
e = div.clone()
e.find(".salvus-html-editor-remove").remove()
#e.find(".rangySelectionBoundary").remove()
for s in e.find(".sagews-editor-latex-raw")
t = $(s)
t0 = div.find("##{t.attr('id')}")
delim = t0.data('delim')
t.replaceWith("#{delim}#{t0.find('textarea').val()}#{delim} ")
e.unmathjax()
unlocalize_image_links(e)
new_html = unwrap_nbsp(html_beautify(e.html())).trim()
if new_html == last_html
return
last_html = new_html
#console.log(input_mark.find(), output_mark.find())
from = input_mark.find()?.from.line + 1
to = output_mark.find()?.from.line
if not from? or not to?
return
ignore_changes = true
input = from_html(new_html)
last_input = input
v = cm.getLine(to-1)
#console.log("from=",from, "to=",to, "s='#{s}'")
cm.replaceRange(input, {line:from+1,ch:0}, {line:to-1,ch:v.length})
# finally, update the output, so other viewers will see this
# and output won't be stale if input doesn't get re-evaluated.
localize_image_links(div)
ignore_changes = false
save_to_output_soon()
@sync()
# This was a nightmare because it causes codemirror to update the output div,
# which contains the editor. Have to change things so editor is contained
# somewhere else first (i.e., nontrivial project).
save_to_output = () =>
save_to_output_timer = undefined
line = output_mark.find()?.from.line
if not line?
return
v = cm.getLine(line)
output_uuid = misc.uuid()
output_mark.uuid = output_uuid
mesg = {}; mesg[editor] = last_input
output_line = output_uuid + MARKERS.output + misc.to_json(mesg) + MARKERS.output
output_mark.processed = output_line.length
# we have to use rangy, which plants elements in DOM, to save/restore selection,
# since changing the underlying text behind output_mark causes CodeMirror to
# reset the selection.
rangy_sel = rangy?.saveSelection()
cm.replaceRange(output_line, {line:line,ch:1}, {line:line,ch:v.length})
rangy?.restoreSelection(rangy_sel)
@sync()
save_to_output_timer = undefined
# save to output if this function hasn't been called in the last 5 seconds.
save_to_output_soon = () =>
if save_to_output_timer?
clearTimeout(save_to_output_timer)
save_to_output_timer = setTimeout(save_to_output, 5000)
div.make_editable
mathjax : false
onchange : div_changed
interval : 1000
div_keydown = (e) =>
if e.which == 27 or (e.which == 13 and (e.shiftKey or e.altKey or e.metaKey))
if div.find(".sagews-editor-latex-raw").length > 0
close_all_latex_editors()
div.focus()
return false
finish_editing()
mark = output_mark.find()
if not mark
mark = input_mark.find()
if not mark?
return
pos = mark.from
cm.setCursor(pos)
cm.focus()
advance = e.shiftKey
@action
pos : pos
advance : advance
execute : true
cm : cm
return false
div.keydown(div_keydown)
on_cm_change = (instance, changeObj) =>
#console.log("on_cm_change")
if ignore_changes
#console.log("cm_change: ignore_changes")
return
from = input_mark.find()?.from.line + 1
to = output_mark.find()?.from.line
if not from? or not to?
#console.log("on_cm_change: missing marks")
return
try
new_html = to_html(cm.getRange({line:from+1,ch:0}, {line:to,ch:0})).trim()
catch e
console.log("WARNING (on_cm_change): ", e)
return
if new_html != last_html
#console.log("cm_change: real change! #{misc.to_json(diffsync.dmp.patch_make(last_html, new_html))}")
#rangy_sel = undefined
div.html(new_html)
mathjax()
localize_image_links(div)
#else
#console.log("cm_change: same html")
cm.on('change', on_cm_change)
localize_image_links(div)
div.focus()
cm.scrollTo(scroll_info.left, scroll_info.top)
finish_editing = () =>
#rangy_sel = undefined
if save_to_output_timer?
clearTimeout(save_to_output_timer)
save_to_output_timer = undefined
ignore_changes = false
div_changed(true) # ensure any changes are saved
#save_to_output()
@html_editor_bar.hide()
cm.off('change', on_cm_change)
#cm.off('update', on_cm_update)
div.make_editable
cancel : true
div.empty()
div.unbind() # remove all event handlers
delete output_mark.finish_editing
output_mark.finish_editing = finish_editing
enter_key: (cm) =>
marks = cm.findMarksAt({line:cm.getCursor().line,ch:1})
if marks.length > 0
@edit_cell
line : marks[0].find().from.line
cm : cm
else
return CodeMirror.Pass
action: (opts={}) =>
opts = defaults opts,
pos : undefined # if given, use this pos; otherwise, use where cursor is or all cells in selection
advance : false
split : false # split cell at cursor (selection is ignored)
execute : false # if false, do whatever else we would do, but don't actually execute code.
toggle_input : false # if true; toggle whether input is displayed; ranges all toggle same as first
toggle_output : false # if true; toggle whether output is displayed; ranges all toggle same as first
delete_output : false # if true; delete all the the output in the range
cm : @focused_codemirror()
if @readonly
# don't do any actions on a read-only file.
return
if opts.pos?
pos = opts.pos
else
if opts.cm.somethingSelected() and not opts.split
opts.advance = false
start = opts.cm.getCursor('start').line
end = opts.cm.getCursor('end').line
# Expand both ends of the selection to contain cell containing cursor
start = @current_input_block(start).start
end = @current_input_block(end).end
# These @_toggle attributes are used to ensure that we toggle all the input and output
# view states so they end up the same.
@_toggle_input_range = 'wait'
@_toggle_output_range = 'wait'
# For each line in the range, check if it is the beginning of a cell; if so do the action on it.
for line in [start..end] # include end
x = opts.cm.getLine(line)
if x? and x[0] == MARKERS.cell
opts.pos = {line:line, ch:0}
@action(opts)
delete @_toggle_input_range
delete @_toggle_output_range
return
else
pos = opts.cm.getCursor()
@close_on_action() # close introspect popups
if opts.split
@split_cell_at(pos)
if opts.execute
opts.split = false
opts.advance = false
opts.cm.setCursor(line:pos.line, ch:0)
@action(opts)
@move_cursor_to_next_cell()
@action(opts)
else
@sync()
return
if opts.delete_output
n = @find_output_line(pos.line)
if n?
#opts.cm.removeLine(n)
opts.cm.replaceRange('',{line:n,ch:0},{line:n+1,ch:0})
@sync()
return
block = @current_input_block(pos.line)
# create or get cell start mark
{marker, created} = @cell_start_marker(block.start)
if created # we added a new line when creating start marker
block.end += 1
if opts.toggle_input
fs = @get_cell_flagstring(marker)
if fs?
if FLAGS.hide_input in fs
# input is currently hidden
if @_toggle_input_range != 'hide'
@remove_cell_flag(marker, FLAGS.hide_input) # show input
if @_toggle_input_range == 'wait'
@_toggle_input_range = 'show'
else
# input is currently shown
if @_toggle_input_range != 'show'
@set_cell_flag(marker, FLAGS.hide_input) # hide input
if @_toggle_input_range == 'wait'
@_toggle_input_range = 'hide'
@sync()
if opts.toggle_output
fs = @get_cell_flagstring(marker)
if fs?
if FLAGS.hide_output in fs
# output is currently hidden
if @_toggle_output_range != 'hide'
@remove_cell_flag(marker, FLAGS.hide_output) # show output
if @_toggle_output_range == 'wait'
@_toggle_output_range = 'show'
else
if @_toggle_output_range != 'show'
@set_cell_flag(marker, FLAGS.hide_output)
if @_toggle_output_range == 'wait'
@_toggle_output_range = 'hide'
@sync()
if opts.advance
block.end = @move_cursor_to_next_cell()
if opts.execute
# check for client-side rendering
start = block.start
# skip blank lines and the input uuid line:
while start <= block.end
s = @focused_codemirror().getLine(start).trim()
if s.length == 0 or s[0] == MARKERS.cell
start += 1
else
# check if it is a mode line.
mode_line = s.replace(/\s/g,'').toLowerCase()
if mode_line in CLIENT_SIDE_MODE_LINES
@set_cell_flag(marker, FLAGS.this_session)
@execute_cell_client_side
block : {start:start, end:block.end}
mode_line : mode_line
marker : marker
return
break
# close output editor, if open
n = @find_output_line(pos.line)
if n?
mark = opts.cm.findMarksAt({line:n, ch:1})[0]
if mark? and mark.finish_editing?
mark.finish_editing()
@set_cell_flag(marker, FLAGS.execute)
@sync()
# purely client-side markdown rendering for a markdown, javascript, html, etc. block -- an optimization
execute_cell_client_side: (opts) =>
opts = defaults opts,
block : required
mode_line : required
marker : required
cm = @focused_codemirror()
block = opts.block
# clean up output
output_marks = cm.findMarksAt({line:block.end, ch:1})
if output_marks.length > 0
for o in output_marks
o.finish_editing?()
output_mark = output_marks[0]
# get the input text -- after the mode line
input = cm.getRange({line:block.start+1,ch:0}, {line:block.end+1,ch:0})
i = input.indexOf(MARKERS.output)
if i != -1
input = input.slice(0,i)
has_output_already = true
else
has_output_already = false
# generate new uuid, so that other clients will re-render output.
output_uuid = misc.uuid()
# determine the mode
i = opts.mode_line.indexOf('(')
if i == -1
mode = opts.mode_line.slice(1)
else
mode = opts.mode_line.slice(1,i)
hide = false
if mode in ['html', 'md'] and opts.mode_line.indexOf('false') == -1 and opts.mode_line.indexOf('0') == -1
hide = true
# create corresponding output line: this is important since it ensures that all clients will *see* the new output too
mesg = {}
if mode == 'javascript'
mesg['javascript'] = {code: input}
else if mode == 'coffeescript'
mesg['javascript'] = {coffeescript:true, code:input}
else
mesg[mode] = input
output_line = MARKERS.output + output_uuid + MARKERS.output + misc.to_json(mesg) + MARKERS.output + '\n'
if has_output_already
cm.replaceRange(output_line, {line:block.end,ch:0}, {line:block.end+1,ch:0})
else
cm.replaceRange(output_line, {line:block.end+1,ch:0}, {line:block.end+1,ch:0})
# hide input if necessary
if hide
@set_cell_flag(opts.marker, FLAGS.hide_input)
else
@remove_cell_flag(opts.marker, FLAGS.hide_input)
# update so that client sees rendering
@process_sage_updates(start:block.start, stop:block.end+1, caller:"execute_cell_client_side")
@sync()
split_cell_at: (pos) =>
# Split the cell at the given pos.
@cell_start_marker(pos.line)
@sync()
# returns the line number where the previous cell ends
move_cursor_to_next_cell: () =>
cm = @focused_codemirror()
line = cm.getCursor().line + 1
while line < cm.lineCount()
x = cm.getLine(line)
if x.length > 0 and x[0] == MARKERS.cell
cm.setCursor(line:line+1, ch:0)
return line-1
line += 1
# there is no next cell, so we create one at the last non-whitespace line
while line > 0 and $.trim(cm.getLine(line)).length == 0
line -= 1
@cell_start_marker(line+1)
cm.setCursor(line:line+2, ch:0)
return line
##########################################
# Codemirror-based cell manipulation code
# This is tightly tied to codemirror, so only makes sense on the client.
##########################################
get_cell_flagstring: (marker) =>
if not marker?
return undefined
pos = marker.find()
if not pos?
return ''
cm = @focused_codemirror()
if not misc.is_valid_uuid_string(cm.getRange({line:pos.from.line,ch:1},{line:pos.from.line, ch:37}))
# worksheet is somehow corrupt
# TODO: should fix things at this point, or make sure this is never hit; could be caused by
# undo conflicting with updates.
return undefined
return cm.getRange({line:pos.from.line,ch:37},{line:pos.from.line, ch:pos.to.ch-1})
set_cell_flagstring: (marker, value) =>
if not marker?
return
pos = marker.find()
h = @focused_codemirror().getHistory()
@focused_codemirror().replaceRange(value, {line:pos.from.line,ch:37}, {line:pos.to.line, ch:pos.to.ch-1})
h = @focused_codemirror().getHistory()
get_cell_uuid: (marker) =>
if not marker?
return
pos = marker.find()
if not pos?
return ''
return @focused_codemirror().getLine(pos.line).slice(1,38)
set_cell_flag: (marker, flag) =>
if not marker?
return
s = @get_cell_flagstring(marker)
if s? and flag not in s
@set_cell_flagstring(marker, flag + s)
remove_cell_flag: (marker, flag) =>
if not marker?
return
s = @get_cell_flagstring(marker)
if s? and flag in s
s = s.replace(new RegExp(flag, "g"), "")
@set_cell_flagstring(marker, s)
insert_new_cell: (line) =>
pos = {line:line, ch:0}
@focused_codemirror().replaceRange('\n', pos)
@focused_codemirror().focus()
@focused_codemirror().setCursor(pos)
@cell_start_marker(line)
@process_sage_updates(start:line, stop:line+1, caller:"insert_new_cell")
@sync()
cell_start_marker: (line) =>
cm = @focused_codemirror()
x = cm.findMarksAt(line:line, ch:1)
if x.length > 0 and x[0].type == MARKERS.cell
# already properly marked
return {marker:x[0], created:false}
if cm.lineCount() < line + 2
cm.replaceRange('\n',{line:line+1,ch:0})
uuid = misc.uuid()
cm.replaceRange(MARKERS.cell + uuid + MARKERS.cell + '\n', {line:line, ch:0})
@process_sage_updates(start:line, stop:line+1, caller:"cell_start_marker")
return {marker:@mark_cell_start(cm, line), created:true}
remove_cell_flags_from_changeObj: (changeObj, flags) =>
# Remove cell flags from *contiguous* text in the changeObj.
# This is useful for cut/copy/paste, but useless for
# diffsync (where we would not use it anyways).
# This function modifies changeObj in place.
@remove_cell_flags_from_text(changeObj.text, flags)
if changeObj.next?
@remove_cell_flags_from_changeObj(changeObj.next, flags)
remove_cell_flags_from_text: (text, flags) =>
# !! The input "text" is an array of strings, one for each line;
# this function modifies this array in place.
# Replace all lines of the form
# [MARKERS.cell][36-character uuid][flags][MARKERS.cell]
# by
# [MARKERS.cell][uuid][flags2][MARKERS.cell]
# where flags2 has the flags in the second argument (an array) removed,
# or all flags removed if the second argument is undefined
for i in [0...text.length]
s = text[i]
if s.length >= 38 and s[0] == MARKERS.cell
if flags?
text[i] = s.slice(0,37) + (x for x in s.slice(37,s.length-1) when x not in flags) + MARKERS.cell
else
text[i] = s.slice(0,37) + MARKERS.cell
output_elements: () =>
cm = @editor.codemirror
v = []
for line in [0...cm.lineCount()]
marks = cm.findMarksAt({line:line, ch:1})
if not marks? or marks.length == 0
continue
for mark in marks
elt = mark.replacedWith
if elt?
elt = $(elt)
if elt.hasClass('sagews-output')
v.push(elt)
return v
print_to_pdf_data: () =>
data = {}
sage3d = data.sage3d = {}
# Useful extra data about 3d plots (a png data url)
for elt in @output_elements()
for e in elt.find(".salvus-3d-container")
f = $(e)
scene = $(e).data('salvus-threejs')
scene.set_static_renderer()
data_url = scene.static_image
if data_url?
uuid = f.data('uuid')
if not sage3d[uuid]?
sage3d[uuid] = []
sage3d[uuid].push({'data-url':data_url, 'width':f.data('width')})
if misc.len(sage3d) == 0
return undefined
return data
class Cell
constructor : (opts) ->
@opts = defaults opts,
output : undefined # jquery wrapped output area
cell_id : undefined
@output = opts.output
@cell_id = opts.cell_id
class Worksheet
constructor : (@worksheet) ->
@project_page = @worksheet.editor.editor.project_page
@editor = @worksheet.editor.editor
execute_code: (opts) =>
if typeof opts == "string"
opts = {code:opts}
@worksheet.execute_code(opts)
interrupt: () =>
@worksheet.interrupt()
kill: () =>
@worksheet.kill()
set_interact_var : (opts) =>
elt = @worksheet.element.find("#" + opts.id)
if elt.length == 0
log("BUG: Attempt to set var of interact with id #{opts.id} failed since no such interact known.")
else
i = elt.data('interact')
if not i?
log("BUG: interact with id #{opts.id} doesn't have corresponding data object set.", elt)
else
i.set_interact_var(opts)
del_interact_var : (opts) =>
elt = @worksheet.element.find("#" + opts.id)
if elt.length == 0
log("BUG: Attempt to del var of interact with id #{opts.id} failed since no such interact known.")
else
i = elt.data('interact')
if not i?
log("BUG: interact with id #{opts.id} doesn't have corresponding data object del.", elt)
else
i.del_interact_var(opts.name)
################################
exports.SynchronizedDocument = SynchronizedDocument
exports.SynchronizedWorksheet = SynchronizedWorksheet