Accepts second parameter for mount point now

i-rocky · i-rocky · commit ad2b2e308b0e · 2018-05-16T21:59:31.000+06:00
diff --git a/README.MD b/README.MD
@@ -28,6 +28,8 @@ Webpack rules
 import initFM from 'react-filemanager';
 
 const openFileManager = initFM('server_endpoint');
+// or
+const openFileManager = initFM('server_endpoint', DOMElement);
 ```
 
 The returned callback `openFileManager` accepts a `callback` as first parameter to show the file manager modal and an object config as second parameter.
diff --git a/build.js b/build.js
@@ -1,6 +1,6 @@
 import initFM from './src';
 
-window.openFileManager = initFM('/react-filemanager-server/');
+window.openFileManager = initFM('/react-filemanager-server/', document.querySelector('.app'));
 
 ["//try.getquix.net/libraries/quix/assets/css/qxbs.css", "//try.getquix.net/libraries/quix/assets/css/qxui.css"].forEach(href=>{
   const link = document.createElement("link");
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
 </head>
 <body>
 <button onclick="openFileManager(callback)">Open File Manager</button>
+<div class="app"></div>
 <script src="dist/build.js"></script>
 <script>
     function callback(list) {
diff --git a/src/index.js b/src/index.js
@@ -7,11 +7,14 @@ window.ReactFileManager = {};
 window.ReactFileManager.React = React;
 window.ReactFileManager.Component = React.Component;
 
-export default function (server) {
+export default function (server, dom) {
     const FMElement = window.ReactFileManager.React.createElement(FileManager, {server: server});
 
-    const fm_div = document.createElement("div");
-    document.body.appendChild(fm_div);
+    let fm_div = dom;
+    if (fm_div === undefined) {
+      fm_div = document.createElement("div");
+      document.body.appendChild(fm_div);
+    }
 
     const file_manager = render(FMElement, fm_div);
 
diff --git a/webpack.mix.js b/webpack.mix.js
@@ -1,26 +1,27 @@
 let mix = require('laravel-mix');
 const webpack = require('webpack');
 mix
-    .setPublicPath('./')
-    .webpackConfig({
-        module: {
-            rules: [
-                {
-                    test: /\.jsx?$/,
-                    //exclude: /node_modules/,
-                    loader: 'babel-loader',
-                    query: {
-                        "presets": ["es2015", "stage-1", "react"],
-                        "plugins": [[
-                            "import",
-                            {
-                                "libraryName": "antd",
-                                "style": true
-                            }
-                        ]]
-                    }
-                }
-            ]
+  .setPublicPath('./')
+  .webpackConfig({
+    module: {
+      rules: [
+        {
+          test: /\.jsx?$/,
+          //exclude: /node_modules/,
+          loader: 'babel-loader',
+          query: {
+            "presets": ["es2015", "stage-1", "react"],
+            "plugins": [[
+              "import",
+              {
+                "libraryName": "antd",
+                "style": true
+              }
+            ]]
+          }
         }
-    })
-    .react('build.js', 'dist');
+      ]
+    }
+  })
+  .sourceMaps()
+  .react('build.js', 'dist');
