app-tutor-ai-consumer 1.36.0 → 1.37.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.37.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.36.0...v1.37.0) (2025-11-10)
+
+### Features
+
+- add postcss prefix ([d008da3](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/d008da3e5d587d134d5faff4b96159f7ee685b7f))
+- adding app prefix ([b093214](https://github.com/Hotmart-Org/app-tutor-ai-consumer/commit/b0932143ab524321fe477ba8b32bd3050476916f))
+
 # [1.36.0](https://github.com/Hotmart-Org/app-tutor-ai-consumer/compare/v1.35.1...v1.36.0) (2025-11-07)
 
 ### Features

package/config/rspack/rspack.config.js

@@ -115,8 +115,14 @@ module.exports = async function (env) {
             {
               loader: 'postcss-loader',
               options: {
-                postcssOptions: {
-                  config: path.resolve(paths.ROOT, 'postcss.config.js')
+                postcssOptions: (loaderContext) => {
+                  const config = require(path.resolve(paths.ROOT, 'postcss.config.js'))
+                  return typeof config === 'function'
+                    ? config({
+                        file: loaderContext.resourcePath,
+                        resourcePath: loaderContext.resourcePath
+                      })
+                    : config
                 }
               }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-tutor-ai-consumer",
-  "version": "1.36.0",
+  "version": "1.37.0",
   "main": "index.js",
   "scripts": {
     "dev": "rspack serve --env=development --config config/rspack/rspack.config.js",
@@ -119,6 +119,7 @@
     "immer": "~10.1.1",
     "jotai": "~2.12.5",
     "linkify-it": "~5.0.0",
+    "postcss-prefix-selector": "^2.1.1",
     "prism-react-renderer": "~2.4.1",
     "react": "~19.1.0",
     "react-dom": "~19.1.0",

package/postcss.config.js

@@ -1,3 +1,40 @@
-module.exports = {
+const prefixer = require('postcss-prefix-selector')
+
+const postcssConfigWithPrefix = {
+  plugins: [
+    require('postcss-import'),
+    require('tailwindcss'),
+    require('autoprefixer'),
+    prefixer({
+      prefix: '#app-tutor-ai-consumer',
+      transform: (prefix, selector, prefixedSelector) => {
+        if (
+          selector.startsWith(':root') ||
+          selector.startsWith('html') ||
+          selector.startsWith('body')
+        ) {
+          return selector
+        }
+
+        if (selector.startsWith('#app-tutor-ai-consumer')) {
+          return selector
+        }
+
+        return prefixedSelector
+      }
+    })
+  ]
+}
+
+const postcssConfigWithoutPrefix = {
   plugins: [require('postcss-import'), require('tailwindcss'), require('autoprefixer')]
 }
+
+module.exports = (ctx) => {
+  const filePath = ctx?.file || ctx?.resourcePath || ''
+  if (filePath.includes('.module.css')) {
+    return postcssConfigWithoutPrefix
+  }
+
+  return postcssConfigWithPrefix
+}