polfan-server-js-client 0.1.99941 → 0.2.0

package/package.json

@@ -1,18 +1,27 @@
 {
   "name": "polfan-server-js-client",
-  "version": "0.1.99941",
+  "version": "0.2.0",
   "description": "JavaScript client library for handling communication with Polfan chat server.",
   "author": "Jarosław Żak",
   "license": "MIT",
-  "main": "build/index.js",
+  "main": "build/index.cjs.js",
+  "browser": "build/index.umd.js",
   "types": "build/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./build/index.cjs.js",
+      "import": "./build/index.esm.js",
+      "browser": "./build/index.umd.js",
+      "default": "./build/index.esm.js"
+    }
+  },
   "scripts": {
     "start": "webpack serve --config webpack.config.demo.js",
-    "build": "webpack && tsc",
-    "build:demo": "webpack --config webpack.config.demo.js",
+    "build": "npm run build:node && npm run build:browser && tsc",
+    "build:node": "webpack --config webpack.config.node.js",
+    "build:browser": "webpack --config webpack.config.browser.js",
     "test": "jest",
     "coverage": "npm run test -- --coverage",
-    "prepare": "npm run build",
     "trypublish": "npm publish || true"
   },
   "devDependencies": {
@@ -22,6 +31,7 @@
     "@babel/plugin-transform-typescript": "^7.20.2",
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.27.1",
     "@types/jest": "^29.2.5",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",

package/src/index.ts

@@ -17,9 +17,12 @@ export {
     IndexedObjectCollection, ObservableIndexedObjectCollection,
     Permissions, PermissionDefinition, Layer,
     WebSocketChatClient, WebApiChatClient,
-    AuthClient, MyAccountInterface, TokenInterface,
-    FilesClient, File,
+    AuthClient,
+    FilesClient,
     extractUserFromMember,
 };
 
-export type {ChatTypes};
+export type {
+    ChatTypes,
+    MyAccountInterface, TokenInterface, File,
+};

package/webpack.config.browser.js

@@ -0,0 +1,59 @@
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+module.exports = {
+    mode: "production",
+    devtool: 'source-map',
+    entry: './src/index.ts',
+    target: 'web',
+    output: {
+        filename: 'index.umd.js',
+        path: path.resolve(__dirname, 'build'),
+        library: "PservClient",
+        libraryTarget: 'umd',
+        globalObject: 'this',
+        clean: false
+    },
+    optimization: {
+        minimize: true,
+        minimizer: [
+            new TerserPlugin({ extractComments: false }),
+        ],
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(m|j|t)s$/,
+                exclude: /(node_modules|bower_components)/,
+                use: {
+                    loader: 'babel-loader',
+                    options: {
+                        presets: [
+                            ['@babel/preset-env', { targets: { esmodules: true } }],
+                            '@babel/preset-typescript'
+                        ],
+                        plugins: [
+
+                        ]
+                    }
+                }
+            },
+            {
+                test: /\.(sa|sc|c)ss$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    { loader: "css-loader", options: { sourceMap: true } },
+                ],
+            }
+        ]
+    },
+    plugins: [
+        new MiniCssExtractPlugin({
+            filename: 'index.css',
+        }),
+    ],
+    resolve: {
+        extensions: ['.ts', '.js', '.json']
+    }
+};

package/webpack.config.node.js

@@ -0,0 +1,47 @@
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
+
+module.exports = {
+    mode: "production",
+    devtool: 'source-map',
+    entry: './src/index.ts',
+    target: 'node',
+    output: {
+        filename: 'index.cjs.js',
+        path: path.resolve(__dirname, 'build'),
+        libraryTarget: 'commonjs2',
+        clean: false
+    },
+    optimization: {
+        minimize: false,
+        minimizer: [
+            new TerserPlugin({ extractComments: false }),
+        ],
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(m|j|t)s$/,
+                exclude: /(node_modules|bower_components)/,
+                use: {
+                    loader: 'babel-loader',
+                    options: {
+                        presets: [
+                            ['@babel/preset-env', { targets: { node: 'current' } }],
+                            '@babel/preset-typescript'
+                        ],
+                        plugins: [
+
+                        ]
+                    }
+                }
+            },
+        ]
+    },
+    resolve: {
+        extensions: ['.ts', '.js', '.json']
+    },
+    externals: [
+
+    ]
+};

package/webpack.config.demo.js

@@ -1,47 +0,0 @@
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
-module.exports = {
-  mode: "development",
-  devtool: 'cheap-module-source-map',
-  entry: './src/demo/index.ts',
-  output: {
-    filename: 'index.js'
-  },
-  optimization: {
-    minimize: false,
-  },
-  devServer: {
-    open: true,
-    hot: true,
-    host: "localhost",
-    port: 9000
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(m|j|t)s$/,
-        exclude: /(node_modules|bower_components)/,
-        use: {
-          loader: 'babel-loader'
-        }
-      },
-      {
-        test: /\.(sa|sc|c)ss$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          { loader: "css-loader", options: { sourceMap: true } },
-        ],
-      }
-    ]
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: 'css/index.css'
-    }),
-    new HtmlWebpackPlugin(),
-  ],
-  resolve: {
-    extensions: ['.ts', '.js', '.json']
-  }
-};

package/webpack.config.js

@@ -1,69 +0,0 @@
-const path = require('path');
-const TerserPlugin = require('terser-webpack-plugin');
-const getPackageJson = require('./scripts/getPackageJson');
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-
-// const {
-//   version,
-//   name,
-//   license,
-//   repository,
-//   author,
-// } = getPackageJson('version', 'name', 'license', 'repository', 'author');
-
-// const banner = `
-//   ${name} v${version}
-//   ${repository.url}
-//
-//   Copyright (c) ${author.replace(/ *<[^)]*> */g, " ")} and project contributors.
-//
-//   This source code is licensed under the ${license} license found in the
-//   LICENSE file in the root directory of this source tree.
-// `;
-
-module.exports = {
-  mode: "production",
-  devtool: 'source-map',
-  entry: './src/index.ts',
-  output: {
-    filename: 'index.js',
-    path: path.resolve(__dirname, 'build'),
-    library: "PServ",
-    libraryTarget: 'umd',
-    clean: true
-  },
-  optimization: {
-    minimize: false,
-    minimizer: [
-      new TerserPlugin({ extractComments: false }),
-      //new CssMinimizerPlugin()
-    ],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(m|j|t)s$/,
-        exclude: /(node_modules|bower_components)/,
-        use: {
-          loader: 'babel-loader'
-        }
-      },
-      {
-        test: /\.(sa|sc|c)ss$/,
-        use: [
-          MiniCssExtractPlugin.loader,
-          { loader: "css-loader", options: { sourceMap: true } },
-        ],
-      }
-    ]
-  },
-  plugins: [
-    // new MiniCssExtractPlugin({
-    //     filename: 'css/index.css'
-    // }),
-    // new webpack.BannerPlugin(banner)
-  ],
-  resolve: {
-    extensions: ['.ts', '.js', '.json']
-  }
-};