Merge pull request #28 from MetaCell/feature/23

Feature/23

.gitignore

@@ -0,0 +1 @@
+.idea/

README.md

@@ -2,21 +2,9 @@
   <img src="https://github.com/tarelli/bucket/blob/master/geppetto%20logo.png?raw=true" alt="Geppetto logo"/>
 </p>
 
-# Geppetto Website
+# Geppetto Meta
 
-Geppetto's Website
-
-## Geppetto Showcase
-
-Geppetto's showcase of components & features
-
-## How to develop
-
-1. `git clone -b development https://github.com/MetaCell/geppetto-website.git`
-2. `cd geppetto-website`
-3. `git clone -b development https://github.com/openworm/geppetto-client.git`
-4. `yarn`
-5. `npm start`
+Geppetto's Meta
 
 
 # Subtree fork management

geppetto-showcase/.eslintrc.js

@@ -0,0 +1,114 @@
+/**
+ *|--------------------------------------------------
+ *| sudo npm install -g eslint babel-eslint
+ *|--------------------------------------------------
+ */
+module.exports = {
+  extends: [
+    "eslint:recommended",
+  ],
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    node: true,
+    jquery: true,
+    amd: true,
+    mocha: true,
+    jasmine: true,
+    phantomjs: true,
+    worker: true,
+    jest: true
+  },
+  parser: "babel-eslint",
+  parserOptions: {
+    "sourceType": "module", // import export syntax
+    "ecmaVersion": 2017 // async await syntax
+  },
+  rules: { // 0: allow, 1: warning, 2: error
+    "no-tabs": 2, // no tabs in code
+    "no-empty": 0,
+    'no-console': 0,
+    "curly": 2,
+    "no-global-assign": 0, // allow global variables to be modified
+    "no-constant-condition": 0, // allow:    while(true) { ... }
+    "no-control-regex": 0, // allow regex
+    "no-redeclare": 0, // allow redeclare a variable
+    "no-inner-declarations": 0, // allow define functions inside functions
+    "indent": ["error", 2, {
+      "ObjectExpression": "first",
+      "ArrayExpression": "first"
+    }], // 2 spaces for indentation and consistent alignment
+    "arrow-spacing": 2,
+    "no-unused-vars": 0,
+    "keyword-spacing": 2,
+    "no-useless-escape": 0,
+    "brace-style": 2, // enforce open bracket in same line
+    "multiline-comment-style": [2, "starred-block"], // enforce commented block style
+    "object-curly-newline": [2, { "multiline": true }], // enforce  obj items identation
+    "operator-linebreak": [2, "before"], // break operator to new line
+    "space-infix-ops": 2, 
+    "no-multi-spaces": 2,
+    "no-unneeded-ternary": 2,
+    "no-multiple-empty-lines": 2,
+    "spaced-comment": [2, "always"],
+    "arrow-parens": [2, "as-needed"],
+    "arrow-body-style": [2, "as-needed"],
+    "object-curly-spacing": [2, "always"],
+    "template-curly-spacing": [2, "never"],
+    "space-before-function-paren": [1, "always"]
+  },
+  globals: {
+    "G": true,
+    "root": true,
+    "casper": true,
+    "message": true,
+    "endpoint": true,
+    "GEPPETTO": true,
+    "gepetto-client": true,
+    "Project": true,
+    "Instances": true,
+    "IPython": true,
+    "GEPPETTO_CONFIGURATION": true,
+    "MozWebSocket": true,
+    "panelComponent": true,
+    "Detector": true,
+    "THREE": true,
+    "VARS": true,
+    "Stats": true,
+    "geometry": true,
+    "aabbMin": true,
+    "aabbMax": true,
+    "bb": true,
+    "ClipboardModal": true,
+    "Store": true,
+    "olark": true,
+    "google": true,
+    "path": true,
+    "CodeMirror": true,
+    "Connectivity": true,
+    "π": true,
+    "τ": true,
+    "halfπ": true,
+    "dr": true,
+    "Model": true,
+    "Plot1": true,
+    "PIXI": true,
+    "stackViewerRequest": true,
+    "_": true,
+    "labelsInTV": true,
+    "Backbone": true,
+    "registeredEvents": true,
+    "Handlebars": true,
+    "ActiveXObject": true,
+    "jstestdriver": true,
+    "TestCase": true,
+    "EMBEDDED": true,
+    "EMBEDDERURL": true,
+    "handleRequest": true,
+    "_gaq": true,
+    "Canvas1": true,
+    "clientX": true,
+    "clientY": true,
+  }
+};

geppetto-showcase/README.md

@@ -0,0 +1,15 @@
+<p align="center">
+  <img src="https://github.com/tarelli/bucket/blob/master/geppetto%20logo.png?raw=true" alt="Geppetto logo"/>
+</p>
+
+
+## Geppetto Showcase
+
+Geppetto's showcase of components & features
+
+## How to develop
+
+1. `git clone -b development https://github.com/MetaCell/geppetto-meta.git`
+2. `cd geppetto-meta/geppetto-showcase`
+4. `yarn`
+5. `yarn start`

geppetto-showcase/package.json

@@ -16,9 +16,11 @@
     "@babel/preset-react": "^7.8.3",
     "@geppettoengine/geppetto-client": "file:../geppetto.js",
     "awesome-typescript-loader": "^5.2.1",
+    "babel-eslint": "^8.2.6",
     "babel-loader": "^8.0.6",
     "babel-plugin-prismjs": "^2.0.1",
     "css-loader": "^3.5.3",
+    "eslint": "^7.22.0",
     "file-loader": "^5.1.0",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",

geppetto-showcase/src/App.js

@@ -22,16 +22,14 @@ const ModelFactory = require('@geppettoengine/geppetto-core/ModelFactory').defau
 
 GEPPETTO.Utility = {};
 GEPPETTO.Utility.extractMethodsFromObject = () => [];
-GEPPETTO.trigger = (evt) => console.log(evt, 'triggered');
+GEPPETTO.trigger = evt => console.log(evt, 'triggered');
 GEPPETTO.Manager = new Manager();
 console.warn = () => null;
 GEPPETTO.CommandController = {
   log: console.log,
   createTags: (a, b) => null,
 };
-GEPPETTO.ComponentFactory = {
-  addExistingComponent: console.log,
-};
+GEPPETTO.ComponentFactory = { addExistingComponent: console.log, };
 GEPPETTO.on = console.log;
 GEPPETTO.off = console.log;
 GEPPETTO.UnitsController = {
@@ -44,7 +42,7 @@ GEPPETTO.UnitsController = {
 };
 
 export default class App extends Component {
-  render() {
+  render () {
     let theme = createMuiTheme({
       typography: { fontFamily: 'Roboto, Helvetica, Arial, sans-serif' },
       palette: {

geppetto-showcase/src/components/BottomNavigation.jsx

@@ -4,7 +4,7 @@ import Button from '@material-ui/core/Button';
 import Divider from '@material-ui/core/Divider';
 import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
 import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
-import pages from '../pages/Pages';
+import pages from '../pages/index';
 import { Link } from 'react-router-dom';
 
 const styles = (theme) => ({
@@ -28,7 +28,7 @@ class BottomNavigation extends Component {
     let next = 1;
     let previous = -1;
     const activePages = pages.filter((page) => {
-      return page.markdown != null;
+      return page.component != null;
     });
     for (let i = 0; i < activePages.length; i++) {
       let page = activePages[i];

geppetto-showcase/src/components/DrawerContent.jsx

@@ -6,7 +6,7 @@ import ListItemText from '@material-ui/core/ListItemText';
 import List from '@material-ui/core/List';
 import Collapse from '@material-ui/core/Collapse';
 import { withStyles } from '@material-ui/core/styles';
-import pages from '../pages/Pages';
+import pages from '../pages/index';
 import stringSimilarity from 'string-similarity';
 
 const styles = (theme) => ({
@@ -124,7 +124,7 @@ class DrawerContent extends Component {
         content[page.parent].children.push({
           name: page.name,
           to: page.to,
-          disabled: page.markdown === null,
+          disabled: page.component === null,
         });
       }
     }