tsai
/
grapesjs
mirror of https://github.com/artf/grapesjs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Update for webpack

pull/72/merge
Artur Arseniev 9 years ago
parent
1ac0345769
commit
1acf1588bb
27 changed files with 5511 additions and 71 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4287
      dist/grapesjs.min.css
  2. 336
      index.html
  3. 14
      package.json
  4. 0
      src/asset_manager/index.js
  5. 0
      src/block_manager/index.js
  6. 0
      src/canvas/index.js
  7. 0
      src/code_manager/index.js
  8. 0
      src/commands/index.js
  9. 0
      src/css_composer/index.js
  10. 0
      src/device_manager/index.js
  11. 0
      src/dom_components/index.js
  12. 0
      src/editor/index.js
  13. 4
      src/grapesjs/index.js
  14. 9
      src/main.js
  15. 0
      src/modal_dialog/index.js
  16. 0
      src/navigator/index.js
  17. 0
      src/panels/index.js
  18. 0
      src/parser/index.js
  19. 0
      src/plugin_manager/index.js
  20. 0
      src/rich_text_editor/index.js
  21. 0
      src/selector_manager/index.js
  22. 0
      src/storage_manager/index.js
  23. 0
      src/style_manager/index.js
  24. 0
      src/trait_manager/index.js
  25. 0
      src/utils/index.js
  26. 99
      webpack.config.js
  27. 833
      yarn.lock

4287
dist/grapesjs.min.css
View File

File diff suppressed because it is too large

336
index.html
View File

@ -6,6 +6,10 @@
<link rel="stylesheet" href="styles/css/main.css"> <link rel="stylesheet" href="styles/css/main.css">
<link rel="stylesheet" href="node_modules/codemirror/lib/codemirror.css"> <link rel="stylesheet" href="node_modules/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="node_modules/codemirror/theme/hopscotch.css"> <link rel="stylesheet" href="node_modules/codemirror/theme/hopscotch.css">
<link rel="stylesheet" href="dist/grapesjs.min.css">
<script src="./dist/grapesjs.min.js"></script>
</head> </head>
<style> <style>
body, html{ height: 100%; margin: 0;} body, html{ height: 100%; margin: 0;}
@ -812,6 +816,336 @@
</style> </style>
</div> </div>
<script data-main="src/demo" src="node_modules/requirejs/require.js"></script> <script type="text/javascript">
var editor = grapesjs.init(
{
allowScripts: 1,
showOffsets: 1,
autorender: 0,
noticeOnUnload: 0,
container : '#gjs',
height: '100%',
fromElement: true,
clearOnRender: 0,
storageManager:{
autoload: 0,
storeComponents: 1,
storeStyles: 1,
},
/*
components: [{
//script: 'var el = this; setInterval(function(){el.style.marginLeft = Math.random() * 50 +"px";}, 1000)',
script: 'loadScript = function(){console.log("loaded INSIDE", $);}',
style: {
background: 'red',
width:'500px',
height:'100px',
margin: '50px auto',
}
},{
script: 'this.innerHTML= "test1";',
style: {
background: 'blue',
width:'500px',
height:'100px',
margin: '50px auto',
}
},{
script: 'this.innerHTML= "test2";',
style: {
background: 'green',
width:'500px',
height:'100px',
margin: '50px auto',
}
},{
style: {
background: 'yellow',
width:'500px',
height:'100px',
margin: '50px auto',
}
},{
type: 'text',
style:{
width:'100px',
height:'100px',
margin: '50px auto',
},
traits: ['title'],
components: [{
type: 'textnode',
content: 'text node row',
},{
type: 'textnode',
content: ', another text node',
},{
type: 'link',
content: 'someLink',
},{
type: 'textnode',
content: " More text node --- ",
}],
}],
*/
commands: {
defaults : [{
id: 'open-github',
run: function(editor, sender){
sender.set('active',false);
window.open('https://github.com/artf/grapesjs','_blank');
}
},{
id: 'undo',
run: function(editor, sender){
sender.set('active',false);
editor.UndoManager.undo(true);
}
},{
id: 'redo',
run: function(editor, sender){
sender.set('active',false);
editor.UndoManager.redo(true);
}
},{
id: 'clean-all',
run: function(editor, sender){
sender.set('active',false);
if(confirm('Are you sure to clean the canvas?')){
var comps = editor.DomComponents.clear();
}
}
}],
},
assetManager: {
storageType : '',
storeOnChange : true,
storeAfterUpload : true,
assets : [
{ type: 'image', src : 'http://placehold.it/350x250/78c5d6/fff/image1.jpg', height:350, width:250},
{ type: 'image', src : 'http://placehold.it/350x250/459ba8/fff/image2.jpg', height:350, width:250},
{ type: 'image', src : 'http://placehold.it/350x250/79c267/fff/image3.jpg', height:350, width:250},
{ type: 'image', src : 'http://placehold.it/350x250/c5d647/fff/image4.jpg', height:350, width:250},
{ type: 'image', src : 'http://placehold.it/350x250/f28c33/fff/image5.jpg', height:350, width:250},
{ type: 'image', src : 'http://placehold.it/350x250/e868a2/fff/image6.jpg', height:350, width:250},
{ type: 'image', src : 'http://placehold.it/350x250/cc4360/fff/image7.jpg', height:350, width:250},
{ type: 'image', src : './img/work-desk.jpg', date: '2015-02-01',height:1080, width:1728},
{ type: 'image', src : './img/phone-app.png', date: '2015-02-01',height:650, width:320},
{ type: 'image', src : './img/bg-gr-v.png', date: '2015-02-01',height:1, width:1728},
]
},
styleManager : {
sectors: [{
name: 'General',
open: false,
buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],
},{
name: 'Dimension',
open: false,
buildProps: ['width', 'height', 'max-width', 'min-height', 'margin', 'padding'],
},{
name: 'Typography',
open: false,
buildProps: ['font-family', 'font-size', 'font-weight', 'letter-spacing', 'color', 'line-height', 'text-align', 'text-shadow'],
properties: [{
property: 'text-align',
list : [
{value: 'left', className: 'fa fa-align-left'},
{value: 'center', className: 'fa fa-align-center' },
{value: 'right', className: 'fa fa-align-right'},
{value: 'justify', className: 'fa fa-align-justify'}
],
}]
},{
name: 'Decorations',
open: false,
buildProps: ['border-radius-c', 'background-color', 'border-radius', 'border', 'box-shadow', 'background'],
},{
name: 'Extra',
open: false,
buildProps: ['transition', 'perspective', 'transform'],
},{
name: 'Flex',
open: false,
properties: [{
name : 'Flex Container',
property : 'display',
type : 'select',
defaults : 'block',
list : [{
value : 'block',
name : 'Disable',
},{
value : 'flex',
name : 'Enable',
}],
},{
name: 'Flex Parent',
property: 'label-parent-flex',
},{
name : 'Direction',
property : 'flex-direction',
type : 'radio',
defaults : 'row',
list : [{
value : 'row',
name : 'Row',
className : 'icons-flex icon-dir-row',
title : 'Row',
},{
value : 'row-reverse',
name : 'Row reverse',
className : 'icons-flex icon-dir-row-rev',
title : 'Row reverse',
},{
value : 'column',
name : 'Column',
title : 'Column',
className : 'icons-flex icon-dir-col',
},{
value : 'column-reverse',
name : 'Column reverse',
title : 'Column reverse',
className : 'icons-flex icon-dir-col-rev',
}],
},{
name : 'Wrap',
property : 'flex-wrap',
type : 'radio',
defaults : 'nowrap',
list : [{
value : 'nowrap',
title : 'Single line',
},{
value : 'wrap',
title : 'Multiple lines',
},{
value : 'wrap-reverse',
title : 'Multiple lines reverse',
}],
},{
name : 'Justify',
property : 'justify-content',
type : 'radio',
defaults : 'flex-start',
list : [{
value : 'flex-start',
className : 'icons-flex icon-just-start',
title : 'Start',
},{
value : 'flex-end',
title : 'End',
className : 'icons-flex icon-just-end',
},{
value : 'space-between',
title : 'Space between',
className : 'icons-flex icon-just-sp-bet',
},{
value : 'space-around',
title : 'Space around',
className : 'icons-flex icon-just-sp-ar',
},{
value : 'center',
title : 'Center',
className : 'icons-flex icon-just-sp-cent',
}],
},{
name : 'Align',
property : 'align-items',
type : 'radio',
defaults : 'center',
list : [{
value : 'flex-start',
title : 'Start',
className : 'icons-flex icon-al-start',
},{
value : 'flex-end',
title : 'End',
className : 'icons-flex icon-al-end',
},{
value : 'stretch',
title : 'Stretch',
className : 'icons-flex icon-al-str',
},{
value : 'center',
title : 'Center',
className : 'icons-flex icon-al-center',
}],
},{
name: 'Flex Children',
property: 'label-parent-flex',
},{
name: 'Order',
property: 'order',
type: 'integer',
defaults : 0,
min: 0
},{
name : 'Flex',
property : 'flex',
type : 'composite',
properties : [{
name: 'Grow',
property: 'flex-grow',
type: 'integer',
defaults : 0,
min: 0
},{
name: 'Shrink',
property: 'flex-shrink',
type: 'integer',
defaults : 0,
min: 0
},{
name: 'Basis',
property: 'flex-basis',
type: 'integer',
units: ['px','%',''],
unit: '',
defaults : 'auto',
}],
},{
name : 'Align',
property : 'align-self',
type : 'radio',
defaults : 'auto',
list : [{
value : 'auto',
name : 'Auto',
},{
value : 'flex-start',
title : 'Start',
className : 'icons-flex icon-al-start',
},{
value : 'flex-end',
title : 'End',
className : 'icons-flex icon-al-end',
},{
value : 'stretch',
title : 'Stretch',
className : 'icons-flex icon-al-str',
},{
value : 'center',
title : 'Center',
className : 'icons-flex icon-al-center',
}],
}]
}
],
},
});
</script>
</body> </body>
</html> </html>

14
package.json
View File

@ -12,15 +12,21 @@
}, },
"dependencies": { "dependencies": {
"almond": "^0.3.3", "almond": "^0.3.3",
"amd-to-common": "^1.1.1",
"backbone": "^1.3.3", "backbone": "^1.3.3",
"backbone-undo": "^0.2.5", "backbone-undo": "^0.2.5",
"bower": "^1.7.2", "bower": "^1.7.2",
"codemirror": "^5.21.0", "codemirror": "^5.21.0",
"codemirror-formatting": "^1.0.0", "codemirror-formatting": "^1.0.0",
"exports-loader": "^0.6.4",
"imports-loader": "^0.7.1",
"jquery": "^3.1.1", "jquery": "^3.1.1",
"keymaster": "^1.6.2", "keymaster": "^1.6.2",
"spectrum-colorpicker": "^1.8.0", "spectrum-colorpicker": "^1.8.0",
"underscore": "^1.8.3" "text-loader": "^0.0.1",
"underscore": "^1.8.3",
"webpack": "^1.13.1",
"webpack-dev-server": "^1.14.1"
}, },
"devDependencies": { "devDependencies": {
"bower": "^1.7.2", "bower": "^1.7.2",
@ -66,6 +72,12 @@
"editor" "editor"
], ],
"scripts": { "scripts": {
"lint": "eslint src",
"build2": "WEBPACK_ENV=prod && npm run v:patch && webpack && npm run build:css",
"build:css": "node-sass styles/scss/main.scss dist/grapesjs.min.css",
"v:patch": "npm version --no-git-tag-version patch",
"start2": "WEBPACK_ENV=dev ./node_modules/.bin/webpack-dev-server --progress --colors & npm run build:css -- -w",
"build": "./node_modules/.bin/grunt build", "build": "./node_modules/.bin/grunt build",
"build:fonts": "./node_modules/.bin/grunt build:fonts", "build:fonts": "./node_modules/.bin/grunt build:fonts",
"test": "./node_modules/.bin/grunt test", "test": "./node_modules/.bin/grunt test",

0
src/asset_manager/main.js → src/asset_manager/index.js
View File

0
src/block_manager/main.js → src/block_manager/index.js
View File

0
src/canvas/main.js → src/canvas/index.js
View File

0
src/code_manager/main.js → src/code_manager/index.js
View File

0
src/commands/main.js → src/commands/index.js
View File

0
src/css_composer/main.js → src/css_composer/index.js
View File

0
src/device_manager/main.js → src/device_manager/index.js
View File

0
src/dom_components/main.js → src/dom_components/index.js
View File

0
src/editor/main.js → src/editor/index.js
View File

4
src/grapesjs/main.js → src/grapesjs/index.js
View File

@ -4,9 +4,11 @@ define(function (require) {
var c = config || {}, var c = config || {},
defaults = require('./config/config'), defaults = require('./config/config'),
Editor = require('editor/main'), Editor = require('editor'),
PluginManager = require('PluginManager'); PluginManager = require('PluginManager');
window['_'] = require('underscore');
var plugins = new PluginManager(); var plugins = new PluginManager();
var editors = []; var editors = [];

9
src/main.js
View File

@ -1,8 +1 @@
module.exports = require('grapesjs');
require(['src/config/require-config.js'], function() {
require(['grapesjs/main'],function (g){
return g;
});
});

0
src/modal_dialog/main.js → src/modal_dialog/index.js
View File

0
src/navigator/main.js → src/navigator/index.js
View File

0
src/panels/main.js → src/panels/index.js
View File

0
src/parser/main.js → src/parser/index.js
View File

0
src/plugin_manager/main.js → src/plugin_manager/index.js
View File

0
src/rich_text_editor/main.js → src/rich_text_editor/index.js
View File

0
src/selector_manager/main.js → src/selector_manager/index.js
View File

0
src/storage_manager/main.js → src/storage_manager/index.js
View File

0
src/style_manager/main.js → src/style_manager/index.js
View File

0
src/trait_manager/main.js → src/trait_manager/index.js
View File

0
src/utils/main.js → src/utils/index.js
View File

99
webpack.config.js
View File

@ -0,0 +1,99 @@
//webpack --display-reasons
var name = 'grapesjs';
module.exports = {
entry: './src/main',
output: {
filename: './dist/' + name + '.min.js',
library: name,
libraryTarget: 'umd',
},
resolve: {
modulesDirectories: ['src', 'node_modules'],
alias: {
jquery: 'jquery/dist/jquery',
underscore: 'underscore/underscore',
backbone: 'backbone/backbone',
backboneUndo: 'backbone-undo/Backbone.Undo',
keymaster: 'keymaster/keymaster',
text: 'requirejs-text/text',
Spectrum: 'spectrum-colorpicker/spectrum',
codemirror: 'codemirror',
formatting: 'codemirror-formatting/formatting',
PluginManager: 'plugin_manager',
Abstract: 'domain_abstract',
Editor: 'editor',
AssetManager: 'asset_manager',
BlockManager: 'block_manager',
TraitManager: 'trait_manager',
StyleManager: 'style_manager',
DeviceManager: 'device_manager',
StorageManager: 'storage_manager',
PluginManager: 'plugin_manager',
Navigator: 'navigator',
DomComponents: 'dom_components',
RichTextEditor: 'rich_text_editor',
SelectorManager: 'selector_manager',
ModalDialog: 'modal_dialog',
CodeManager: 'code_manager',
CssComposer: 'css_composer',
Commands: 'commands',
Canvas: 'canvas',
Panels: 'panels',
Parser: 'parser',
Utils: 'utils',
}
},
/*
module: {
loaders: [
{ test: /underscore/, loader: 'exports?_' },
{ test: /backbone/, loader: 'exports?Backbone!imports?underscore,jquery' },
{ test: /rte/, loader: 'exports?rte!imports?jquery' },
{ test: /backbone-undo/, loader: 'exports?backboneUndo!imports?backbone' },
{ test: /keymaster/, loader: 'exports?keymaster' },
]
}*/
}
/*
amd: { jQuery: true }
var webpack = require('webpack');
var pkg = require('./package.json');
var name = 'grapesjs-plugin-ckeditor';
var env = process.env.WEBPACK_ENV;
var plugins = [];
plugins: [
new webpack.IgnorePlugin(/^\.\/locale$/, [/moment$/]), // saves ~100k from build
new webpack.optimize.UglifyJsPlugin({minimize: true}),
new webpack.BannerPlugin(pkg.name + ' - ' + pkg.version),
new webpack.DefinePlugin({'process.env.NODE_ENV': '"production"'})
]
module.exports = {
entry: './src/main',
output: {
filename: './dist/' + name + '.min.js',
library: name,
libraryTarget: 'umd',
},
module: {
preLoaders: [
{ test: /\.json$/, loader: 'json'},
],
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
include: /src/,
query: {
presets: ['es2015']
}
},
],
},
plugins: plugins
};
*/

833
yarn.lock
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save