[chore] some fixes for styles extraction and esb-build for format-text (#2131)

<!--- Provide a general summary of your changes in the Title above -->

## Motivation and Context

<!--- Why is this change required? What problem does it solve? -->
<!--- If it fixes an open issue, please link to the issue here. -->

## How has this been tested?

<!--- Please describe in detail how you tested your changes. -->
<!--- For example: -->
<!--- I have added unit tests -->
<!--- I have added Voice Over tests -->
<!--- Code cannot be tested automatically so I have tested it only
manually -->

## Screenshots (if appropriate):

## Types of changes

<!--- What types of changes does your code introduce? Put an `x` in all
the boxes that apply: -->

- [ ] Bug fix (non-breaking change which fixes an issue).
- [ ] New feature (non-breaking change which adds functionality).
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected).
- [ ] Nice improve.

## Checklist:

<!--- Go over all the following points, and put an `x` in all the boxes
that apply. -->
<!--- If you're unsure about any of these, don't hesitate to ask. We're
here to help! -->

- [ ] My code follows the code style of this project.
- [ ] I have updated the documentation accordingly or it's not required.
- [ ] Unit tests are not broken.
- [ ] I have added changelog note to corresponding `CHANGELOG.md` file
with planned publish date.
- [ ] I have added new unit tests on added of fixed functionality.

Author: ilyabrower

semcore/format-text/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.42.0] - 2025-05-13
+
+### Added
+
+- Esm-build by vite.
+
 ## [4.41.3] - 2025-05-09
 
 ### Changed

semcore/format-text/package.json

@@ -3,13 +3,18 @@
   "description": "Semrush FormatText Component",
   "version": "4.41.3",
   "main": "lib/cjs/index.js",
-  "module": "lib/es6/index.js",
+  "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "pnpm semcore-builder"
+    "build": "pnpm semcore-builder && pnpm vite build"
+  },
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
     "@semcore/utils": "4.48.4",

semcore/format-text/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.tsx',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);

semcore/utils/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.48.5] - 2025-05-13
+
+### Added
+
+- `CSSinJS` to the exports.
+
 ## [4.48.4] - 2025-05-08
 
 ### Fixed

semcore/utils/package.json

@@ -156,6 +156,11 @@
       "import": "./lib/createUUID.mjs",
       "types": "./lib/createUUID.d.ts"
     },
+    "./lib/СSSinJS": {
+      "require": "./lib/CSSinJS.js",
+      "import": "./lib/CSSinJS.mjs",
+      "types": "./lib/CSSinJS.d.ts"
+    },
     "./lib/cssToIntDefault": {
       "require": "./lib/cssToIntDefault.js",
       "import": "./lib/cssToIntDefault.mjs",

tools/shadow-loader/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [1.2.1] - 2025-05-13
+
+### Fixed
+
+- Plugin to work with both esm and cjs.
+
 ## [1.2.0] - 2025-05-07
 
 ### Fixed

tools/shadow-loader/index.js

@@ -109,7 +109,7 @@ async function loader(source) {
         );
         const [requirePath] = filepath.split('node_modules/').slice(-1);
         styleImports.push(requirePath);
-        return resourcePath.includes('@semcore/flags') ? 'undefined, ' : '(undefined, '; // flags has the old build system
+        return resourcePath.includes('@semcore/flags') || !es6Mode ? 'undefined, ' : '(undefined, '; // flags and cjs has the old build system
       },
     )
     .replace(/\/\*!__reshadow-styles__:"(.*?)"\*\//g, (match, dep) => {

tools/shadow-loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semcore/shadow-loader",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "index.js",
   "license": "MIT",
   "scripts": {