@widgetic/editor 3.11.3 → 4.0.1

package/src/editor/skin/selector/item.coffee

@@ -1,123 +0,0 @@
-
-Activateable = window.require 'spine/controller/activateable'
-Controller   = window.require 'spine/controller'
-
-Skin 		 = window.require 'core/models/skin'
-
-class SkinItem extends Controller
-	className:'presets-list-item'
-	@include Activateable
-	template:'editor/views/skinitem'
-	events:
-		'click':'active'
-		'mouseenter .presets-list-colors' 	: '_enter'
-		'click .presets-list-delete'		: 'initDelete'
-		'click .cancel' 					: 'cancelSave'
-		'click .save' 						: 'initSave'
-
-
-	interval: 0
-	height: 60
-
-	constructor: (opts) ->
-		opts.tag = unless opts.item.user_id? then 'span' else 'div'
-		super
-		#changes={}
-		@uses(@item,{used:true}).$addClass unless @item.user_id? then 'is-preset' else 'isnt-preset'
-		@colors = Skin.meta(@item.widget_id).colorAttributes.concat()
-		@render()
-		@item.freeze()
-		@listenTo @item, 'update', @uses
-		# @listenTo @item, 'selected', => @active({selected: true})
-		@listenTo @item, 'update', @allChanges
-
-	added: =>
-		super
-		@reposition true
-		@delay => @el.addClass 'skin--added'
-
-		@
-
-	initSave: -> @$trigger 'saveItem', {@item,controller:@}
-
-	uses: (item,options={}) =>
-		return @ unless options.used
-		@el.toggleClass('can-delete',item.user_id? and (not Boolean(item.uses>>0)))
-		@
-
-	###
-	Add events on activate
-	###
-	activate: (options) =>
-		return @ if @isActive() and options.force isnt true
-		Activateable.activate.apply(@, arguments)
-		@$trigger 'SkinItem:activate', $.extend {}, options, {item: @}
-		@$trigger 'SkinItem:selected', @item
-		@
-
-	###
-	Cleanup events when deactivated
-	###
-	deactivate: =>
-		Activateable.deactivate.apply(@, arguments)
-		if @_countChanges() > 0
-			@cancelSave()
-		@
-
-	allChanges: (item, options={}) =>
-		return if options.used
-		attr = options.attribute
-		colorAtts = Skin.meta(item.widget_id).colorAttributes
-		if attr?
-			(@changes or= {})[attr] = 1
-			@$trigger('changed').$addClass('changed').$('.total').text 	count = @_countChanges()
-			@$('.text').text if count is 1 then 'change' else 'changes'
-
-			return if colorAtts.indexOf(attr)<0
-
-		colors = if attr? then [attr] else colorAtts
-		@$("[data-name='#{color}']").css backgroundColor : @item[color] for color in colors
-
-
-	cancelSave: =>
-		@changes = {}
-		@$removeClass('changed').$trigger('cancel').item.reset()
-
-	override: ->
-		@changes = {}
-		@$removeClass('changed').$trigger('cancel').item.freeze()
-
-	initDelete: (e) ->
-		e.stopImmediatePropagation()
-		e.preventDefault()
-		@$trigger 'deleteItem', {@item,controller:@}
-
-	_countChanges: ->
-		(a for a,b of @changes).length
-
-	_enter: (e) =>
-		e.preventDefault() if @state() is 'expanded'
-
-	state: =>
-		@parent().state
-
-	width: =>
-		{expanded: 245, contracted: 100}[@state()]
-
-	getPosition: =>
-		if @state() is 'expanded'
-			top: -20+@height*parseInt @index/2
-			left: @width()*(@index%2)
-		else
-			top: -20+@height*@index
-			left: 0
-
-	reposition: (force_read) =>
-		@index = @el.index() or 0 if force_read
-		@el.css @getPosition()
-
-	positionOnChange: (active, offset) =>
-		return @el.css top: offset-20, left: 0 if @isActive()
-		@el.css left: 0, top: -20+@height*(@index - active) + if active < @index then 440+offset else offset
-
-module.exports = SkinItem

package/src/editor/skin/selector/list.coffee

@@ -1,97 +0,0 @@
-# 
-Activator 	= window.require 'spine/controller/activator'
-Skin 		= window.require 'core/models/skin'
-Scrollable  = require '../../../core/controller/scrollable'
-Item 		= require './item'
-
-class PresetList extends Activator
-  className		: 'presets-list'
-  @include Scrollable
-  constructor:->
-    super
-    @last_scroll = expanded: 0, contracted: 0
-    @pending = false
-    @state = 'expanded'
-
-    @$bind('changed', @_changed).$bind 'cancel', @_canceled
-    @listenTo Skin, 'destroy', @onItemDestroy
-
-    # track the active child
-    @$bind 'SkinItem:activate', (_, opts) =>
-      @activeChild = opts.item
-      @scrollToActive()
-    @listenTo Skin, 'create', @scrollToActive
-
-  select: (id, force) =>
-    if id
-      @activeChild = @children().filter((i)->i.item.id == id)[0]
-    else
-      @activeChild = @children()[0]
-
-    @activeChild.active {force}
-
-  refresh: (items)=>
-    @children (i) -> i.release()
-    @append (new Item {item} for item in items)...
-    @pending = false
-    @delay @refreshScroll, 850
-    @
-
-  initSave: ->
-    @children((i) -> i.isActive())[0].initSave()
-
-  _changed : (e, changed)=>
-    return if @pending
-
-    @pending = true
-    @scroll().disable()
-    active = @activeChild.el.index()
-    scroll_offset = @scroll().offset().top
-    @children (child) => child.positionOnChange active, scroll_offset
-
-  _canceled : =>
-    return unless @pending
-
-    @pending = false
-    @repositionChild()
-    @scroll().disable()
-    @delay =>
-      @refreshScroll()
-      @skin = @activeChild.item
-      @scrollToActive()
-    , 850
-
-  setState: (state) =>
-    @last_scroll[@state] = @container?.scrollTop() or 0
-
-    @state = state
-    @repositionChild()
-    @scroll().disable()
-    @delay (=> @scrollToItem @activeChild, @refreshScroll), 750
-
-  scrollToActive: (skin) =>
-    return @skin = skin if skin instanceof Skin
-    return unless @skin and @skin.id is @activeChild.item.id
-
-    @skin = null
-    @scrollToItem @activeChild
-
-  scrollToItem: (item = @activeChild, _callback = ->)=>
-    top = (item?.el.get(0).offsetTop + parseInt item?.el.css 'padding-top') or 0
-    top = top - (@container.height() - item?.el.height())
-    return do _callback unless top > 0
-    @container.animate scrollTop: top, 450, _callback
-
-  refreshScroll: (force) =>
-    @scroll().enable() if force or !@pending
-
-  repositionChild: (skin) =>
-    @children (child) -> child.reposition skin?.destroyed
-    @scroll().update()
-
-  onItemDestroy: =>
-    @scroll().disable()
-    @repositionChild arguments...
-    @delay @refreshScroll, 850
-
-module.exports = PresetList

package/src/editor/views/embed.pug

@@ -1,10 +0,0 @@
-div.save-editor_overlay
-	.embedder-content
-		.ready-icon-wrap
-			.ready-icon
-				.icon.success-icon.animate
-					.line.tip.animateSuccessTip
-					.line.long.animateSuccessLong
-					.placeholder
-					.fix
-		.embedder-title Published

package/src/editor/views/loginbutton.pug

@@ -1,8 +0,0 @@
-div(class="login-service #{serviceName}-login")
-	.login-service-title
-		| upload photos from your account
-	div(class="social-button social-button-#{serviceName} #{serviceName}-login-button")
-		div(class="icon-area icon-area-#{serviceName}")
-		.label-area
-			| Connect with #{title}
-	

package/src/editor/views/popup.pug

@@ -1,17 +0,0 @@
-div.popup-wrapper
-	div.popup-inner
-		div.popup-header
-			.popup-title #{title}
-			.close(data-icon='x')
-		.popup-content
-			!= content
-			- if(confirm)
-				- c = confirmBtnClass || 'green-button button--uc'
-				div.confirm-button(class=c) #{confirm}
-			- if(separator)
-				.popup-content-separator
-			- if(cancel)
-				- c = cancelBtnClass || 'dim-button button--uc'
-				div.cancel-button(class=c) #{cancel}
-			- if (note)
-				label #{note}

package/src/editor/views/presets.pug

@@ -1,8 +0,0 @@
-div.input-dropdown(tabIndex='0')
-	div.input-dropdown-default
-		span All
-		div.dropdown-arrow
-	ul.input-dropdown-list
-		li.active(data-value="skins") All
-		li(data-value="presets") Presets
-		li(data-value="yours") Skins

package/src/editor/views/presetslist-header.pug

@@ -1,8 +0,0 @@
-.skin-header
-	.default
-		span.title select a theme
-	.toggle-skin-edit-wrapper
-		.toggle-skin-edit
-			.content
-				.back Back
-				.edit Edit Theme

package/src/editor/views/skinitem.pug

@@ -1,13 +0,0 @@
-div.presets-list-colors(data-tooltip-text=item.name, data-tooltip-position="right center")
-	span.before
-	div.presets-list-delete(data-icon='⏍')
-	for color in colors
-		- style = "background-color:" + item[color] + ";width:" + 60/colors.length + "px"
-		div.presets-list-color(data-name=color, style=style)
-div.presets-list-name
-	span #{item.name}
-div.presets-list-changes
-	.total 0
-	.text changes
-	.save Save
-	.cancel Reset

package/src/modules/control.js

@@ -1,3 +0,0 @@
-import EmbedController from 'Core/embed/controller';
-
-window.EmbedController = EmbedController;

package/src/modules/controls.js

@@ -1,29 +0,0 @@
-/**
- * This module exports the controls under the original/core/controls namespace.
- * It is used by the weebly and wix integrations.
- */
-
-var define = function(require, module) {
-  if (module)
-    return function(_, __, m) {
-      m.exports = require(module);
-    };
-  else
-    return function(_, __, m) {
-      m.exports = require;
-    };
-};
-
-function defineAll(r, prefix) {
-  var nameRegex = /^\.\/(.+)\.(pug|coffee)$/;
-  r.keys().forEach(function(key) {
-    var moduleName = nameRegex.exec(key)[1];
-    if (prefix) moduleName = prefix + moduleName;
-    window.require.define({ [moduleName]: define(r, key) });
-  });
-}
-defineAll(require.context('../', true, /\.pug$/), 'original/');
-defineAll(
-  require.context('../core/controls', true, /^((?!browser).)*\.coffee$/),
-  'original/core/controls/'
-);

package/src/modules/core.js

@@ -1,19 +0,0 @@
-var define = function(m) {
-  return function(_, __, module) {
-    module.exports = m;
-  };
-};
-window.require.define({
-  // models
-  'core/models/content': define(require('../core/models/content')),
-  'core/models/composition': define(require('../core/models/composition')),
-  'core/models/widget': define(require('../core/models/widget')),
-  'core/models/skin': define(require('../core/models/skin')),
-  'core/models/user': define(require('../core/models/user')),
-  // widget stuff
-  'core/widget': define(require('../core/widget')),
-  'core/controller/overlay': define(require('../core/controller/overlay')),
-  'core/controller/font-loader': define(
-    require('../core/controller/font-loader')
-  ),
-});

package/src/modules/editor.js

@@ -1,80 +0,0 @@
-function AjaxError(jqXHR, textStatus, errorThrown) {
-  this.name = 'AjaxError';
-  this.message = textStatus;
-  this.jqXHR = jqXHR;
-  this.errorThrown = errorThrown;
-}
-AjaxError.prototype = new Error();
-AjaxError.prototype.constructor = AjaxError;
-
-(function($) {
-  function decorateAsJQuery(promise) {
-    promise.done = function(fn) {
-      return decorateAsJQuery(promise.then(fn));
-    };
-    promise.fail = function(fn) {
-      return decorateAsJQuery(promise.then(null, fn));
-    };
-    promise.complete = function(fn) {
-      return decorateAsJQuery(promise.then(fn, fn));
-    };
-    return promise;
-  }
-  var jqAjax = $.ajax;
-  $.ajax = function ajax() {
-    var args = Array.prototype.slice.call(arguments);
-    var jqPromise = jqAjax.apply(this, args);
-    var promise = new Promise(function(resolve, reject) {
-      jqPromise.then(
-        function(data, textStatus, jqXHR) {
-          resolve(data);
-        },
-        function(jqXHR, textStatus, errorThrown) {
-          reject(new AjaxError(jqXHR, textStatus, errorThrown));
-        }
-      );
-    });
-    return decorateAsJQuery(promise);
-  };
-})(jQuery);
-
-var define = function(require, module) {
-  if (module)
-    return function(_, __, m) {
-      m.exports = require(module);
-    };
-  else
-    return function(_, __, m) {
-      m.exports = require;
-    };
-};
-
-window.soundManager = require('soundmanager2/script/soundmanager2-nodebug').soundManager;
-
-window.require.define({
-  'editor/listeners/embed-listener': define(
-    require('../editor/listeners/embed-listener')
-  ),
-});
-
-function defineAll(r, prefix) {
-  var nameRegex = /^\.\/(.+)\.(pug|coffee)$/;
-  r.keys().forEach(function(key) {
-    var moduleName = nameRegex.exec(key)[1];
-    if (prefix) moduleName = prefix + moduleName;
-    window.require.define(moduleName, define(r, key));
-  });
-}
-defineAll(require.context('../', true, /\.pug$/));
-defineAll(
-  require.context('../core/controls', true, /\.coffee$/),
-  'core/controls/'
-);
-defineAll(
-  require.context('../editor/content/service', true, /\.coffee$/),
-  'editor/content/service/'
-);
-defineAll(
-  require.context('../browser/controller', true, /\.coffee$/),
-  'browser/controller/'
-);

package/test/config.js

@@ -1,3 +0,0 @@
-window.widgeticOptions = {
-  crossdomain: false
-}

package/test/core/models/skin-spec.js

@@ -1,209 +0,0 @@
-describe("SkinModel", function() {
-  beforeEach(function() {
-    this.server = sinon.fakeServer.create();
-    this.server.autoRespond = true
-  })
-
-  afterEach(function() {
-    this.server.restore();
-    var Skin = window.require('core/models/skin')
-    Skin.destroyAll({ajax: false})
-    localStorage.clear()
-  })
-
-  it('should not update it\'s attributes when persisted to the server', function() {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith([200, null, '{ "id": "42", "backgroundColor": "red" }']);
-
-    skin.backgroundColor = 'blue';
-    return skin.persist().then(function(promiseSkin) {
-      skin.should.equal(promiseSkin);
-      skin.id.should.equal('42');
-      skin.backgroundColor.should.equal('blue');
-    })
-  });
-
-  it('should not persist to localStorage in case of errors', function() {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith([400, null,
-      '{ "error": "Some error", "error_description": "Some error description" }']);
-
-    var callback = sinon.spy();
-    skin.on('change', callback)
-    Skin.on('change', callback)
-
-    return skin.persist().fail(function(error) {
-      should.exist(error)
-      Skin.all().should.be.empty
-      callback.should.not.have.been.called
-      should.not.exist(localStorage.Skin)
-    })
-  })
-
-  it('should allow creating', function() {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith('POST', '/api/v2/skins', [200, null, '{ "id": 42 }']);
-
-    var createCallback = sinon.spy();
-    skin.on('create', createCallback)
-    Skin.on('create', createCallback)
-
-    should.not.exist(skin.id);
-    return skin.persist().then(function() {
-      skin.id.should.equal(42);
-      Skin.all().should.not.be.empty
-      createCallback.should.have.been.calledTwice
-    })
-  });
-
-  it('should handle create errors', function() {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith('POST', '/api/v2/skins', [400, null,
-      '{ "error": "Some error", "error_description": "Some error description" }']);
-
-    var createCallback = sinon.spy();
-    skin.on('create', createCallback)
-    Skin.on('create', createCallback)
-
-    should.not.exist(skin.id);
-    return skin.persist().then(function() {
-      throw new Error('Should not have saved')
-    }, function(e) {
-      e.should.exist
-      e.message.should.equal('Some error description')
-      Skin.all().should.be.empty
-      createCallback.should.not.have.been.called
-    })
-  })
-
-  it('should allow updating', function() {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith('POST', '/api/v2/skins', [200, null, '{ "id": "42" }']);
-    this.server.respondWith('POST', '/api/v2/skins/42', [200, null, '{ "id": "42" }']);
-
-    var updateCallback = sinon.spy();
-
-    should.not.exist(skin.id);
-    return skin.persist()
-      .then(function() {
-        skin.on('update', updateCallback)
-        Skin.on('update', updateCallback)
-        return skin.persist()
-      })
-      .then(function() {
-        skin.id.should.equal("42");
-        Skin.all().should.not.be.empty
-        updateCallback.should.have.been.calledTwice
-      })
-  });
-
-  it('should handle update errors', function() {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith('POST', '/api/v2/skins', [200, null, '{ "id": "42" }']);
-    this.server.respondWith('POST', '/api/v2/skins/42', [400, null,
-      '{ "error": "Some error", "error_description": "Some error description" }']);
-
-    var updateCallback = sinon.spy();
-
-    return skin.persist()
-      .then(function() {
-        skin.on('update', updateCallback)
-        Skin.on('update', updateCallback)
-        return skin.persist()
-      }).then(function() {
-        throw new Error('Should not have saved')
-      }, function(e) {
-        e.should.exist
-        e.message.should.equal('Some error description')
-        Skin.all().should.not.be.empty
-        updateCallback.should.not.have.been.called
-      })
-  })
-
-  it('should allow deleting', function(done) {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith('POST', '/api/v2/skins', [200, null, '{ "id": "42" }']);
-    this.server.respondWith('POST', '/api/v2/skins/42', [204, null, '']);
-
-    var destroyCallback = sinon.spy();
-
-    should.not.exist(skin.id);
-    skin.persist()
-      .then(function() {
-        skin.on('destroy', destroyCallback)
-        Skin.on('destroy', destroyCallback)
-        skin.destroy({done: function() {
-            Skin.all().should.be.empty
-            destroyCallback.should.have.been.calledTwice
-            done()
-        }})
-      })
-  })
-
-  it('should remove model even when delete fails', function(done) {
-    // cristi: this is the actual behaviour of spine models
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin();
-
-    this.server.respondWith('POST', '/api/v2/skins', [200, null, '{ "id": "42" }']);
-    this.server.respondWith('POST', '/api/v2/skins/42', [400, null,
-      '{ "error": "Some error", "error_description": "Some error description" }']);
-
-    var destroyCallback = sinon.spy();
-
-    should.not.exist(skin.id);
-    skin.persist()
-      .then(function() {
-        skin.on('destroy', destroyCallback)
-        Skin.on('destroy', destroyCallback)
-        skin.destroy({
-          done: function() {
-            done(new Error('Should not have deleted'))
-          },
-          fail: function(e) {
-            e.should.exist
-            e.message.should.equal('Some error description')
-            Skin.all().should.be.empty
-            destroyCallback.should.have.been.calledTwice
-            done()
-          }
-        })
-      })
-  })
-
-  it('should keep references intact after persisting', function() {
-    var Skin = window.require('core/models/skin')
-    var skin = new Skin({name: 'Some skin'});
-
-    skin.save({ajax: false});
-
-    var Composition = window.require('core/models/composition')
-    var composition = new Composition()
-
-    composition.skin_id = skin.id
-    composition.save({ajax: false})
-    composition.getSkin().name.should.equal('Some skin')
-
-    this.server.respondWith([200, null, '{ "id": "42", "backgroundColor": "red" }']);
-
-    return skin.persist().then(function(promiseSkin) {
-      skin.id.should.equal('42');
-      composition.getSkin().id.should.equal('42')
-      composition.getSkin().name.should.equal('Some skin')
-    })
-  })
-});

package/webpack.config.js

@@ -1,46 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const { readFileSync } = require('fs');
-const babelSettings = JSON.parse(readFileSync('.babelrc'));
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-const packageInfo = require('./package.json');
-
-module.exports = {
-  entry: {
-    core: './src/modules/core.js',
-    editor: './src/modules/editor.js',
-    control: './src/modules/control.js',
-    controls: './src/modules/controls.js',
-  },
-  devtool: false,
-  // devtool: "cheap-source-map",
-  output: { filename: '[name].js', path: path.resolve(__dirname, 'lib/dev') },
-  module: {
-    rules: [
-      { test: /\.coffee$/, loader: 'coffee-loader' },
-      { test: /\.pug$/, loader: 'pug-loader' },
-      {
-        test: /\.(html|js)$/,
-        exclude: /node_modules/,
-        use: { loader: 'babel-loader', options: babelSettings },
-      },
-      {
-        test: /\.html$/,
-        exclude: /node_modules/,
-        use: { loader: 'svelte-loader', options: { shared: true } },
-      },
-    ],
-  },
-  plugins: [ 
-    new webpack.DefinePlugin({
-      VERSION: JSON.stringify(packageInfo.version),
-    }), 
-  ],
-  resolve: {
-    extensions: ['.js', '.coffee', '.pug'],
-    alias: {
-      Core: path.resolve(__dirname, 'src/core/'),
-      Editor: path.resolve(__dirname, 'src/editor/'),
-    }
-  },
-};