Merge branch 'main' into renovate/rollup

.changeset/rich-chairs-mix.md

@@ -0,0 +1,5 @@
+---
+"@kaizen/package-bundler": patch
+---
+
+Add `noEmit` to package bundler `tsconfig.base.json` and include types in dist.

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - uses: ./.github/actions/setup
-      - run: pnpm compile
+      - run: pnpm lint:ts
 
   eslint:
     if: github.head_ref != 'changeset-release/main'
@@ -34,7 +34,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - uses: ./.github/actions/setup
-      - run: pnpm lint:ts && pnpm lint:md
+      - run: pnpm lint:js && pnpm lint:md
 
   prettier:
     if: github.head_ref != 'changeset-release/main'

package.json

@@ -13,7 +13,6 @@
     "clean": "pnpm turbo clean && pnpm storybook:clean && rimraf node_modules",
     "test": "pnpm turbo test",
     "test:ci": "pnpm turbo test:ci",
-    "compile": "tsc && pnpm pkg:aio compile",
     "storybook": "storybook dev -p 6006 -c storybook",
     "storybook:preview": "NODE_ENV=production pnpm storybook --docs",
     "storybook:clean": "rm -rf storybook/public",
@@ -22,13 +21,14 @@
     "storybook:build:prod": "pnpm storybook:build --docs",
     "test:storybook": "test-storybook --config-dir storybook",
     "jest:debug": "node --inspect-brk node_modules/.bin/jest --runInBand --no-cache",
-    "lint": "pnpm lint:ts && pnpm lint:md && pnpm lint:format && pnpm lint:styles",
+    "lint:ts": "tsc --noEmit && pnpm turbo lint:ts",
     "eslint-config": "pnpm eslint -c .eslintrc.js --max-warnings=0",
-    "lint:ts": "pnpm eslint-config '**/*.{ts,tsx,mjs,js}'",
+    "lint": "pnpm lint:js && pnpm lint:md && pnpm lint:format && pnpm lint:styles",
+    "lint:js": "pnpm eslint-config '**/*.{ts,tsx,mjs,js}'",
     "lint:md": "pnpm eslint-config '**/*.{md,mdx}'",
     "lint:format": "pnpm prettier --check '**/*'",
     "lint:styles": "pnpm stylelint '**/*.scss'",
-    "lint:fix": "pnpm lint:styles --fix && pnpm lint:ts --fix && pnpm lint:md --fix && pnpm lint:format --write",
+    "lint:fix": "pnpm lint:styles --fix && pnpm lint:js --fix && pnpm lint:md --fix && pnpm lint:format --write",
     "reset": "pnpm clean && pnpm install --force",
     "chromatic": "chromatic",
     "changeset": "changeset",

packages/components/package.json

@@ -29,6 +29,7 @@
     "build": "pnpm package-bundler build-shared-ui && pnpm build:global-styles",
     "build:global-styles": "postcss ./styles/global.css --output dist/styles.css",
     "clean": "rm -rf dist",
+    "lint:ts": "tsc --noEmit",
     "test": "FORCE_COLOR=1 jest",
     "test:ci": "pnpm test -- --ci",
     "update-icons": "./src/Icon/bin/update-icons.sh",

packages/components/types.d.ts

@@ -7,11 +7,3 @@ declare module "*.scss" {
   const classes: Record<string, string>
   export default classes
 }
-
-declare module "*.icon.svg" {
-  const content: {
-    id: string
-    viewBox: string
-  }
-  export default content
-}

packages/design-tokens/package.json

@@ -22,6 +22,7 @@
   "license": "MIT",
   "sideEffects": false,
   "scripts": {
+    "lint:ts": "tsc --noEmit",
     "test": "FORCE_COLOR=1 jest",
     "test:ci": "pnpm test -- --ci",
     "build": "pnpm clean && pnpm build:json && pnpm build:less && pnpm build:sass && pnpm build:ts",

packages/design-tokens/tsconfig.dist.json

@@ -1,14 +1,13 @@
 {
-  "extends": "../../tsconfig.dist.json",
+  "extends": "./tsconfig.json",
   "compilerOptions": {
-    "noEmit": false,
-    "noImplicitAny": true,
+    "target": "es5",
     "rootDir": "src",
     "outDir": "dist",
-    "declarationMap": true,
+    "noEmit": false,
     "declaration": true,
-    "target": "es5",
-    "module": "CommonJS",
+    "declarationMap": true,
+    "sourceMap": true,
     "noUncheckedIndexedAccess": true
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],

packages/design-tokens/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "module": "commonjs",
+    "jsx": "react",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "strict": true,
+    "allowJs": false,
+    "noEmit": true,
+    "paths": {
+      "~storybook/*": ["../../storybook/*"],
+      "~types/*": ["../components/src/types/*"],
+      "~components/*": ["../components/src/*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "**/*.spec.ts"]
+}

packages/design-tokens/types.d.ts

@@ -0,0 +1,41 @@
+declare module "*.css" {
+  const classes: { [key: string]: string }
+  export default classes
+}
+
+declare module "*.scss" {
+  const classes: { [key: string]: string }
+  export default classes
+}
+
+declare module "*.icon.svg" {
+  const content: {
+    id: string
+    viewBox: string
+  }
+  export default content
+}
+declare module "!!raw-loader!*" {
+  const content: string
+  export default content
+}
+
+declare module "react-map-interaction" {
+  type InteractionState = {
+    scale: number
+    translation: { x: number; y: number }
+  }
+  type Props = {
+    showControls?: boolean
+    minScale?: number
+    maxScale?: number
+    value?: InteractionState
+    onChange?: (state: InteractionState) => void
+  }
+  export const MapInteractionCSS: import("react").ComponentType<Props>
+  export const MapInteraction: import("react").ComponentType<
+    Props & {
+      children: (params: InteractionState) => React.ReactNode
+    }
+  >
+}

packages/hosted-assets/package.json

@@ -19,6 +19,7 @@
   ],
   "scripts": {
     "build": "pnpm clean && tsc --project tsconfig.dist.json",
-    "clean": "rm -rf dist && rimraf '*.d.ts' '*.js'"
+    "clean": "rm -rf dist && rimraf '*.d.ts' '*.js'",
+    "lint:ts": "tsc --noEmit"
   }
 }

packages/hosted-assets/tsconfig.dist.json

@@ -1,10 +1,9 @@
 {
-  "extends": "../../tsconfig.dist.json",
+  "extends": "./tsconfig.json",
   "include": ["./index.ts"],
   "compilerOptions": {
     "outDir": "dist",
     "noEmit": false,
-    "allowJs": false,
     "sourceMap": true,
     "declaration": true
   }

packages/hosted-assets/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "module": "commonjs",
+    "jsx": "react",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "strict": true,
+    "allowJs": false,
+    "noEmit": true
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

packages/package-bundler/README.md

@@ -49,7 +49,7 @@ pnpm add -D postcss postcss-preset-env rollup tslib
 ### Required files
 
 - `postcss.config.js`
-- `rollup.config.(mjs|ts)`
+- `rollup.config.mjs`
 - `tsconfig.json`
 - `tsconfig.dist.json`
 - `tsconfig.types.json`
@@ -84,7 +84,7 @@ module.exports = {
 
 ### Rollup
 
-In `rollup.config.(mjs|ts)`:
+In `rollup.config.mjs`:
 ```ts
 import { pluginsSharedUi, rollupConfig } from "@kaizen/package-bundler";
 
@@ -182,7 +182,7 @@ Example:
 ```
 
 ```ts
-// rollup.config.(mjs|ts)
+// rollup.config.mjs
 export default rollupConfig({
   alias: {
     entries: [

packages/package-bundler/package.json

@@ -9,7 +9,8 @@
   },
   "scripts": {
     "build": "rm -rf dist && tsc --build",
-    "prepare": "ts-patch install -s"
+    "prepare": "ts-patch install -s",
+    "lint:ts": "tsc --noEmit"
   },
   "files": [
     "dist",

packages/package-bundler/tsconfig.base.json

@@ -9,6 +9,7 @@
     "jsx": "react",
     "noImplicitAny": true,
     "noImplicitReturns": true,
-    "strict": true
+    "strict": true,
+    "noEmit": true
   }
 }

packages/package-bundler/tsconfig.json

@@ -11,6 +11,7 @@
     "strict": true,
     "allowJs": false,
     "outDir": "dist",
+    "declaration": true,
     "target": "ESNext"
   },
   "include": ["src/**/*"],

packages/tailwind/package.json

@@ -4,7 +4,8 @@
   "description": "Kaizen Tailwind presets",
   "scripts": {
     "build": "pnpm clean && tsc --project tsconfig.dist.json",
-    "clean": "rimraf -g '**/*.d.ts' '**/*.js' '**/*.map'"
+    "clean": "rimraf -g '**/*.d.ts' '**/*.js' '**/*.map'",
+    "lint:ts": "tsc --noEmit"
   },
   "repository": {
     "type": "git",

packages/tailwind/tsconfig.dist.json

@@ -1,14 +1,15 @@
 {
-  "extends": "../../tsconfig.dist.json",
-  "include": ["src/**/*.ts"],
-  "exclude": ["**/*.spec.ts"],
+  "extends": "./tsconfig.json",
   "compilerOptions": {
-    "noImplicitAny": true,
+    "target": "es5",
     "rootDir": "src",
     "outDir": "dist",
+    "noEmit": false,
+    "declaration": true,
     "declarationMap": true,
-    "target": "es5",
-    "module": "CommonJS",
+    "sourceMap": true,
     "noUncheckedIndexedAccess": false
-  }
+  },
+  "include": ["src/**/*.ts"],
+  "exclude": ["**/*.spec.ts"]
 }

packages/tailwind/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "module": "commonjs",
+    "jsx": "react",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "strict": true,
+    "allowJs": false,
+    "noEmit": true
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "**/*.spec.ts"]
+}

tsconfig.json

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "lib": ["es2019", "dom"],
-    "module": "commonjs",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
     "jsx": "react",
     "esModuleInterop": true,
     "resolveJsonModule": true,
@@ -22,6 +22,6 @@
     "types": ["@testing-library/jest-dom"]
   },
   "files": ["./types.d.ts"],
-  "include": ["packages/**/*", "storybook/**/*", "docs/**/*.tsx"],
+  "include": ["storybook/**/*", "docs/**/*.tsx"],
   "exclude": ["**/node_modules"]
 }

turbo.json

@@ -9,6 +9,9 @@
       "inputs": ["packages/**"],
       "outputs": ["dist/**"]
     },
+    "lint:ts": {
+      "cache": false
+    },
     "test": {},
     "test:ci": {},
     "clean": {

types.d.ts

@@ -7,35 +7,3 @@ declare module "*.scss" {
   const classes: { [key: string]: string }
   export default classes
 }
-
-declare module "*.icon.svg" {
-  const content: {
-    id: string
-    viewBox: string
-  }
-  export default content
-}
-declare module "!!raw-loader!*" {
-  const content: string
-  export default content
-}
-
-declare module "react-map-interaction" {
-  type InteractionState = {
-    scale: number
-    translation: { x: number; y: number }
-  }
-  type Props = {
-    showControls?: boolean
-    minScale?: number
-    maxScale?: number
-    value?: InteractionState
-    onChange?: (state: InteractionState) => void
-  }
-  export const MapInteractionCSS: import("react").ComponentType<Props>
-  export const MapInteraction: import("react").ComponentType<
-    Props & {
-      children: (params: InteractionState) => React.ReactNode
-    }
-  >
-}