@widgetic/editor 3.11.3 → 4.0.1

package/src/api/index.coffee

@@ -1,23 +0,0 @@
-Api =
-	enabled 		: true
-	app_id 			: '528495b81d8a0c3130000000_5zjgq5bllucc4ok88404occgcgsckswcc40g8ggs08ckswc4kw'
-	redirect_uri 	: "http://local.blogvio.com/connect/blogvio.html"
-
-	###
-	Runs a callback with the API disabled
-
-	This allows changes to models without triggering persist
-	###
-	disable : (callback) ->
-		if @enabled
-			@enabled = false
-			try
-				do callback
-			catch e
-				throw e
-			finally
-				@enabled = true
-		else
-			do callback
-
-module.exports = Api

package/src/api/mixin.coffee

@@ -1,89 +0,0 @@
-Api        = require './index'
-stringify  = Widgetic.JSON.stringify
-Helper 	   = window.require 'spine/utils/helper'
-url = (object,id=true)->
-	u=(object.className or object.constructor.className).toLowerCase()+'s'
-	if id and object.id and (not /^c\-[\d]+/.test object.id)
-		u+='/'+ encodeURIComponent(object.id)
-	u
-class Base
-	request: ->
-		if Api.enabled
-			return Widgetic.api.apply(Widgetic, arguments)
-
-		def = Widgetic.Aye.defer()
-		def.reject('Widgetic API is disabled.')
-		return def.promise
-
-class Singleton extends Base
-	constructor: (@record) ->
-		@model = @record.constructor
-
-	reload: (options) ->
-		@request(url(@record)).then(@recordResponse(options),@failedReload(options))
-
-	create: (options) ->
-		@request(url(@record,false),'POST',stringify(@record)).then(@recordResponse(options), @failedWithData(options))
-
-	update: (options) ->
-		isNew =  /^c\-[\d]+/.test @record.id
-		@request(url(@record,not isNew),(if isNew then 'POST' else 'PUT'),stringify(@record)).then(@recordResponse(options), @failedWithData(options))
-
-	destroy: (options) ->
-		@request(url(@record),'DELETE').then(@recordResponse(options), @failedWithData(options))
-
-	# Private
-	recordResponse: (options = {}) =>
-		(data) =>
-			if (data = if (blank = Helper.isBlank(data)) then false else @model.fromJSON(data))
-				Api.disable =>
-					@record.changeID(data.id) if data.id and @record.id isnt data.id
-					@record.updateAttributes {id: data.id}, fromApi:true
-
-			@record.trigger('apiSuccess', data)
-			options.done?.apply(@record, arguments)
-			return @record
-
-	failedWithData:(options={})=>
-		(error) =>
-			@record.trigger('apiError', error)
-			options.fail?.apply(@record, arguments)
-			throw error
-
-class Collection extends Base
-	constructor: (@model) ->
-
-	find: (id, params = {}) ->
-		@request(url(new @model(id: id)), null, params).then(@recordsResponse, @failResponse)
-
-	all: (params = {}) ->
-		@request(url(@model), false, params).then(@recordsResponse, @failResponse)
-
-	fetch: (params = {}, options = {}) ->
-		delete params.id if id = params.id
-		(if id then @find(id, params) else @all(params)).then((record) => @model.refresh(record, options))
-
-	# Private
-	recordsResponse : (data) =>
-		@model.trigger 'apiSuccess'
-		return data
-
-	failResponse  	: (error) =>
-		@model.trigger 'apiError', null, error
-		throw new Error(error.message)
-
-Include = {ajax: -> new Singleton(@)}
-Extend  = {ajax: -> new Collection(@)}
-
-Mixin =
-	extended: ->
-		@extend Extend
-		@include Include
-
-	# Private
-	ajaxFetch: ->@ajax().fetch(arguments...)
-	ajaxChange: (record, type, options = {}) ->
-		return if options.ajax is false
-		record.ajax()[type](options)
-
-module.exports = Mixin

package/src/browser/controller/entry/audio.coffee

@@ -1,38 +0,0 @@
-FileController = require './file'
-class AudioController extends FileController
-	className:'browser-audio'
-	events:
-		'click .browser-entry-info':'togglePlay'
-
-	constructor:->
-	 	super
-	 	@deflt={volume:100,onpause:@status,onstop:@status,onresume:@status,onfinish:@status,onplay:@status,fromController:'browser-audio'}
-
-	status  : =>
-		return unless @sound
-		@el.toggleClass 'playing',!@sound.paused and @sound.playState is 1
-
-	togglePlay:->
-		@el.toggleClass 'loading', !@sound
-		withurl = (url)=>
-			@item.url = url
-			@sound = soundManager.createSound($.extend {url}, @deflt) or null
-			@togglePlay()
-		if @sound
-			unless @el.is('.playing')
-				sound.stop().setPosition(0) for id, sound of soundManager.sounds when sound.instanceOptions.fromController is 'browser-audio' and sound.id isnt @sound.id
-			@sound.togglePause()
-			# if @
-		else
-			@$trigger 'getURL', withurl
-			
-	release:->
-		try 
-			@sound.destruct()
-		@sound = null
-		super
-	
-	refresh: =>
-		@sound?.pause()
-
-module.exports = AudioController

package/src/browser/controller/entry/button.coffee

@@ -1,16 +0,0 @@
-FolderController = require './folder'
-class ButtonController extends FolderController
-	className: 'browser-entry browser-folder'
-	events:'click':'click'
-
-	constructor: ->
-		super
-		@el.addClass className if (className = @item.className)?
-
-	update: ->
-		@el.attr 'data-count', 0
-	
-	click: ->
-		@item.trigger 'select'
-
-module.exports = ButtonController

package/src/browser/controller/entry/file.coffee

@@ -1,35 +0,0 @@
-EntryController = require './index'
-Activateable 	= window.require 'spine/controller/activateable'
-class FileController extends EntryController 
-	className: 'browser-entry'
-
-	@include Activateable
-	
-	events:
-		'click .browser-entry-prew':'toggle'
-
-	constructor: ->
-		super
-		@update({@selected})
-		@activate() if @selected
-		@listenTo @item, 'refresh', @refresh
-		@refresh()
-
-	update:(opts={})->
-		@el.toggleClass('active',opts.selected)
-
-	toggle: ->
-		return if !@isActive() and @item.onActivate? and !@item.onActivate?()
-		if @isActive() then @deactivate() else @active()
-
-	getPreviewURL: => @getPreview @item if @item
-
-	refresh: =>
-		if @item.isPrivate
-			@el.addClass 'private-entry'
-			@el.attr 'data-tooltip-text', 'To use this item, make it public.'
-		else
-			@el.removeClass 'private-entry',
-			@el.removeAttr 'data-tooltip-text'
-
-module.exports = FileController

package/src/browser/controller/entry/folder.coffee

@@ -1,14 +0,0 @@
-EntryController = require './index'
-class FolderController extends EntryController 
-	className: 'browser-folder'
-	events:'click':'click'
-
-	constructor:->
-		super
-		@update({@count})
-		
-	update:(opts={})->@el.attr 'data-count', opts.count or 0
-	
-	click : ->@trigger 'select', @item
-
-module.exports = FolderController

package/src/browser/controller/entry/image.coffee

@@ -1,24 +0,0 @@
-FileController = require './file'
-
-class ImageController extends FileController
-	className: 'browser-image'
-	img: -> $('<span class="browser-image-prew_img"></span>').css
-		background:"url(#{@previewUrl()}) center center no-repeat"
-		opacity: 1
-
-	show: =>
-		super
-		@appendPreview()
-		# @preview.attr 'data-tooltip-image', @previewUrl()
-
-	appendPreview: =>
-		(not @_previewUrl) and @preview.append @img()
-
-	saveURL: (@_previewUrl) => @appendPreview()
-
-	url: => @getURL? @item, @saveURL
-
-	previewUrl: =>
-		(@_previewUrl or= @getPreviewURL? @item) or @url()
-
-module.exports = ImageController

package/src/browser/controller/entry/index.coffee

@@ -1,18 +0,0 @@
-Controller = window.require 'spine/controller'
-
-class EntryController extends Controller
-	tag: 'span'
-	className: 'browser-entry'
-	constructor:->
-		super
-		# remove the extension from item's title
-		itemTitle = @item.name?.replace(/\.[a-zA-Z]{3,4}$/, '') or 'No Title'
-
-		@preview = $('<div class="browser-entry-prew"><span class="browser-entry-icon"></span></div>')
-		@info    = $('<div class="browser-entry-info">'+(itemTitle)+'</div>')
-		@el.append @preview, @info
-
-	show: =>
-		@item.onShow?()
-
-module.exports = EntryController

package/src/browser/controller/entry/rss.coffee

@@ -1,5 +0,0 @@
-FileController = require './file'
-class RssEntryController extends FileController
-	className:'browser-rss'
-
-module.exports = RssEntryController

package/src/browser/controller/entry/video.coffee

@@ -1,4 +0,0 @@
-FileController = require './file'
-class VideoController extends FileController
-	className:'browser-video'
-module.exports = VideoController

package/src/browser/controller/index.coffee

@@ -1,289 +0,0 @@
-Controller 		= window.require 'spine/controller'
-Activateable	= window.require 'spine/controller/activateable'
-Container 		= window.require 'spine/controller/container'
-
-Scrollable 		= require '../../core/controller/scrollable'
-Lazyloader 		= require '../../core/controller/lazyload'
-
-Entry 			= require './entry'
-NavBar 			= require './navbar'
-
-Intent 			= (options) ->
-	content = ""
-	if options.colors or options.icon or options.connectButton
-		content = """
-			<div class=\"before\" style=\"background: #{options.colors.dark} url('#{options.icon}')\"></div><!--
-		 --><div class=\"after\" style=\"background: #{options.colors.light}\">#{options.connectButton.label}</div>
-		"""
-
-	"""
-	<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\" data-content=\"#{!!content}\">#{content}</div>
-		</div>
-	</div>"
-	"""
-
-Controllers 	=
-	folder: require './entry/folder'
-	button: require './entry/button'
-	image : require './entry/image'
-	audio : require './entry/audio'
-	video : require './entry/video'
-	rss   : require './entry/rss'
-
-class Browser extends Controller
-	className: 'browser'
-
-	@include Container
-	@include Activateable
-	@include Scrollable
-	@include Lazyloader
-
-	scrollOptions: {}
-
-	events:
-		'click .browser-login-button': 'auth'
-
-	constructor: ->
-		super
-		# console.log("Default Browser CTR:", @Service, @title, @options)
-		@service = new @Service @title, @options
-		@serviceTitle or= @service.title
-		
-		# show how many content items the user has selected on this source
-		@currentContent = []
-		# @delay => @tab.count @content.length
-		
-
-		@addNavBar()
-		@intent = $ Intent @service.options
-		@el.addClass @title
-		@el.attr 'data-filetype', @options.types[0]
-
-		@on('activate', @auth).listenTo @service, 'auth', @onAuth
-		@listenTo @nav, 'select', @setFolder
-		@listenTo @nav,  'logout', @onLogout
-		@listenTo @service, 'refresh', @onFolderRefresh
-		@listenTo @service, 'auth-req', @_requestAuth
-		@$bind 'getURL', (e, callback) => @service.getURL $(e.target).controller().item, callback
-
-	addNavBar: ->
-		@nav = new NavBar disconnectBtn: !@service.hideDisconnectBtn
-
-	active: ->
-		Activateable.active.apply @, arguments
-		@scrollOptions.documentContext = @el.get(0).ownerDocument
-		@scroll()
-		@el.append @nav.el, @intent
-		@el.append @service.faqLink if @service.faqLink?
-		@refreshChildren()
-		@delay =>
-			@$trigger "editor:browser:active", service: @Service.name, authenticated: (@authenticated is true and @nav.el.is ':visible')
-
-	deactivate: =>
-		Activateable.deactivate.apply @, arguments
-		@refreshChildren()
-
-	###
-	Auth request and event handler
-	###
-	auth: (e) ->
-		# console.log("Default browser auth:", e)
-		return if String(@el.attr 'authenticated') is 'true'
-		@service.auth e?.type is 'click'
-
-	onAuth: (@authenticated) =>
-		# console.log("Default browser onAuth:", @authenticated)
-		# reset lists of content
-		@currentContent = []
-
-		# show currentSource count
-		if @authenticated then @updateCurrentCount() 
-		# clear current content count
-		else 
-			@tab.count 0
-
-		@el.attr {@authenticated}
-		@setFolder @service.root if @authenticated
-		@$trigger "editor:browser:auth", service: @Service.name, authenticated: (@authenticated is true)
-
-	onLogout: =>
-		@service.deauth()
-		@refreshChildren()
-		@currentFolder = null
-
-	###
-	Folder loading
-	###
-	setFolder: (entry) =>
-		isSameFolder = @currentFolder?.path is entry.path
-		@nav.addItem entry unless isSameFolder
-		entry.children = []
-		@currentFolder = entry
-
-		@empty().$addClass 'loading'
-		@service.refresh entry
-		@
-
-	refreshChildren: =>
-		@children (child) -> child.refresh?()
-
-	refresh: ->
-		return if @refreshing
-		@refreshing = true
-		@setFolder(@currentFolder) if @currentFolder
-
-	# update the current authenticated user's selected items count
-	updateCurrentCount: =>
-		# console.log("Update count:", @content, @currentContent)
-		@tab.count @content.filter((a) => @currentContent.some((b) => a.id == b.id)).length
-
-	onFolderRefresh: (children, opts = {}) =>
-		# console.log("onFolderRefresh:", children, opts.root)
-
-		# on first root folder refresh: get entire list of content update selected items count
-		if opts.root
-			# console.log("onFolderRefresh update count:", children, opts.root, @service)
-
-			# reset lists of content
-			rootChildren = []
-			subfoldersChildren = []
-
-			# create the list of "root subfolders files" and the list of "root files"
-			children.map((child) =>
-				if child.type == "folder" then subfoldersChildren = subfoldersChildren.concat(child.children.map((subChild) => @service.newEntry('audio', subChild, child.id)))
-				else rootChildren.push(child)
-			)
-			# console.log("on Root refresh:", rootChildren, subfoldersChildren)
-
-			# if loading subfolders children for the first time
-			if subfoldersChildren.length && !@currentContent.length
-				# console.log("LOAD SUBFOLDERS FILES!")
-				@currentContent = @currentContent.concat(subfoldersChildren)
-
-			# if loading files children: filter those that are already in currentContent(that are subfoldersFiles)
-			if rootChildren.length
-				# console.log("LOAD ROOT FILES:", rootChildren)
-				children = rootChildren = rootChildren.filter((child) => !@currentContent.some((subChild) => subChild.id == child.id));
-				@currentContent = @currentContent.concat(rootChildren)
-
-			# console.log("on Root refresh:", @content, @currentContent);
-
-			# show currentSource count
-			@updateCurrentCount()
-
-		# clear empty children in current folder
-		if opts.hard then @empty().$addClass 'loading'
-		
-		# turn refreshing off
-		@refreshing = false
-
-		# hide loader
-		@$removeClass('loading')
-
-		# save the new children in current folder's array
-		@currentFolder.children = @currentFolder.children.concat children
-		# children = @children()
-
-		# show no item icon if no children
-		@el.toggleClass 'no-items', !children.length and !@children().length
-
-		# append the new children when they are not hidden to the browser canvas
-		for item in children when not /^\.[^\.]/.test item.name
-			# prepare options
-			opts=
-				item        : item
-				getPreview  : (item) => @service.preview item
-				getURL      : (item, _c) => @service.getURL item, _c
-				count       : @getContentItemsInFolder(item) if isFolder = item.type is 'folder'
-				selected    : !!@content.filter((i)-> i.path is item.path).length unless isFolder
-			# create controller
-			controller = new Controllers[item.type] opts
-			@append controller
-			@listenTo controller, 'select', @setFolder if item.type is 'folder'
-
-		# children.forEach (child) -> child.release()
-
-		# update scroll and start lazy load
-		@scroll().update()
-		@lazyLoad()
-
-
-	###
-	Livecycle and activation
-	###
-	afterAdd: (child) ->
-		Container.afterAdd.call @, child
-		@listenTo child, 'active', @_active
-		@listenTo child, 'activate', @_activate
-		@listenTo child, 'deactivate', @_deactivate
-		child
-
-	_active: (child, options={}) =>
-		@trigger 'canAdd', -> child.activate options
-
-	# TODO: check if this is release properly
-	_release: =>
-		child = Container._release.apply @, arguments
-		@stopListening child
-		child
-
-	_activate: (child,options) =>
-		@addEntry item = child.item
-		item.service = @title
-		item.active = true
-		item.getURLPromise = @service.getURL item, do (stat = ++item.stat)=> (url)=>
-			return unless item.active and item.stat is stat
-			item.url = url
-			@trigger 'add', item
-
-	_deactivate: (child,options) =>
-		child.item.active = false
-		@removeEntry child.item
-		@trigger 'remove', child.item
-
-	empty: ->
-		child.release() for child in @children()
-		@scroll().update()
-		@
-
-	addEntry: (item) ->
-		itm = it for it in @content when it.path is item.path
-		return if @content.indexOf(itm) isnt -1
-		@content.push item
-		# show currentSource count
-		@updateCurrentCount()
-
-	removeEntry: (item) ->
-		itm = it for it in @content when it.path is item.path
-		@content.splice @content.indexOf(itm), 1
-		# show currentSource count
-		@updateCurrentCount()
-
-		for child in @children() when child.item.type in ['folder', 'button'] or child.isActive?()
-			child.update @getOptions child.item
-
-	recount: ->
-		# console.log("Default Browser recount:", @children())
-		child.update @getOptions child.item for child in @children()
-
-	getOptions: (item) =>
-		count:    @content.filter((i)-> !i.path.indexOf item.path ).length if isFolder = item.type is 'folder'
-		selected: !!@content.filter((i)-> i.path is item.path).length unless isFolder
-
-	whileScrolling: => @lazyLoad()
-
-	getContentItemsInFolder: (folder) =>
-		folderPath = folder.path.toLowerCase() + '/'
-
-		@content.filter (i)->
-			contentPath = i.path.toLowerCase()
-			return contentPath.indexOf(folderPath) is 0
-		.length
-
-	_requestAuth: (opts) =>
-		@$trigger 'content:auth-req', opts
-
-module.exports = Browser

package/src/browser/controller/instagram.coffee

@@ -1,129 +0,0 @@
-Controller		= window.require 'spine/controller'
-Activateable	= window.require 'spine/controller/activateable'
-Container 		= window.require 'spine/controller/container'
-
-LoginIntent = ->
-	"""
-	<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>"
-	"""
-
-LogoutIntent = (options = {}) ->
-	"""
-	<div class=\"browser-intent-logout\">
-		<div class=\"browser-login-cont\">
-			<!-- <img width="100" height="100" src="#{options.profile_picture}"/> -->
-			<div class=\"browser-login-message\">You are connected as <strong style="font-size: 21px;">#{options.username}</strong></div>
-			<div class=\"browser-login-button browser-logout-button\"></div>
-		</div>
-	</div>"
-	"""
-
-class InstagramBrowser extends Controller
-	className: 'browser instagram-browser'
-
-	@include Container
-	@include Activateable
-
-	events:
-		'click .browser-login-button': 'auth'
-		'click .browser-logout-button': 'onLogout'
-
-	constructor: ->
-		super
-		@service = new @Service @title, @options
-		@serviceTitle or= @service.title
-
-		@delay => @tab.count @content.length
-
-		@loginIntent = $ LoginIntent()
-		@logoutIntent = $ LogoutIntent()
-
-		@el.addClass @title
-
-		@listenTo @service, 'auth', @onAuth
-
-		# if there exists content created using this service,
-		# use the first one as the connected account
-		# (there should be only one, but just in case)
-		@authenticated = !!@content.length
-		console.log("Editor Instagram Browser @authenticated:", @authenticated, @content[0]);
-		@el.attr {@authenticated}
-		if @authenticated
-			@connectedAccount = @content[0]
-			# the content metadata stores the SHA256 hash of the user's Instagram token
-			@service.getUser(@connectedAccount.token)
-				.then((user) =>
-					console.log("Editor Instagram Browser CT getUser result:", user)
-					if(user.error) 
-						# console.log("Editor Browser get inst user result:", user)
-						# @onAuth(false);
-						this._updateLogoutIntent(@connectedAccount)
-					else 
-						this._updateLogoutIntent(user)
-				)
-				.catch((err) => console.log("Editor Browser getUser err:", err))
-
-	active: ->
-		Activateable.active.apply @, arguments
-		@el.append @loginIntent, @logoutIntent
-
-		@delay =>
-			@$trigger "editor:browser:active", service: @Service.name, @authenticated
-
-	deactivate: =>
-		Activateable.deactivate.apply @, arguments
-
-	auth: (e) ->
-		console.log("Editor Instagram Browser auth handler:", e, @authenticated);
-		return if @authenticated
-		@service.auth( e?.type is 'click')
-		true
-
-	onAuth: (@authenticated) =>
-		console.log("Editor Instagram Browser onAuth:", @authenticated, @service.user)
-		@el.attr {@authenticated}
-		@$trigger "editor:browser:auth", service: @Service.name, @authenticated
-		return unless @authenticated
-		@_updateLogoutIntent(@service.user)
-
-		item = {}
-		item.service = @title
-		item.token = @service.getToken()
-		item.path = Math.random().toString()
-		item.active = true
-		item.type = 'user_id'
-		item.id = @service.user.id
-		item.url = 'Instagram User: @' + @service.user.username
-		item.username = @service.user.username
-		@connectedAccount = item
-		@trigger 'add', item
-
-	# called after 'add' event is processed by content panel
-	addEntry: (entry) ->
-		return if @content.indexOf(entry) isnt -1
-		@tab.count @content.push entry
-
-	onLogout: =>
-		if @connectedAccount
-			@trigger 'remove', @connectedAccount
-			@removeEntry @connectedAccount
-
-		@service.deauth()
-
-	removeEntry: (entry) ->
-		if @content.indexOf(entry) >= 0
-			@content.splice @content.indexOf(entry), 1
-		@tab.count @content.length
-
-	_updateLogoutIntent: (user) ->
-		# console.log("update logout intent:", user)
-		@logoutIntent.remove()
-		@logoutIntent = $ LogoutIntent user
-		@el.append @logoutIntent
-
-module.exports = InstagramBrowser