Release: drmaxgit/drmax-lib-js-common-widget (stage->master) DRMAX-4953

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["env", "flow"],
+  "plugins": ["transform-class-properties"]
+}

.flowconfig

@@ -0,0 +1,11 @@
+[ignore]
+
+[include]
+
+[libs]
+
+[lints]
+
+[options]
+
+[strict]

.gitignore

@@ -0,0 +1,7 @@
+# Classic
+node_modules
+dist
+build
+
+# Webstorm
+.idea/

README.md

@@ -1,2 +1,67 @@
-# drmax-lib-js-common-widget
-Common widget
+# DRMAX Common widget
+
+Base upon which other widgets are built.
+
+It provides:
+
+* mounting template to specified root element
+* helper for getting info from meta tags
+* LOGni wrapper that prepends specified widget type
+
+## Usage
+
+### Package
+
+In your `package.json`:
+
+```
+  "devDependencies": {
+    "drmax-common-widget": "github:drmaxgit/drmax-lib-js-common-widget#develop",
+  }
+```
+
+### Code
+
+Use helper for meta tags:
+
+```
+export class MyWidget {
+  constructor () {
+    // Get <meta> tag values
+    const metaTags = CommonWidget.getMetaConstants()
+    const { myMetaTagValue } = metaTags
+
+    // Define template
+    this.htmlTemplate = `<div>Simple template with my value ${myMetaTagValue}</div>`
+
+    // Create widget
+    this.commonWidget = new CommonWidget('my-widget-root-id', this.htmlTemplate, 'my-widget-type')
+
+    // Use LOGni
+    this.logniWrapper = this.commonWidget.getLogniWrapper()
+    this.logniWrapper.info('My Widget is READY')
+  }
+}
+```
+
+## Usage of LOGni
+
+Place following code in your HTML where widgets will be present:
+
+```
+<!-- LOGni -->
+<script>
+    window.logniMask = '__LOGNI_MASK__'
+    window.logniLogUrl = '__URL_LOGNILOG__'
+    window.logniStdErr = '__LOGNI_STDERR__'
+    window.logniRelease = '__VERSION__'
+    window.logniEnvironment = '__ENV__'
+    window.logniName = 'drmax-cz'
+</script>
+```
+
+In case LOGni is not initialized yet, widgets will init LOGni
+with this config.
+
+In case when even no config is present, widget will use
+hardcoded fallback config (basically develop environment).

etc/config/webpack.config-develop.js

@@ -0,0 +1,19 @@
+const merge = require('webpack-merge');
+const common = require('./webpack.config.js');
+const HTMLWebpackPlugin = require('html-webpack-plugin')
+const webpack = require('webpack')
+
+module.exports = merge(common, {
+  mode: 'development',
+  devtool: 'inline-source-map',
+  devServer: {
+    contentBase: './dist',
+    hot: true
+  },
+  plugins: [
+      new HTMLWebpackPlugin({
+          template: 'www/index.html'
+      }),
+      new webpack.HotModuleReplacementPlugin(),
+  ]
+});

etc/config/webpack.config-live.js

@@ -0,0 +1,20 @@
+const merge = require('webpack-merge');
+const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+const common = require('./webpack.common.js');
+const webpack = require('webpack')
+
+module.exports = merge(common, {
+  mode: 'production',
+  plugins: [
+    new UglifyJSPlugin()
+  ],
+  devtool: 'source-map',
+  plugins: [
+    new UglifyJSPlugin({
+      sourceMap: true
+    }),
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ]
+});

etc/config/webpack.config.js

@@ -0,0 +1,21 @@
+const path = require('path');
+const webpack = require('webpack');
+const HTMLWebpackPlugin = require('html-webpack-plugin');
+const uglifyJsPlugin = require('uglifyjs-webpack-plugin');
+
+module.exports = {
+    entry: './src/index.js',
+    output: {
+        path: path.resolve(__dirname, 'build'),
+        filename: 'common-widget.bundle.js'
+    },
+    module: {
+        rules: [
+            {
+                test: /\.js$/,
+                exclude: /node_modules/,
+                use: ['babel-loader']
+            }
+        ]
+    }
+};