fix: theme not published (#1)

hussmartinez · web-flow · commit f912011edfe5 · 2025-01-27T20:58:20.000+01:00
diff --git a/.changeset/olive-toes-change.md b/.changeset/olive-toes-change.md
@@ -0,0 +1,7 @@
+---
+"@gitcoin/config": patch
+"@gitcoin/themes": patch
+"@gitcoin/ui": patch
+---
+
+fix: theme not published
diff --git a/packages/config/package.json b/packages/config/package.json
@@ -6,7 +6,6 @@
     "url": "https://github.com/gitcoinco/core",
     "directory": "packages/config"
   },
-  "private": true,
   "license": "AGPL-3.0",
   "scripts": {
     "lint": "eslint . --max-warnings 0",
diff --git a/packages/themes/colors/index.ts b/packages/themes/colors/index.ts
diff --git a/packages/themes/package.json b/packages/themes/package.json
@@ -6,21 +6,38 @@
     "url": "https://github.com/gitcoinco/core",
     "directory": "packages/themes"
   },
-  "private": true,
   "license": "AGPL-3.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
     "lint": "eslint . --max-warnings 0",
     "clean": "rm -rf .turbo node_modules dist"
   },
   "exports": {
-    "./gitcoin-theme": "./tailwind.config.ts",
-    "./gitcoin-colors": "./colors/colors.ts"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./gitcoin": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@gitcoin/config": "workspace:*",
     "tailwind-variants": "^0.2.1",
     "tailwindcss": "^3.4.14",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^8.0.2",
+    "typescript": "5.5.4"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/themes/src/gitcoin/colors.ts b/packages/themes/src/gitcoin/colors.ts
@@ -1,4 +1,4 @@
-import { Colors, ColorSet } from "./types";
+import { Colors, ColorSet } from "../types";
 
 const black = "#000000";
 const white = "#ffffff";
diff --git a/packages/themes/src/gitcoin/index.ts b/packages/themes/src/gitcoin/index.ts
@@ -0,0 +1,2 @@
+export * from "./colors";
+export * from "./tailwind.config";
diff --git a/packages/themes/src/gitcoin/tailwind.config.ts b/packages/themes/src/gitcoin/tailwind.config.ts
@@ -3,7 +3,7 @@ import tailwindcssAnimate from "tailwindcss-animate";
 
 import { colors } from "./colors";
 
-const config: Omit<Config, "content"> = {
+export const tailwindConfig: Omit<Config, "content"> = {
   darkMode: ["class", "[data-mode='dark']"],
   theme: {
     colors,
@@ -74,5 +74,3 @@ const config: Omit<Config, "content"> = {
   },
   plugins: [tailwindcssAnimate],
 } satisfies Omit<Config, "content">;
-
-export default config;
diff --git a/packages/themes/src/types.ts b/packages/themes/src/types.ts
diff --git a/packages/themes/tsconfig.json b/packages/themes/tsconfig.json
@@ -1,8 +1,10 @@
 {
   "extends": "@gitcoin/config/tsconfig-react.json",
   "compilerOptions": {
-    "outDir": "dist"
+    "outDir": "dist",
+    "resolveJsonModule": true,
+    "esModuleInterop": true
   },
-  "include": ["tailwind.config.ts"],
+  "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/themes/tsup.config.ts b/packages/themes/tsup.config.ts
@@ -0,0 +1,11 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/gitcoin/index.ts"],
+  format: ["esm", "cjs"],
+  dts: true,
+  clean: true,
+  external: ["tailwindcss"],
+  treeshake: true,
+  sourcemap: true,
+});
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
@@ -1,9 +1,9 @@
 import { withTV } from "tailwind-variants/transformer";
 import type { Config } from "tailwindcss";
-import sharedConfig from "@gitcoin/themes/gitcoin-theme"
+import { tailwindConfig } from "@gitcoin/themes"
 
 
 export default withTV<Pick<Config, "content" | "presets">>({
   content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
-  presets: [sharedConfig],
+  presets: [tailwindConfig],
 }) satisfies Config;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Colors, ColorSet } from "./types";`
	`1`	`+import { Colors, ColorSet } from "../types";`
`2`	`2`
`3`	`3`	`const black = "#000000";`
`4`	`4`	`const white = "#ffffff";`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+export * from "./colors";`
	`2`	`+export * from "./tailwind.config";`
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,10 @@`
`1`	`1`	`{`
`2`	`2`	`"extends": "@gitcoin/config/tsconfig-react.json",`
`3`	`3`	`"compilerOptions": {`
`4`		`- "outDir": "dist"`
	`4`	`+ "outDir": "dist",`
	`5`	`+ "resolveJsonModule": true,`
	`6`	`+ "esModuleInterop": true`
`5`	`7`	`},`
`6`		`- "include": ["tailwind.config.ts"],`
	`8`	`+ "include": ["src/*/"],`
`7`	`9`	`"exclude": ["node_modules", "dist"]`
`8`	`10`	`}`