cjs/mjs

Author: pan-kot

package.json

@@ -1,39 +1,65 @@
 {
   "name": "@cloudscape-design/component-toolkit",
   "version": "1.0.0-beta",
-  "files": [
-    "container-queries",
-    "dom",
-    "internal",
-    "use-controllable-state",
-    "*.js",
-    "*.d.ts"
-  ],
-  "main": "./index.js",
   "type": "module",
+  "main": "./cjs/index.js",
+  "module": "./mjs/index.js",
+  "sideEffects": false,
   "exports": {
-    ".": "./index.js",
-    "./dom": "./dom/index.js",
-    "./internal": "./internal/index.js",
-    "./internal/metrics": "./internal/metrics.js",
-    "./internal/testing": "./internal/testing.js",
-    "./internal/locale": "./internal/locale/index.js",
-    "./internal/analytics-metadata": "./internal/analytics-metadata/index.js",
-    "./internal/analytics-metadata/utils": "./internal/analytics-metadata/utils.js",
+    ".": {
+      "require": "./cjs/index.js",
+      "default": "./mjs/index.js"
+    },
+    "./dom": {
+      "require": "./cjs/dom/index.js",
+      "default": "./mjs/dom/index.js"
+    },
+    "./internal": {
+      "require": "./cjs/internal/index.js",
+      "default": "./mjs/internal/index.js"
+    },
+    "./internal/metrics": {
+      "require": "./cjs/internal/metrics.js",
+      "default": "./mjs/internal/metrics.js"
+    },
+    "./internal/testing": {
+      "require": "./cjs/internal/testing.js",
+      "default": "./mjs/internal/testing.js"
+    },
+    "./internal/locale": {
+      "require": "./cjs/internal/locale/index.js",
+      "default": "./mjs/internal/locale/index.js"
+    },
+    "./internal/analytics-metadata": {
+      "require": "./cjs/internal/analytics-metadata/index.js",
+      "default": "./mjs/internal/analytics-metadata/index.js"
+    },
+    "./internal/analytics-metadata/utils": {
+      "require": "./cjs/internal/analytics-metadata/utils.js",
+      "default": "./mjs/internal/analytics-metadata/utils.js"
+    },
+    "./internal/focus-visible": "./styles/focus-visible",
     "./package.json": "./package.json"
   },
-  "sideEffects": false,
+  "files": [
+    "mjs",
+    "cjs",
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "NOTICE"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/component-toolkit.git"
   },
   "homepage": "https://cloudscape.design",
   "scripts": {
     "prebuild": "rm -rf lib",
-    "build": "tsc",
+    "build": "tsc -p ./tsconfig.json && tsc -p ./tsconfig.cjs.json && node ./scripts/generate-deep-package.js",
     "postbuild": "npm run postbuild:root && npm run postbuild:focus-visible",
     "postbuild:root": "cp package.json README.md LICENSE lib",
-    "postbuild:focus-visible": "cp ./src/internal/focus-visible/index.scss lib/internal/focus-visible",
+    "postbuild:focus-visible": "mkdir -p lib/styles/focus-visible && cp ./src/internal/focus-visible/index.scss lib/styles/focus-visible",
     "test-pages": "vite --config ./test-pages/vite.config.mts",
     "test:unit": "jest -c jest.unit.config.cjs",
     "test:integ": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" jest -c jest.integ.config.cjs",

scripts/generate-deep-package.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { writeFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { join, dirname } from 'path';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const cjsRoot = join(__dirname, '../lib/cjs');
+const packageJsonPath = join(cjsRoot, 'package.json');
+const packageJsonContent = `{
+  "type": "commonjs"
+}`;
+
+writeFileSync(packageJsonPath, packageJsonContent);

tsconfig.cjs.json

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

tsconfig.json

@@ -10,7 +10,7 @@
     "declaration": true,
     "jsx": "react",
     "rootDir": "src",
-    "outDir": "lib"
+    "outDir": "lib/mjs"
   },
   "include": ["src"],
   "exclude": ["**/__tests__/**", "**/__integ__/**"]

tsconfig.unit.json

@@ -1,13 +1,8 @@
 {
+  "extends": "./tsconfig.json",
   "compilerOptions": {
-    "target": "es2018",
-    "lib": ["es2018", "dom"],
     "types": ["node", "jest", "@testing-library/jest-dom"],
-    "moduleResolution": "node",
     "downlevelIteration": true,
-    "esModuleInterop": true,
-    "strict": true,
-    "jsx": "react",
     "noEmit": true,
     "resolveJsonModule": true
   },