fix: add files field, fix types paths, emit CJS for Node.js packages

layershifter · claude · layershifter · commit 9bd737f8f227 · 2026-03-06T14:21:47.000+01:00
- Add "files": ["dist/"] to all publishable packages for correct npm pack
- Fix top-level "types" fields to point to dist instead of source
- Add module: "node16" + moduleResolution: "node16" in tsconfig.lib.json
  for CJS-only packages (babel-preset, webpack-loader,
  webpack-extraction-plugin, next-extraction-plugin, tag-processor,
  postcss-syntax, jest-serializer, eslint-plugin)
- Fix virtual-loader to require from dist instead of src

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/packages/babel-preset/package.json b/packages/babel-preset/package.json
@@ -3,6 +3,9 @@
   "version": "1.8.0",
   "types": "./dist/index.d.ts",
   "description": "Babel preset with build time transforms for Griffel",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/babel-preset/tsconfig.lib.json b/packages/babel-preset/tsconfig.lib.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": "./src",
+    "module": "node16",
+    "moduleResolution": "node16",
     "types": ["node", "environment"]
   },
   "exclude": ["src/**/*.test.ts", "src/**/__fixture__/", "src/**/__mocks__/"],
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,8 +1,11 @@
 {
   "name": "@griffel/core",
   "version": "1.20.0",
-  "types": "./src/index.ts",
+  "types": "./dist/index.d.ts",
   "description": "DOM implementation of Atomic CSS-in-JS",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
@@ -3,6 +3,9 @@
   "version": "2.0.2",
   "types": "./dist/index.d.ts",
   "description": "ESLint plugin with lint rules for Griffel",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/jest-serializer/package.json b/packages/jest-serializer/package.json
@@ -3,6 +3,9 @@
   "version": "1.1.35",
   "types": "./dist/index.d.ts",
   "description": "Jest serializer for Griffel",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/jest-serializer/tsconfig.lib.json b/packages/jest-serializer/tsconfig.lib.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": "./src",
+    "module": "node16",
+    "moduleResolution": "node16",
     "types": ["node", "environment"]
   },
   "exclude": ["src/**/*.test.ts", "src/**/__fixture__/", "src/**/__mocks__/"],
diff --git a/packages/next-extraction-plugin/package.json b/packages/next-extraction-plugin/package.json
@@ -3,6 +3,9 @@
   "version": "0.1.14",
   "types": "./dist/index.d.ts",
   "description": "NextJS plugin that add Griffel's CSS extraction to webpack loaders pipeline",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/next-extraction-plugin/tsconfig.lib.json b/packages/next-extraction-plugin/tsconfig.lib.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": "./src",
+    "module": "node16",
+    "moduleResolution": "node16",
     "types": ["node", "environment"]
   },
   "exclude": ["src/**/*.spec.ts", "src/**/__fixture__/", "src/**/__mocks__/"],
diff --git a/packages/postcss-syntax/package.json b/packages/postcss-syntax/package.json
@@ -3,6 +3,9 @@
   "version": "1.3.5",
   "types": "./dist/index.d.ts",
   "description": "postcss syntax for Griffel",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/postcss-syntax/tsconfig.lib.json b/packages/postcss-syntax/tsconfig.lib.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": "./src",
+    "module": "node16",
+    "moduleResolution": "node16",
     "types": ["node", "environment"]
   },
   "exclude": ["src/**/*.test.ts", "src/**/__fixture__/", "src/**/__mocks__/"],
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,8 +1,11 @@
 {
   "name": "@griffel/react",
   "version": "1.6.0",
-  "types": "./src/index.ts",
+  "types": "./dist/index.d.ts",
   "description": "React implementation of Atomic CSS-in-JS",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/shadow-dom/package.json b/packages/shadow-dom/package.json
@@ -3,6 +3,9 @@
   "version": "0.2.11",
   "types": "./dist/index.d.ts",
   "description": "Shadow DOM implementation of Griffel Atomic CSS-in-JS",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/style-types/package.json b/packages/style-types/package.json
@@ -2,6 +2,9 @@
   "name": "@griffel/style-types",
   "version": "1.3.0",
   "description": "Provides types for Griffel style objects",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -24,8 +27,8 @@
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "<4.4": {
-      "src/index.d.ts": [
-        "src/legacy/index.d.ts"
+      "dist/index.d.ts": [
+        "dist/legacy/index.d.ts"
       ]
     }
   }
diff --git a/packages/tag-processor/package.json b/packages/tag-processor/package.json
@@ -1,8 +1,11 @@
 {
   "name": "@griffel/tag-processor",
   "version": "1.0.15",
-  "types": "./src/index.ts",
+  "types": "./dist/index.d.ts",
   "description": "wyw-in-js processor for Griffel",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/tag-processor/tsconfig.lib.json b/packages/tag-processor/tsconfig.lib.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": "./src",
+    "module": "node16",
+    "moduleResolution": "node16",
     "types": ["node", "environment"]
   },
   "exclude": ["src/**/*.test.ts", "src/**/__fixture__/", "src/**/__mocks__/"],
diff --git a/packages/transform/package.json b/packages/transform/package.json
@@ -1,8 +1,14 @@
 {
   "name": "@griffel/transform",
   "version": "1.2.0",
-  "types": "./src/index.mts",
+  "types": "./index.d.mts",
   "description": "A package that performs build time transforms for Griffel",
+  "files": [
+    "*.js",
+    "*.d.mts",
+    "*.d.ts",
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/vite-plugin/package.json b/packages/vite-plugin/package.json
@@ -3,6 +3,9 @@
   "version": "0.1.15",
   "types": "./dist/index.d.ts",
   "description": "Vite plugin for Griffel",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "type": "module",
   "repository": {
diff --git a/packages/webpack-extraction-plugin/package.json b/packages/webpack-extraction-plugin/package.json
@@ -3,6 +3,10 @@
   "version": "0.5.13",
   "types": "./dist/index.d.ts",
   "description": "Webpack plugin that performs CSS extraction for Griffel",
+  "files": [
+    "dist/",
+    "virtual-loader/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/webpack-extraction-plugin/tsconfig.lib.json b/packages/webpack-extraction-plugin/tsconfig.lib.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": "./src",
+    "module": "node16",
+    "moduleResolution": "node16",
     "types": ["node", "environment"]
   },
   "exclude": ["src/**/*.test.ts", "src/**/__fixture__/", "src/**/__mocks__/"],
diff --git a/packages/webpack-extraction-plugin/virtual-loader/index.js b/packages/webpack-extraction-plugin/virtual-loader/index.js
@@ -1,5 +1,5 @@
 const { URLSearchParams } = require('url');
-const { GriffelCssLoaderContextKey } = require('../src/constants');
+const { GriffelCssLoaderContextKey } = require('../dist/constants');
 
 /**
  * @this {import("../src/constants").SupplementedLoaderContext}
diff --git a/packages/webpack-loader/package.json b/packages/webpack-loader/package.json
@@ -3,6 +3,9 @@
   "version": "2.2.22",
   "types": "./dist/index.d.ts",
   "description": "Webpack loader that performs build time transforms for Griffel",
+  "files": [
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/webpack-loader/tsconfig.lib.json b/packages/webpack-loader/tsconfig.lib.json
@@ -3,6 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": "./src",
+    "module": "node16",
+    "moduleResolution": "node16",
     "types": ["node", "environment"]
   },
   "exclude": ["src/**/*.test.ts", "src/**/__fixture__/", "src/**/__mocks__/"],
diff --git a/packages/webpack-plugin/package.json b/packages/webpack-plugin/package.json
@@ -1,8 +1,14 @@
 {
   "name": "@griffel/webpack-plugin",
   "version": "1.1.0",
-  "types": "./src/index.mts",
+  "types": "./index.d.mts",
   "description": "Webpack plugin that performs CSS extraction for Griffel",
+  "files": [
+    "*.js",
+    "*.d.mts",
+    "*.d.ts",
+    "dist/"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
