joepie91
/
play
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move editor code to a separate src/ folder

Browse Source
master
Sven Slootweg 6 years ago
parent 9ae050f9a8
commit df23427698
16 changed files with 267 additions and 255 deletions
Show Stats Download Patch File Download Diff File

518
public/js/bundle.js
Unescape Escape View File

@ -48,30 +48,10 @@
// NOTE: This file will eventually contain non-editor JS. For now, it's just a 'redirect' to the editor implementation.
__webpack_require__(1);
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
var Promise = __webpack_require__(2);
var React = __webpack_require__(41);
var ReactDOM = __webpack_require__(51);
var documentReadyPromise = __webpack_require__(67);
var App = __webpack_require__(68);
Promise.try(function () {
return documentReadyPromise();
}).then(function () {
ReactDOM.render(React.createElement(App, null), document.getElementById("editor-app"));
}).catch(function (err) {
console.error(err);
});
__webpack_require__(84);
/***/ }),
/* 1 */,
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
@ -24346,65 +24326,7 @@
/***/ }),
/* 68 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var Menu = __webpack_require__(72);
var Node = __webpack_require__(74);
var App = createReactClass({
displayName: "App",
getInitialState: function getInitialState() {
return {
menuItems: [{
type: "folder",
name: "Foo"
}, {
type: "folder",
name: "Bar"
}, {
type: "object-type",
name: "Baz"
}]
};
},
render: function render() {
return React.createElement(
"div",
{ className: "editor-app" },
React.createElement(
"div",
{ className: "header" },
React.createElement(
"h1",
null,
React.createElement("img", { src: "/images/logo-32.png", className: "logo" }),
React.createElement(
"span",
{ className: "name" },
"Cryto Play"
)
)
),
React.createElement(Menu, { items: this.state.menuItems }),
React.createElement(
"div",
{ className: "canvas" },
React.createElement(Node, null)
)
);
}
});
module.exports = App;
/***/ }),
/* 68 */,
/* 69 */
/***/ (function(module, exports, __webpack_require__) {
@ -25412,7 +25334,152 @@
/***/ }),
/* 72 */
/* 72 */,
/* 73 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2016 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
classes.push(classNames.apply(null, arg));
} else if (argType === 'object') {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
}
}
return classes.join(' ');
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
return classNames;
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {
window.classNames = classNames;
}
}());
/***/ }),
/* 74 */,
/* 75 */,
/* 76 */,
/* 77 */,
/* 78 */,
/* 79 */,
/* 80 */,
/* 81 */,
/* 82 */,
/* 83 */,
/* 84 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
var Promise = __webpack_require__(2);
var React = __webpack_require__(41);
var ReactDOM = __webpack_require__(51);
var documentReadyPromise = __webpack_require__(67);
var App = __webpack_require__(85);
Promise.try(function () {
return documentReadyPromise();
}).then(function () {
ReactDOM.render(React.createElement(App, null), document.getElementById("editor-app"));
}).catch(function (err) {
console.error(err);
});
/***/ }),
/* 85 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var Menu = __webpack_require__(86);
var Node = __webpack_require__(92);
var App = createReactClass({
displayName: "App",
getInitialState: function getInitialState() {
return {
menuItems: [{
type: "folder",
name: "Foo"
}, {
type: "folder",
name: "Bar"
}, {
type: "object-type",
name: "Baz"
}]
};
},
render: function render() {
return React.createElement(
"div",
{ className: "editor-app" },
React.createElement(
"div",
{ className: "header" },
React.createElement(
"h1",
null,
React.createElement("img", { src: "/images/logo-32.png", className: "logo" }),
React.createElement(
"span",
{ className: "name" },
"Cryto Play"
)
)
),
React.createElement(Menu, { items: this.state.menuItems }),
React.createElement(
"div",
{ className: "canvas" },
React.createElement(Node, null)
)
);
}
});
module.exports = App;
/***/ }),
/* 86 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25423,12 +25490,12 @@
var createReactClass = __webpack_require__(69);
var classnames = __webpack_require__(73);
var HorizontalInputList = __webpack_require__(82);
var ControlBar = __webpack_require__(81);
var HorizontalInputList = __webpack_require__(87);
var ControlBar = __webpack_require__(88);
var Label = __webpack_require__(75);
var HorizontalButtonSet = __webpack_require__(76);
var Button = __webpack_require__(77);
var Label = __webpack_require__(89);
var HorizontalButtonSet = __webpack_require__(90);
var Button = __webpack_require__(91);
var MenuItem = createReactClass({
displayName: "MenuItem",
@ -25521,61 +25588,7 @@
module.exports = Menu;
/***/ }),
/* 73 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2016 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
classes.push(classNames.apply(null, arg));
} else if (argType === 'object') {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
}
}
return classes.join(' ');
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
return classNames;
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {
window.classNames = classNames;
}
}());
/***/ }),
/* 74 */
/* 87 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25583,96 +25596,45 @@
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var VerticalInputList = __webpack_require__(83);
var HorizontalInputList = __webpack_require__(82);
var PanelHeader = __webpack_require__(80);
var TextInput = __webpack_require__(78);
var Label = __webpack_require__(75);
var PropertyInput = createReactClass({
displayName: "PropertyInput",
var HorizontalInputList = createReactClass({
displayName: "HorizontalInputList",
render: function render() {
return React.createElement(
HorizontalInputList,
null,
React.createElement(
Label,
null,
this.props.label
),
React.createElement(TextInput, null)
"div",
{ className: "editor-input editor-input-horizontal" },
this.props.children
);
}
});
var PropertyConnector = createReactClass({
displayName: "PropertyConnector",
render: function render() {
var label = React.createElement(
"div",
{ className: "description" },
this.props.label
);
module.exports = HorizontalInputList;
/***/ }),
/* 88 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
return React.createElement(
"div",
{ className: "connector" },
this.props.labelDirection === "left" ? label : null,
React.createElement("div", { className: "bullet" }),
this.props.labelDirection === "right" ? label : null
);
}
});
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var Node = createReactClass({
displayName: "Node",
var ControlBar = createReactClass({
displayName: "ControlBar",
render: function render() {
return React.createElement(
"div",
{ className: "node" },
React.createElement(
PanelHeader,
null,
"Example Node"
),
React.createElement("div", { className: "background" }),
React.createElement(
"div",
{ className: "left-connectors" },
React.createElement(PropertyConnector, { label: "One", labelDirection: "left" }),
React.createElement(PropertyConnector, { label: "Two", labelDirection: "left" }),
React.createElement(PropertyConnector, { label: "Three", labelDirection: "left" }),
React.createElement(PropertyConnector, { label: "Four", labelDirection: "left" })
),
React.createElement(
"div",
{ className: "inputs" },
React.createElement(
VerticalInputList,
null,
React.createElement(PropertyInput, { label: "Five:" }),
React.createElement(PropertyInput, { label: "Six:" })
)
),
React.createElement(
"div",
{ className: "right-connectors" },
React.createElement(PropertyConnector, { label: "Seven", labelDirection: "right" }),
React.createElement(PropertyConnector, { label: "Eight", labelDirection: "right" }),
React.createElement(PropertyConnector, { label: "Nine", labelDirection: "right" })
)
{ className: "editor-control-bar" },
this.props.children
);
}
});
module.exports = Node;
module.exports = ControlBar;
/***/ }),
/* 75 */
/* 89 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25696,7 +25658,7 @@
module.exports = Label;
/***/ }),
/* 76 */
/* 90 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25719,7 +25681,7 @@
module.exports = HorizontalButtonSet;
/***/ }),
/* 77 */
/* 91 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25742,7 +25704,7 @@
module.exports = ButtonInput;
/***/ }),
/* 78 */
/* 92 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25750,42 +25712,96 @@
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var TextInput = createReactClass({
displayName: "TextInput",
var VerticalInputList = __webpack_require__(93);
var HorizontalInputList = __webpack_require__(87);
var PanelHeader = __webpack_require__(94);
var TextInput = __webpack_require__(95);
var Label = __webpack_require__(89);
var PropertyInput = createReactClass({
displayName: "PropertyInput",
render: function render() {
return React.createElement("input", { className: "editor-input editor-input-text", type: "text" });
return React.createElement(
HorizontalInputList,
null,
React.createElement(
Label,
null,
this.props.label
),
React.createElement(TextInput, null)
);
}
});
module.exports = TextInput;
/***/ }),
/* 79 */,
/* 80 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
var PropertyConnector = createReactClass({
displayName: "PropertyConnector",
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
render: function render() {
var label = React.createElement(
"div",
{ className: "description" },
this.props.label
);
var PanelHeader = createReactClass({
displayName: "PanelHeader",
return React.createElement(
"div",
{ className: "connector" },
this.props.labelDirection === "left" ? label : null,
React.createElement("div", { className: "bullet" }),
this.props.labelDirection === "right" ? label : null
);
}
});
var Node = createReactClass({
displayName: "Node",
render: function render() {
return React.createElement(
"div",
{ className: "editor-panel-header" },
this.props.children
{ className: "node" },
React.createElement(
PanelHeader,
null,
"Example Node"
),
React.createElement("div", { className: "background" }),
React.createElement(
"div",
{ className: "left-connectors" },
React.createElement(PropertyConnector, { label: "One", labelDirection: "left" }),
React.createElement(PropertyConnector, { label: "Two", labelDirection: "left" }),
React.createElement(PropertyConnector, { label: "Three", labelDirection: "left" }),
React.createElement(PropertyConnector, { label: "Four", labelDirection: "left" })
),
React.createElement(
"div",
{ className: "inputs" },
React.createElement(
VerticalInputList,
null,
React.createElement(PropertyInput, { label: "Five:" }),
React.createElement(PropertyInput, { label: "Six:" })
)
),
React.createElement(
"div",
{ className: "right-connectors" },
React.createElement(PropertyConnector, { label: "Seven", labelDirection: "right" }),
React.createElement(PropertyConnector, { label: "Eight", labelDirection: "right" }),
React.createElement(PropertyConnector, { label: "Nine", labelDirection: "right" })
)
);
}
});
module.exports = PanelHeader;
module.exports = Node;
/***/ }),
/* 81 */
/* 93 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25793,22 +25809,22 @@
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var ControlBar = createReactClass({
displayName: "ControlBar",
var VerticalInputList = createReactClass({
displayName: "VerticalInputList",
render: function render() {
return React.createElement(
"div",
{ className: "editor-control-bar" },
{ className: "editor-input editor-input-vertical" },
this.props.children
);
}
});
module.exports = ControlBar;
module.exports = VerticalInputList;
/***/ }),
/* 82 */
/* 94 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25816,22 +25832,22 @@
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var HorizontalInputList = createReactClass({
displayName: "HorizontalInputList",
var PanelHeader = createReactClass({
displayName: "PanelHeader",
render: function render() {
return React.createElement(
"div",
{ className: "editor-input editor-input-horizontal" },
{ className: "editor-panel-header" },
this.props.children
);
}
});
module.exports = HorizontalInputList;
module.exports = PanelHeader;
/***/ }),
/* 83 */
/* 95 */
/***/ (function(module, exports, __webpack_require__) {
'use strict';
@ -25839,19 +25855,15 @@
var React = __webpack_require__(41);
var createReactClass = __webpack_require__(69);
var VerticalInputList = createReactClass({
displayName: "VerticalInputList",
var TextInput = createReactClass({
displayName: "TextInput",
render: function render() {
return React.createElement(
"div",
{ className: "editor-input editor-input-vertical" },
this.props.children
);
return React.createElement("input", { className: "editor-input editor-input-text", type: "text" });
}
});
module.exports = VerticalInputList;
module.exports = TextInput;
/***/ })
/******/ ]);

2
public/js/bundle.js.map
View File

File diff suppressed because one or more lines are too long

0
src/frontend/editor/components/app.jsx → src/editor/components/app.jsx
Unescape Escape View File

0
src/frontend/editor/components/inputs/button.jsx → src/editor/components/inputs/button.jsx
Unescape Escape View File

0
src/frontend/editor/components/inputs/horizontal-button-set.jsx → src/editor/components/inputs/horizontal-button-set.jsx
Unescape Escape View File

0
src/frontend/editor/components/inputs/label.jsx → src/editor/components/inputs/label.jsx
Unescape Escape View File

0
src/frontend/editor/components/inputs/text.jsx → src/editor/components/inputs/text.jsx
Unescape Escape View File

0
src/frontend/editor/components/inputs/vertical-button-set.jsx → src/editor/components/inputs/vertical-button-set.jsx
Unescape Escape View File

0
src/frontend/editor/components/layout/control-bar.jsx → src/editor/components/layout/control-bar.jsx
Unescape Escape View File

0
src/frontend/editor/components/layout/horizontal-input-list.jsx → src/editor/components/layout/horizontal-input-list.jsx
Unescape Escape View File

0
src/frontend/editor/components/layout/panel-header.jsx → src/editor/components/layout/panel-header.jsx
Unescape Escape View File

0
src/frontend/editor/components/layout/vertical-input-list.jsx → src/editor/components/layout/vertical-input-list.jsx
Unescape Escape View File

0
src/frontend/editor/components/menu.jsx → src/editor/components/menu.jsx
Unescape Escape View File

0
src/frontend/editor/components/node.jsx → src/editor/components/node.jsx
Unescape Escape View File

0
src/frontend/editor/index.jsx → src/editor/index.jsx
Unescape Escape View File

2
src/frontend/index.js
Unescape Escape View File

@ -1,4 +1,4 @@
'use strict';
// NOTE: This file will eventually contain non-editor JS. For now, it's just a 'redirect' to the editor implementation.
require("./editor");
require("../editor");

Write Preview
Loading…
Cancel
Save