init commit

.babelrc

@@ -0,0 +1,16 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": ["> 1%", "last 2 versions", "not ie <= 8", "ie >= 11"]
+        }
+      }
+    ]
+  ],
+  "plugins": [
+    "@babel/plugin-syntax-dynamic-import"
+  ]
+}

.gitignore

@@ -6,6 +6,8 @@ yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*
 
+.idea/
+
 # Diagnostic reports (https://nodejs.org/api/report.html)
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
@@ -80,7 +82,6 @@ typings/
 
 # Nuxt.js build / generate output
 .nuxt
-dist
 
 # Gatsby files
 .cache/
@@ -102,3 +103,7 @@ dist
 
 # TernJS port file
 .tern-port
+
+
+dist/build/assets
+dist/dev/assets

README.md

@@ -1 +1,4 @@
-# blockchain-explorer-frontend
+# WebDollar Explorer Frontend
+
+Theme based on 
+https://demo.dashboardpack.com/architectui-html-pro/#

build/deploy/webpack-deploy.config.js

@@ -0,0 +1,21 @@
+const path = require('path')
+const webpack = require('webpack');
+const base = require('../webpack-app.config');
+const merge = require('webpack-merge');
+const CopyPlugin = require('copy-webpack-plugin');
+
+const config = merge(base, {
+
+    output: {
+        path: path.resolve( __dirname, "./../dist/build" ),
+        publicPath: "/",
+        filename: 'Bundle.js'
+    },
+
+    plugins: [
+        new CopyPlugin([
+        ])
+    ]
+});
+
+module.exports = config;

build/vue-loader.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+    extractCSS: process.env.NODE_ENV === 'production',
+    preserveWhitespace: false,
+    postcss: [
+        require('autoprefixer')({
+            browsers: ['last 3 versions']
+        })
+    ]
+}

build/webpack-app.config.js

@@ -0,0 +1,30 @@
+const webpack = require('webpack')
+const base = require('./webpack.base.config')
+const merge = require('webpack-merge')
+const path = require('path')
+const CopyPlugin = require('copy-webpack-plugin');
+
+module.exports = merge(base, {
+    target: 'web',
+
+    //define entry point
+    entry: {
+        app: "./src/main.js",
+    },
+    output: {
+        path: path.resolve(__dirname, "./../dist/build"),
+        publicPath: "/",
+        filename: "Bundle.js"
+    },
+
+    plugins: [
+        new webpack.DefinePlugin({
+            "process.env": {
+                BROWSER: 'true'
+            },
+        }),
+        new CopyPlugin([
+        ])
+    ]
+
+});

build/webpack-hot-loader.config.js

@@ -0,0 +1,45 @@
+const path = require('path')
+const webpack = require('webpack');
+const base = require('./webpack-app.config');
+const merge = require('webpack-merge');
+
+module.exports = merge(base, {
+
+    devtool: 'cheap-module-eval-source-map',
+    mode: 'development',
+
+    entry: [
+        'webpack-hot-middleware/client',
+        './src/main.js'
+    ],
+
+    output: {
+        path: path.resolve(__dirname, "./../dist/dev"),
+        publicPath: "/",
+        filename: "Bundle-dev.js"
+    },
+
+    devServer: {
+        historyApiFallback: true,
+        hot: true,
+        open: true,
+        overlay: true,
+        port: 8082,
+        stats: {
+            normal: true
+        },
+    },
+
+    plugins: [
+
+        new webpack.DefinePlugin({
+            "process.env": {
+                DEV_SERVER: 'true',
+                BROWSER: 'true'
+            }
+        }),
+
+    ]
+
+});
+

build/webpack.base.config.js

@@ -0,0 +1,80 @@
+const path = require('path');
+const webpack = require('webpack');
+const vueConfig = require('./vue-loader.config');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+
+
+const isProd = process.env.NODE_ENV === 'production';
+const isAnalyze = process.argv.includes('--analyze') || process.argv.includes('--analyse');
+
+//const isAnalyze = true;
+
+module.exports = webpackConfig = {
+
+    node: {
+        child_process: "empty",
+        dgram: "empty",
+        fs: 'empty',
+        net: 'empty',
+        tls: 'empty',
+        uws: 'empty'
+    },
+
+    //define entry point
+    entry: ['babel-regenerator-runtime'],
+    devtool: isProd ? false : '#cheap-module-source-map',
+    // send to distribution
+    output: {
+        path: path.resolve(__dirname, './../dist'),
+        publicPath: '/',
+        filename: '[name].[chunkhash].js'
+    },
+    resolve: {
+        extensions: [ '.js', '.vue' ],
+        alias: {
+            src: path.resolve(__dirname + '/../src'),
+            consts: path.resolve(__dirname + '/../consts'),
+        }
+    },
+    module: {
+        noParse: /es6-promise\.js$/, // avoid webpack shimming process
+
+        rules: [
+
+            {
+                test: /\.vue$/,
+                loader: 'vue-loader',
+                options: vueConfig
+            },
+            {
+                test: /\.css$/,
+                use: isProd
+                    ? ExtractTextPlugin.extract({
+                        use: 'css-loader?minimize',
+                        fallback: 'vue-style-loader'
+                    })
+                    : ['vue-style-loader', 'css-loader']
+            }
+        ]
+    },
+    plugins: isProd
+        ? [
+            ...(isAnalyze ? [new BundleAnalyzerPlugin()] : []),
+
+            new webpack.optimize.UglifyJsPlugin({
+                compress: { warnings: false }
+            }),
+            new ExtractTextPlugin({
+                filename: 'common.[chunkhash].css'
+            }),
+            new VueLoaderPlugin(),
+        ]
+        : [
+            ...(isAnalyze ? [new BundleAnalyzerPlugin()] : []),
+            new FriendlyErrorsPlugin(),
+            new VueLoaderPlugin(),
+        ]
+};

dist/build/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <title>PandoraPay Wallet</title>
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli" integrity="sha384-JDKbqnUNXYs3lByQITJuiwCfgFdljJ8qZ9YtkNoePeabNq4QQzivZKETANg0vz7M" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" integrity="sha384-KA6wR/X5RY4zFAHpv/CnoG2UW1uogYfdnP67Uv7eULvTveboZJg0qUpmJZb5VqzN" crossorigin="anonymous">
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.7.0/polyfill.min.js" integrity="sha512-0MJ3vHyX4nzRAMxZkX2duT/GG6HrzWiWBIdNALoYq7RvZREBFj9ofishn0RX3to15Kxdy5cPD3ZsUHoKvhlokw==" crossorigin="anonymous"></script>
+    </head>
+    <body>
+        <div class="wrapper" id="app"></div>
+        <script src="/Bundle.js"></script>
+    </body>
+</html>

dist/dev/index.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <title>WEBDEXPLORE</title>
+
+        <meta name="description" content="This is an example dashboard created using build-in elements and components.">
+
+        <!-- Disable tap highlight on IE -->
+        <meta name="msapplication-tap-highlight" content="no">
+
+        <link href="https://demo.dashboardpack.com/architectui-html-pro/main.d810cf0ae7f39f28f336.css" rel="stylesheet">
+
+    </head>
+    <body>
+        <div class="wrapper" id="app"></div>
+        <script src="/Bundle-dev.js"></script>
+    </body>
+</html>

package.json

@@ -0,0 +1,60 @@
+{
+  "name": "wallet",
+  "keywords": [],
+  "scripts": {
+    "build-deploy": "webpack --config build/deploy/webpack-deploy.config.js",
+    "build-wallet": "webpack --config build/webpack-app.config.js",
+    "build-wallet-analyzer": "webpack --config build/webpack-app.config.js --mode development --analyzer",
+    "build": "npm run build-wallet && npm run deploy",
+    "test": "npm run build-wallet",
+    "dev": "webpack-dev-server --config=./build/webpack-hot-loader.config.js --content-base dist/dev --hot --inline --host 0.0.0.0"
+  },
+  "dependencies": {
+    "@babel/polyfill": "~7.2",
+    "axios": "^0.21.1",
+    "file-saver": "^2.0.5",
+    "qrcode-vue": "^1.2.0",
+    "strength": "^0.1.4",
+    "v-tooltip": "^2.1.2",
+    "vue": "^2.6.12",
+    "vue-clickaway": "^2.2.2",
+    "vue-clipboard2": "^0.3.1",
+    "vue-notification": "^1.3.20",
+    "vue-qrcode-reader": "^2.3.16",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2"
+  },
+  "devDependencies": {
+    "@babel/core": "~7.2",
+    "@babel/plugin-proposal-class-properties": "~7.3",
+    "@babel/plugin-proposal-decorators": "~7.3",
+    "@babel/plugin-proposal-json-strings": "~7.2",
+    "@babel/plugin-syntax-dynamic-import": "~7.2",
+    "@babel/plugin-syntax-import-meta": "~7.2",
+    "@babel/preset-env": "~7.3",
+    "@webpack-cli/serve": "^1.3.0",
+    "autoprefixer": "^9.8.6",
+    "babel-eslint": "~10.0",
+    "babel-loader": "~8.0",
+    "compression-webpack-plugin": "^7.1.2",
+    "copy-webpack-plugin": "^5.1.2",
+    "cross-env": "~5.2",
+    "css-loader": "~2.1",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "file-loader": "^5.1.0",
+    "friendly-errors-webpack-plugin": "~1.7",
+    "html-webpack-plugin": "~3.2",
+    "mini-css-extract-plugin": "~0.5",
+    "optimize-css-assets-webpack-plugin": "^5.0.4",
+    "uglifyjs-webpack-plugin": "~1.2",
+    "vue-loader": "~15.6",
+    "vue-style-loader": "~4.1",
+    "vue-template-compiler": "^2.6.12",
+    "webpack": "~4.29",
+    "webpack-bundle-analyzer": "~3.3",
+    "webpack-cli": "~3.2",
+    "webpack-dev-server": "~3.1",
+    "webpack-hot-middleware": "~2.24",
+    "webpack-merge": "~4.2"
+  }
+}

src/app/app-vue.js

@@ -0,0 +1,24 @@
+import Vue from "vue";
+import Loading from './app';
+
+import VueRouter from 'vue-router';
+Vue.use(VueRouter);
+
+import router from "src/router/router.index"
+
+export default (params) => {
+
+    return window.Frontend = new Vue({
+        el: '#app',
+        router,
+        render: (createElement) => {
+
+            return createElement( Loading, {
+                props: {
+                }
+            });
+
+        }
+    });
+
+}

src/app/app.vue

@@ -0,0 +1,28 @@
+<template>
+    <div>
+        <router-view></router-view>
+    </div>
+</template>
+
+<script>
+
+import consts from "consts/consts"
+
+export default {
+
+    data(){
+        return {
+        }
+    },
+
+    mounted(){
+
+    }
+
+}
+</script>
+
+<style scoped>
+
+
+</style>