@widgetic/editor 3.11.4 → 4.0.1

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

@@ -1,163 +0,0 @@
-Service = require '../../../browser/model'
-Entry   = require '../../../browser/model/entry'
-
-# SoundCloud config
-widgetic_backend_url = 'https://widgetic.com/wservices/soundcloud/'
-SC = require('soundcloud')
-config = {
-	api_url: 'https://api.soundcloud.com'
-	# for '/connect' endpoint
-	client_id :  'aed0aa63baf747a83ad0b6b246acddca'
-	# client_secret: '3173e3098379153d42084aba06fe3ec4',
-	redirect_uri: 'https://widgetic.com/connect/soundcloud',
-	tracks_url:   widgetic_backend_url + 'tracks/',
-	# response_type: 'code',
-
-	# for '/oauth2/token' endpoint
-	grant_type: 'refresh_token',
-}
-SC.initialize(config);
-
-# add local config options used in this file only
-SC.client_id = config.client_id
-SC.api_url = config.api_url
-SC.tracks_url = config.tracks_url
-try SC.auth_token = localStorage.getItem 'soundcloudAuthToken'
-try SC.userId = localStorage.getItem 'soundcloudUserId'
-
-class SoundCloudService extends Service
-	constructor: ->
-		super
-		# console.log('Soundcloud Service CTR:', @title, @options)
-	
-	SCGet: (path) ->
-		url = "#{SC.api_url}" + path
-		# console.log("SCGet path:", path, SC.auth_token)
-		$.ajax(url: url, type: 'GET', dataType: 'json', headers: {'Authorization': 'OAuth ' + SC.auth_token})
-
-	auth: (interactive) => 
-		# console.log("SoundCloud on auth:", SC.auth_token, SC.userId);
-
-		# show popup to authenticate
-		if !SC.userId and interactive then @showAuthPopup()
-
-		# trigger auth event to show folders or connect button in browser
-		else @checkAuth()
-
-	showAuthPopup: ->
-		# console.log("SC showAuthPopup:", SC)
-		SC.connect()
-			.then((response) =>
-				# console.log("SC did connect:", response);
-				# get auth_token
-				SC.auth_token = response.oauth_token
-				try localStorage.setItem 'soundcloudAuthToken', SC.auth_token
-				# console.log("SC did connect:", SC);
-
-				# get user info
-				@SCGet("/me")
-					.then((response) => 
-						# console.log("SC getUser result:", response)
-						SC.userId = response.id
-						try localStorage.setItem 'soundcloudUserId', SC.userId
-						@checkAuth();
-					).catch (error) => 
-						console.log("Editor getUser error:", error)
-						@deauth()
-			).catch (error) =>
-				console.log 'SC Connect Error: ' + error.message
-				@deauth()
-
-	checkAuth: =>
-		# console.log 'checkAuth:', SC.userId
-		@trigger 'auth', SC.userId != null
-
-	deauth: ->
-		# remove auth_token
-		SC.auth_token = null
-		try localStorage.removeItem 'soundcloudAuthToken'
-
-		# remove user
-		SC.userId = null
-		try localStorage.removeItem 'soundcloudUserId'
-
-		# trigger auth event
-		@checkAuth();
-
-	# SoundCloud Files explorer methods
-	refresh: (@currentFolder) ->
-		# console.log("Soundcloud service refresh:", @currentFolder)
-		# if root folder: load subfolders(playlists) and then files
-		if @currentFolder.root then @fetchPlaylists()
-
-		# if subfolder: load files(tracks) inside
-		else @fetchTracks @currentFolder.id
-
-	fetchPlaylists: =>
-		# console.log("fetchPlaylists!");
-		@SCGet("/users/#{SC.userId}/playlists")
-				.then((playlists) => 
-					# console.log("fetchPlaylists result:", playlists);
-
-					# trigger refresh event to show in browser the playlists folders
-					@trigger 'refresh', (playlists.map @newEntry.bind @, 'folder'), {root: true}
-
-					# load tracks of root folder
-					@fetchTracks @currentFolder.id
-				).catch (error) => 
-					console.log 'Fetch Playlist error: ' + error.message
-
-	fetchTracks: (playlistId) =>
-		# console.log("fetchTracks for playlist:", playlistId)
-		# check if a playlist or entire list of tracks of the current user
-		path = if playlistId then "/playlists/#{playlistId}" else "/users/#{SC.userId}/tracks"
-		path += "?access=playable"
-		
-
-		@SCGet(path)
-				.then((result) =>
-					# console.log("fetchTracks result:", result)
-
-					# if root then read directly the tracks
-					tracks = result
-
-					# if a playlist then get the tracks inside
-					if result.tracks then tracks = result.tracks
-
-					# trigger event to refresh in browser
-					@trigger 'refresh', (tracks.map((track) => @newEntry('audio', track))), {root: (if playlistId then false else true)}
-				).catch (error) => 
-					console.log 'Fetch Tracks error: ' + error.message
-
-	newEntry: (type, item, parentId) =>
-		# console.log("newEntry:", type, item, parentId)
-		if !parentId
-			path = @currentFolder.path
-			path += '/' unless @currentFolder.root
-		else path = parentId + '/'
-		path += item.id
-		# console.log("newEntry:", path, item.id, type)
-		if type == "folder" then children = item.tracks
-		{artwork_url, id, duration, title, stream_url} = item
-		new Entry $.extend {}, {
-			service: @
-			type, path, artwork_url, id, children, duration: duration/1000, title, stream_url
-			name: item.title
-		}
-
-	getURL: (entry, callback) ->
-		# old method
-		# callback "#{entry.stream_url}?client_id=#{SC.client_id}"
-
-		# new 2021 api track path through widgetic endpoint
-		callback "#{SC.tracks_url}?id=#{entry.id}&atoken=#{SC.auth_token}"
-		
-		# new 2021 api get method
-		# @SCGet("/tracks/#{entry.id}/streams")
-		# 		.done((streams) => 
-		# 			console.log("fetchTrackStreams result:", streams);
-		# 			# callback streams.http_mp3_128_url
-		# 		).fail (error) => 
-		# 			console.log 'Fetch Track Streams error: ' + error
-
-module.exports = SoundCloudService

package/src/editor/content/tab.coffee

@@ -1,27 +0,0 @@
-Activateable = window.require 'spine/controller/activateable'
-Controller   = window.require 'spine/controller/index'
-
-###
-The tab class used to render a service tab.
-###
-class ServiceTab extends Controller
-	className : 'browser-tab'
-	events    : 'click':'active'
-	@include Activateable
-
-	constructor: ->
-		super
-		panelTitle = if @panel.serviceTitle? then @panel.serviceTitle else @panel.title
-		panelTitle = panelTitle[0].toUpperCase() + panelTitle.slice 1
-
-		@el.append(@len = $ '<div data-count="0"></div>')
-			.addClass( @panel.title )
-			# Show the service's capitalized title in a tooltip
-			.attr 'data-tooltip-text': panelTitle, 'data-tooltip-position':'right center'
-
-		if panelIcon  = @panel.options.icon
-			@el.append "<div class=\"browser-tab--icon\" style=\"background-image: url('#{panelIcon}')\"></div>"
-
-	count: (i) -> @len.attr 'data-count', i
-
-module.exports = ServiceTab

package/src/editor/details/bulk-editor/attributes-panel.coffee

@@ -1,11 +0,0 @@
-Controller      = window.require 'spine/controller'
-Attributes = require '../item/attributes'
-
-class AttributesPanel extends Controller
-	constructor: ->
-		super
-
-		@attributes = new Attributes {@options, @item, isEditable: -> true}
-		@el.append @attributes.el
-
-module.exports = AttributesPanel

package/src/editor/details/bulk-editor/index.coffee

@@ -1,86 +0,0 @@
-Controller      = window.require 'spine/controller'
-Content         = window.require 'core/models/content'
-AttributesPanel = require './attributes-panel'
-
-class BulkEditor extends Controller
-	className: 'details_bulk-editor activateable'
-
-	elements:
-		'.item-details': 'attributesEl'
-
-	events:
-		'click .item-toggle': 'toggle'
-
-	_isActive: false
-
-	template: ->
-		"""
-		<div class="bulk-editor-header">
-			<div class="bulk-editor-title">#{@options.title}</div>
-			<div class='item-details-right'>
-				#{
-					if @options.help_text
-						'<div class="control-help" data-tooltip-text="'+@options.help_text+'"></div>'
-					else ''
-				}
-				<div class="item-toggle multi-tabs-toggle" data-icon="❯">
-					<span data-icon="❯"></span>
-				</div>
-			</div>
-		</div>
-		<div class="item-details"></div>
-		"""
-
-	toggle: =>
-		# @attrPanel?.attributes.update()
-		@_isActive = !@_isActive
-		@trigger 'toggle', @_isActive
-		@el.toggleClass 'active', @_isActive
-		@attributesEl.css
-			'margin-bottom': if @_isActive then 0 else -@attributesElHeight
-
-	for: (@composition) =>
-		return @el.addClass('empty') unless @composition.contentMeta().bulkEditor?
-
-		@item = @composition.bulkContent()
-
-		@item.bind 'change',  @_change
-		@listenTo Content, 'create', @onItemAdded
-		@listenTo Content, 'change', @onItemChange
-		@initialize @composition.contentMeta()
-
-	initialize: (contentMeta) =>
-		@options = contentMeta.bulkEditor
-		@render()
-
-		@numAttributes = @options.attributes.length
-		@el.toggleClass('single-attribute', @numAttributes is 1)
-
-		for attr in @options.attributes
-			(@attributes or= {})[attr] = contentMeta.attributes[attr]
-
-		@attrPanel = new AttributesPanel {options: @attributes, @item, el: @attributesEl}
-		@attributesElHeight = @attributesEl.outerHeight()
-
-	_change: (item, evType, options)=>
-		return if (attr = options.attribute) is 'metadata'
-		@composition.getContent().forEach (c) =>
-			return if c.id is @item.id or c.editedMeta attr
-			c.attrMeta attr, false
-			c.updateAttribute attr, @item[attr], attribute: attr, from: @
-
-	onItemAdded: (item) =>
-		return unless item.composition_id is @composition.id
-		@updateItemAttributes Content.find item.id
-
-	updateItemAttributes: (item) =>
-		return unless item.composition_id is @composition.id
-		for attr, _ of @attributes when !item.editedMeta(attr) and item[attr] isnt @item[attr]
-			item.attrMeta attr, false, silent: true
-			item.updateAttribute attr, @item[attr], attribute: attr, from: @
-
-	onItemChange: (item, evType, options) =>
-		return if options.attribute isnt 'metadata' or options.silent
-		@updateItemAttributes c for c in @composition.getContent() when c.id is item.id
-
-module.exports = BulkEditor

package/src/editor/details/index.coffee

@@ -1,156 +0,0 @@
-
-
-Activator 		= window.require 'spine/controller/activator'
-Activateable 	= window.require 'spine/controller/activateable'
-Scrollable 		= require '../../core/controller/scrollable'
-
-Item 			= require './item'
-Content 		= window.require 'core/models/content'
-
-BulkEditor      = require './bulk-editor'
-
-###
-Details text
-###
-class Details extends Activator
-	className		: 'editor-content'
-	autoDeactivate 	: false
-	title 			: 'Details'
-	nextTitle   	: 'Edit Details'
-	interval 		: 0
-	vh				: 0
-	eof				: 0
-
-	@include Activateable
-	@include Scrollable
-
-	constructor: ->
-		super
-		@scroll()
-		@container.sortable
-			itemSelector: ".item-details"
-			handle:       ".item-details-order"
-			onDragStart:  @onDragStart
-			onDrop:       @onDrop
-			onDrag:       @onDrag
-
-		@bulkEditor = new BulkEditor()
-		@bulkEditor.toggle()
-		@bulkEditor.bind 'toggle', (open) =>
-			setTimeout (=> @scroll().update()), 500
-
-		# TODO: review usage
-		@items = []
-
-	for: (@composition) ->
-		@initialize()
-
-		@el.prepend @bulkEditor.el
-		@bulkEditor.for @composition
-
-		@
-
-	initialize: (options) =>
-		return console.warn 'No composition set' unless @composition
-
-		@children (i) -> i.release()
-		@stopListening()
-		@listenTo Content, 'create', @addItem
-
-		@composition.getContent().forEach @addItem
-
-		@trigger 'initialized'
-
-	onDragStart: (item, container, _super) =>
-		item.controller().deactivate()
-
-		_super item,container
-
-		item.controller().deactivate()
-		@scroll().update()
-		@$item = $ item
-
-		@vh  = @container.parent().height()
-		@oh  = @container[0].scrollHeight
-		@eof = @el.offset()
-
-	onDrag: (item, position, _super) =>
-		# position.top += @container.scrollTop()
-		_super item, position
-
-		offset    = @$item.offset()
-		@position = position
-		@offset   = offset
-		@dragged  = @$item
-
-		top    = offset.top - @eof.top < 30
-		bottom = offset.top - @eof.top > @vh - 10
-
-		unless top or bottom
-			clearInterval @interval
-			@interval = 0
-		else if top
-			@interval = setInterval @scrollTop , 10 if @interval is 0
-		else if bottom
-			@interval = setInterval @scrollBottom, 10 if @interval is 0
-
-	onDrop: (item, container, _super) =>
-		_super item, container
-
-		item.controller().onDrop()
-		@$item = null
-		@_relocate()
-		clearInterval @interval
-		@interval = 0
-
-	scrollTop: =>
-		top = @container.scrollTop()
-		return unless top > 0
-		@scroll().scrollTo top - 4
-		@dragged.css top: parseInt(@dragged.css 'top')-4
-
-	scrollBottom: =>
-		top = @container.scrollTop()
-		return unless (elTop = parseInt @dragged.css 'top') < @oh - 4
-		@scroll().scrollTo top + 4
-		@dragged.css top: 4+elTop
-
-	_relocate: =>
-		@children((i) -> i.item.order isnt i.el.index()+1).forEach (i) ->
-			i.item.updateAttribute 'order', i.el.index()+1, attribute: 'order'
-
-		@scroll().update()
-
-	_release: =>
-		super
-
-		setTimeout @_relocate, 100
-		@delay =>
-			if @isActive() and @children().length is 0
-				@$trigger 'DetailsEditor:empty'
-
-	addItem: (item) =>
-		return unless item.composition_id is @composition.id
-
-		@append i = new Item {item, meta: item.meta()}
-		item.updateAttribute 'order', i.el.index()+1, attribute: 'order'
-
-		@scroll().update()
-		@items.push i
-
-	_onActivate: =>
-		return if @children((i) -> i.isActive()).length
-
-		@children((i) -> !i.isInvalid)[0]?.activate animate: true
-		@scroll().update()
-
-	activate: =>
-		Activateable.activate.apply @, arguments
-		@$trigger 'viewChange', 'details'
-		@delay @_onActivate
-		@
-
-	onScroll: =>
-		@children (child) -> child.attributes.deactivate?()
-
-module.exports = Details

package/src/editor/details/item/attributes.coffee

@@ -1,45 +0,0 @@
-Controller = window.require 'spine/controller'
-Container  = window.require 'spine/controller/container'
-
-class Attributes extends Controller
-	className : 'item-details-attributes'
-	@include Container
-
-	constructor: ->
-		super
-
-		@length = 0
-		for attribute, options of @options when @isEditable options
-			Control = window.require(options.control)
-			# load the details controller for first attribute of type image,video or audio
-			k = Control = window.require @det options.control if !k?
-
-			control =  new Control
-				options: $.extend true, {}, options.options or {}
-				attribute: attribute
-				item: @item
-				isDetailInput: true
-				conditions: options.if
-
-			@append control
-
-			@el.toggleClass 'no-attributes', ++@length < 2
-
-	update:=>
-		@delay =>
-			for child in @children()
-				child.setItem @item
-	det: (str) ->
-		if (/audio|video|image/.test str) then str.replace('core/controls/', 'core/controls/details/') else str
-
-	deactivate: =>
-		@children (child) -> child.deactivate?()
-
-	isEditable: (opts) ->
-		opts.options.editable isnt false
-
-	onDrop: ->
-		@children (child) -> child.onDrop?()
-
-
-module.exports = Attributes

package/src/editor/details/item/index.coffee

@@ -1,82 +0,0 @@
-Controller 		= window.require 'spine/controller'
-Container  		= window.require 'spine/controller/container'
-Activateable 	= window.require 'spine/controller/activateable'
-
-Attributes 		= require './attributes'
-
-class Item extends Controller
-	className: 'item-details'
-	tag:'li'
-	@include Container
-	@include Activateable
-	elements:
-		'.item-details-order':     'place'
-		'.item-details-toggle':    'toggleButton'
-
-	events:
-		'click .item-details-toggle': 'toggle'
-		'click .item-details-delete': 'destroy'
-		'invalid':'_onItemValidation'
-		'valid':'_onItemValidation'
-
-	constructor: ->
-		super
-		@item.bind 'destroy', @release
-		@item.bind 'change',  @_change
-
-		order 		= "<div class='item-details-order'></div>"
-		toggle 		= "<div class='item-details-toggle'></div>"
-		idel 		= "<div class='item-details-delete' data-icon='⏍'></div>"
-		right 		= $ "<div class='item-details-right'></div>"
-
-		@attributes = new Attributes {options:@meta.attributes, @item}
-		right.append toggle, idel
-		@append order, @attributes, right
-
-	_change : (item,type,options) =>
-		return unless options.attribute is 'order'
-		@place.html item.order
-
-	activate: (options={})->
-		return if @attributes.length < 2 or @isInvalid
-		Activateable.activate.apply @,[options]
-
-		@animateFirstAttribute() if options.animate
-		@attributes.update()
-
-	deactivate: ->
-		Activateable.deactivate.apply @, arguments
-		@attributes.deactivate()
-
-	toggle: =>
-		if @isActive() then @deactivate() else @activate()
-		@parent().scroll().update()
-
-	destroy:=> @item.destroy()
-
-	# triggered by the item's main attribute
-	_onItemValidation: (e) =>
-		@isInvalid = e.type is 'invalid' and @attributes.el.children().first().is e.target
-		@el.toggleClass 'item-invalid', @isInvalid
-		@deactivate() if @isInvalid
-
-	# on activation, slideDown the first @attribute
-	animateFirstAttribute: ->
-		# get the extended height
-		h = @el.height()
-		# set the animation start/ default min-height
-		@el.height @el.css 'minHeight'
-		# activate the transitions
-		@el.addClass('transitions').on 'transitionend webkitTransitionEnd', (e) =>
-			return unless $(e.target).is @el
-			# remove the transitions and update the scrollbar
-			@el.removeAttr('style').removeClass 'transitions'
-			@parent().scroll().update()
-
-			@el.off 'transitionend webkitTransitionEnd'
-		.height h
-
-	onDrop: ->
-		@attributes.onDrop()
-
-module.exports = Item