add bundler

.gitignore

@@ -18,4 +18,4 @@ examples/candid-ui
 examples/*/deps/candid
 docs
 .nx
-.parcel-cache
+bundle

examples/javascript/package.json

@@ -1,14 +1,16 @@
 {
   "name": "javacript",
   "scripts": {
-    "start": "parcel src/index.html"
+    "start": "webpack serve --mode development --open",
+    "build": "webpack --mode production"
   },
   "dependencies": {
     "@ic-reactor/core": "^*"
   },
   "devDependencies": {
-    "@parcel/resolver-default": "^2.11.0",
-    "parcel": "^2.11.0",
-    "process": "^0.11.10"
+    "html-webpack-plugin": "^5.0.0",
+    "webpack": "^5.0.0",
+    "webpack-cli": "^4.0.0",
+    "webpack-dev-server": "^4.0.0"
   }
-}
+}

examples/javascript/webpack.config.js

@@ -0,0 +1,31 @@
+const path = require("path")
+const HtmlWebpackPlugin = require("html-webpack-plugin")
+
+module.exports = {
+  entry: "./src/main.js",
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "bundle.js",
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: "src/index.html", // Update this to point to your HTML file
+    }),
+  ],
+  resolve: {
+    extensions: [".tsx", ".ts", ".js"],
+    modules: [path.resolve(__dirname, "node_modules"), "node_modules"],
+  },
+  devServer: {
+    static: {
+      directory: path.join(__dirname, "dist"),
+    },
+    compress: true,
+    port: 3000,
+  },
+  module: {
+    rules: [
+      // You can add loaders here for other file types (CSS, SASS, images, etc.)
+    ],
+  },
+}

package.json

@@ -5,6 +5,7 @@
   "author": "Behrad Deylami <b3hr4d@live.com>",
   "license": "MIT",
   "scripts": {
+    "bundle": "lerna run bundle",
     "build": "lerna run build",
     "clean": "lerna run clean",
     "lerna-publish": "yarn clean && yarn build && lerna publish",
@@ -31,10 +32,10 @@
     "e2e"
   ],
   "devDependencies": {
-    "@babel/core": "7.23",
-    "@babel/preset-env": "7.23",
+    "@babel/core": "^7.23.9",
+    "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "7.23",
-    "@babel/preset-typescript": "7.23",
+    "@babel/preset-typescript": "^7.23.3",
     "@dfinity/agent": "^1.0",
     "@dfinity/auth-client": "^1.0",
     "@dfinity/candid": "^1.0",
@@ -51,11 +52,14 @@
     "@types/xmlhttprequest": "^1",
     "@typescript-eslint/eslint-plugin": "^7.0",
     "@typescript-eslint/parser": "^7.0",
+    "@typescript-eslint/type-utils": "^7.0.2",
+    "babel-loader": "^9.1.3",
     "eslint": "^8.56",
     "eslint-config-prettier": "^9.1",
     "eslint-plugin-jest": "^27.9",
     "eslint-plugin-prettier": "^4",
     "fake-indexeddb": "5.0.1",
+    "html-webpack-plugin": "^5.6.0",
     "jest": "29.7",
     "jest-fetch-mock": "^3.0",
     "lerna": "^8",
@@ -73,7 +77,10 @@
     "typedoc-plugin-include-example": "^1.2.0",
     "typedoc-plugin-mdn-links": "^3.1.16",
     "typescript": "^5.3",
+    "webpack": "^5.90.3",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.2",
     "whatwg-fetch": "3.6",
     "xmlhttprequest": "^1.8"
   }
-}
+}

packages/core/package.json

@@ -37,6 +37,7 @@
   "scripts": {
     "test": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest",
     "start": "tsc watch",
+    "bundle": "webpack --config webpack.config.js --mode production",
     "build": "npx tsc",
     "clean": "npx rimraf dist"
   },

packages/core/webpack.config.js

@@ -0,0 +1,37 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const path = require("path")
+
+module.exports = {
+  entry: "./src/index.ts", // Your entry point file
+  output: {
+    path: path.resolve(__dirname, "bundle"),
+    filename: "bundle.js", // Output file
+    library: {
+      name: "@ic-reactor", // Exported library name
+      type: "umd", // Universal module definition
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: ["@babel/preset-env", "@babel/preset-typescript"],
+          },
+        },
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".js"],
+    modules: [path.resolve(__dirname, "node_modules"), "node_modules"],
+  },
+  // If there are specific modules you still want to leave as external:
+  externals: {
+    // "react": "React",
+    // Define externals here
+  },
+}