@copilotkit/react-ui 1.52.0-next.8 → 1.52.1-next.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # ui
 
+## 1.52.1-next.0
+
+### Patch Changes
+
+- bbdf67d: fix(css): address imcompat with CJS
+  - @copilotkit/react-core@1.52.1-next.0
+  - @copilotkit/runtime-client-gql@1.52.1-next.0
+  - @copilotkit/shared@1.52.1-next.0
+
+## 1.52.0
+
+### Minor Changes
+
+- 6dd6c84: Adding new v2 features:
+  - useComponent
+  - useRenderTool
+  - useDefaultRenderTool
+
+  Also, fixing issues with styles not being
+  properly scoped for tailwind.
+
+### Patch Changes
+
+- 7e32e69: chore: fix up style generation
+- 5f941db: Prevent CPK styles from leaking into user app
+- Updated dependencies [6dd6c84]
+- Updated dependencies [d77f347]
+- Updated dependencies [2007f8b]
+- Updated dependencies [ef0f539]
+- Updated dependencies [412965a]
+- Updated dependencies [5f941db]
+  - @copilotkit/react-core@1.52.0
+  - @copilotkit/shared@1.52.0
+  - @copilotkit/runtime-client-gql@1.52.0
+
 ## 1.52.0-next.8
 
 ### Patch Changes

package/package.json

@@ -10,7 +10,7 @@
     "access": "public"
   },
   "type": "module",
-  "version": "1.52.0-next.8",
+  "version": "1.52.1-next.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -42,9 +42,9 @@
     "vitest": "^3.2.4",
     "tsdown": "^0.20.3",
     "typescript": "^5.2.3",
-    "eslint-config-custom": "1.4.8",
-    "tailwind-config": "1.4.8",
-    "tsconfig": "1.4.8"
+    "eslint-config-custom": "1.4.9",
+    "tailwind-config": "1.4.9",
+    "tsconfig": "1.4.9"
   },
   "dependencies": {
     "@headlessui/react": "^2.2.9",
@@ -53,9 +53,9 @@
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "@copilotkit/react-core": "1.52.0-next.8",
-    "@copilotkit/runtime-client-gql": "1.52.0-next.8",
-    "@copilotkit/shared": "1.52.0-next.8"
+    "@copilotkit/react-core": "1.52.1-next.0",
+    "@copilotkit/runtime-client-gql": "1.52.1-next.0",
+    "@copilotkit/shared": "1.52.1-next.0"
   },
   "keywords": [
     "copilotkit",

package/{postcss.config.js → postcss.config.cjs}

@@ -44,7 +44,7 @@ module.exports = {
 
 function generateInterface(variables) {
   const interfaceLines = [
-    "// autogenerated (see postcss.config.js) - do not edit",
+    "// autogenerated (see postcss.config.cjs) - do not edit",
     'import { CSSProperties } from "react";',
     "",
     "export interface CopilotKitCSSProperties extends CSSProperties {",

package/src/esm-compat.test.ts

@@ -0,0 +1,44 @@
+import { describe, it, expect } from "vitest";
+import * as fs from "node:fs";
+import * as path from "node:path";
+
+/**
+ * Validates that packages with "type": "module" don't ship .js files using
+ * CommonJS syntax (require/module.exports). Consumers' build tools (e.g.
+ * postcss-loader) may discover these config files and fail because Node
+ * treats .js as ESM in "type": "module" packages.
+ *
+ * Fix: rename CJS files to .cjs so Node always treats them as CommonJS.
+ */
+describe("ESM compatibility", () => {
+  const pkgRoot = path.resolve(__dirname, "..");
+  const pkg = JSON.parse(
+    fs.readFileSync(path.join(pkgRoot, "package.json"), "utf-8"),
+  );
+
+  it('should not have .js config files with CJS syntax when package uses "type": "module"', () => {
+    if (pkg.type !== "module") return;
+
+    const jsFiles = fs
+      .readdirSync(pkgRoot)
+      .filter((f) => f.endsWith(".config.js") || f === ".postcssrc.js");
+
+    const cjsFiles: string[] = [];
+    for (const file of jsFiles) {
+      const content = fs.readFileSync(path.join(pkgRoot, file), "utf-8");
+      if (content.includes("require(") || content.includes("module.exports")) {
+        cjsFiles.push(file);
+      }
+    }
+
+    expect(cjsFiles).toEqual(expect.arrayContaining([]));
+    expect(cjsFiles).toHaveLength(0);
+    if (cjsFiles.length > 0) {
+      throw new Error(
+        `These files use CommonJS syntax but will be treated as ESM because ` +
+          `package.json has "type": "module". Rename them to .cjs:\n` +
+          cjsFiles.map((f) => `  - ${f}`).join("\n"),
+      );
+    }
+  });
+});

package/src/types/css.ts

@@ -1,4 +1,4 @@
-// autogenerated (see postcss.config.js) - do not edit
+// autogenerated (see postcss.config.cjs) - do not edit
 import { CSSProperties } from "react";
 
 export interface CopilotKitCSSProperties extends CSSProperties {