Merge pull request #1 from JustAGhosT/tembo/refactor-utility-packages-distribution

Refactor Utility Packages

Author: JustAGhosT

package.json

@@ -3,9 +3,13 @@
   "private": true,
   "version": "0.1.0",
   "type": "module",
+  "workspaces": [
+    "packages/*"
+  ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "npm run build:packages && tsc && vite build",
+    "build:packages": "npm run build --workspace=@codeflow/utils",
     "preview": "vite preview",
     "tauri": "tauri"
   },
@@ -17,6 +21,7 @@
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-opener": "^2",
     "class-variance-authority": "^0.7.0",
+    "@codeflow/utils": "workspace:*",
     "clsx": "^2.1.1",
     "js-yaml": "^4.1.1",
     "lucide-react": "^0.554.0",

packages/utils/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@codeflow/utils",
+  "version": "0.1.0",
+  "description": "Shared utility functions for CodeFlow applications",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./tailwind": {
+      "import": "./dist/tailwind.js",
+      "types": "./dist/tailwind.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.4"
+  },
+  "devDependencies": {
+    "typescript": "~5.9.3"
+  },
+  "peerDependencies": {
+    "clsx": "^2.0.0",
+    "tailwind-merge": "^2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "clsx": {
+      "optional": true
+    },
+    "tailwind-merge": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "codeflow",
+    "utils",
+    "utilities",
+    "tailwind"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JustAGhosT/codeflow-desktop.git",
+    "directory": "packages/utils"
+  }
+}

packages/utils/src/index.ts

@@ -0,0 +1,6 @@
+/**
+ * @codeflow/utils - Shared utility functions for CodeFlow applications
+ */
+
+// Re-export tailwind utilities
+export { cn, type ClassValue } from "./tailwind";

packages/utils/src/tailwind.ts

@@ -0,0 +1,16 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+/**
+ * Utility function for merging Tailwind CSS classes with proper precedence.
+ * Combines clsx for conditional classes and tailwind-merge for deduplication.
+ *
+ * @example
+ * cn("px-4 py-2", "px-6") // => "py-2 px-6"
+ * cn("bg-red-500", isActive && "bg-blue-500") // => "bg-blue-500" if isActive
+ */
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export type { ClassValue };

packages/utils/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2022", "DOM"],
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

src/lib/utils.ts

@@ -1,14 +1,5 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
 /**
- * Utility function for merging Tailwind CSS classes with proper precedence.
- * Combines clsx for conditional classes and tailwind-merge for deduplication.
- *
- * @example
- * cn("px-4 py-2", "px-6") // => "py-2 px-6"
- * cn("bg-red-500", isActive && "bg-blue-500") // => "bg-blue-500" if isActive
+ * Re-export utilities from @codeflow/utils package.
+ * This file exists for backwards compatibility with existing imports.
  */
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
+export { cn, type ClassValue } from "@codeflow/utils";