Workspaces (#6)

* Add workspace

.changeset/chilly-eagles-carry.md

@@ -1,5 +1,5 @@
 ---
-"@alexaka1/tailwindcss-oklch": patch
+'@alexaka1/tailwindcss-oklch': patch
 ---
 
 Initial release

examples/index.html

@@ -316,7 +316,11 @@ <h2 class="font-bold text-lg mb-2">Automatic dark/light themes</h2>
         >.
       </p>
     </footer>
-    <script src="https://colorjs.io/dist/color.global.js" integrity="sha384-WsXq89XbYSmhaUQB8w5AS6Pp+Tf4v8Klxi3vtqH0SJSBcVkUg/lg6bGJxpVamrCm" crossorigin="anonymous"></script>
+    <script
+      src="https://colorjs.io/dist/color.global.js"
+      integrity="sha384-WsXq89XbYSmhaUQB8w5AS6Pp+Tf4v8Klxi3vtqH0SJSBcVkUg/lg6bGJxpVamrCm"
+      crossorigin="anonymous"
+    ></script>
     <script>
       const root = document.documentElement;
       document.querySelectorAll('[data-color]').forEach((input) => {

examples/package.json

@@ -9,8 +9,5 @@
     "dev": "tailwindcss -i ./src/main.css -o ./dist/main.css --watch"
   },
   "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "tailwindcss": "workspace:*"
-  }
+  "license": "ISC"
 }

examples/tailwind.config.js

@@ -4,7 +4,7 @@ const defaultTheme = require('tailwindcss/defaultTheme');
 
 module.exports = {
   content: ['index.html'],
-  plugins: [require('../src')()],
+  plugins: [require('../src/tailwindcss-oklch/src')()],
   theme: {
     extend: {
       colors: {

package.json

@@ -1,41 +1,24 @@
 {
-  "name": "@alexaka1/tailwindcss-oklch",
+  "name": "root",
   "version": "0.0.0",
+  "private": true,
   "packageManager": "[email protected]+sha256.c557b24d2298d9b5e3be7086ebf55a28253b008324d545f72645a6de89844102",
-  "description": "Bring OKLCH colors to tailwind and introduces handy color utilities",
   "author": "Alex Martossy <[email protected]>",
   "license": "MIT",
-  "repository": "https://github.com/alexaka1/tailwindcss-oklch",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "release": "pnpm run build && changeset publish",
-    "lint": "tsc",
+    "build": "pnpm --filter tailwindcss-oklch run build",
+    "release": "pnpm --filter tailwindcss-oklch run release",
+    "lint": "pnpm --filter tailwindcss-oklch run lint ",
     "fmt": "prettier --check . --experimental-ternaries",
     "fmt:fix": "prettier --write . --experimental-ternaries",
     "changeset": "changeset",
     "version": "changeset version"
   },
-  "dependencies": {
-    "colorjs.io": "^0.5.0"
-  },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
     "prettier": "^3.2.5",
     "tailwindcss": "^3.4.3",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "keywords": [
-    "tailwind",
-    "tailwindcss",
-    "oklch",
-    "colors",
-    "color contrast"
-  ]
+  }
 }

pnpm-workspace.yaml

@@ -1,3 +1,4 @@
 packages:
   # examples
   - 'examples/*'
+  - 'src/*'

src/tailwindcss-oklch/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@alexaka1/tailwindcss-oklch",
+  "version": "0.0.0",
+  "private": false,
+  "description": "Bring OKLCH colors to tailwind and introduces handy color utilities",
+  "repository": "https://github.com/alexaka1/tailwindcss-oklch",
+  "author": "Alex Martossy <[email protected]>",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "release": "pnpm run build && changeset publish",
+    "lint": "tsc"
+  },
+  "dependencies": {
+    "colorjs.io": "^0.5.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "tailwind",
+    "tailwindcss",
+    "oklch",
+    "colors",
+    "color contrast"
+  ]
+}