mirror of https://github.com/artf/grapesjs.git
Artur Arseniev
9 years ago
committed by
GitHub
GitHub
108 changed files with 48872 additions and 1276 deletions
@ -1,3 +0,0 @@ |
|||
test |
|||
index.html |
|||
webpack.config.js |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -1,24 +0,0 @@ |
|||
var Backbone = require('backbone'); |
|||
|
|||
module.exports = Backbone.Collection.extend({ |
|||
|
|||
initialize(models, opt) { |
|||
|
|||
this.model = function(attrs, opts) { |
|||
var model; |
|||
|
|||
switch(1){ |
|||
|
|||
default: |
|||
if(!this.ClassTag) |
|||
this.ClassTag = require("selector_manager/model/Selector"); |
|||
model = new this.ClassTag(attrs, opts); |
|||
|
|||
} |
|||
|
|||
return model; |
|||
}; |
|||
|
|||
}, |
|||
|
|||
}); |
|||
@ -0,0 +1,135 @@ |
|||
/** |
|||
* This module allows to create shortcuts for functions and commands (via command id) |
|||
* |
|||
* You can access the module in this way |
|||
* ```js
|
|||
* const keymaps = editor.Keymaps; |
|||
* ``` |
|||
* |
|||
*/ |
|||
import { isString } from 'underscore'; |
|||
|
|||
const keymaster = require('keymaster'); |
|||
|
|||
module.exports = () => { |
|||
let config; |
|||
const configDef = {}; |
|||
const keymaps = {}; |
|||
|
|||
return { |
|||
|
|||
keymaster, |
|||
|
|||
|
|||
name: 'Keymaps', |
|||
|
|||
|
|||
/** |
|||
* Get module configurations |
|||
* @return {Object} Configuration object |
|||
*/ |
|||
getConfig() { |
|||
return config; |
|||
}, |
|||
|
|||
|
|||
/** |
|||
* Initialize module |
|||
* @param {Object} config Configurations |
|||
* @private |
|||
*/ |
|||
init(opts = {}) { |
|||
config = { ...opts, ...configDef }; |
|||
this.em = config.em; |
|||
return this; |
|||
}, |
|||
|
|||
/** |
|||
* Add new keymap |
|||
* @param {string} id Keymap id |
|||
* @param {string} keys Keymap keys, eg. `ctrl+a`, `⌘+z, ctrl+z` |
|||
* @param {Function|string} handler Keymap handler, might be a function |
|||
* @return {Object} Added keymap |
|||
* or just a command id as a string |
|||
* @example |
|||
* // 'ns' is just a custom namespace
|
|||
* keymaps.add('ns:my-keymap', '⌘+j, ⌘+u, ctrl+j, alt+u', editor => { |
|||
* console.log('do stuff'); |
|||
* }); |
|||
* // or
|
|||
* keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command'); |
|||
* |
|||
* // listen to events
|
|||
* editor.on('keymap:emit', (id, shortcut, e) => { |
|||
* // ...
|
|||
* }) |
|||
*/ |
|||
add(id, keys, handler) { |
|||
const em = this.em; |
|||
const cmd = em.get('Commands'); |
|||
const editor = em.getEditor(); |
|||
const keymap = { id, keys, handler }; |
|||
const pk = keymaps[id]; |
|||
pk && this.remove(id); |
|||
keymaps[id] = keymap; |
|||
keymaster(keys, (e, h) => { |
|||
// It's safer putting handlers resolution inside the callback
|
|||
handler = isString(handler) ? cmd.get(handler) : handler; |
|||
typeof handler == 'object' ? handler.run(editor) : handler(editor); |
|||
const args = [id, h.shortcut, e]; |
|||
em.trigger('keymap:emit', ...args); |
|||
em.trigger(`keymap:emit:${id}`, ...args); |
|||
}); |
|||
em.trigger('keymap:add', keymap); |
|||
return keymap; |
|||
}, |
|||
|
|||
|
|||
/** |
|||
* Get the keymap by id |
|||
* @param {string} id Keymap id |
|||
* @return {Object} Keymap object |
|||
* @example |
|||
* keymaps.get('ns:my-keymap'); |
|||
* // -> {keys, handler};
|
|||
*/ |
|||
get(id) { |
|||
return keymaps[id]; |
|||
}, |
|||
|
|||
|
|||
/** |
|||
* Get all keymaps |
|||
* @return {Object} |
|||
* @example |
|||
* keymaps.getAll(); |
|||
* // -> {id1: {}, id2: {}};
|
|||
*/ |
|||
getAll() { |
|||
return keymaps; |
|||
}, |
|||
|
|||
|
|||
/** |
|||
* Remove the keymap by id |
|||
* @param {string} id Keymap id |
|||
* @return {Object} Removed keymap |
|||
* @example |
|||
* keymaps.remove('ns:my-keymap'); |
|||
* // -> {keys, handler};
|
|||
*/ |
|||
remove(id) { |
|||
const em = this.em; |
|||
const keymap = this.get(id); |
|||
|
|||
if (keymap) { |
|||
delete keymaps[id]; |
|||
keymaster.unbind(keymap.keys); |
|||
em && em.trigger('keymap:remove', keymap); |
|||
return keymap; |
|||
} |
|||
}, |
|||
|
|||
|
|||
}; |
|||
}; |
|||
@ -1,5 +1,5 @@ |
|||
module.exports = { |
|||
|
|||
textTags: ['br', 'b', 'i', 'u'], |
|||
textTags: ['br', 'b', 'i', 'u', 'a', 'ul', 'ol'], |
|||
|
|||
}; |
|||
|
|||
@ -0,0 +1,20 @@ |
|||
.#{$app-prefix}devices-c { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 3px; |
|||
|
|||
.#{$app-prefix}device-label { |
|||
flex-grow: 2; |
|||
text-align: left; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.#{$app-prefix}select { |
|||
flex-grow: 20; |
|||
} |
|||
|
|||
.#{$app-prefix}add-trasp { |
|||
flex-grow: 1; |
|||
margin-left: 5px; |
|||
} |
|||
} |
|||
@ -0,0 +1,70 @@ |
|||
.#{$mdl-prefix} { |
|||
&backlayer { |
|||
@include opacity(0.5); |
|||
|
|||
background-color: #000; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
&container { |
|||
font-family: $mainFont; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
&dialog { |
|||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05); |
|||
animation: #{$app-prefix}slide-down 0.215s; |
|||
margin: 30px auto 0; |
|||
max-width: 850px; |
|||
width: 90%; |
|||
border-radius: 3px; |
|||
font-weight: lighter; |
|||
position: relative; |
|||
z-index: 2; |
|||
} |
|||
|
|||
&title { |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
&btn-close { |
|||
@extend .btn-cl; |
|||
|
|||
position: absolute; |
|||
right: 15px; |
|||
top: 5px; |
|||
} |
|||
|
|||
&active .#{$mdl-prefix}dialog { |
|||
animation: #{$mdl-prefix}slide-down 0.216s; |
|||
} |
|||
|
|||
&header, |
|||
&content { |
|||
padding: 10px 15px; |
|||
clear: both; |
|||
} |
|||
|
|||
&header { |
|||
position: relative; |
|||
border-bottom: 1px solid $mainDkColor; |
|||
padding: 15px 15px 7px; |
|||
} |
|||
} |
|||
|
|||
.#{$app-prefix}export-dl::after { |
|||
content: ""; |
|||
clear: both; |
|||
display: block; |
|||
margin-bottom: 10px; |
|||
} |
|||
@ -0,0 +1,60 @@ |
|||
const Editor = require('editor/model/Editor'); |
|||
const Keymaps = require('keymaps'); |
|||
|
|||
describe('Keymaps', () => { |
|||
|
|||
describe('Main', () => { |
|||
|
|||
let em; |
|||
let obj; |
|||
|
|||
beforeEach(() => { |
|||
em = new Editor(); |
|||
obj = new Keymaps().init({em}); |
|||
}); |
|||
|
|||
it('Object exists', () => { |
|||
expect(obj).toExist(); |
|||
}); |
|||
|
|||
it('No keymaps inside', () => { |
|||
var coll = obj.getAll(); |
|||
expect(coll).toEqual({}); |
|||
}); |
|||
|
|||
it('Add new keymap', () => { |
|||
const id = 'test'; |
|||
const keys = 'ctrl+a'; |
|||
const handler = () => {}; |
|||
const model = obj.add(id, 'ctrl+a', handler); |
|||
expect(obj.get(id)).toEqual({id, keys, handler}); |
|||
}); |
|||
|
|||
it('Add keymap event triggers', () => { |
|||
let called = 0; |
|||
em.on('keymap:add', () => called = 1); |
|||
const model = obj.add('tes', 'ctrl+a'); |
|||
expect(called).toEqual(1); |
|||
}); |
|||
|
|||
it('Remove keymap', () => { |
|||
const id = 'test'; |
|||
const keys = 'ctrl+a'; |
|||
const handler = () => {}; |
|||
const model = obj.add(id, 'ctrl+a', handler); |
|||
const removed = obj.remove(id); |
|||
expect(obj.get(id)).toEqual(undefined); |
|||
expect(obj.getAll()).toEqual({}); |
|||
expect(removed).toEqual({id, keys, handler}); |
|||
}); |
|||
|
|||
it('Remove keymap event triggers', () => { |
|||
let called = 0; |
|||
em.on('keymap:remove', () => called = 1); |
|||
const model = obj.add('tes', 'ctrl+a'); |
|||
const removed = obj.remove('tes'); |
|||
expect(called).toEqual(1); |
|||
}); |
|||
}); |
|||
|
|||
}); |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue