WIP -- inline widgets & block editing modals

.eslintrc

@@ -1,17 +1,17 @@
-{ "parser": "babel-eslint"
-, "ecmaFeatures": { "modules": true }
-, "env":
-  { "browser": true
-  , "node": true
-  , "es6": true
-  }
-, "rules":
-  { "no-multiple-empty-lines": [2, {"max": 2, "maxEOF": 1}]
-  , "no-console": 2
-  , "comma-style": [2, "first"]
-  , "camelcase": 0
-  , "indent": 0
-  }
-, "plugins": ["react"]
-, "extends": ["standard", "plugin:react/recommended"]
-}
+{
+  "parser": "babel-eslint",
+  "ecmaFeatures": { "modules": true },
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "rules": {
+    "no-multiple-empty-lines": [2, {"max": 2, "maxEOF": 1}],
+    "comma-dangle": [2, "always-multiline"],
+    "no-console": 2,
+    "camelcase": 0
+  },
+  "plugins": ["react"],
+  "extends": ["standard", "plugin:react/recommended"]
+}

demo/demo.js

@@ -22,26 +22,26 @@ function setup (options) {
     apiJSON.value = JSON.stringify(options.initialContent, null, 2)
   }
   const props =
-    { initialContent: (options.initialContent || [])
-    , onChange: () => { console.log('change') }
-    , onMount: () => { console.log('mount') }
-    , onShareFile: onShareFileDemo
-    , onShareUrl: onShareUrlDemo
-    , onRequestCoverUpload: onRequestCoverUploadDemo
-    , onPlaceholderCancel: onPlaceholderCancelDemo
-    , onCommandsChanged: (commands) => {}
-    , onDropFiles: onDropFilesDemo
-    , onDropFileOnBlock: onDropFileOnBlockDemo
-    , imgfloConfig: null
-    , widgetPath: './node_modules/'
-    , coverPrefs: { filter: false }
-    , menuBar: true
-    , ref:
+    { initialContent: (options.initialContent || []),
+      onChange: () => { console.log('change') },
+      onMount: () => { console.log('mount') },
+      onShareFile: onShareFileDemo,
+      onShareUrl: onShareUrlDemo,
+      onRequestCoverUpload: onRequestCoverUploadDemo,
+      onPlaceholderCancel: onPlaceholderCancelDemo,
+      onCommandsChanged: (commands) => {},
+      onDropFiles: onDropFilesDemo,
+      onDropFileOnBlock: onDropFileOnBlockDemo,
+      imgfloConfig: null,
+      widgetPath: './node_modules/',
+      coverPrefs: { filter: false },
+      menuBar: true,
+      ref:
         function (mounted) {
           ed = mounted
           console.log(ed)
           window.ed = ed
-        }
+        },
     }
 
   mountApp(container, props)
@@ -113,10 +113,10 @@ function filesUploadSim (index, files) {
       const updatedBlocks = ids.map(function (id, index) {
         ed.updateProgress(id, {progress: null})
         return (
-          { id
-          , type: 'image'
-          , metadata: {title: names[index]}
-          }
+        { id,
+          type: 'image',
+          metadata: {title: names[index]},
+        }
         )
       })
       ed.setContent(updatedBlocks)
@@ -142,29 +142,29 @@ function onShareUrlDemo (share) {
     function () {
       console.log('Share: mount block')
       ed.setContent([
-        { id: block
-        , type: 'article'
-        , metadata:
-          { title: 'Shared article title'
-          , description: `Simulated share from ${url}`
-          }
-        }
+        { id: block,
+          type: 'article',
+          metadata:
+          { title: 'Shared article title',
+            description: `Simulated share from ${url}`,
+          },
+        },
       ])
       window.setTimeout(function () {
         console.log('Share: mount block + cover')
         ed.setContent([
-          { id: block
-          , type: 'article'
-          , metadata:
-            { title: 'Shared article title + cover'
-            , description: `Simulated share from ${url}`
-            }
-          , cover:
-            { src: 'http://meemoo.org/images/meemoo-illo-by-jyri-pieniniemi-400.png'
-            , width: 400
-            , height: 474
-            }
-          }
+          { id: block,
+            type: 'article',
+            metadata:
+            { title: 'Shared article title + cover',
+              description: `Simulated share from ${url}`,
+            },
+            cover:
+            { src: 'http://meemoo.org/images/meemoo-illo-by-jyri-pieniniemi-400.png',
+              width: 400,
+              height: 474,
+            },
+          },
         ])
       }, 1000)
     }