;(function(){ var root; if(typeof window !== "undefined"){ root = window } if(typeof global !== "undefined"){ root = global } root = root || {}; var console = root.console || {log: function(){}}; function USE(arg, req){ return req? require(arg) : arg.slice? USE[R(arg)] : function(mod, path){ arg(mod = {exports: {}}); USE[R(path)] = mod.exports; } function R(p){ return p.split('/').slice(-1).toString().replace('.js',''); } } if(typeof module !== "undefined"){ var common = module } ;USE(function(module){ var noop = function(){}, u; $.fn.or = function(s){ return this.length ? this : $(s||'body') }; var m = window.meta = {edit:[]}; var k = m.key = {}; k.meta = {17:17, 91:17, 93:17, 224:17}; k.down = function(eve){ if(eve.repeat){ return } var key = (k.eve = m.eve = eve).which = eve.which || eve.fake || eve.keyCode; if(!eve.fake && key === k.last){ return } k.last = key; if(!eve.fake && $(eve.target).closest('input, textarea, [contenteditable=true]').length){ if(k.meta[key]){ k.down.meta = key = -1 } if(!k.down.meta){ return } } (k.combo || (k.combo = [])).push(key); m.check('on', key, k.at || (k.at = m.edit)); if(k.meta[key]){ m.list(k.at.back || m.edit); if(k.at && !k.at.back){ m.flip() } } } k.up = function(eve){ var tmp; var key = (k.eve = m.eve = eve).which = eve.which || eve.fake || eve.keyCode; if(!eve.fake && $(eve.target).closest('input, textarea, [contenteditable=true]').length){ if(k.meta[key]){ k.down.meta = null; key = -1; } else if(!k.down.meta){ return } } k.last = null; if($(':focus').closest('#meta').length){ return } m.check('up', key); if(-1 === key || 27 === eve.which){ k.wipe() } } m.flip = function(tmp){ var board = $('#meta .meta-menu'); ((tmp === false) || (!tmp && board.is(':visible')))? board.addClass('meta-none') : board.removeClass('meta-none'); } m.flip.is = function(){ return $('#meta .meta-menu').is(':visible'); } m.flip.wait = 500; m.check = function(how, key, at){ at = k.at || m.edit; var edit = at[key]; if(!edit){ return } var tmp = k.eve || noop; if(tmp.preventDefault){ tmp.preventDefault() } if(edit[how]){ if(tmp.fake && !edit.fake){ m.tap.edit = edit; } else { edit[how](m.eve); /*if(k.at !== m.edit && 'up' === how){ if(k.down.meta){ m.list(k.at = m.edit) } else { k.wipe() } }*/ } } if('up' != how){ return } if(at != edit){ edit.back = at } m.list(edit, true); } m.list = function(at, opt){ if(!at){ return m.flip(false) } var l = []; $.each(at, function(i,k){ 'back' != i && k.combo && k.name && l.push(k) }); if(!l.length){ return } k.at = at; l = l.sort(function(a,b){ a = a.combo.slice(-1)[0] || 0; if(a.length){ a = a.toUpperCase().charCodeAt(0) } b = b.combo.slice(-1)[0] || 0; if(b.length){ b = b.toUpperCase().charCodeAt(0) } return (a < b)? -1 : 1; }); var $ul = $('#meta .meta-menu ul') $ul.children('li').addClass('meta-none').hide(); setTimeout(function(){ $ul.children('.meta-none').remove() },250); // necessary fix for weird bug glitch $.each(l, function(i, k){ $ul.append($('
  • ').text(k.name)); }); if(opt){ m.flip(true) } $ul.append($('
  • ').html('←').one('click', function(){ m.list(k.at = at.back); })); } m.ask = function(help, cb){ var $ul = $('#meta .meta-menu ul').empty(); var $put = $('').attr('id', 'meta-ask').attr('placeholder', help); var $form = $('
    ').append($put).on('submit', function(eve){ eve.preventDefault(); cb($put.val()); $li.remove(); k.wipe(); }); var $li = $('
  • ').append($form); $ul.append($li); m.flip(true); $put.focus(); } k.wipe = function(opt){ k.down.meta = false; k.combo = []; if(!opt){ m.flip(false) } m.list(k.at = m.edit); }; m.tap = function(){ var on = $('.meta-on') .or($($(document.querySelectorAll(':hover')).get().reverse()).first()) .or($(document.elementFromPoint(meta.tap.x, meta.tap.y))); return on; } meta.edit = function(edit){ var tmp = edit.combow = []; $.each(edit.combo || (edit.combo = []), function(i,k){ if(!k || !k.length){ if('number' == typeof k){ tmp.push(k) } return } tmp.push(k.toUpperCase().charCodeAt(0)); }); var at = meta.edit, l = edit.combo.length; $.each(tmp, function(i,k){ at = at[k] = (++i >= l)? edit : at[k] || {} }); edit.combow = edit.combow.join(','); m.list(meta.edit); } })(USE, './metaCore'); ;USE(function(module){ try{ /* UI */ if(meta.css){ return } var $m = $('
    ').attr('id', 'meta'); $m.append($('').text('+').addClass('meta-start')); $m.append($('
    ').addClass('meta-menu meta-none').append('
      ')); $(document.body).append($m); css({ '#meta': { display: 'block', position: 'fixed', bottom: '2em', right: '2em', background: 'white', 'font-size': '18pt', 'font-family': 'Tahoma, arial', 'box-shadow': '0px 0px 1px #000044', 'border-radius': '1em', 'text-align': 'center', 'z-index': 999999, margin: 0, padding: 0, width: '2em', height: '2em', opacity: 0.7, outline: 'none', color: '#000044', overflow: 'visible', transition: 'all 0.2s ease-in' }, '#meta *': {outline: 'none'}, '#meta .meta-none': {display: 'none'}, '#meta span': {'line-height': '2em'}, '#meta .meta-menu': { background: 'rgba(0,0,0,0.1)', width: '12em', right: '-2em', bottom: '-2em', overflow: 'visible', position: 'absolute', 'overflow-y': 'scroll', 'text-align': 'right', 'min-height': '20em', height: '100vh' }, '#meta .meta-menu ul': { padding: 0, margin: '1em 1em 2em 0', 'list-style-type': 'none' }, '#meta .meta-menu ul li': { display: 'block', background: 'white', padding: '0.5em 1em', 'border-radius': '1em', 'margin-left': '0.25em', 'margin-top': '0.25em', 'float': 'right' }, '#meta a': {color: 'black'}, '#meta:hover': {opacity: 1}, '#meta .meta-menu ul:before': { content: "' '", display: 'block', 'min-height': '15em', height: '50vh' }, '#meta li': { background: 'white', padding: '0.5em 1em', 'border-radius': '1em', 'margin-left': '0.25em', 'margin-top': '0.25em', 'float': 'right' }, '#meta:hover .meta-menu': {display: 'block'} }); function css(css){ var tmp = ''; $.each(css, function(c,r){ tmp += c + ' {\n'; $.each(r, function(k,v){ tmp += '\t'+ k +': '+ v +';\n'; }); tmp += '}\n'; }); var tag = document.createElement('style'); tag.innerHTML = tmp; document.body.appendChild(tag); } }catch(e){} })(USE, './metaUI'); ;USE(function(module){ // include basic text editing by default. var monotype = window.monotype || function(){console.log("monotype needed")}; var m = meta; m.text = {zws: '​'}; m.text.on = function(eve){ var tmp; if($((eve||{}).target).closest('#meta').length){ return } m.text.range = null; if(!(m.text.copy()||'').trim()){ m.flip(false); m.list(m.text.it); return; } m.text.range = monotype((eve||{}).target); m.text.it.on(eve); } m.text.copy = function(tmp){ return ((tmp = window.getSelection) && tmp().toString()) || ((tmp = document.selection) && tmp.createRange().text) || ''; } m.text.editor = function(opt, as){ var tmp; if(!opt){ return } opt = (typeof opt == 'string')? {edit: opt} : opt.tag? opt : {tag: opt}; var r = opt.range = opt.range || m.text.range || monotype(), cmd = opt.edit; as = opt.as = opt.as || as; if(cmd && document.execCommand){ r.restore(); if(document.execCommand(cmd, null, as||null)){ if(m.text.range){ m.text.range = monotype() } return; } } if(!opt.tag){ return } opt.tag = $(opt.tag); opt.name = opt.name || opt.tag.prop('tagName'); if((tmp = $(r.get()).closest(opt.name)).length){ if(r.s === r.e){ tmp.after(m.text.zws); r = r.select(monotype.next(tmp[0]),1); } else { tmp.contents().unwrap(opt.name); } } else if(r.s === r.e){ r.insert(opt.tag); r = r.select(opt.tag); } else { r.wrap(opt.tag); } r.restore(); opt.range = null; if(m.text.range){ m.text.range = monotype() } } meta.edit(meta.text.it = {combo: [-1], on: function(){ m.list(this, true) }, back: meta.edit}); // -1 is key for typing. meta.text.it[-1] = meta.text.it; meta.edit({ name: "Bold", combo: [-1,'B'], fake: -1, on: function(eve){ meta.text.editor('bold'); }, up: function(){} }); meta.edit({ name: "Italic", combo: [-1,'I'], fake: -1, on: function(eve){ meta.text.editor('italic'); }, up: function(){} }); /*meta.edit({ name: "Underline", combo: [-1,'U'], fake: -1, on: function(eve){ meta.text.editor('underline'); }, up: function(){} });*/ meta.edit({ name: "linK", combo: [-1,'K'], fake: -1, on: function(eve){ var range = meta.text.range || monotype(); meta.ask('Paste or type link...', function(url){ meta.text.editor({tag: $('link'), edit: url? 'createLink' : 'unlink', as: url, range: range}); }) } }); //meta.edit({name: "aliGn", combo: [-1,'G']}); // MOVE TO ADVANCED MENu! meta.edit({ name: "Left", combo: [-1,'G','L'], fake: -1, on: function(eve){ meta.text.editor('justifyLeft') }, up: function(){} }); meta.edit({ name: "Right", combo: [-1,'G','R'], fake: -1, on: function(eve){ meta.text.editor('justifyRight') }, up: function(){ } }); meta.edit({ name: "Middle", combo: [-1,'G','M'], fake: -1, on: function(eve){ meta.text.editor('justifyCenter') }, up: function(){ } }); meta.edit({ name: "Justify", combo: [-1,'G','J'], fake: -1, on: function(eve){ meta.text.editor('justifyFull') }, up: function(){} }); // Align Number // Align Points // Align Strike meta.edit({name: "Size", combo: [-1,'S'], on: function(){ m.list(this, true) }}); meta.edit({ name: "Small", combo: [-1,'S','S'], fake: -1, on: function(eve){ meta.text.editor('fontSize', 2) }, up: function(){ } }); meta.edit({ name: "Normal", combo: [-1,'S','N'], fake: -1, on: function(eve){ meta.text.editor('fontSize', 5) }, up: function(){} }); meta.edit({ name: "Header", combo: [-1,'S','H'], fake: -1, on: function(eve){ meta.text.editor('fontSize', 6) }, up: function(){} }); meta.edit({ name: "Title", combo: [-1,'S','T'], fake: -1, on: function(eve){ meta.text.editor('fontSize', 7) }, up: function(){} }); })(USE, './metaText'); ;USE(function(module){ var m = meta, k = m.key; $(window).on('blur', k.wipe).on('focus', k.wipe); $(document).on('mousedown mousemove mouseup', function(eve){ m.tap.eve = eve; m.tap.x = eve.pageX||0; m.tap.y = eve.pageY||0; m.tap.on = $(eve.target); }).on('mousedown touchstart', function(eve){ var tmp = m.tap.edit; if(!tmp || !tmp.on){ return } tmp.on(eve); m.tap.edit = null; }); $(document).on('touchstart', '#meta .meta-start', function(eve){ m.tap.stun = true }); $(document).on('click', '#meta .meta-menu li', function(eve){ if(m.tap.stun){ return m.tap.stun = false } if(!(eve.fake = eve.which = (($(this).text().match(/[A-Z]/)||{})[0]||'').toUpperCase().charCodeAt(0))){ return } eve.tap = true; k.down(eve); k.up(eve); }); $(document).on('keydown', k.down).on('keyup', k.up); $(document).on('select contextmenu keyup mouseup', '[contenteditable=true]', m.text.on); })(USE, './metaEvents'); }());