@widgetic/editor 3.11.4 → 4.0.1

package/src/core/services/uploads.js

@@ -1,299 +0,0 @@
-import Service from './service';
-import EventsMixin from './mixin/events';
-import prettyBytes from 'pretty-bytes';
-
-class File {
-  constructor(options) {
-    this.id = ++File.guid;
-
-    Object.assign(this, File.defaults, options);
-  }
-}
-
-File.defaults = {
-  lastModified: undefined,
-  state: 'complete',
-  thumbnail: undefined,
-  url: undefined,
-  error: undefined,
-  name: undefined,
-  progress: 0,
-  size: 0,
-  type: '*',
-  uploadFile: undefined,
-};
-File.guid = 0;
-
-const parseType = type => type.indexOf('/') > 0 ? type.slice(0, type.indexOf('/')) : type;
-
-// const root = 'http://127.0.0.1:8091'; // for localhost development
-const root = 'https://widgetic.com'; // for running on widgetic.com domain
-
-export default class UploadService extends EventsMixin(Service) {
-  constructor(user, token) {
-    super();
-
-    this.user = user.id;
-    this.token = token;
-
-    this.refreshed = {};
-
-    this.files = [];
-
-    // max file size in MB
-    this.maxFilesize = user.premium ? 250 : 25; // MB limit / file for premium / free plan
-
-    // chunk size in MB
-    this.chunkSize = 90; // MB to go over Cloudflare's 100MB limit
-
-    // max quota in bytes
-    this.quota = (user.premium ? 10000 : 250) * 1000 * 1000; // total quota for premium / free plan
-    
-    // used quota in bytes
-    this.used = 0;
-
-    this.events = ['update', 'complete'];
-  }
-
-  getMaxFileSize() {
-    return this.maxFilesize;
-  }
-
-  getChunkSize() {
-    return this.chunkSize;
-  }
-
-  getUploadURL() {
-    // previouly: retuned the relative path to the upload endpoint
-    // return '/upload?user=' + this.user;
-
-    let url = root + '/upload?user=' + this.user;
-
-    // console.log("getUploadURL:", url);
-
-    return url;
-  }
-
-  getAuthHeaders() {
-    return { 'w-utoken': this.token };
-  }
-
-  getFiles(type) {
-    // console.log("getting files:", this.files);
-    type = parseType(type);
-
-    // if files for this type were already fetched, return them
-    if (this.refreshed[type])
-      return Promise.resolve(this.files.filter(f => f.type === type));
-
-    // otherwise fetch them
-    // console.log("fetching files for type:", type);
-    return this._fetch(type)
-      .then(files => {
-        // console.log('fetched files:', files)
-        return this.files.push.apply(this.files, files)
-      })
-      .then(this._broadcast.update)
-      .then(_ => this.files.filter(f => f.type === type));
-  }
-
-  get(id) {
-    return this.files.filter(file => file.id === id)[0];
-  }
-
-  getUser() {
-    return this.user;
-  }
-
-  // when the upload starts: create a new File instance and push it to the files array
-  upload(uploadFile) {
-    console.log("Uploads Service onUploadStart:", uploadFile);
-
-    // create a new File instance from the uploadFile 
-    let file = new File({
-      state: 'new',
-      size: uploadFile.size,
-      name: uploadFile.name,
-      type: parseType(uploadFile.type),
-      lastModified: Date.now(),
-      uploadFile,
-    });
-    // console.log("on upload file:", file);
-
-    // push it to the files array
-    this.files.push(file);
-
-    // increase used quota
-    this.used += uploadFile.size;
-
-    // broadcast the update of the files array
-    this._broadcast.update();
-  }
-
-  // when the upload is complete: update the file in the files array with the data from the server
-  uploadComplete(uploadFile, instanceId) {
-    // console.log("Uploads Service uploadComplete:", uploadFile);
-
-    // if the upload failed, show an error
-    if (uploadFile.status === 'error') return;
-
-    // read the response string from the request
-    let responseText = uploadFile.xhr && uploadFile.xhr.response ? uploadFile.xhr.response : "";
-    if(!responseText) {
-      console.error("Error parsing uploadComplete response:", error);
-      return this.setError(uploadFile, 'Error uploading file!');
-    }
-
-    // read server file from the response
-    const response = JSON.parse(responseText);
-    let serverFile = response.files.data[0];
-    // console.log("uploadComplete file on the server:", serverFile);
-
-    // read quota from response to update the used quota in dropzone
-    // this.quota = response.quota.max;
-    this.used = response.quota.used;
-
-    // console.log("Upload Service uploadComplete update file to complete:", uploadFile, serverFile);
-
-    // update the file in the files array with the data from the server
-    this._update(uploadFile, f => {
-      f.state = 'complete';
-      f.id = serverFile.id;
-      f.path = serverFile.path;
-      f.url = response.hostUrl + serverFile.path;
-      f.lastModified = serverFile.lastModified;
-    });
-
-    // broadcast the completion of the upload based on the fileId and instanceId
-    this._broadcast.complete([this.get(serverFile.id), instanceId]);
-  }
-
-  accept(file, done) {
-    // console.log("Editor accept file:", file, done);
-
-    // if with the file size the quota is not exceeded, accept the file
-    // this.used was increased by adding file.size in the `upload` method
-    if (this.used < this.quota) {
-      return done();
-    }
-
-    // if the file exceeds the quota show an error
-    done(
-      `The file exceeds the quota by ${prettyBytes(this.used - this.quota)}.`
-    );
-  }
-
-  remove(file) {
-    this.files = this.files.filter(f => f.id !== file.id);
-    this.used -= file.size;
-
-    // if uploaded, also remove from the server
-    if (file.state === 'complete') this._remove(file);
-
-    this._broadcast.update();
-  }
-
-  setThumbnail(file, thumbnail) {
-    console.log("Uploads Service setThumbnail:", file, thumbnail);
-    this._update(file, f => f.thumbnail = thumbnail);
-  }
-
-  setError(file, error) {
-    this.used -= file.size;
-
-    this._update(file, f => { f.error = error; f.size = 0; });
-  }
-
-  setUploadProgress(file, percentage, size) {
-    this._update(file, f => f.progress = percentage);
-    // console.log("Uploads Service setUploadProgress:", percentage, file.state);
-  }
-
-  setUploadState(file, state) {
-    // console.log("Uploads Service setUploadState:", state);
-    this._update(file, f => f.state = state);
-  }
-
-  _update(file, transform) {
-
-    // console.log("Uploads Service _update file:", transform);
-
-    // apply the transform function to the file in the array
-    this.files = this.files.map(f => {
-      let fl = f.uploadFile ? f.uploadFile : f;
-
-      let equal = fl.name === file.name && 
-                  fl.size === file.size && 
-                  fl.lastModified === file.lastModified;
-
-      // console.log("Uploads Service _update compare:", equal, file, fl);
-
-      // if the file is the one to update, apply the transform function
-      // if (f.uploadFile === file)
-      if(equal) 
-      {
-        // console.log("Uploads Service _update file found:", file, fl);
-        transform(f);
-        // console.log("Uploads Service _update file found:", f);
-      }
-
-      return f;
-    });
-
-    // broadcast the update of the files array
-    this._broadcast.update();
-  }
-
-  // fetch files from the server for the user
-  _fetch(type) {
-    // console.log("fetching files for type:", type);
-    return jQuery
-      .ajax({
-        url: this.getUploadURL() + `&type=${type}`,
-        headers: this.getAuthHeaders(),
-      })
-      .then(response => {
-        // console.log("fetched files response:", response);
-        this.refreshed[type] = true;
-
-        // read quota from response
-        // this.quota = response.quota.max;
-        this.used = response.quota.used;
-
-        return response.files.data.map(file => {
-
-          // console.log("fetched file:", file);
-
-          const type = parseType(file.mime);
-          const url = response.hostUrl + file.path;
-          const thumbnail = type === 'image' ? url : undefined;
-
-          // return a new File instance
-          return new File({
-            id: file.id,
-            type,
-            url,
-            thumbnail,
-            path: file.path,
-            name: file.name,
-            size: file.size,
-            lastModified: file.lastModified,
-          });
-        });
-      });
-  }
-
-  _remove(file) {
-    return jQuery
-      .ajax({
-        method: 'DELETE',
-        url: `/upload/?user=${this.user}&filePath=${file.path}`,
-        headers: this.getAuthHeaders(),
-      })
-      .then(response => {
-        // TODO update quota after UP-3 is done
-      })
-      .then(this._broadcast.update)
-      .catch(console.error.bind(console));
-  }
-}

package/src/core/utils/popup.coffee

@@ -1,67 +0,0 @@
-composedPath = (el) ->
-	path = []
-	while (el)
-		path.push(el)
-		if el.tagName is 'HTML'
-			path.push(document)
-			path.push(window)
-			return path
-		el = el.parentElement
-
-createPopup = (options) ->
-	new Promise (resolve, reject) ->
-		resolve(new Popup(options))
-
-class Popup
-	constructor: ({anchor, topOffset, leftOffset}) ->
-		@window = window
-		@visible = false
-		@anchor = anchor[0]
-		@topOffset = topOffset || 0
-		@leftOffset = leftOffset || 0
-
-		@el = document.createElement('div')
-		@el.style = 'position:absolute;top: 0; left: 0; display: none;'
-		document.body.appendChild(@el)
-
-	append: (el) -> @el.appendChild(el[0])
-
-	hide: ->
-		@visible = false
-		@el.style.display = "none"
-		document.removeEventListener 'click', @hideOnClickOutside
-
-	show: ->
-		@visible = true
-		@el.style.display = "block"
-		@position()
-		setTimeout => document.addEventListener 'click', @hideOnClickOutside
-
-	resize: ->
-
-	position: ->
-		{top, left} = @anchor.getBoundingClientRect()
-		{width, height} = @el.getBoundingClientRect()
-		wWidth = window.innerWidth
-		wHeight = window.innerHeight
-
-		left += @leftOffset
-		top += @topOffset
-
-		left = Math.max(0, Math.min(wWidth - width, left - width));
-		top = Math.max(0, Math.min(wHeight - height, top));
-
-		@el.style.left = left + 'px'
-		@el.style.top = top + 'px'
-
-	hideOnClickOutside: (event) =>
-		return unless @visible
-		path = event.path || (event.composedPath && event.composedPath()) || composedPath(event.target)
-		return if path.includes(@el)
-		@hide()
-
-	release: ->
-		@el.parentNode.removeChild(@el);
-		document.removeEventListener 'click', @hideOnClickOutside
-
-module.exports = {createPopup, Popup}

package/src/core/utils/should-show.coffee

@@ -1,12 +0,0 @@
-get = require('lodash.get');
-jsonLogic = require('json-logic-js')
-
-module.exports = (conditions, item) ->
-  return true if !conditions
-
-  try
-    return jsonLogic.apply(conditions, item)
-
-  for attribute, test of conditions
-    return false if get(item, attribute.replace(/:/g, '.')) != test
-  true

package/src/core/views/audio-details.pug

@@ -1,9 +0,0 @@
-extends input-layout
-block input
-	div.input-audio
-		span.icon
-		div.audio-title
-		input.control-input.input-text(type="text",placeholder=options.placeholder, readonly=options.readonly,autocorrect="off",autocapitalize="off")
-		div.url-thumb
-			div.play-btn(data-icon='►')
-			div.pause-btn(data-icon='▮')

package/src/core/views/audio.pug

@@ -1,7 +0,0 @@
-extends input-layout
-block input
-	div.input-audio
-		input.control-input.input-text(type="text",placeholder=options.placeholder, readonly=options.readonly,autocorrect="off",autocapitalize="off")
-		div.url-thumb
-			div.play-btn(data-icon='►')
-			div.pause-btn(data-icon='▮')

package/src/core/views/browser.pug

@@ -1,4 +0,0 @@
-extends input-layout
-block input
-	div.input-browser
-		.input-browser-browse

package/src/core/views/color.pug

@@ -1,8 +0,0 @@
-extends input-layout
-block input
-	div.input-color
-		input.control-input.input-text(type="text")
-		input.color-preview(type="text")
-		div.sp-replacer.color-preview-i
-			div.sp-preview
-				div.sp-preview-inner

package/src/core/views/date-time/calendar.pug

@@ -1,3 +0,0 @@
-.date_time-content
-	input.date-input.hidden
-.date_time-footer

package/src/core/views/date-time/clock.pug

@@ -1,12 +0,0 @@
-.date_time-content
-	.date_time-wrapper
-		.date_time-header
-			.date_time-current
-				span.time-elements.hh.hours
-				|:
-				span.time-elements.mm.minutes
-		.input-group.clockpicker
-			input.form-control(type="text")
-			span.input-group-addon
-				span.glyphicon.glyphicon-time
-.date_time-footer

package/src/core/views/date-time/grid.pug

@@ -1,6 +0,0 @@
-.date_time-wrapper
-	.date_time-header
-		.date_time-prev
-		.date_time-next
-		.date_time-current
-	table

package/src/core/views/date-time/input.pug

@@ -1,4 +0,0 @@
-extends ../input-layout
-block input
-	input.control-input.input-text.input-with-icon(type="text", placeholder=options.placeholder)
-	.input-icon

package/src/core/views/date-time/table.pug

@@ -1,6 +0,0 @@
-tbody
-	-for(i=0;i<(data.length/cols);i++)
-		tr
-			-for(j=i*cols;j<((i+1)*cols);j++)
-				td(class=data[j]==selected?'selected':'')
-					span.date_time-cell=data[j]

package/src/core/views/dropdown.pug

@@ -1,9 +0,0 @@
-extends input-layout
-block input
-	div.input-dropdown(tabIndex='0')
-		div.input-dropdown-default
-			span
-			div.dropdown-arrow
-		ul.input-dropdown-list
-			for option in options.options
-				li(data-value=option.value) #{option.label}

package/src/core/views/font/font-item.pug

@@ -1,3 +0,0 @@
-label.font-item(data-tag=font.toLowerCase()+' '+fontData.category)
-	input.font-family-select(type="radio", name="font-select", value=font)
-	span.font-family-text(style="font-family: " + font)= font

package/src/core/views/font/fonts-list.pug

@@ -1,7 +0,0 @@
-.search-input-control
-	input.search-input(placeholder="SEARCH")
-	.search-icon
-	.clear.clear-search-input(data-icon="x")
-.font-list
-	label.font-item.no-result.loaded
-		span.font-family-text No results

package/src/core/views/font/fonts-popup.pug

@@ -1,5 +0,0 @@
-.font-popup-wrapper
-	.font-list-wrapper
-	.font-footer
-		.font-size
-		.font-weight

package/src/core/views/font/index.pug

@@ -1,7 +0,0 @@
-extends ../input-layout
-block input
-	.font-size
-	.control-input.font-family
-		.input-text=options.family
-		.font-family-icon
-	.font-popup

package/src/core/views/image-details.pug

@@ -1,6 +0,0 @@
-extends input-layout
-block input
-	div.input-image
-		div.image-title
-		input.control-input.input-text(type="text",placeholder=options.placeholder, readonly=options.readonly,autocorrect="off",autocapitalize="off")
-		div.url-thumb

package/src/core/views/image.pug

@@ -1,5 +0,0 @@
-extends input-layout
-block input
-	div.input-image
-		input.control-input.input-text(type="text",placeholder=options.placeholder, readonly=options.readonly,autocorrect="off",autocapitalize="off")
-		div.url-thumb

package/src/core/views/input-layout.pug

@@ -1,15 +0,0 @@
-block label
-	if options.label
-		div.control-label #{options.label}
-block upgrade_cta
-	if !isAccesible
-		a.control-upgrade(href="#") Upgrade to enable
-block help_text
-	if options.help_text
-		div.control-help
-block edit_btn
-	if options.editable
-		div.control-edit-btn(data-tooltip-text="Edit this field")
-			input.custom-checkbox-input(type="checkbox")
-			.custom-checkbox
-block input

package/src/core/views/order-items.pug

@@ -1,7 +0,0 @@
-for option, _ in options
-	li.list-item(data-value=option.value)
-		span.item-details-order=option.order
-		span.input-text-label=option.label
-		span.option-is-enabled
-			input.is-enabled.custom-checkbox-input(type="checkbox", checked=option.enabled)
-			.custom-checkbox

package/src/core/views/order-picker.pug

@@ -1,7 +0,0 @@
-extends input-layout
-block input
-	div.input-dropdown(tabIndex='0')
-		div.input-dropdown-default
-			span= options.title
-			div.dropdown-arrow
-		ul.input-dropdown-list.order-picker-list

package/src/core/views/pixelpanel.pug

@@ -1,69 +0,0 @@
-.pixel-based
-	.currentPositionWrapper
-		.currentPositioningType
-			.reference-icon
-			.reference-input
-	.positionPanel-center
-		.positionPanelWrapper-visual
-			.positionPanelWrapper
-				.dragPanel
-					span.markDown
-						.mark
-	.positionFooter
-		.switch-positioning-type
-			| Switch to Grid Positioning
-.grid-based
-	.currentPositionWrapper
-		.currentPositioningType
-			.reference-icon
-			.reference-input
-	.positionPanel-center
-		.positionPanelWrapper-visual
-			.position-grid_modifiers
-				span.position-grid_modifier.add.colP
-				span.position-grid_modifier.remove.colM
-				span.position-grid_modifier.add.rowP
-				span.position-grid_modifier.remove.rowM
-			.positionPanelWrapper
-				.dragPanel
-					span.markDown
-						.mark
-				table.position-grid
-					tr
-						td
-						td
-						td
-					tr
-						td
-						td
-						td
-					tr
-						td
-						td
-						td
-	.positionFooter
-		.switch-positioning-type
-			| Switch to Pixel Positioning
-.reference-panel
-	.currentPositionWrapper
-		.currentPositioningType
-			.reference-input
-			.reference-input_close-btn
-	div(class="positions input-reference-panel")
-		div.centrate-all.options
-			span.top.left
-			span.top.center
-			span.top.right
-			span.center.left
-			span.center.center
-			span.center.right
-			span.bottom.left
-			span.bottom.center
-			span.bottom.right
-			table.background
-				tr
-					td
-					td
-				tr
-					td
-					td

package/src/core/views/position.pug

@@ -1,10 +0,0 @@
-extends input-layout
-block input
-	div.input-position(tabIndex='0')
-		.input-position-x
-			.property-label x
-			.control
-		.input-position-y
-			.property-label y
-			.control
-		.input-position-panel

package/src/core/views/range.pug

@@ -1,9 +0,0 @@
-extends input-layout
-block input
-	div.input-range(tabIndex='0')
-		input.input-range-value.min-value(type='text',value="")
-		div.input-range-track
-			div.input-range-thumbs
-				.input-range-thumb.min-thumb(data-thumb="min")
-				.input-range-thumb.max-thumb(data-thumb="max")
-		input.input-range-value.max-value(type='text',value="")

package/src/core/views/scale.pug

@@ -1,7 +0,0 @@
-extends input-layout
-block input
-	div.input-scale(tabIndex='0')
-		.input-scale-width
-		.input-scale-height
-		.input-scale-scaler
-			span.input-label Scale 

package/src/core/views/slider.pug

@@ -1,6 +0,0 @@
-extends input-layout
-block input
-	input.input-slider-value(type='text',value="")
-	div.input-slider(tabIndex='0')
-		.input-slider-container
-			.input-slider-thumb

package/src/core/views/stepper.pug

@@ -1,6 +0,0 @@
-extends input-layout
-block input
-	.input-spinner
-		.spinner-down.spinner-button
-		input.control-input(type="text",autocorrect="off",autocapitalize="off")
-		.spinner-up.spinner-button

package/src/core/views/text.pug

@@ -1,4 +0,0 @@
-extends input-layout
-block input
-	input.control-input.input-text(type="text",placeholder=options.placeholder)
-	div.color-preview

package/src/core/views/textarea.pug

@@ -1,8 +0,0 @@
-extends input-layout
-block input
-	div.general-input.input-textarea
-		textarea(placeholder=options.placeholder)
-		div.toolbar(style='display:none')
-			a(data-wysihtml5-command='bold',tabIndex='-1')
-			a(data-wysihtml5-command='italic',tabIndex='-1')
-			a(data-wysihtml5-command='underline',tabIndex='-1')

package/src/core/views/toggle.pug

@@ -1,5 +0,0 @@
-extends input-layout
-block input
-	div.input-toggle(tabIndex='0')
-		.input-toggle-true= labels.true || 'On'
-		.input-toggle-false= labels.false || 'Off'