organize examples in folders (visgl#89)

website/src/examples-sidebar.js

@@ -20,8 +20,8 @@ const sidebars = {
       type: 'category',
       label: '@deck.gl-community/editable-layers',
       items: [
-        "editable-layers-editor",
-        "editable-layers-advanced"
+        "editable-layers/editor",
+        "editable-layers/advanced"
       ]
     },
     // {

website/src/examples/editable-layers/advanced.mdx

@@ -0,0 +1,5 @@
+# Advanced
+
+import Demo from './advanced';
+
+<Demo />

website/src/examples/editable-layers-advanced.tsx → website/src/examples/editable-layers/advanced.tsx

@@ -1,8 +1,8 @@
 import React, {Component} from 'react';
-import {GITHUB_TREE} from '../constants/defaults';
-import App from '../../../examples/editable-layers/advanced/src/example';
+import {GITHUB_TREE} from '../../constants/defaults';
+import App from '../../../../examples/editable-layers/advanced/src/example';
 
-import {makeExample} from '../components';
+import {makeExample} from '../../components';
 
 class AdvancedDemo extends Component {
   static title = 'Advanced';

website/src/examples/editable-layers/editor.mdx

@@ -0,0 +1,5 @@
+# Editor
+
+import Demo from './editor';
+
+<Demo />

website/src/examples/editable-layers-editor.tsx → website/src/examples/editable-layers/editor.tsx

@@ -1,8 +1,8 @@
 import React, {Component} from 'react';
-import {GITHUB_TREE} from '../constants/defaults';
-import {Example as App} from '../../../examples/editable-layers/editor/example';
+import {GITHUB_TREE} from '../../constants/defaults';
+import {Example as App} from '../../../../examples/editable-layers/editor/example';
 
-import {makeExample} from '../components';
+import {makeExample} from '../../components';
 
 class EditorDemo extends Component {
   static title = 'Editor';