@prosopo/procaptcha-bundle 0.1.13

package/package.json

@@ -0,0 +1,77 @@
+{
+    "name": "@prosopo/procaptcha-bundle",
+    "version": "0.1.13",
+    "author": "PROSOPO LIMITED <info@prosopo.io>",
+    "license": "Apache-2.0",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "source": "./src/index.ts",
+    "scripts": {
+        "clean": "tsc --build --clean",
+        "build": "tsc --build --verbose",
+        "start": "webpack serve --mode development",
+        "build:webpack:prod": "webpack --mode production",
+        "build:webpack:prod:copy": "webpack --mode production && cp dist/procaptcha_bundle.main.bundle.js ../../demos/client-bundle-example/src",
+        "build:webpack:dev": "webpack --mode development",
+        "build:webpack:dev:copy": "webpack --mode development && cp dist/procaptcha_bundle.main.bundle.js ../../demos/client-bundle-example/src",
+        "lint": "npx eslint .",
+        "lint:fix": "npx eslint . --fix"
+    },
+    "browserslist": [
+        "> 0.5%, last 2 versions, not dead"
+    ],
+    "dependencies": {
+        "@prosopo/common": "^0.1.13",
+        "@prosopo/procaptcha-react": "^0.1.13"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/prosopo/captcha.git"
+    },
+    "bugs": {
+        "url": "https://github.com/prosopo/captcha/issues"
+    },
+    "homepage": "https://github.com/prosopo/captcha#readme",
+    "description": "",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.21.5",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/preset-env": "^7.21.5",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.21.5",
+        "@rollup/plugin-babel": "^6.0.3",
+        "@rollup/plugin-commonjs": "^24.1.0",
+        "@rollup/plugin-node-resolve": "^15.0.2",
+        "@types/react": "^18.2.7",
+        "@types/react-dom": "^18.2.4",
+        "@typescript-eslint/eslint-plugin": "^5.59.5",
+        "@typescript-eslint/parser": "^5.30.7",
+        "babel-loader": "^9.1.2",
+        "babel-plugin-lodash": "^3.3.4",
+        "compression-webpack-plugin": "^10.0.0",
+        "css-loader": "^6.7.3",
+        "dotenv-webpack": "^8.0.1",
+        "eslint": "^8.40.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-unused-imports": "^2.0.0",
+        "eslint-webpack-plugin": "^4.0.1",
+        "html-webpack-plugin": "^5.5.1",
+        "mini-css-extract-plugin": "^2.7.5",
+        "parcel": "^2.8.3",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "style-loader": "^3.3.2",
+        "terser-webpack-plugin": "^5.3.7",
+        "typescript": "^4.7.4",
+        "webpack": "^5.82.0",
+        "webpack-bundle-analyzer": "^4.8.0",
+        "webpack-dev-server": "^4.13.3",
+        "webpack-json-access-optimizer": "^1.1.0",
+        "webpack-cli": "^5.1.1"
+    }
+}

package/tsconfig.webpack.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "importHelpers": true,
+    "jsx": "react-jsx",
+    "module": "commonjs",
+    "skipLibCheck": true,
+    "target": "esnext",
+    "lib": [
+      "es6",
+      "dom"
+    ]
+  }
+}

package/webpack.config.js

@@ -0,0 +1,230 @@
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+const CompressionPlugin = require('compression-webpack-plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const webpack = require('webpack')
+const TerserPlugin = require('terser-webpack-plugin')
+const path = require('path')
+const { JsonAccessOptimizer } = require('webpack-json-access-optimizer')
+const { ProvidePlugin } = require('webpack')
+const { loadEnv } = require('@prosopo/cli')
+const { logger } = require('@prosopo/common')
+const log = logger(`Info`, `webpack.config.js`)
+const moduleDirs = [
+    path.resolve(__dirname, 'node_modules'),
+    path.resolve(__dirname, '../../node_modules'),
+    path.resolve(__dirname, '../api/node_modules'),
+    path.resolve(__dirname, '../common/node_modules'),
+    path.resolve(__dirname, '../procaptcha/node_modules'),
+    path.resolve(__dirname, '../procaptcha-react/node_modules'),
+]
+
+const allowList = [
+    '@emotion/cache',
+    '@emotion/react',
+    '@emotion/serialize',
+    '@emotion/styled',
+    '@emotion/styled-engine',
+    '@mui/base',
+    '@mui/material',
+    '@mui/private-theming',
+    '@mui/react-transition-group',
+    '@mui/styled-engine',
+    '@mui/styles',
+    '@mui/system',
+    '@mui/types',
+    '@mui/utils',
+    '@polkadot/api',
+    '@polkadot/api-augment',
+    '@polkadot/api-base',
+    '@polkadot/api-contract',
+    '@polkadot/api-derive',
+    '@polkadot/bn.js',
+    '@polkadot/connect',
+    '@polkadot/dist',
+    '@polkadot/icons-material',
+    '@polkadot/keyring',
+    '@polkadot/lib',
+    '@polkadot/rpc-augment',
+    '@polkadot/rpc-core',
+    '@polkadot/rpc-provider',
+    '@polkadot/ss58-registry',
+    '@polkadot/types',
+    '@polkadot/types-augment',
+    '@polkadot/types-codec',
+    '@polkadot/types-create',
+    '@polkadot/util',
+    '@polkadot/util-crypto',
+    '@polkadot/wasm-bridge',
+    '@polkadot/wasm-crypto',
+    '@polkadot/wasm-crypto-init',
+    '@polkadot/x-bigint',
+    '@popperjs/base',
+    '@popperjs/core',
+    '@substrate/connect',
+    '@substrate/networks',
+    '@substrate/rpc-provider',
+    '@types/express-serve-static-core',
+    '@types/material',
+    '@types/qs',
+    '@types/range-parser',
+    '@types/react',
+    '@types/react-dom',
+    '@types/scheduler',
+    '@types/send',
+    '@types/types',
+    '@types/util',
+    'axios',
+    'clsx',
+    'consola/extension-inject',
+    'csstype',
+    'i18next',
+    'i18next-http-middleware',
+    'react',
+    'react-dom',
+    'react-i18next/mime',
+    'rxjs/dist',
+    'rxjs/types',
+    'tslib',
+    'zod',
+]
+// Create a regex that captures packages that are NOT in the allow list
+const externalsRegex = `(?!${allowList.map((item) => item.replace('/', '\\/')).join('|')})`
+log.info('externalsRegex', externalsRegex)
+
+loadEnv()
+
+module.exports = (env, argv) => {
+    const isProduction = argv.mode === 'production'
+    const libraryName = 'procaptcha_bundle'
+    return {
+        resolve: {
+            extensions: ['.js', '.jsx', '.ts', '.tsx'],
+            modules: moduleDirs,
+            fullySpecified: false,
+        },
+        entry: './src/index.tsx',
+        output: {
+            filename: `${libraryName}.[name].bundle.js`,
+            path: path.resolve(__dirname, 'dist'),
+            library: libraryName,
+            chunkFilename: `${libraryName}.[name].bundle.js`,
+        },
+        module: {
+            rules: [
+                {
+                    include: /node_modules/,
+                    test: /\.css$/,
+                    resolve: {
+                        fullySpecified: false,
+                    },
+                    sideEffects: true,
+                    use: [
+                        MiniCssExtractPlugin.loader,
+                        {
+                            loader: require.resolve('css-loader'),
+                            options: {
+                                url: false,
+                            },
+                        },
+                    ],
+                },
+                {
+                    //exclude: /(node_modules)/,
+                    test: /\.(ts|tsx)$/,
+                    resolve: {
+                        fullySpecified: false,
+                    },
+                    use: [
+                        {
+                            loader: require.resolve('ts-loader'),
+                            options: {
+                                configFile: 'tsconfig.webpack.json',
+                                transpileOnly: true,
+                            },
+                        },
+                    ],
+                },
+                {
+                    test: /locale\.json$/, // match JSON files to optimize
+                    loader: 'webpack-json-access-optimizer',
+                },
+            ],
+        },
+
+        plugins: [
+            new HtmlWebpackPlugin({
+                template: './src/index.html',
+            }),
+            //new BundleAnalyzerPlugin(),
+            new webpack.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development'),
+                'process.env.PROTOCOL_CONTRACT_ADDRESS': JSON.stringify(process.env.PROTOCOL_CONTRACT_ADDRESS),
+                'process.env.SUBSTRATE_NODE_URL': JSON.stringify(process.env.SUBSTRATE_NODE_URL),
+                'process.env.DEFAULT_ENVIRONMENT': JSON.stringify(process.env.DEFAULT_ENVIRONMENT),
+                'process.env.PROSOPO_SITE_KEY': JSON.stringify(process.env.PROSOPO_SITE_KEY),
+            }),
+            // new webpack.optimize.SplitChunksPlugin(),
+            new CompressionPlugin(),
+            new MiniCssExtractPlugin({
+                filename: 'extr.[contenthash].css',
+            }),
+            new ProvidePlugin({
+                $t: './$tProvider',
+            }),
+            new JsonAccessOptimizer({
+                accessorFunctionName: '$t', // i18n function name
+            }),
+            {
+                apply: (compiler) => {
+                    compiler.hooks.done.tap('DonePlugin', (stats) => {
+                        log.info('Compile is done !')
+                        setTimeout(() => {
+                            process.exit(0)
+                        })
+                    })
+                },
+            },
+        ],
+        optimization: {
+            // chunkIds: 'deterministic',
+            // runtimeChunk: 'single',
+            // splitChunks: {
+            //     cacheGroups: [
+            //         // all other modules
+            //         ['modu', /[\\/]node_modules[\\/]/],
+            //     ].reduce(
+            //         (result, [name, test], index) => ({
+            //             ...result,
+            //             [`cacheGroup${index}`]: {
+            //                 chunks: 'initial',
+            //                 enforce: true,
+            //                 maxSize: 1_500_000,
+            //                 minSize: 0,
+            //                 name,
+            //                 priority: -1 * index,
+            //                 test,
+            //             },
+            //         }),
+            //         {}
+            //     ),
+            // },
+            noEmitOnErrors: true,
+            minimize: isProduction,
+            minimizer: isProduction
+                ? [
+                      new TerserPlugin({
+                          terserOptions: {
+                              compress: {
+                                  drop_console: true,
+                              },
+                          },
+                      }),
+                  ]
+                : undefined,
+            usedExports: true,
+        },
+        externalsPresets: { node: false }, // do not set this to true, it will break the build
+        externals: isProduction ? [externalsRegex] : undefined,
+    }
+}