Added cjs for utils (#260) (#261)

* Added cjs for utils

* Added cjs for utility functions

* Update build commands

Author: mgavrila

CHANGELOG.md

@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [[0.1.1](https://github.com/multiversx/mx-sdk-dapp-ui/pull/261)] - 2025-11-03
+
+- [Added cjs for utility functions](https://github.com/multiversx/mx-sdk-dapp-ui/pull/260)
 
 ## [[0.1.0](https://github.com/multiversx/mx-sdk-dapp-ui/pull/256)] - 2025-10-29
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiversx/sdk-dapp-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A library to hold UI components for a dApp on the MultiversX blockchain",
   "author": "MultiversX",
   "license": "MIT",
@@ -16,10 +16,12 @@
     },
     "./utils/getDetectedBrowser": {
       "import": "./dist/utils/utils/getDetectedBrowser.js",
+      "require": "./dist/cjs/utils/getDetectedBrowser.js",
       "types": "./dist/types/utils/getDetectedBrowser.d.ts"
     },
     "./utils/constants/browser.enum": {
       "import": "./dist/utils/constants/browser.enum.js",
+      "require": "./dist/cjs/constants/browser.enum.js",
       "types": "./dist/types/constants/browser.enum.d.ts"
     },
     "./mvx-unlock-panel": {
@@ -82,7 +84,9 @@
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
     "build:dev": "stencil build --dev",
-    "build": "stencil build --prod && tsc -p tsconfig.utils.json && tsc-alias -p tsconfig.utils.json",
+    "build:esm:utils": "tsc -p tsconfig.utils.esm.json && tsc-alias -p tsconfig.utils.esm.json",
+    "build:cjs:utils": "tsc -p tsconfig.utils.cjs.json && tsc-alias -p tsconfig.utils.cjs.json",
+    "build": "stencil build --prod && npm run build:esm:utils && npm run build:cjs:utils",
     "start": "yarn run build:dev --watch --serve",
     "storybook-build-tailwind": "npx ts-node .storybook/generate-safelist.ts && npx @tailwindcss/cli -i src/global/tailwind.css -o .storybook/tailwind.css --content '.storybook/tailwind-safelist.html' && rm -f .storybook/tailwind-safelist.html",
     "storybook-dev": "yarn run build && yarn run storybook-build-tailwind && storybook dev -p 6006 --no-open",

tsconfig.utils.cjs.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.utils.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "outDir": "dist/cjs"
+  }
+}

tsconfig.utils.esm.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.utils.json",
+  "compilerOptions": {
+    "module": "ES2020",
+    "outDir": "dist/utils"
+  }
+}

tsconfig.utils.json

@@ -2,10 +2,8 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "target": "ES2020",
-    "module": "ES2020",
     "moduleResolution": "Node",
     "rootDir": "src",
-    "outDir": "dist/utils",
     "declaration": false,
     "sourceMap": false,
     "skipLibCheck": true,
@@ -17,9 +15,5 @@
       "constants/*": ["constants/*"]
     }
   },
-  "include": [
-    "src/utils/getDetectedBrowser.ts",
-    "src/constants/browser.enum.ts",
-    "src/constants/window.constants.ts"
-  ]
-}
+  "include": ["src/utils/getDetectedBrowser.ts", "src/constants/browser.enum.ts", "src/constants/window.constants.ts"]
+}