Skip to content

Commit

Permalink
Update for webpack
Browse files Browse the repository at this point in the history
  • Loading branch information
@artf
artf committed May 31, 2017
1 parent 1ac0345 commit 1acf158
Show file tree
Hide file tree
Showing 27 changed files with 5,511 additions and 71 deletions.
4,287 changes: 4,287 additions & 0 deletions dist/grapesjs.min.css
View file

Large diffs are not rendered by default.

336 changes: 335 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,10 @@
<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/theme/hopscotch.css">

<link rel="stylesheet" href="dist/grapesjs.min.css">
<script src="./dist/grapesjs.min.js"></script>

</head>
<style>
body, html{ height: 100%; margin: 0;}
Expand Down Expand Up @@ -812,6 +816,336 @@ <h1 class="bdg-title">The team</h1>
</style>
</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>
</html>
14 changes: 13 additions & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,21 @@
},
"dependencies": {
"almond": "^0.3.3",
"amd-to-common": "^1.1.1",
"backbone": "^1.3.3",
"backbone-undo": "^0.2.5",
"bower": "^1.7.2",
"codemirror": "^5.21.0",
"codemirror-formatting": "^1.0.0",
"exports-loader": "^0.6.4",
"imports-loader": "^0.7.1",
"jquery": "^3.1.1",
"keymaster": "^1.6.2",
"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": {
"bower": "^1.7.2",
Expand Down Expand Up @@ -66,6 +72,12 @@
"editor"
],
"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:fonts": "./node_modules/.bin/grunt build:fonts",
"test": "./node_modules/.bin/grunt test",
Expand Down
0 src/asset_manager/main.js → src/asset_manager/index.js
View file
File renamed without changes.
0 src/block_manager/main.js → src/block_manager/index.js
View file
File renamed without changes.
0 src/canvas/main.js → src/canvas/index.js
View file
File renamed without changes.
0 src/code_manager/main.js → src/code_manager/index.js
View file
File renamed without changes.
0 src/commands/main.js → src/commands/index.js
View file
File renamed without changes.
0 src/css_composer/main.js → src/css_composer/index.js
View file
File renamed without changes.
0 src/device_manager/main.js → src/device_manager/index.js
View file
File renamed without changes.
0 src/dom_components/main.js → src/dom_components/index.js
View file
File renamed without changes.
0 src/editor/main.js → src/editor/index.js
View file
File renamed without changes.
4 changes: 3 additions & 1 deletion src/grapesjs/main.js → src/grapesjs/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,11 @@ define(function (require) {

var c = config || {},
defaults = require('./config/config'),
Editor = require('editor/main'),
Editor = require('editor'),
PluginManager = require('PluginManager');

window['_'] = require('underscore');

var plugins = new PluginManager();
var editors = [];

Expand Down
Loading

0 comments on commit 1acf158

Please sign in to comment.