@widgetic/editor 3.11.4 → 4.0.1

package/src/editor/content/index.coffee

@@ -1,294 +0,0 @@
-
-
-Activateable 	   = window.require 'spine/controller/activateable'
-Tabs             = window.require 'spine/controller/tabs'
-ContentModel     = window.require 'core/models/content'
-CompositionModel = window.require 'core/models/composition'
-
-Tab 			    = require './tab'
-
-Browser 		  = require '../../browser/controller'
-DirectInput 	= require './input'
-
-Notificator   = require '../notification-controller'
-
-UploadBrowser = require './browser/upload'
-
-Container     = require('Core/services/container/instance').default
-
-class Content extends Tabs
-  className			: 'content-browser'
-  tabContainerClass 	: 'content-browser-tabs'
-  containerClass 		: 'content-browser-container'
-
-  title 				: 'Content'
-  nextTitle   		: 'Edit Content'
-  tabRenderer 		: Tab
-
-  @include Activateable
-  interval : 0
-
-  events:
-    'editor:browser:active' : '_onBrowserState'
-    'editor:browser:auth'   : '_onBrowserState'
-
-  constructor:->
-    @browsers = {}
-    super
-
-    @el.prepend (@notificator = new Notificator).el
-    Container.Content.events.error @showError
-    @$bind 'error', (ev, message) => @showError(message)
-
-  children: (filter = -> true) ->
-    browser for _, browser of @browsers when filter(browser)
-
-  setPremium: (@premium) ->
-
-  activate: =>
-    Activateable.activate.apply @, arguments
-    @children((i)->i.isActive())?[0]?.auth?()
-    # @children((i)->i.isActive())?[0]?.refresh?()
-    @$trigger 'viewChange', 'content'
-    @
-
-  deactivate: =>
-    Activateable.deactivate.apply @, arguments
-    @children((i) -> i.isActive())[0]?.refreshChildren?()
-
-  for: (@composition) ->
-    @initialize()
-    @
-
-  initialize: () =>
-    return console.warn 'No composition set' unless @composition
-
-    @children((i) -> i.release())
-    @stopListening()
-
-    @meta = @composition.contentMeta()
-    @browserOptions = @meta.browser?.options
-
-    # add browser for the upload source
-    @addBrowser UploadBrowser
-
-    # read other sources and filter the ones that don't work anymore
-    sources = @meta.browser?.sources
-    # console.log('Editor Content sources:', sources);
-    if sources
-      delete sources.facebook
-      delete sources.websearch
-      delete sources.blogvio
-      delete sources.dropbox
-      delete sources.flickr
-      delete sources["google-drive"]
-
-    # add a browser(legacy) for all alternative source
-    @legacyAddBrowser source, key for key, source of sources
-
-    # add a browser(legacy) for the direct-input source
-    if @meta.input
-      @append @input = new DirectInput {control:@meta.input, @composition}
-      @browsers['input'] = @input
-      @listenTo @input, 'canAdd', @contentCanAdd
-    
-    # console.log('Editor Content @browsers:', @browsers)
-
-    # add content listeners
-    @listenTo ContentModel, 'destroy', @onItemDestroy
-    @listenTo ContentModel, 'update', @_onItemUpdate
-    @listenTo ContentModel, 'create', @_onItemCreate
-    @listenTo ContentModel, 'change', => @el.toggleClass 'has-reached-max', @composition.maxContentReached()
-
-    # console.log('Editor Content initialized:', ContentModel, @composition, @browsers);
-
-    # activate the first tab
-    @children()[0].active()
-
-    @trigger 'initialized'
-
-  addBrowser: (Browser) =>
-    # console.log("addBrowser:", Browser)
-    return unless Browser.isCompatible @browserOptions?.types
-    browser = new Browser { filetypes: @browserOptions?.types }
-
-    browser.on 'toggle', ({file, options}) =>
-      # HACK do not try to toggle the item after upload if the widget already has max content
-      return if options?.afterUpload and Container.Content.maxContentReached(@composition)
-      try
-        Container.Content.toggleItem(
-          @composition,
-          Browser.name,
-          file.id,
-          file.url,
-          # TODO: add file prop to content attr map to meta?
-          { title: file.name } if @meta.attributes.title
-        )
-      catch e
-        console.warn e
-
-    browser.on 'clearContent', =>
-      Container.Content.clearContent(@composition, Browser.name)
-
-    browser.observe 'selected', (selected) -> browser.tab.count selected.length
-
-    updateSelected = =>
-      contentItems = Container.Content.getItemsByService(Browser.name)
-      selected = contentItems.map (item) -> item.metadata.id
-      browser.set({ selected })
-
-    Container.Content.events.change updateSelected
-    updateSelected()
-
-    @append @browsers[Browser.name] = browser
-
-  ###
-  # @deprecated
-  # TODO: replace with addBrowser calls
-  # TODO: refactor all browsers to get the service from the service container
-  ###
-  legacyAddBrowser: (service, serviceName) =>
-    Service = window.require service.module or 'editor/content/service/default'
-    content = @composition.getContent().filter((i)->i.metadata?.service is serviceName).map((i)->i.metadata)
-    Browser = window.require service.browser or Service.browser
-    # console.log("legacyAddBrowser:", Browser, Service, content)
-
-    @browsers[serviceName] = browser = new Browser
-      content: content
-      title:   serviceName
-      Service: Service
-      options: $.extend {}, @browserOptions, service.options or {}
-
-    @listenTo browser, 'add', @contentAdd
-    @listenTo browser, 'remove', @contentRemove
-    @listenTo browser, 'update', @contentUpdate
-    @listenTo browser, 'canAdd', @contentCanAdd
-    @append browser
-
-  focusBrowser: (browser) =>
-    (@browsers[browser] or {'links': @input}[browser])?.active()
-
-  ###
-  # @deprecated
-  # TODO: use Content service
-  ###
-  contentCanAdd: (callback, just_checking) =>
-    if @premium
-      @_premiumContentCanAdd(callback, just_checking)
-    else
-      @_freeContentCanAdd(callback, just_checking)
-
-  ###
-  # @deprecated
-  ###
-  _premiumContentCanAdd: (callback, just_checking) =>
-    return callback.call @ unless @composition.maxContentReached()
-    @showError 'max', true unless just_checking
-
-  ###
-  # @deprecated
-  ###
-  _freeContentCanAdd: (callback, just_checking) =>
-    max = @composition.contentMeta().options.free_user_limit
-    return callback.call @ unless @composition.maxContentReached(max)
-    @showError 'maxFree', true unless just_checking
-
-  ###
-  # @deprecated
-  # TODO: use Content service
-  ###
-  contentAdd: (item) =>
-    # console.log('Editor Content Tab onContentAdded:', item);
-    props= {}
-    props[attr] = item[attr] for attr, opts of @meta.attributes when item[attr]?
-    props.metadata = item
-    props.composition_id = @composition.id
-
-    props[@meta.browser.options.attribute] = item.url
-    (new ContentModel(props)).save()
-
-  ###
-  Event Handler for browser `remove` event
-
-  Destroy the ContentModel associated with a removed item
-  @deprecated
-  TODO: use Content service
-  ###
-  contentRemove: (item) =>
-    
-    @stopListening ContentModel, 'destroy', @onItemDestroy
-    removedContent = ContentModel.all().filter((i) =>
-      # console.log("contentRemove filter:", i)
-      i.metadata?.id is item.id and i.composition_id is @composition.id
-    )
-    # console.log('Editor Content contentRemove:', item, ContentModel.all(), removedContent)
-    removedContent[0]?.destroy()
-    @listenTo ContentModel, 'destroy', @onItemDestroy
-
-    @showError('min', true) unless @composition.hasEnoughContent()
-
-  ###
-  Event Handler for browser `update` event
-
-  Update the ContentModel associated with an updated item
-  @deprecated
-  TODO: use Content service
-  ###
-  contentUpdate: (item, attribute, value) =>
-    content = ContentModel.all().filter((i) =>
-      i.metadata is item
-    )
-    return unless content.length
-
-    content[0].updateAttribute(attribute, value)
-
-  ###
-  Event Handler for ContentModel `destroy` event
-
-  Deselect the item in the associated browser service
-  @deprecated
-  TODO: use Content service
-  ###
-  onItemDestroy: (item) =>
-    # check if the removed Content is for the current working composition
-    return unless item.composition_id is @composition.id
-    # check if the Content was added with a browser service
-    if (service = item.metadata?.service) and service isnt 'directinput'
-      @browsers[service]?.removeEntry? item.metadata
-    true
-
-  _onItemCreate: (item) =>
-    return unless item.composition_id is @composition.id
-    if (service = item.metadata?.service) and service isnt 'directinput'
-      @browsers[service]?.addEntry? item.metadata
-    else
-      @input.addEntry item
-    true
-
-  _onItemUpdate: (item) =>
-    return unless item.composition_id is @composition.id
-    if (service = item.metadata?.service) and service isnt 'directinput'
-      @browsers[service]?.updateEntry? item, item.metadata
-    true
-
-  showError: (error, upgradeCTA = false) =>
-    message = if @composition[error+'ErrorMsg'] then @composition[error+'ErrorMsg']() else error
-    @notificator.notify message, {
-      timeout: 10000
-      onClick: (=> @$trigger 'Content:upgrade') if upgradeCTA
-    }
-
-  # TODO: see if this can be removed
-  _onBrowserState: (event, options) =>
-    @$trigger 'editor:content:browserState', options
-
-  afterAdd:(child)=>
-    super
-    return unless child.options.pos
-    @tabs.el.children(":nth-child(#{child.options.pos})").before child.tab.el
-
-  release: ->
-    @_release @
-    super
-
-module.exports = Content

package/src/editor/content/input/field.coffee

@@ -1,45 +0,0 @@
-Controller = window.require 'spine/controller'
-Container  = window.require 'spine/controller/container'
-
-###
-Item Render for each content item used in the WebAddress service
-###
-class WebAdressField extends Controller
-	className: 'directinput-field'
-	title : 'directinput'
-
-	@include Container
-
-	elements:
-		'.field-delete' : 'del'
-		'input': 'input'
-
-	events:
-		'click .field-delete' : '_delete'
-		'focus input': 'onInputFocus'
-		'click .input-textarea': 'onInputFocus'
-
-	constructor:->
-		super
-		@control = $.extend true, {}, @control
-		@$addClass('new') if @item.isNew()
-		@listenTo @item, 'create', => @$removeClass 'new'
-		@listenTo @item, 'destroy', @release
-
-		Control = window.require @control.control
-		@control = new Control { @item ,attribute:@control.attribute, options:@control.options}
-		@append @control, "<span class='field-delete' data-icon='⏍'></span>"
-
-	_delete: -> @item.destroy()
-
-	enable: =>
-		@el.toggleClass 'disabled', @disabled = false
-
-	disable: =>
-		@el.toggleClass 'disabled', @disabled = true
-
-	onInputFocus: =>
-		@parent().trigger 'canAdd', (->), !@disabled
-		@input.blur() if @disabled
-
-module.exports = WebAdressField

package/src/editor/content/input/index.coffee

@@ -1,115 +0,0 @@
-
-
-Controller      = window.require 'spine/controller'
-Container       = window.require 'spine/controller/container'
-Activateable    = window.require 'spine/controller/activateable'
-Scrollable 		= require '../../../core/controller/scrollable'
-
-Content 		= window.require 'core/models/content'
-Field 			= require './field'
-Composition     = window.require 'core/models/composition'
-
-checkItem = (item) -> (i) -> i.item.eql item
-
-class DirectInput extends Controller
-	className   : 'directinput browser'
-	title       : 'directinput'
-	serviceTitle: 'link'
-
-	@include Container
-	@include Activateable
-	@include Scrollable
-	attributes: 'authenticated': true
-
-	constructor: ->
-		super
-		@append @contentItems()...
-
-		@delay =>
-			do @new#wait for parent to listen to @trigger
-			@tab.el.attr 'control', @control.control
-			@_updateTabCount()
-
-		@listenTo @composition, 'save', @_onCompositionSave
-		@listenTo Content, 'destroy', @delay.bind @, @new
-
-	contentItems: =>
-		@composition.getContent().filter( (i) ->
-			not i.metadata?.service or i.metadata?.service is 'directinput'
-		).map (item) => new Field {@control, item}
-
-	###
-	Create a new input field for the `Content` item
-	###
-	addEntry: (item) ->
-		# check if this Content item already has an input
-		return if !!@children(checkItem item).length
-
-		# create the input field
-		@append field = new Field {@control, item}
-		# move the `new field` after this input field
-		@_getNewField().el.insertAfter field.el
-
-		@_updateTabCount()
-		@scroll().update()
-		@
-
-	_new: (i) =>
-		return @field.enable() if @field?
-
-		@item = new Content metadata: {service: 'directinput'}, composition_id: @composition.id
-		@field = new Field {@control, @item}
-		@item.one 'create', @onItemCreated
-		@append @field
-
-		@_updateTabCount()
-		@scroll().update()
-		@scroll().scrollTo('bottom', inertia: false) if i
-
-	new: (i) =>
-		@_updateTabCount()
-		@_new i
-		@field.disable()
-		@trigger 'canAdd', @field.enable, true
-		do @_new unless @_count()
-
-	onItemCreated: =>
-		@item = @field = null
-		@new()
-
-	_release:(e)=>
-		Container._release.apply @,[e]
-		@_updateTabCount()
-		@scroll().update()
-
-	active: =>
-		Activateable.active.apply @, arguments
-		@$trigger "editor:browser:active", {service: 'directinput', authenticated: false}
-		@scroll().update()
-
-	activate: =>
-		Activateable.activate.apply @, arguments
-
-		return unless @field?
-		@field.disable()
-		@trigger 'canAdd', @field.enable, true
-
-	_updateTabCount: ->
-		@tab?.count @_count()
-
-	_count: ->
-		@children((i) -> !i.item.isNew()).length
-
-	_getNewField: -> @children((i)-> i.item.isNew())[0]
-
-	###
-	Event handler for the composition `save` event
-
-	Updates the composition_id of the `new entry` field's Content item
-	when the composition's id is changed after persistance
-	###
-	_onCompositionSave: (comp, options) =>
-		return unless options.changedID
-		@_getNewField()?.item.composition_id = @composition.id
-
-module.exports = DirectInput

package/src/editor/content/service/base/photoitem.coffee

@@ -1,49 +0,0 @@
-Controller   = window.require 'spine/controller'
-Activateable = window.require 'spine/controller/activateable'
-Content      = window.require 'core/models/content'
-
-###
-# @deprecated
-###
-class PhotoItem extends Controller
-	className : 'service-photo-item loading'
-	elements  : 'img'	: 'img'
-
-	@include Activateable
-
-	photoOptions 	: null
-	photoData		: null
-	
-	constructor: ->
-		super
-		@$bind('click', @toggle)
-		@item = new Content()
-		@listenTo Content, 'destroy', @_destroy
-		@listenTo Content, 'create', @_create
-
-	toggle: (e)=>
-		return if @el.is '.loading'
-		if @isActive()
-			@item.destroy()
-		else
-			atts 					= {}
-			atts["#{@attribute}"] 	= @photoData
-			atts["options"] 	  	= @photoOptions
-			@item.updateAttributes atts, {@attribute,from:@}
-
-	done: =>
-		@$trigger('itemReady').$removeClass 'loading'
-
-	error: =>
-		@$trigger('itemReady').release()
-
-	_destroy: (item) =>
-		if @item and item and item.eql(@item)
-			@deactivate()
-			@item = new Content()
-
-	_create: (item) =>
-		if @item and item and item.eql(@item)
-			@activate()
-
-module.exports = PhotoItem

package/src/editor/content/service/cache.coffee

@@ -1,20 +0,0 @@
-
-module.exports = do ->
-	_namespace = 'e_gd_c'
-	_cache_exp = 10000#cache expires after 10s
-	# _cache = JSON.parse localStorage.getItem(_namespace) or '{}'
-	_cache = {}
-	init: (namespace, cache_exp) ->
-		_namespace = namespace
-		_cache_exp = cache_exp
-	clear: (prefix, id) ->
-		return _cache[prefix] = {} unless id
-		_cache[prefix]?[id] = null
-	set: (prefix, id, value) ->
-		(_cache[prefix] or= {})[id] = value
-		_cache[prefix][id].__exp__ = +new Date + _cache_exp
-		# localStorage.setItem _namespace, JSON.stringify _cache
-	check: (prefix, id) ->
-		_cache[prefix]?[id]?.__exp__ > +new Date
-	get: (prefix, id) ->
-		_cache[prefix]?[id]

package/src/editor/content/service/default.coffee

@@ -1,59 +0,0 @@
-Service = require '../../../browser/model'
-Entry   = require '../../../browser/model/entry'
-
-class DefaultService extends Service
-	hideDisconnectBtn: true
-
-	constructor: ->
-		super
-		@title = "#{@title[0].toUpperCase()}#{@title[1...]}"
-		@authenticated = false
-		@authPromise = (@authDef = new $.Deferred).promise()
-		window.editor.el.bind "content:#{@title.toLowerCase()}:add", @addItems
-
-	_auth: (interactive) -> 
-		@triggerAuthRequire interactive
-		@trigger 'auth', @authenticated
-
-		if @authenticated
-			setTimeout => @authDef.resolve()
-
-	addItems: (e, data = {items: []}) => 
-		@auth !(@authenticated = true) unless @authenticated
-
-		@authPromise.then =>
-			@trigger 'refresh', [@addContentEntry()] unless @hasAddContentEntry
-			@trigger 'refresh', (data.items or []).map @newEntry
-
-	refresh: (currentFolder) ->
-		currentFolder
-
-	addContentEntry: =>
-		@hasAddContentEntry = true
-		entry = @newEntry name: "Add content", url: '/', type: 'button'
-		entry.className = 'add-content-entity'
-		entry.bind 'select', @triggerAuthRequire.bind @, true
-		entry
-
-	newEntry: (item) =>
-		_item = new Entry
-			service: @
-			name: item.name or item.title or item.url
-			path: item.url
-			type: item.type
-			url: item.url
-		_item[i] = o for i,o of item
-		_item
-
-	getURL: (entry, callback) ->
-		callback entry.url
-
-	preview: (entry) ->
-		entry.url
-
-	deauth: ->
-
-	triggerAuthRequire: (interactive) =>
-		@trigger 'auth-req', {interactive, source: @title, 'content-type': @options.types}
-
-module.exports = DefaultService

package/src/editor/content/service/dropbox.coffee

@@ -1,71 +0,0 @@
-
-Service = require '../../../browser/model'
-Entry   = require '../../../browser/model/entry'
-faqLink         = "<a class=\"add-content-instr-link\" target=\"_blank\" href=\"http://blog.widgetic.com/post/101481120261/how-to-load-your-content-from-dropbox\">How to load your content?</a>"
-
-class DropboxPopupDriver extends Dropbox.Drivers.Popup
-	openWindow: (url) -> @popup.location.href = url
-	openPopup: -> @popup = 
-		window.open '/connect/dropbox.html', '_dropboxOauthSigninWindow', @popupWindowSpec 980, 700
-
-settings =
-	client:
-		key: 'ekn9VjZx0VA=|nnWESTkqe31UYqt/Qllbpa2sjX1YmmcmNEPH/vwn0w=='
-		sandbox: true
-		fileRoot: 'auto'
-	driver:
-		receiverUrl  : "https://widgetic.com/connect/dropbox"
-		rememberUser : true
-
-Mime  =
-	image:['image/png','image/jpeg','image/jpg','image/gif','image/bmp']
-	audio:['audio/mp3','audio/mpeg']
-	video:['video/mp4']
-	folder:['inode/directory']
-
-Dropbox.Stat.prototype.entry = (service,entry)->
-	props = { @name, @path,id:@path}
-	props.type = k for k,v of Mime when v.indexOf(@mimeType) > -1
-	new Entry(props)
-
-class DropboxService extends Service
-	responses: {}
-	faqLink: $ faqLink
-
-	constructor: ->
-		super
-		@authenticated = false
-		(@client = new Dropbox.Client settings.client).authDriver new DropboxPopupDriver settings.driver
-		@allMime = [].concat.apply([], (Mime[type] for type in @options.types when Mime[type]?)).concat Mime.folder
-		# 
-		@root.navTitle = 'Dropbox/Apps/Blogvio'
-
-	_auth: (interactive=true) ->
-		DropboxPopupDriver::openPopup() if interactive
-		@client.authenticate {interactive}, @onAuth
-
-	onAuth:(error,client)=>
-		@trigger 'auth', not error and client.isAuthenticated()
-		@client.reset() if error
-
-	refresh:(entry)->		
-		@client.stat entry.path, {readDir: true, cacheHash: entry.hash}, (e, stat, entries) =>
-
-			entry.hash = stat?.versionTag or entry.hash
-			if e and e.status = 304
-				entries = @responses[entry.hash] or []
-			else
-				entries = entries.filter((i)=>@allMime.indexOf(i.mimeType)>-1).map (i)->i.entry()
-				@responses[entry.hash] = entries
-			@trigger 'refresh', entries
-			
-	getURL:(entry,callback)->
-		if entry.url
-			return callback(entry.url)
-		@client.makeUrl entry.path, {downloadHack:true,long:true},(error,purl)->
-			callback(purl.url)
-
-	preview:(entry)->@client.thumbnailUrl entry.path,size:'m'
-	deauth:->@client.signOut =>@trigger 'auth',false
-
-module.exports = DropboxService