@widgetic/editor 3.11.4 → 4.0.1

package/src/browser/controller/navbar.coffee

@@ -1,48 +0,0 @@
-Controller 		= window.require 'spine/controller'
-Activator 		= window.require 'spine/controller/activator'
-Activateable 	= window.require 'spine/controller/activateable'
-Popup			= require '../../editor/popup'
-
-$body = $ 'body'
-
-class NavItem extends Controller
-	className : 'browser-nav-item'
-	@include Activateable
-
-	constructor:(options)->
-		super
-		if @item.root then @el.attr('title',@item.navTitle).addClass 'root' else @el.html(@item.name)
-		@$bind 'click', =>
-			return if @isActive()
-			@parent().trigger 'select', @item
-			@active().el.nextAll().each (i,el)->$(el).controller().release()
-
-class NavBar extends Activator
-	className : 'browser-nav'
-	constructor: ->
-		super
-
-		return unless @disconnectBtn
-
-		@popup = new Popup
-			title: 'Sure about disconnecting?'
-			confirmBtn: 'Yes, Disconnect'
-			cancelBtn: 'Cancel'
-			confirmBtnClass: 'green-button button--uc no-icons'
-			cancelBtnClass: 'dim-button button--uc no-icons'
-		@append @logout=$("<div class='browser-logout' title='Disconnect from server' data-icon='↯'></div>")
-
-		@logout.bind 'click', (e) =>
-			do e.stopPropagation
-			@popup.pop @el.closest('body'), =>
-				(@$trigger 'logout').trigger 'logout'
-				@children (i) -> i.release()
-
-	addItem: (item) ->
-		@children (child) ->
-			unless child.item.root or ///^#{child.item.path.replace /\//ig, '\/'}(\/|$)///.test item.path
-				child.release()
-		@append child = new NavItem {item}
-		child.active()
-
-module.exports = NavBar

package/src/browser/controller/social.coffee

@@ -1,213 +0,0 @@
-Controller		= window.require 'spine/controller'
-Activateable	= window.require 'spine/controller/activateable'
-Container 		= window.require 'spine/controller/container'
-Scrollable 		= require 'Core/controller/scrollable'
-
-h = window.virtualDom.h
-diff = window.virtualDom.diff
-patch = window.virtualDom.patch
-createElement = window.virtualDom.create
-
-NavBar 			= require './navbar'
-
-Intent 			= """
-	<div class=\"browser-login\">
-		<div class=\"browser-login-cont\">
-			<div class=\"browser-login-message\">add content from your account</div>
-			<div class=\"browser-login-button\"></div>
-		</div>
-	</div>"
-	"""
-
-stripFalse = (obj) ->
-	for key, value of obj
-		if value is false
-			delete obj[key]
-	return obj
-
-class SocialBrowser extends Controller
-	className: 'browser social-browser'
-
-	@include Container
-	@include Activateable
-	@include Scrollable
-
-	scrollOptions: {}
-
-	events:
-		'click .browser-login-button': 'auth'
-
-	constructor: ->
-		super
-		@attribute = @options.attribute
-
-		@service = new @Service @title, @options
-		@serviceTitle or= @service.title
-		@authenticated = false
-		@el.attr { @authenticated }
-
-		@nav = new NavBar disconnectBtn: true
-		@intent = $ Intent
-		@_dropdownDisplay = 'none'
-
-		@el.addClass @title
-		@render()
-
-		@on('activate', @auth)
-		@listenTo @service, 'auth', @onAuth
-		@listenTo @nav,  'logout', @onLogout
-
-	auth: (e) ->
-		return true if @authenticated
-		@service.auth e?.type is 'click'
-		true
-
-	onAuth: (@authenticated) =>
-		@el.attr { @authenticated }
-		@$trigger "editor:browser:auth", service: @Service.name, @authenticated
-
-	onLogout: =>
-		@service.deauth()
-
-	render: ->
-		if !@rootNode
-			@tree = @_render()
-			@rootNode = createElement(@tree)
-		else
-    	newTree = @_render();
-    	patches = diff(@tree, newTree);
-	    @rootNode = patch(@rootNode, patches);
-	    @tree = newTree;
-			@$('input').each (index, i) =>
-				return unless @content[index]
-				i.value = @content[index].value
-
-		@delay => @tab.count @content.length
-
-	_render: ->
-		h('ul', [
-			@content.map (i) => @['_render_' + i.type](i, @onItemUpdate(i), true)
-			@['_render_' + @newItem.type](@newItem, @onItemCreate) if @newItem
-			@_render_select()
-		])
-
-	_render_user_id: (i) ->
-		@_render_input('@', i, null, true)
-
-	_render_username: (i, callback, allowDelete) ->
-		@_render_input('@', i, callback, allowDelete)
-
-	_render_hashtag: (i, callback, allowDelete) ->
-		@_render_input('#', i, callback, allowDelete)
-
-	_render_input: (symbol, i, callback, allowDelete) ->
-		h('li.directinput-field.social-browser__input', [
-			h('div.control.control-url.social-browser__control', [
-				h('span', symbol),
-				h('input.control-input.input-text', {
-					onblur: callback,
-					attributes: stripFalse {
-						type: 'text',
-						placeholder: 'username',
-						value: i.value
-						readonly: !callback
-					}
-				})
-			]),
-			h('span.field-delete', {
-				onclick: @onDeleteClicked(i),
-				attributes: { 'data-icon': '⏍' }
-			}) if allowDelete
-		])
-
-	_render_select: ->
-		accountTypeItems = @content.filter (i) => i.type is 'user_id' and i.token is @service.getToken()
-		accountNotConnected = accountTypeItems.length is 0
-		h('li.social-browser__input',
-			h('div.control.control-dropdown', [
-				h('div.input-dropdown',
-					h('div.input-dropdown-default', { onclick: @_toggleDropdown }, [
-						h('span',	'Add'),
-						h('div.dropdown-arrow')
-					])
-				),
-				h('ul.input-dropdown-list',	{ style: { display: @_dropdownDisplay }}, [
-					h('li',	{ onclick: @_addInput('user_id') },	'My account') if accountNotConnected,
-					h('li', { onclick: @_addInput('username') }, 'Username'	),
-					h('li',	{ onclick: @_addInput('hashtag') },	'Hashtag'	)
-				])
-			])
-		)
-
-	_toggleDropdown: =>
-		@_dropdownDisplay = if @_dropdownDisplay is 'block' then 'none' else 'block'
-		@render()
-
-	_addInput: (type) => (e) =>
-		@_toggleDropdown()
-
-		@trigger 'canAdd', => @__addInput(type)
-
-	__addInput: (type) ->
-		@newItem = {}
-		@newItem.service = @title
-		@newItem.type = type
-		@newItem.token = @service.getToken()
-
-		if type is 'user_id'
-			@newItem.id = @service.user.id
-			@_add(@service.user.username)
-		else
-			@render()
-			@$('input[type=text]:last').focus()
-
-	onItemCreate: (e) =>
-		val = e.currentTarget.value
-		return unless val
-
-		@_add(val)
-
-	_add: (val) ->
-		@newItem.value = val
-		@newItem[@attribute] = @_attributeVal(@newItem)
-		@trigger 'add', @newItem
-		@newItem = undefined
-		@render()
-
-	_attributeVal: (item) -> 'Instagram: ' + (if item.type is 'hashtag' then '#' else '@') + item.value
-
-	onItemUpdate: (item) => (e) =>
-		val = e.currentTarget.value
-		return unless val
-		return unless val != item.value
-
-		item.value = val
-		item[@attribute] = @_attributeVal(item)
-		@trigger 'update', item, @attribute, item[@attribute]
-
-	onDeleteClicked: (item) => (e) =>
-		@trigger 'remove', item
-		@removeEntry(item)
-
-	addEntry: (item) ->
-		@content.push(item)
-		@render()
-
-	removeEntry: (item) ->
-		return unless @content.indexOf(item) >= 0
-		@content.splice @content.indexOf(item), 1
-		@render()
-
-	active: ->
-		Activateable.active.apply @, arguments
-		@scrollOptions.documentContext = @el.get(0).ownerDocument
-		@scroll()
-		@el.append @nav.el, @intent
-		@append @rootNode
-		@delay =>
-			@$trigger 'editor:browser:active', service: @Service.name, @authenticated
-
-	deactivate: =>
-		Activateable.deactivate.apply @, arguments
-
-module.exports = SocialBrowser

package/src/browser/model/entry.coffee

@@ -1,18 +0,0 @@
-Module = window.require 'spine/core/module'
-Events = window.require 'spine/core/events'
-
-###
-###
-class Entry extends Module
-	@include Events
-	stat: 0
-
-	constructor:(atts={})->
-		super
-		for key, value of atts
-			if atts.hasOwnProperty(key) and typeof @[key] is 'function'
-				@[key](value)
-			else
-				@[key] = value
-
-module.exports = Entry

package/src/browser/model/index.coffee

@@ -1,34 +0,0 @@
-Module 				= window.require 'spine/core/module'
-Events 				= window.require 'spine/core/events'
-Entry 				= require '../model/entry'
-
-class Service extends Module
-	@browser: 'browser/controller'
-	@authenticating: false
-	@include Events
-
-	constructor: (title,options)->
-		super
-		@title = title
-		@root = new Entry type:'folder', path:'/', root:true
-		@options = options
-		@listenTo @, 'auth', => clearTimeout @authFailInterval
-
-	###
-	The abstract auth function calls the _auth implementation function.
-	Rate-limited at 300 ms.
-	###
-	auth: ->
-		# console.log("Service auth:", @authenticating)
-		return if @authenticating
-		@authenticating = true
-		setTimeout (=>@authenticating = false), 300
-
-		clearTimeout @authFailInterval
-		@authFailInterval = setTimeout =>
-			@trigger 'auth', @authenticated = false
-		, 3000
-
-		@_auth arguments...
-
-module.exports = Service

package/src/core/controller/font-loader.coffee

@@ -1,65 +0,0 @@
-readyDef = new $.Deferred
-readyPromise = readyDef.promise()
-
-class FontLoader
-	fontList: {}
-
-	constructor: ->
-		@loadFontLoader()
-
-	loadFontLoader: ->
-		wf = document.createElement 'script'
-		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js'
-		wf.type = 'text/javascript'
-		wf.async = 'true'
-		wf.onload = -> readyDef.resolve()
-		s = document.getElementsByTagName('script')[0]
-		s.parentNode.insertBefore(wf, s)
-
-	load: (options = {}, context = window, source) -> readyPromise.then ->
-		fontFamily = options.families[0]
-
-		source or= options.source or 'google'
-		if context.fontDefs? and context.fontDefs[fontFamily]?
-			return context.fontDefs[fontFamily]
-
-		context.fontDefs or= {}
-		if source is 'local'
-			return context.fontDefs[fontFamily] = (new $.Deferred).resolve().promise()
-
-		context.fontDefs[fontFamily] = fl.loadGoogleFont options, context
-
-	loadGoogleFont: (options, context) =>
-		def = new $.Deferred
-		WebFont.load
-			google: options
-			context: context
-			fontactive: do (def) -> -> def.resolve arguments
-			fontinactive: do (def) -> -> def.resolve arguments
-			timeout: 600
-
-		return def.promise()
-
-	loadFontList: =>
-		return @fontListRdy if @fontListRdy?
-		def = Blogvio.Aye.defer()
-		@_getFontList().then =>
-			def.resolve $.extend {}, (f for _, f of @fontList)...
-		@fontListRdy = def.promise
-
-	_getFontList: =>
-		def = new $.Deferred
-		rdy = (source, fonts) ->
-			if source
-				fonts[font].source = source for font, opts of fonts
-				@fontList[source] = fonts
-			else
-				@fontList = $.extend {}, @fontList, fonts
-			def.resolve() if @fontList.google? and @fontList.local?
-
-		$.getJSON('/fonts-list').then rdy.bind @, null
-		$.getJSON('/fonts.json').then rdy.bind @, 'local'
-
-		return def.promise()
-
-module.exports = fl = new FontLoader

package/src/core/controller/lazyload.coffee

@@ -1,14 +0,0 @@
-Lazyload =
-	lazyLoad: ->
-		clearTimeout @loadTimeout
-		@loadTimeout = setTimeout =>
-			top = (elTop = @el.offset().top) - (@offsetToPreLoad or 150)
-			bottom = elTop + @el.height() + (@offsetToPreLoad or 150)
-			
-			lazyItems = @lazyItems?() or @children?() or []
-			for child, i in lazyItems
-				if (childTop = child.el.offset().top) > top and childTop < bottom
-					child.show?()
-		, 50
-
-module.exports = Lazyload

package/src/core/controller/overlay.coffee

@@ -1,146 +0,0 @@
-Controller    = window.require 'spine/controller'
-
-# Creates a 'overlay' type popup and wraps it in a friendly API
-#
-# The popup is created only when it is needed (right before showing)
-#
-# The creation of the popup suffers from some lag because of the cost of
-# iframe creation and resource loading
-# To reduce the lag, you can call preload() preemptively to create
-# the popup in the background
-# Avoid preloading multiple popups at the same time, as this will block
-# browser rendering
-#
-# The Widget's CSS (from stylus) is copied into the popup's stylesheet
-# upon creation (handled automatically by UI.popup)
-#
-# @example How to create an overlay and add elements and bind events
-# 	class PhotoOverlayWidget extends Widget
-# 		className: 'widget photo-overlay-widget'
-# 		events:
-# 			'click .image': '_onImageClick'
-#
-# 		overlayEvents:
-# 			'click .close':   '_onCloseClick'
-# 			'click .image':   '_rotate'
-# 			'overlay-hidden': '_onOverlayHidden'
-# 			'overlay-shown':  '_onOverlayShown'
-#
-# 		constructor: ->
-# 			@overlay = new Overlay { parent: @, events: @overlayEvents }
-# 			@ic = new ImageController item: {image:'http://placehold.it/100x200'}
-#
-# 			@overlay.append @closeButton = $('<div class="close">close nao!!</div>')
-# 			@overlay.append @ic
-#
-# 			super
-#
-# @example How to do a fade in / fade out animation
-# 	# Overlay.show/hide are asynchronous but instant (changes display prop on the iframe)
-# 	# To show the overlay with a fade in you must:
-# 	#	first hide the overlay.el
-# 	# 	then make the popup iframe visible using show()
-# 	# 	then animate the overlay.el opacity after show() is done (the promise is resolved)
-# 	_onImageClick: (ev) ->
-# 		@overlay.el.css { opacity: 0 }
-# 		@overlay.show().then =>
-# 			@overlay.el.animate { opacity: 1 }, 300
-#
-# 	# To hide the overlay using a fade out you must:
-# 	# 	first animate the opacity to 0
-# 	#	then hide() the overlay after the animation is done
-# 	_onCloseClick: (ev) =>
-# 		@overlay.el.animate { opacity: 0 }, 300, => @overlay.hide()
-#
-# @example How to style the contents of the popup
-# 	changeSkin: (skin, options) =>
-# 		@el.css('background-color', skin.backgroundcolor)
-#
-# 		overlayStyle = ".overlay { background-color: #{ skin.overlayBackgroundColor } }"
-# 		overlayStyle += ".image { position:absolute; top: 50%; left: 50%; border-width: #{ skin.strokeThickness }px}"
-#
-# 		@overlay.style(overlayStyle)
-class Overlay extends Controller
-	className: 'overlay'
-
-	# Construct a new Overlay
-	#
-	# @param [Object] options
-	# @option options [Object] events an object containing the events to be delegated
-	# @option options [Controller] parent the Controller that will handle the events
-	constructor: (options = {}) ->
-		throw new Error('The parent option is missing!') unless options.parent
-		throw new Error('The events option is missing!') unless options.events
-
-		super
-
-	# override spine controller delegateEvents to delegate to the @parent controller
-	delegateEvents: (events = @events) ->
-		@eventsDelegated = true
-		for key, method of events
-			if @parent[method]
-				match      = key.match(@eventSplitter)
-				eventName  = match[1]
-				selector   = match[2]
-				method = do (method) => =>
-					@parent[method] arguments...
-					true
-			if selector is ''
-				@el.bind(eventName, method )
-			else
-				@el.on(eventName, selector, method)
-
-	# Append a jquery element or a Controller inside the popup
-	append: (el) ->
-		el = el.el if el.el
-		@el.append el
-
-	# Force the creation of the popup to reduce the lag before showing
-	# @return [Promise]
-	preload: -> @_createPopup()
-
-	# Convenience method to toggle the visibility of the popup
-	# @return [Promise]
-	toggle: -> @_createPopup().then => if @popup.visible then @_hide() else @_show()
-
-	# Makes the popup appear
-	# @return [Promise]
-	show: -> @_createPopup().then @_show
-
-	# Makes the popup hide
-	# @return [Promise]
-	hide: -> @_createPopup().then @_hide
-
-	# Replace the popup's stylesheet
-	# @param [String] style the css string to replace the popup stylesheet with
-	style: (style) ->
-		@styleCache = style if style
-
-		return unless @popup
-		@popup.style @styleCache
-
-	# Standard Controller release method that also releases the popup
-	release: ->
-		super
-		@eventsDelegated = false
-		@popupPromise = null
-		@popup.release()
-		@
-
-	_show: => @popup.show().then => @el.trigger 'overlay-shown'
-
-	_hide: => @popup.hide().then => @el.trigger 'overlay-hidden'
-
-	_createPopup: ->
-		return @popupPromise if @popupPromise
-		@popupPromise = Blogvio.UI.popup.new
-				type: 'overlay'
-			.then (@popup) =>
-				@style()
-				@popup.append(@el)
-				@delegateEvents() unless @eventsDelegated
-			.fail (err) ->
-				console.error err.stack
-
-
-module.exports = Overlay

package/src/core/controller/popup.coffee

@@ -1,36 +0,0 @@
-Controller = window.require 'spine/controller'
-
-class Popup extends Controller
-	document: $ document
-	window: $ window
-
-	show: =>
-		@popup?.show()
-		setTimeout => @document.bind 'click', @hide
-
-	hide: =>
-		@popup?.hide()
-		@document.unbind 'click', @hide
-
-	toggle: => @_createPopup().then => if @popup.visible then @hide() else @show()
-
-	release: ->
-		super
-		@popup?.release()
-
-	_createPopup: ->
-		return @popupPromise if @popupPromise
-		@popupPromise = Blogvio.UI.popup.new($.extend {}, {@anchor, css: @getPopupCSS(), @targetWindow}, (@popupOptions or {}))
-			.then (@popup) => @popup.append(@el)
-			.fail (err) -> console.error err.stack
-
-	getPopupCSS: =>
-		@css or= [
-			'https://widgetic.com/bundles/blogvioapp/css/editor/editor.css'
-		]
-
-	setPopupCSS: (@css) => @
-
-	setPopupTargetWindow: (@targetWindow) => @
-
-module.exports = Popup

package/src/core/controller/scrollable.coffee

@@ -1,68 +0,0 @@
-###
-@mixin
-Provides implementation for a controller that can activate
-###
-prevent = (e) -> e.preventDefault()
-class Scroll
-	defaults:
-		preventPageScrolling: true
-		disableResize: true #SHOULD TRY WITH IT ON FALSE
-		contentClass: 'scroll-content'
-		alwaysVisible: false
-		paneClass: 'scroll-pane'
-
-	constructor: (@el, options={}) ->
-		@render()
-
-		@callbacks = options.callbacks
-		delete options.callbacks
-
-		@$box.nanoScroller @options = $.extend true, {}, @defaults, options
-		@bindEvents @callbacks
-
-	render: ->
-		$content = $ '<div class="scroll-content"></div>'
-		@$box = $ '<div class="nano scrolling-container">'
-
-		@el.append(@$box.append $content.append @el.children()).addClass 'scroll-box'
-		@container = $content
-
-	update: ->
-		@$box.nanoScroller()
-		@
-	scrollTo: (to, opts={}) ->
-		to =  if typeof to is 'number' then scrollTop: to else scrollTo: to
-		@$box.nanoScroller(to)
-		@
-	detach:->
-		# @el.mCustomScrollbar 'destroy'
-		@
-	disable:->
-		@$box.nanoScroller stop: true
-		@container.bind 'mousewheel', prevent
-		@
-	enable: ->
-		@container.unbind 'mousewheel', prevent
-		@update()
-	offset: ->
-		top: @container.scrollTop(), left: @container.scrollLeft()
-
-	bindEvents: (events) =>
-		@$box.bind 'update', events.whileScrolling
-		@$box.bind 'update', events.onScroll
-
-Scrollable =
-	onScroll: ->
-	whileScrolling: ->
-
-	scroll: ->
-		scrollOptions =
-			callbacks: {@onScroll, @whileScrolling}
-		unless @_scroll
-			@_scroll = new Scroll @scrollContainer or @el, $.extend true, {}, scrollOptions, @scrollOptions
-			@bind 'release', => @delay => @_scroll.detach()
-			# unless @containerClass
-			@container = @_scroll.container
-		@_scroll
-
-module.exports = Scrollable

package/src/core/controls/audio.coffee

@@ -1,56 +0,0 @@
-URL = require './url'
-
-class Audio extends URL
-	className : 'control-audio'
-	template  : 'core/views/audio'
-	elements  : 'input': 'input'
-	type      : 'audio'
-
-	elements:
-		'.url-thumb': 'toggleBtn'
-
-	events:
-		'click .play-btn,.pause-btn': 'toggle'
-	
-	constructor: ->
-		super
-		@deflt =
-			volume:   100
-			onpause:  @status
-			onresume: @status
-			onfinish: @status
-			onplay:   @status
-
-	render: ->
-		super
-		@toggleBtn.toggle soundManager?
-		@delay =>@update(@item)
-		@
-
-	update: (item,t,options={}) =>
-		@input.val @lastURL = (item[@attribute] or '')
-		@onURL true, silent: true
-
-	onInput: (e) ->
-		super
-		@sound?.destruct()
-		@status()
-
-	toggle: -> @sound?.togglePause()
-
-	status: => @el.toggleClass 'playing', !@sound?.paused and @sound?.playState is 1
-
-	onURL: (exists) =>
-		super
-		if soundManager? and exists and @lastURL?.length
-			doit = => @sound = soundManager.createSound($.extend {url:@lastURL}, @deflt) or null
-			if soundManager.enabled then doit() else soundManager.onready doit
-		
-		if exists and not @item[@attribute]
-			@$removeClass('valid')
-		
-		@
-
-	release: -> super?.sound?.destruct()
-
-module.exports = Audio