feat: migrate to external @tenphi/tasty package (#1059)

Author: tenphi

.changeset/migrate-to-external-tasty.md

@@ -0,0 +1,15 @@
+---
+"@cube-dev/ui-kit": minor
+---
+
+Migrate from internal tasty module to external `@tenphi/tasty` package.
+
+**Breaking changes:**
+- Removed sub-path exports: `@cube-dev/ui-kit/tasty/static`, `@cube-dev/ui-kit/tasty/zero`, `@cube-dev/ui-kit/tasty/zero/babel`, `@cube-dev/ui-kit/tasty/zero/next`
+- Consumers should import these directly from `@tenphi/tasty/static`, `@tenphi/tasty/zero`, `@tenphi/tasty/babel-plugin`, `@tenphi/tasty/next` instead
+
+**Internal changes:**
+- Removed internal `src/tasty/` directory (~133 files)
+- All internal imports now use `@tenphi/tasty` package
+- Fixed module augmentations in `src/tasty-augment.d.ts` to target `@tenphi/tasty` instead of removed internal modules
+- Added `isDevEnv` utility to `src/utils/is-dev-env.ts`

.cursor/rules/guidelines.mdc

@@ -41,10 +41,8 @@ Build tool: `tsdown` (config in `tsdown.config.ts`). Uses unbundled ESM output.
 
 # Stack
 
-- `tasty` style helper.
-  - `src/tasty` - sources
-  - `src/stories/Tasty.docs.mdx` - documentation
-  - `src/stories/Styles.docs.mdx` - custom tasty styles documentation
+- `tasty` style helper — external package `@tenphi/tasty`.
+  - Documentation: https://github.com/tenphi/tasty
   - `src/stories/CreateComponent.docs.mdx` - create components using tasty helper.
 - Storybook v8.6
 - React and React DOM v18

.junie/guidelines.md

@@ -34,10 +34,8 @@ Specific test: `$ pnpm test -- {TestFileName}`
 
 # Stack
 
-- `tasty` style helper.
-  - `src/tasty` - sources
-  - `src/stories/Tasty.docs.mdx` - documentation
-  - `src/stories/Styles.docs.mdx` - custom tasty styles documentation
+- `tasty` style helper — external package `@tenphi/tasty`.
+  - Documentation: https://github.com/tenphi/tasty
   - `src/stories/CreateComponent.docs.mdx` - create components using tasty helper.
 - Storybook v8.6
 - React and React DOM v18

.size-limit.cjs

@@ -27,13 +27,6 @@ module.exports = [
     path: './dist/index.js',
     webpack: true,
     import: '{ Button }',
-    limit: '62kB',
-  },
-  {
-    name: 'Tree shaking (just tasty)',
-    path: './dist/index.js',
-    webpack: true,
-    import: '{ tasty }',
-    limit: '38kB',
+    limit: '63kB',
   },
 ];

eslint.config.js

@@ -1,5 +1,6 @@
 // eslint.config.js
 import js from '@eslint/js';
+import tastyPlugin from '@tenphi/eslint-plugin-tasty';
 import tseslint from '@typescript-eslint/eslint-plugin';
 import parser from '@typescript-eslint/parser';
 import importPlugin from 'eslint-plugin-import';
@@ -13,6 +14,9 @@ export default [
   // Base JS recommended rules
   js.configs.recommended,
 
+  // Tasty styling rules
+  tastyPlugin.configs.recommended,
+
   // Base configuration for all files
   {
     files: ['**/*.{js,jsx,ts,tsx,mjs,cjs}'],

package.json

@@ -10,36 +10,19 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "packageManager": "pnpm@10.30.0",
+  "packageManager": "pnpm@10.30.3",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
-    },
-    "./tasty/static": {
-      "import": "./dist/tasty/static/index.js",
-      "types": "./dist/tasty/static/index.d.ts"
-    },
-    "./tasty/zero": {
-      "import": "./dist/tasty/zero/index.js",
-      "types": "./dist/tasty/zero/index.d.ts"
-    },
-    "./tasty/zero/babel": {
-      "import": "./dist/tasty/zero/babel.js",
-      "types": "./dist/tasty/zero/babel.d.ts"
-    },
-    "./tasty/zero/next": {
-      "import": "./dist/tasty/zero/next.js",
-      "types": "./dist/tasty/zero/next.d.ts"
     }
   },
   "files": [
     "dist/**/*.js",
     "dist/**/*.d.ts",
     "dist/**/*.map",
     "dist/README.md",
-    "dist/CHANGELOG.md",
-    "dist/tasty.config.ts"
+    "dist/CHANGELOG.md"
   ],
   "scripts": {
     "start": "pnpm storybook",
@@ -77,8 +60,6 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@babel/helper-plugin-utils": "^7.24.0",
-    "@babel/types": "^7.24.0",
     "@internationalized/date": "^3.10.1",
     "@react-aria/focus": "^3.21.3",
     "@react-aria/i18n": "^3.12.14",
@@ -91,6 +72,7 @@
     "@react-types/shared": "^3.32.1",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
+    "@tenphi/tasty": "0.5.4",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",
@@ -129,6 +111,7 @@
     "@storybook/addon-docs": "^10.2.3",
     "@storybook/addon-links": "^10.2.3",
     "@storybook/react-vite": "^10.2.3",
+    "@tenphi/eslint-plugin-tasty": "^0.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.3.0",
@@ -193,4 +176,4 @@
     "node": ">=22.14.0",
     "pnpm": "^10.0.0"
   }
-}
+}