@jmlweb/postcss-config 0.0.0

package/README.md

@@ -0,0 +1,102 @@
+# @jmlweb/postcss-config
+
+[![npm version](https://img.shields.io/npm/v/@jmlweb/postcss-config)](https://www.npmjs.com/package/@jmlweb/postcss-config)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![Node.js](https://img.shields.io/badge/Node.js-%3E%3D18.0.0-339933.svg)](https://nodejs.org/)
+
+> PostCSS configuration for Tailwind CSS projects. Includes Tailwind CSS and Autoprefixer plugins with sensible defaults.
+
+## Features
+
+- Tailwind CSS plugin for utility-first CSS
+- Autoprefixer for automatic vendor prefixes
+- Zero configuration needed
+- Works with PostCSS 8+
+
+## Installation
+
+```bash
+npm install --save-dev @jmlweb/postcss-config postcss tailwindcss autoprefixer
+```
+
+## Quick Start
+
+### Option 1: Using `postcss.config.js` (Recommended)
+
+Create a `postcss.config.js` file in your project root:
+
+```javascript
+export { default } from '@jmlweb/postcss-config';
+```
+
+Or for CommonJS:
+
+```javascript
+module.exports = require('@jmlweb/postcss-config').default;
+```
+
+### Option 2: Direct Import
+
+```javascript
+// postcss.config.js
+import config from '@jmlweb/postcss-config';
+
+export default config;
+```
+
+## Configuration
+
+This package provides a PostCSS configuration with the following plugins:
+
+| Plugin         | Description                       |
+| -------------- | --------------------------------- |
+| `tailwindcss`  | Utility-first CSS framework       |
+| `autoprefixer` | Adds vendor prefixes to CSS rules |
+
+## Extending the Configuration
+
+You can extend this config for project-specific needs:
+
+```javascript
+// postcss.config.js
+import config from '@jmlweb/postcss-config';
+
+export default {
+  ...config,
+  plugins: {
+    ...config.plugins,
+    // Add additional plugins
+    'postcss-import': {},
+  },
+};
+```
+
+## Requirements
+
+- **Node.js** >= 18.0.0
+- **PostCSS** >= 8.0.0
+- **Tailwind CSS** >= 3.0.0
+- **Autoprefixer** >= 10.0.0
+
+## Peer Dependencies
+
+This package requires the following peer dependencies:
+
+- `postcss` (>= 8.0.0)
+- `tailwindcss` (>= 3.0.0 or >= 4.0.0)
+- `autoprefixer` (>= 10.0.0)
+
+## Examples
+
+See real-world usage examples:
+
+- [`example-react-typescript-app`](../../apps/example-react-typescript-app) - React TypeScript app with Tailwind CSS
+
+## Related Packages
+
+- [`@jmlweb/prettier-config-tailwind`](../prettier-config-tailwind) - Prettier config with Tailwind class sorting
+- [`@jmlweb/eslint-config-react`](../eslint-config-react) - ESLint config for React projects
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+var config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+};
+var index_default = config;

package/dist/index.d.cts

@@ -0,0 +1,5 @@
+import { Config } from 'postcss-load-config';
+
+declare const config: Config;
+
+export { config as default };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { Config } from 'postcss-load-config';
+
+declare const config: Config;
+
+export { config as default };

package/dist/index.js

@@ -0,0 +1,11 @@
+// src/index.ts
+var config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+};
+var index_default = config;
+export {
+  index_default as default
+};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@jmlweb/postcss-config",
+  "version": "0.0.0",
+  "description": "PostCSS configuration for jmlweb projects with Tailwind CSS and Autoprefixer",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "keywords": [
+    "autoprefixer",
+    "postcss",
+    "postcss-config",
+    "tailwind",
+    "tailwindcss"
+  ],
+  "author": "jmlweb",
+  "license": "MIT",
+  "repository": "jmlweb/tooling.git",
+  "bugs": "https://github.com/jmlweb/tooling/issues",
+  "homepage": "https://github.com/jmlweb/tooling/tree/main/packages/postcss-config#readme",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "autoprefixer": "^10.0.0",
+    "postcss": "^8.0.0",
+    "tailwindcss": "^3.0.0 || ^4.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.9.0",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "postcss-load-config": "^6.0.1",
+    "tailwindcss": "^3.4.15",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "@jmlweb/tsconfig-internal": "0.0.1"
+  },
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist"
+  }
+}