widget-chatbot 1.0.0

package/package.json

@@ -0,0 +1,203 @@
+{
+    "name": "widget-chatbot",
+    "version": "1.0.0",
+    "description": "Custom rasa chat widget",
+    "module": "module/index.js",
+    "main": "dist/index.js",
+    "author": "",
+    "license": "Apache-2.0",
+    "scripts": {
+        "dev": "webpack-dev-server --config webpack.dev.js",
+        "build": "webpack --config webpack.prod.js",
+        "test": "jest",
+        "prepare": "npm run build",
+        "release": "standard-version"
+    },
+    "keywords": [
+        "react",
+        "chat",
+        "widget",
+        "javascript"
+    ],
+    "dependencies": {
+        "@ant-design/charts": "^1.1.13",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@popperjs/core": "^2.4.0",
+        "@reduxjs/toolkit": "^2.2.7",
+        "@stomp/stompjs": "^5.4.2",
+        "antd": "^4.20.0",
+        "axios": "^1.6.0",
+        "babel-plugin-import": "^1.13.8",
+        "chart.js": "^4.4.4",
+        "crypto-js": "^4.2.0",
+        "file-saver": "^2.0.5",
+        "immutable": "^3.8.2",
+        "object-hash": "^1.1.5",
+        "os": "^0.1.2",
+        "prop-types": "^15.7.2",
+        "react": "^17.0.2",
+        "react-chartjs-2": "^5.2.0",
+        "react-dom": "^17.0.2",
+        "react-draggable": "^4.4.6",
+        "react-immutable-proptypes": "^2.2.0",
+        "react-markdown": "^8.0.3",
+        "react-popper": "^2.2.3",
+        "react-redux": "^7.2.5",
+        "react-router-dom": "5.2.0",
+        "react-textarea-autosize": "^8.5.3",
+        "react-use-websocket": "^4.8.1",
+        "redux": "^4.0.5",
+        "socket.io": "^4.7.5",
+        "socket.io-client": "^4.7.5",
+        "sockjs-client": "^1.4.0",
+        "webhook": "^0.0.2"
+    },
+    "devDependencies": {
+        "@babel/cli": "7.17.6",
+        "@babel/core": "7.17.7",
+        "@babel/plugin-proposal-object-rest-spread": "7.17.3",
+        "@babel/preset-env": "7.16.11",
+        "@babel/preset-react": "7.16.7",
+        "@commitlint/cli": "^19.2.1",
+        "@commitlint/config-conventional": "16.2.1",
+        "babel-eslint": "^10.1.0",
+        "babel-jest": "27.5.1",
+        "babel-loader": "8.2.3",
+        "babel-plugin-module-resolver": "^5.0.0",
+        "babel-plugin-transform-class-properties": "^6.24.1",
+        "babel-preset-stage-0": "^6.24.1",
+        "clean-webpack-plugin": "^0.1.19",
+        "css-loader": "^6.10.0",
+        "eslint": "8.11.0",
+        "eslint-config-airbnb": "19.0.4",
+        "eslint-config-prettier": "^1.6.0",
+        "eslint-import-resolver-babel-module": "^5.1.2",
+        "eslint-plugin-flowtype": "^2.50.3",
+        "eslint-plugin-import": "^2.18.2",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-prettier": "^2.7.0",
+        "eslint-plugin-react": "^7.32.2",
+        "file-loader": "^6.2.0",
+        "html-webpack-plugin": "^5.6.0",
+        "husky": "^3.1.0",
+        "jest": "^29.7.0",
+        "lodash-webpack-plugin": "^0.11.5",
+        "prettier": "2.5.1",
+        "prettier-eslint": "13.0.0",
+        "redux-mock-store": "^1.5.4",
+        "standard-version": "^9.3.1",
+        "string-replace-loader": "^3.1.0",
+        "style-loader": "^3.3.4",
+        "terser-webpack-plugin": "^5.3.10",
+        "url-loader": "^4.1.1",
+        "webpack": "^5.90.3",
+        "webpack-bundle-analyzer": "^4.10.2",
+        "webpack-cli": "^5.1.4",
+        "webpack-dev-server": "^5.0.3"
+    },
+    "jest": {
+        "verbose": true,
+        "moduleNameMapper": {
+            "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/mocks/fileMock.js",
+            "\\.(css|scss)$": "<rootDir>/mocks/styleMock.js"
+        },
+        "keywords": [
+            "react",
+            "chat",
+            "widget",
+            "javascript"
+        ],
+        "dependencies": {
+            "@ant-design/charts": "^1.1.13",
+            "@babel/plugin-proposal-class-properties": "^7.18.6",
+            "@popperjs/core": "^2.4.0",
+            "@reduxjs/toolkit": "^2.2.7",
+            "@stomp/stompjs": "^5.4.2",
+            "antd": "^4.20.0",
+            "axios": "^1.6.0",
+            "babel-plugin-import": "^1.13.8",
+            "chart.js": "^4.4.4",
+            "crypto-js": "^4.2.0",
+            "file-saver": "^2.0.5",
+            "immutable": "^3.8.2",
+            "object-hash": "^1.1.5",
+            "os": "^0.1.2",
+            "prop-types": "^15.7.2",
+            "react": "^17.0.2",
+            "react-chartjs-2": "^5.2.0",
+            "react-dom": "^17.0.2",
+            "react-draggable": "^4.4.6",
+            "react-immutable-proptypes": "^2.2.0",
+            "react-markdown": "^8.0.3",
+            "react-popper": "^2.2.3",
+            "react-redux": "^7.2.5",
+            "react-router-dom": "5.2.0",
+            "react-textarea-autosize": "^8.5.3",
+            "react-use-websocket": "^4.8.1",
+            "redux": "^4.0.5",
+            "socket.io": "^4.7.5",
+            "socket.io-client": "^4.7.5",
+            "sockjs-client": "^1.4.0",
+            "webhook": "^0.0.2"
+        },
+        "devDependencies": {
+            "@babel/cli": "7.17.6",
+            "@babel/core": "7.17.7",
+            "@babel/plugin-proposal-object-rest-spread": "7.17.3",
+            "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+            "@babel/preset-env": "7.16.11",
+            "@babel/preset-react": "7.16.7",
+            "@commitlint/cli": "^19.2.1",
+            "@commitlint/config-conventional": "16.2.1",
+            "babel-eslint": "^10.1.0",
+            "babel-jest": "27.5.1",
+            "babel-loader": "8.2.3",
+            "babel-plugin-module-resolver": "^5.0.0",
+            "babel-plugin-transform-class-properties": "^6.24.1",
+            "babel-preset-stage-0": "^6.24.1",
+            "clean-webpack-plugin": "^0.1.19",
+            "css-loader": "^6.10.0",
+            "eslint": "8.11.0",
+            "eslint-config-airbnb": "19.0.4",
+            "eslint-config-prettier": "^1.6.0",
+            "eslint-import-resolver-babel-module": "^5.1.2",
+            "eslint-plugin-flowtype": "^2.50.3",
+            "eslint-plugin-import": "^2.18.2",
+            "eslint-plugin-jsx-a11y": "^6.7.1",
+            "eslint-plugin-prettier": "^2.7.0",
+            "eslint-plugin-react": "^7.32.2",
+            "file-loader": "^6.2.0",
+            "html-webpack-plugin": "^5.6.0",
+            "husky": "^3.1.0",
+            "install": "^0.13.0",
+            "jest": "^29.7.0",
+            "lodash-webpack-plugin": "^0.11.5",
+            "npm": "^11.1.0",
+            "prettier": "2.5.1",
+            "prettier-eslint": "13.0.0",
+            "redux-mock-store": "^1.5.4",
+            "standard-version": "^9.3.1",
+            "string-replace-loader": "^3.1.0",
+            "style-loader": "^3.3.4",
+            "terser-webpack-plugin": "^5.3.10",
+            "url-loader": "^4.1.1",
+            "webpack": "^5.90.3",
+            "webpack-bundle-analyzer": "^4.10.2",
+            "webpack-cli": "^5.1.4",
+            "webpack-dev-server": "^5.0.3"
+        },
+        "jest": {
+            "verbose": true,
+            "moduleNameMapper": {
+                "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/mocks/fileMock.js",
+                "\\.(css|scss)$": "<rootDir>/mocks/styleMock.js"
+            },
+            "setupTestFrameworkScriptFile": "<rootDir>/test-setup.js"
+        },
+        "husky": {
+            "hooks": {
+                "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+            }
+        }
+    }
+}

package/publish_process/README.md

@@ -0,0 +1,64 @@
+# Publish Process
+
+## Publish
+
+### Development and Testing
+
+-   Update version
+
+```sh
+npm version 1.x.x-alpha.x
+```
+
+-   Publish
+
+```sh
+npm publish --otp=<otpCode> --tag alpha.x
+```
+
+### Production
+
+-   Update version
+
+```sh
+npm version 1.x.x
+```
+
+-   Publish
+
+```sh
+npm publish --otp=<otpCode>
+```
+
+## Unpublish
+
+If published package less than 72 hours and you want to revert/unpublish the chatbot package, try this command.
+
+```sh
+npm unpublish custom-chatbot-widget@1.x.x
+```
+
+## Some Important Notes
+
+### Versi Stabil vs. Prerelease
+
+Stable versions (a.b.c) cannot be republished after being unpublished because NPM retains the metadata of stable versions permanently.
+
+For prerelease versions (a.b.c-alpha.x), the metadata is not stored permanently after unpublishing, so you can republish the same version.
+
+You must first unpublish the version a.b.c-alpha.x.
+As long as the version no longer exists in the registry, you can republish it with the same version number.
+
+### Check published version
+
+To check all versions that may not be displayed in the NPM registry
+
+```sh
+npm info custom-chatbot-widget --json
+```
+
+To check all versions that are already displayed in the NPM registry
+
+```sh
+npm view custom-chatbot-widget versions
+```

package/test-setup.js

@@ -0,0 +1,22 @@
+// /* eslint-disable func-names */
+// import Enzyme from 'enzyme';
+// import Adapter from 'enzyme-adapter-react-16';
+
+// Enzyme.configure({ adapter: new Adapter() });
+// window.matchMedia =
+//   window.matchMedia ||
+//   function () {
+//     return {
+//       matches: false,
+//       addListener() {},
+//       removeListener() {}
+//     };
+//   };
+
+// window.requestAnimationFrame =
+//   window.requestAnimationFrame ||
+//   function (callback) {
+//     setTimeout(callback, 0);
+//   };
+
+// Enzyme.configure({ adapter: new Adapter() });

package/umd.js

@@ -0,0 +1,3 @@
+import { selfMount } from './index';
+
+export default selfMount;

package/webpack.dev.js

@@ -0,0 +1,81 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const TerserPlugin = require('terser-webpack-plugin');
+const { version } = require('./package.json');
+
+module.exports = {
+    // entry: ['babel-polyfill', './index.js'],
+    entry: './umd.js',
+    output: {
+        path: path.join(__dirname, '/dist'),
+        filename: 'index.js',
+        library: 'WebChat',
+        libraryTarget: 'umd',
+    },
+    devServer: {
+        host: '127.0.0.1',
+        allowedHosts: 'all',
+        headers: {
+            'Access-Control-Allow-Origin': '*',
+            'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+            'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+        },
+        port: 8082,
+        historyApiFallback: { disableDotRule: true },
+        hot: false,
+        client: { overlay: false },
+        liveReload: false,
+    },
+    resolve: {
+        extensions: ['.js', '.jsx'],
+    },
+    mode: 'development',
+    devtool: 'eval-source-map',
+    module: {
+        rules: [
+            {
+                test: /\.(js|jsx)$/,
+                exclude: /node_modules/,
+                use: [
+                    {
+                        loader: 'string-replace-loader',
+                        options: {
+                            search: 'PACKAGE_VERSION_TO_BE_REPLACED',
+                            replace: version,
+                        },
+                    },
+                    { loader: 'babel-loader' },
+                ],
+            },
+            {
+                test: /\.scss$/,
+                use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
+            },
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader'],
+            },
+            {
+                test: /\.(jpg|png|gif|svg|woff|ttf|eot)$/,
+                use: {
+                    loader: 'url-loader',
+                },
+            },
+        ],
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            title: 'Web Chat Widget Test',
+            filename: 'index.html',
+            inject: false,
+            template: 'dev/src/index.html',
+            showErrors: true,
+        }),
+        // new BundleAnalyzerPlugin()
+    ],
+    optimization: {
+        minimize: true,
+        minimizer: [new TerserPlugin()],
+    },
+};

package/webpack.prod.js

@@ -0,0 +1,100 @@
+const path = require('path');
+// eslint-disable-next-line import/no-extraneous-dependencies
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const { version } = require('./package.json');
+// const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const TerserPlugin = require('terser-webpack-plugin');
+
+module.exports = {
+    // entry: ['babel-polyfill', './index.js'],
+    // entry: './umd.js',
+    entry: './index.js',
+    // entry: path.resolve(__dirname, 'src/umd.js'),
+    output: {
+        path: path.join(__dirname, '/dist'),
+        filename: 'index.js',
+        library: 'WebChat',
+        libraryTarget: 'umd',
+    },
+
+    externals: {
+        react: 'react',
+        'react-dom': 'react-dom',
+        axios: 'axios',
+        redux: 'redux',
+        'react-redux': 'react-redux',
+        'socket.io-client': 'socket.io-client',
+        'react-markdown': 'react-markdown',
+        antd: 'antd',
+        '@antv/g2': '@antv/g2',
+        '@antv/g6': '@antv/g6',
+        '@antv/g2plot': '@antv/g2plot',
+        '@antv/l7': '@antv/l7',
+        'chart.js': 'chart.js',
+        'crypto-js': 'crypto-js',
+        '@reduxjs/toolkit': '@reduxjs/toolkit',
+    },
+    resolve: {
+        extensions: ['.js', '.jsx'],
+    },
+    mode: 'production',
+    module: {
+        rules: [
+            {
+                test: /\.(js|jsx)$/,
+                exclude: /node_modules/,
+                use: [
+                    {
+                        loader: 'string-replace-loader',
+                        options: {
+                            search: 'PACKAGE_VERSION_TO_BE_REPLACED',
+                            replace: version,
+                        },
+                    },
+                    { loader: 'babel-loader' },
+                ],
+            },
+            {
+                test: /\.scss$/,
+                use: [
+                    { loader: 'style-loader' },
+                    { loader: 'css-loader' },
+                    // {
+                    //   loader: 'sass-loader',
+                    //   options: {
+                    //     sassOptions: {
+                    //       includePaths: [path.resolve(__dirname, 'src/scss/')]
+                    //     }
+                    //   }
+                    // }
+                ],
+            },
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader'],
+            },
+            {
+                test: /\.(jpg|png|gif|svg|woff|ttf|eot)$/,
+                use: {
+                    loader: 'url-loader',
+                },
+            },
+        ],
+    },
+    plugins: [
+        new CleanWebpackPlugin(['dist']),
+        // new BundleAnalyzerPlugin()
+    ],
+    optimization: {
+        minimize: true,
+        minimizer: [
+            new TerserPlugin({
+                extractComments: false,
+                terserOptions: {
+                    compress: { drop_console: true },
+                    output: { comments: false },
+                },
+            }),
+        ],
+    },
+};