@remotion/tailwind 4.0.142 → 4.0.143

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/bundle.ts +76 -0
  2. package/dist/esm/index.mjs +35 -40
  3. package/package.json +4 -7
package/bundle.ts ADDED
@@ -0,0 +1,76 @@
1
+ import {build} from 'bun';
2
+
3
+ const output = await build({
4
+ entrypoints: ['src/enable.ts'],
5
+ naming: '[name].mjs',
6
+ target: 'node',
7
+ external: [
8
+ '@csstools/postcss-unset-value',
9
+ '@csstools/postcss-trigonometric-functions',
10
+ '@csstools/postcss-text-decoration-shorthand',
11
+ '@csstools/postcss-stepped-value-functions',
12
+ '@csstools/postcss-scope-pseudo-class',
13
+ 'postcss-color-rebeccapurple',
14
+ 'css-prefers-color-scheme',
15
+ 'postcss-place',
16
+ 'postcss-replace-overflow-wrap',
17
+ 'postcss-overflow-shorthand',
18
+ 'postcss-opacity-percentage',
19
+ '@csstools/postcss-oklab-function',
20
+ 'postcss-selector-not',
21
+ 'postcss-nesting',
22
+ '@csstools/postcss-nested-calc',
23
+ '@csstools/postcss-media-minmax',
24
+ '@csstools/postcss-media-queries-aspect-ratio-number-values',
25
+ '@csstools/postcss-logical-viewport-units',
26
+ '@csstools/postcss-logical-resize',
27
+ 'postcss-logical',
28
+ 'postcss-lab-function',
29
+ '@csstools/postcss-is-pseudo-class',
30
+ 'postcss-image-set-function',
31
+ '@csstools/postcss-ic-unit',
32
+ '@csstools/postcss-hwb-function',
33
+ 'postcss-color-hex-alpha',
34
+ 'css-has-pseudo',
35
+ '@csstools/postcss-gradients-interpolation-method',
36
+ 'postcss-gap-properties',
37
+ 'postcss-font-variant',
38
+ '@csstools/postcss-font-format-keywords',
39
+ 'postcss-focus-within',
40
+ 'postcss-focus-visible',
41
+ '@csstools/postcss-logical-float-and-clear',
42
+ 'postcss-double-position-gradients',
43
+ '@csstools/postcss-normalize-display-values',
44
+ 'postcss-dir-pseudo-class',
45
+ 'postcss-custom-selectors',
46
+ 'postcss-custom-properties',
47
+ 'postcss-custom-media',
48
+ '@csstools/postcss-color-mix-function',
49
+ 'postcss-color-functional-notation',
50
+ '@csstools/postcss-color-function',
51
+ 'postcss-clamp',
52
+ 'postcss-attribute-case-insensitive',
53
+ '@csstools/postcss-cascade-layers',
54
+ 'postcss-page-break',
55
+ 'cssdb',
56
+ '@csstools/postcss-progressive-custom-properties',
57
+ 'browserslist',
58
+ 'postcss-initial',
59
+ 'postcss-pseudo-class-any-link',
60
+ 'css-blank-pseudo',
61
+ 'postcss-pseudo-class-any-link',
62
+ 'style-loader',
63
+ 'tailwindcss',
64
+ 'css-loader',
65
+ 'autoprefixer',
66
+ 'postcss-loader',
67
+ 'postcss-preset-env',
68
+ ],
69
+ });
70
+
71
+ const [file] = output.outputs;
72
+ const text = await file.text();
73
+
74
+ await Bun.write('dist/esm/index.mjs', text);
75
+
76
+ export {};
package/dist/esm/index.mjs CHANGED
@@ -1,42 +1,37 @@
1
- import {createRequire} from "module";
2
- const require = createRequire(import.meta.url);
1
+ import {createRequire} from "node:module";
2
+ var __require = createRequire(import.meta.url);
3
3
 
4
- /**
5
- * @description A function that modifies the default Webpack configuration to make the necessary changes to support Tailwind.
6
- * @see [Documentation](https://www.remotion.dev/docs/tailwind/enable-tailwind)
7
- */
8
- const enableTailwind = (currentConfiguration) => {
9
- var _a;
10
- return {
11
- ...currentConfiguration,
12
- module: {
13
- ...currentConfiguration.module,
14
- rules: [
15
- ...(((_a = currentConfiguration.module) === null || _a === void 0 ? void 0 : _a.rules)
16
- ? currentConfiguration.module.rules
17
- : []).filter((rule) => { var _a; return rule !== '...' && !((_a = rule.test) === null || _a === void 0 ? void 0 : _a.toString().includes('.css')); }),
18
- {
19
- test: /\.css$/i,
20
- use: [
21
- require.resolve('style-loader'),
22
- require.resolve('css-loader'),
23
- {
24
- loader: require.resolve('postcss-loader'),
25
- options: {
26
- postcssOptions: {
27
- plugins: [
28
- require.resolve('postcss-preset-env'),
29
- require.resolve('tailwindcss'),
30
- require.resolve('autoprefixer'),
31
- ],
32
- },
33
- },
34
- },
35
- ],
36
- },
37
- ],
38
- },
39
- };
4
+ // src/enable.ts
5
+ var enableTailwind = (currentConfiguration) => {
6
+ return {
7
+ ...currentConfiguration,
8
+ module: {
9
+ ...currentConfiguration.module,
10
+ rules: [
11
+ ...(currentConfiguration.module?.rules ? currentConfiguration.module.rules : []).filter((rule) => rule !== "..." && !rule.test?.toString().includes(".css")),
12
+ {
13
+ test: /\.css$/i,
14
+ use: [
15
+ __require.resolve("style-loader"),
16
+ __require.resolve("css-loader"),
17
+ {
18
+ loader: __require.resolve("postcss-loader"),
19
+ options: {
20
+ postcssOptions: {
21
+ plugins: [
22
+ __require.resolve("postcss-preset-env"),
23
+ __require.resolve("tailwindcss"),
24
+ __require.resolve("autoprefixer")
25
+ ]
26
+ }
27
+ }
28
+ }
29
+ ]
30
+ }
31
+ ]
32
+ }
33
+ };
34
+ };
35
+ export {
36
+ enableTailwind
40
37
  };
41
-
42
- export { enableTailwind };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/tailwind",
3
- "version": "4.0.142",
3
+ "version": "4.0.143",
4
4
  "description": "Utilities for using tailwind css in Remotion",
5
5
  "main": "dist/cjs/index.js",
6
6
  "types": "dist/cjs/index.d.ts",
@@ -25,19 +25,16 @@
25
25
  "tailwindcss": "^3.3.2"
26
26
  },
27
27
  "peerDependencies": {
28
- "@remotion/bundler": "4.0.142"
28
+ "@remotion/bundler": "4.0.143"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@jonny/eslint-config": "3.0.281",
32
- "@rollup/plugin-typescript": "^8.2.0",
33
32
  "@types/node": "18.14.6",
34
33
  "autoprefixer": "^10.4.14",
35
34
  "eslint": "8.56.0",
36
35
  "prettier": "3.2.5",
37
36
  "prettier-plugin-organize-imports": "3.2.4",
38
- "rollup": "^2.70.1",
39
- "rollup-plugin-banner2": "^1.2.2",
40
- "@remotion/bundler": "4.0.142"
37
+ "@remotion/bundler": "4.0.143"
41
38
  },
42
39
  "keywords": [
43
40
  "remotion",
@@ -58,6 +55,6 @@
58
55
  "scripts": {
59
56
  "lint": "eslint src --ext ts,tsx",
60
57
  "watch": "tsc -w",
61
- "build": "rollup --config rollup.config.js && tsc -d"
58
+ "build": "bun bundle.ts && tsc -d"
62
59
  }
63
60
  }