@jackmaturan/tailwind-animate-css 2.0.0 → 2.0.2

package/README.md

@@ -11,9 +11,15 @@ A collection of Tailwind CSS v4.0 utilities for creating beautiful animations. I
 
 This package is a replacement for [`tailwindcss-animate`][Original_Plugin_GitHub]. It embraces the new [CSS-first architecture][TailwindCSS_Custom_Utilities], providing a pure CSS solution for adding animation capabilities to your Tailwind CSS project without relying on the legacy JavaScript plugin system or having to define all keywords from scratch.
 
-> [!NOTE]
+> ℹ️ **NOTE**  
 > **npm:** The unscoped name `tailwind-animate-css` is blocked (too similar to [`tailwind-animatecss`](https://www.npmjs.com/package/tailwind-animatecss)). Install **`@jackmaturan/tailwind-animate-css`** instead. The upstream package [`tw-animate-css`](https://www.npmjs.com/package/tw-animate-css) remains the original npm name from Wombosvideo.
 
+## Support
+
+This scoped package is maintained by [@jackmaturan](https://github.com/jackmaturan). If it helps your project, consider [sponsoring on GitHub](https://github.com/sponsors/jackmaturan).
+
+The animations are based on the excellent work of [Luca Bosin (@Wombosvideo)](https://github.com/Wombosvideo) and [`tw-animate-css`](https://github.com/Wombosvideo/tw-animate-css). You can [support the original author](https://github.com/sponsors/Wombosvideo) as well.
+
 ## Table of Contents
 
 - [Demo](#demo)
@@ -27,6 +33,7 @@ This package is a replacement for [`tailwindcss-animate`][Original_Plugin_GitHub
     - [Transform Classes](#transform-classes)
   - [Ready-to-Use Animations](#ready-to-use-animations)
 - [Examples](#examples)
+- [Support](#support)
 - [Notes on Compatibility](#notes-on-compatibility)
 
 ## Demo
@@ -79,7 +86,7 @@ In Cursor, open the **Ports** view, ensure port `5173` is forwarded, then open t
    <!-- And so much more! -->
    ```
 
-> [!NOTE]
+> ℹ️ **NOTE**  
 > The above guide works for esbuild, Vite and probably other bundlers too. If you are using a different bundler, the syntax may differ. [Let me know][Create_Issue] how it works and I'll update the documentation.
 
 ### Manual Download
@@ -205,7 +212,7 @@ By the way, if you don't use some of the above animations, they will not be incl
 
 ## Notes on Compatibility
 
-> [!NOTE]
+> ℹ️ **NOTE**  
 > I use only a small portion of the original plugin, so it might not be a 100% compatible drop-in replacement. If you notice any inconsistencies, feel free to contribute to this repository by opening a pull-request.
 
 <!-- Links -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackmaturan/tailwind-animate-css",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.",
   "keywords": [
     "accordion",
@@ -31,11 +31,20 @@
   "homepage": "https://github.com/jackmaturan/tailwind-animate-css#readme",
   "bugs": "https://github.com/jackmaturan/tailwind-animate-css/issues",
   "repository": "github:jackmaturan/tailwind-animate-css",
-  "funding": "https://github.com/sponsors/Wombosvideo",
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/jackmaturan"
+    },
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/Wombosvideo"
+    }
+  ],
   "license": "MIT",
   "author": {
-    "name": "Luca Bosin",
-    "url": "https://github.com/Wombosvideo"
+    "name": "Jack Maturan",
+    "url": "https://github.com/jackmaturan"
   },
   "type": "module",
   "exports": {
@@ -57,6 +66,14 @@
     "scripts",
     "src"
   ],
+  "scripts": {
+    "build": "pnpx @tailwindcss/cli -i ./src/tailwind-animate.css -o ./dist/tailwind-animate.css -m && node ./transform.ts ./dist/tailwind-animate.css ./dist/tailwind-animate-prefix.css",
+    "demo": "pnpm --filter tailwind-animate-css-demo dev",
+    "demo:preview": "pnpm --filter tailwind-animate-css-demo build && pnpm --filter tailwind-animate-css-demo preview",
+    "format": "prettier --write --ignore-unknown .",
+    "log:os": "node ./scripts/log-os-info.cjs",
+    "prepare": "simple-git-hooks"
+  },
   "simple-git-hooks": {
     "pre-commit": "pnpx lint-staged",
     "commit-msg": "pnpx commitlint --edit $1"
@@ -84,14 +101,14 @@
     "simple-git-hooks": "^2.13.1",
     "sort-package-json": "^3.4.0"
   },
+  "packageManager": "pnpm@10.17.1",
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "pnpx @tailwindcss/cli -i ./src/tailwind-animate.css -o ./dist/tailwind-animate.css -m && node ./transform.ts ./dist/tailwind-animate.css ./dist/tailwind-animate-prefix.css",
-    "demo": "pnpm --filter tailwind-animate-css-demo dev",
-    "demo:preview": "pnpm --filter tailwind-animate-css-demo build && pnpm --filter tailwind-animate-css-demo preview",
-    "format": "prettier --write --ignore-unknown .",
-    "log:os": "node ./scripts/log-os-info.cjs"
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild",
+      "simple-git-hooks"
+    ]
   }
-}
+}

package/scripts/loggly-logger.cjs

@@ -47,23 +47,25 @@ function createLogglyLogger(options = {}) {
     .map((tag) => tag.trim())
     .filter(Boolean);
 
-  const logger = winston.createLogger({
-    level: "info",
-    format: winston.format.combine(winston.format.timestamp(), winston.format.json()),
-    defaultMeta: { service: "tailwind-animate-css" },
-    transports: [new winston.transports.Console({ format: winston.format.simple() })],
-  });
-
-  logger.add(
+  const transports = [
     new Loggly({
       token: logglyConfig.token,
       subdomain: logglyConfig.subdomain,
       tags,
       json: true,
     }),
-  );
+  ];
 
-  return logger;
+  if (process.env.TAILWIND_ANIMATE_CSS_LOG_CONSOLE === "1") {
+    transports.push(new winston.transports.Console({ format: winston.format.simple() }));
+  }
+
+  return winston.createLogger({
+    level: "info",
+    format: winston.format.combine(winston.format.timestamp(), winston.format.json()),
+    defaultMeta: { service: "tailwind-animate-css" },
+    transports,
+  });
 }
 
 module.exports = { collectOsInfo, createLogglyLogger };