@remotion/tailwind 4.0.142 → 4.0.144

package/LICENSE.md

@@ -1,5 +1,9 @@
 # Remotion License
 
+In Remotion 5.0, the license will slightly change. [View the changes here](https://github.com/remotion-dev/remotion/pull/3750).
+
+---
+
 Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
 
 - [Free license](#free-license)

package/bundle.ts

@@ -0,0 +1,78 @@
+import {build} from 'bun';
+
+const output = await build({
+	entrypoints: ['src/enable.ts'],
+	naming: '[name].mjs',
+	target: 'node',
+	external: [
+		'@csstools/postcss-unset-value',
+		'@csstools/postcss-trigonometric-functions',
+		'@csstools/postcss-text-decoration-shorthand',
+		'@csstools/postcss-stepped-value-functions',
+		'@csstools/postcss-scope-pseudo-class',
+		'postcss-color-rebeccapurple',
+		'css-prefers-color-scheme',
+		'postcss-place',
+		'postcss-replace-overflow-wrap',
+		'postcss-overflow-shorthand',
+		'postcss-opacity-percentage',
+		'@csstools/postcss-oklab-function',
+		'postcss-selector-not',
+		'postcss-nesting',
+		'@csstools/postcss-nested-calc',
+		'@csstools/postcss-media-minmax',
+		'@csstools/postcss-media-queries-aspect-ratio-number-values',
+		'@csstools/postcss-logical-viewport-units',
+		'@csstools/postcss-logical-resize',
+		'postcss-logical',
+		'postcss-lab-function',
+		'@csstools/postcss-is-pseudo-class',
+		'postcss-image-set-function',
+		'@csstools/postcss-ic-unit',
+		'@csstools/postcss-hwb-function',
+		'postcss-color-hex-alpha',
+		'css-has-pseudo',
+		'@csstools/postcss-gradients-interpolation-method',
+		'postcss-gap-properties',
+		'postcss-font-variant',
+		'@csstools/postcss-font-format-keywords',
+		'postcss-focus-within',
+		'postcss-focus-visible',
+		'@csstools/postcss-logical-float-and-clear',
+		'postcss-double-position-gradients',
+		'@csstools/postcss-normalize-display-values',
+		'postcss-dir-pseudo-class',
+		'postcss-custom-selectors',
+		'postcss-custom-properties',
+		'postcss-custom-media',
+		'@csstools/postcss-color-mix-function',
+		'postcss-color-functional-notation',
+		'@csstools/postcss-color-function',
+		'postcss-clamp',
+		'postcss-attribute-case-insensitive',
+		'@csstools/postcss-cascade-layers',
+		'postcss-page-break',
+		'cssdb',
+		'@csstools/postcss-progressive-custom-properties',
+		'browserslist',
+		'postcss-initial',
+		'postcss-pseudo-class-any-link',
+		'css-blank-pseudo',
+		'postcss-pseudo-class-any-link',
+		'style-loader',
+		'tailwindcss',
+		'css-loader',
+		'autoprefixer',
+		'postcss-loader',
+		'postcss-preset-env',
+	],
+});
+
+const [file] = output.outputs;
+const text = (await file.text())
+	.replace(/jsxDEV/g, 'jsx')
+	.replace(/react\/jsx-dev-runtime/g, 'react/jsx-runtime');
+
+await Bun.write('dist/esm/index.mjs', text);
+
+export {};

package/dist/esm/index.mjs

@@ -1,42 +1,37 @@
-import {createRequire} from "module";
-const require = createRequire(import.meta.url);
+import {createRequire} from "node:module";
+var __require = createRequire(import.meta.url);
 
-/**
- * @description A function that modifies the default Webpack configuration to make the necessary changes to support Tailwind.
- * @see [Documentation](https://www.remotion.dev/docs/tailwind/enable-tailwind)
- */
-const enableTailwind = (currentConfiguration) => {
-    var _a;
-    return {
-        ...currentConfiguration,
-        module: {
-            ...currentConfiguration.module,
-            rules: [
-                ...(((_a = currentConfiguration.module) === null || _a === void 0 ? void 0 : _a.rules)
-                    ? currentConfiguration.module.rules
-                    : []).filter((rule) => { var _a; return rule !== '...' && !((_a = rule.test) === null || _a === void 0 ? void 0 : _a.toString().includes('.css')); }),
-                {
-                    test: /\.css$/i,
-                    use: [
-                        require.resolve('style-loader'),
-                        require.resolve('css-loader'),
-                        {
-                            loader: require.resolve('postcss-loader'),
-                            options: {
-                                postcssOptions: {
-                                    plugins: [
-                                        require.resolve('postcss-preset-env'),
-                                        require.resolve('tailwindcss'),
-                                        require.resolve('autoprefixer'),
-                                    ],
-                                },
-                            },
-                        },
-                    ],
-                },
-            ],
-        },
-    };
+// src/enable.ts
+var enableTailwind = (currentConfiguration) => {
+  return {
+    ...currentConfiguration,
+    module: {
+      ...currentConfiguration.module,
+      rules: [
+        ...(currentConfiguration.module?.rules ? currentConfiguration.module.rules : []).filter((rule) => rule !== "..." && !rule.test?.toString().includes(".css")),
+        {
+          test: /\.css$/i,
+          use: [
+            __require.resolve("style-loader"),
+            __require.resolve("css-loader"),
+            {
+              loader: __require.resolve("postcss-loader"),
+              options: {
+                postcssOptions: {
+                  plugins: [
+                    __require.resolve("postcss-preset-env"),
+                    __require.resolve("tailwindcss"),
+                    __require.resolve("autoprefixer")
+                  ]
+                }
+              }
+            }
+          ]
+        }
+      ]
+    }
+  };
+};
+export {
+  enableTailwind
 };
-
-export { enableTailwind };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/tailwind",
-  "version": "4.0.142",
+  "version": "4.0.144",
   "description": "Utilities for using tailwind css in Remotion",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -25,19 +25,16 @@
     "tailwindcss": "^3.3.2"
   },
   "peerDependencies": {
-    "@remotion/bundler": "4.0.142"
+    "@remotion/bundler": "4.0.144"
   },
   "devDependencies": {
     "@jonny/eslint-config": "3.0.281",
-    "@rollup/plugin-typescript": "^8.2.0",
     "@types/node": "18.14.6",
     "autoprefixer": "^10.4.14",
     "eslint": "8.56.0",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
-    "rollup": "^2.70.1",
-    "rollup-plugin-banner2": "^1.2.2",
-    "@remotion/bundler": "4.0.142"
+    "@remotion/bundler": "4.0.144"
   },
   "keywords": [
     "remotion",
@@ -58,6 +55,6 @@
   "scripts": {
     "lint": "eslint src --ext ts,tsx",
     "watch": "tsc -w",
-    "build": "rollup --config rollup.config.js && tsc -d"
+    "build": "bun bundle.ts && tsc -d"
   }
 }

package/dist/esm/enable.d.ts

@@ -1,6 +0,0 @@
-import type { WebpackOverrideFn } from '@remotion/bundler';
-/**
- * @description A function that modifies the default Webpack configuration to make the necessary changes to support Tailwind.
- * @see [Documentation](https://www.remotion.dev/docs/tailwind/enable-tailwind)
- */
-export declare const enableTailwind: WebpackOverrideFn;

package/dist/esm/index.d.ts

@@ -1 +0,0 @@
-export { enableTailwind } from './enable';