minio/browser
Aditya Manthramurthy 042d7f25e4 Fix regexp matcher of browser assets and paths (#7083)
Fix regexp matcher for special assets for the browser to clash with
less of the object namespace.

Assets should now be loaded with the /minio/ prefix. Previously,
favicon.ico (and others) could be loaded at any path matching
/minio/*/favicon.ico. This clashes with a large part of the object
namespace. With this change, /minio/favicon.ico will serve the favicon
but not /minio/mybucket/favicon.ico

Fixes #7077
2019-01-22 10:58:28 -08:00
..
app Fix regexp matcher of browser assets and paths (#7083) 2019-01-22 10:58:28 -08:00
.babelrc Browser: Use polyfill to support Object.assign in IE11 (#3942) 2017-03-21 13:48:07 -07:00
.editorconfig upgrading react and refactoring components (#5409) (#5444) 2018-03-21 11:30:50 -07:00
.esformatter revert browser newux changes (#5714) 2018-03-26 12:49:12 -07:00
.gitignore revert browser newux changes (#5714) 2018-03-26 12:49:12 -07:00
.prettierrc upgrading react and refactoring components (#5409) (#5444) 2018-03-21 11:30:50 -07:00
build.js Fix output path for go-bindata-assetfs (#6253) 2018-08-08 10:46:02 +05:30
karma.conf.js miniobrowser: Bring Minio browser source into minio repo. (#3617) 2017-01-23 18:07:22 -08:00
package.json Upgrade to Webpack 4 (#7045) 2019-01-08 11:04:59 -08:00
README.md Prevent duplicate policy rows from being created (#4276) 2017-05-10 09:52:31 -07:00
tests.webpack.js miniobrowser: Bring Minio browser source into minio repo. (#3617) 2017-01-23 18:07:22 -08:00
ui-assets.go Fix regexp matcher of browser assets and paths (#7083) 2019-01-22 10:58:28 -08:00
webpack.config.js Upgrade to Webpack 4 (#7045) 2019-01-08 11:04:59 -08:00
webpack.production.config.js Upgrade to Webpack 4 (#7045) 2019-01-08 11:04:59 -08:00
yarn.lock Upgrade to Webpack 4 (#7045) 2019-01-08 11:04:59 -08:00

Minio File Browser

Minio Browser provides minimal set of UI to manage buckets and objects on minio server. Minio Browser is written in javascript and released under Apache 2.0 License.

Installation

Install yarn

curl -o- -L https://yarnpkg.com/install.sh | bash
yarn

Install go-bindata and go-bindata-assetfs

If you do not have a working Golang environment, please follow Install Golang

go get github.com/jteeuwen/go-bindata/...
go get github.com/elazarl/go-bindata-assetfs/...

Generating Assets

Generate ui-assets.go

yarn release

This generates ui-assets.go in the current directory. Now do make in the parent directory to build the minio binary with the newly generated ui-assets.go

Run Minio Browser with live reload

yarn dev

Open http://localhost:8080/minio/ in your browser to play with the application

Run Minio Browser with live reload on custom port

Edit browser/webpack.config.js

diff --git a/browser/webpack.config.js b/browser/webpack.config.js
index 3ccdaba..9496c56 100644
--- a/browser/webpack.config.js
+++ b/browser/webpack.config.js
@@ -58,6 +58,7 @@ var exports = {
     historyApiFallback: {
       index: '/minio/'
     },
+    port: 8888,
     proxy: {
       '/minio/webrpc': {
        target: 'http://localhost:9000',
@@ -97,7 +98,7 @@ var exports = {
 if (process.env.NODE_ENV === 'dev') {
   exports.entry = [
     'webpack/hot/dev-server',
-    'webpack-dev-server/client?http://localhost:8080',
+    'webpack-dev-server/client?http://localhost:8888',
     path.resolve(__dirname, 'app/index.js')
   ]
 }
yarn dev

Open http://localhost:8888/minio/ in your browser to play with the application