@remotion/promo-pages 4.0.331 → 4.0.333
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.
- package/.turbo/turbo-make.log +2 -2
- package/dist/Homepage.js +47 -11
- package/dist/homepage/Pricing.js +19 -5
- package/package.json +10 -10
- package/src/components/homepage/CommunityStatsItems.tsx +4 -4
- package/src/components/homepage/FreePricing.tsx +16 -2
- package/src/components/homepage/ParameterizeAndEdit.tsx +17 -0
package/.turbo/turbo-make.log
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
> @remotion/promo-pages@4.0.
|
|
3
|
+
> @remotion/promo-pages@4.0.333 make /Users/jonathanburger/remotion/packages/promo-pages
|
|
4
4
|
> bun --env-file=../.env.bundle bundle.ts
|
|
5
5
|
|
|
6
6
|
≈ tailwindcss v4.1.1
|
|
7
7
|
|
|
8
|
-
Done in
|
|
8
|
+
Done in 97ms
|
package/dist/Homepage.js
CHANGED
|
@@ -735,7 +735,7 @@ var __defProp2, __export2 = (target, all) => {
|
|
|
735
735
|
});
|
|
736
736
|
}, useIsPlayer = () => {
|
|
737
737
|
return useContext(IsPlayerContext);
|
|
738
|
-
}, VERSION = "4.0.
|
|
738
|
+
}, VERSION = "4.0.333", checkMultipleRemotionVersions = () => {
|
|
739
739
|
if (typeof globalThis === "undefined") {
|
|
740
740
|
return;
|
|
741
741
|
}
|
|
@@ -8301,23 +8301,37 @@ var EnterpriseLicense = () => {
|
|
|
8301
8301
|
checked: true
|
|
8302
8302
|
}),
|
|
8303
8303
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
8304
|
-
text: "
|
|
8304
|
+
text: "Private Slack or Discord",
|
|
8305
8305
|
checked: true
|
|
8306
8306
|
}),
|
|
8307
8307
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
8308
|
-
text: "
|
|
8308
|
+
text: "Monthly consulting session",
|
|
8309
8309
|
checked: true
|
|
8310
8310
|
}),
|
|
8311
8311
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
8312
|
-
text: "
|
|
8312
|
+
text: "Custom terms, billing and pricing",
|
|
8313
8313
|
checked: true
|
|
8314
8314
|
}),
|
|
8315
8315
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
8316
|
-
text: "
|
|
8316
|
+
text: "Compliance forms",
|
|
8317
8317
|
checked: true
|
|
8318
8318
|
}),
|
|
8319
8319
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
8320
|
-
text: "
|
|
8320
|
+
text: "Prioritized feature requests",
|
|
8321
|
+
checked: true
|
|
8322
|
+
}),
|
|
8323
|
+
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
8324
|
+
text: /* @__PURE__ */ jsxs4("span", {
|
|
8325
|
+
children: [
|
|
8326
|
+
/* @__PURE__ */ jsx4("a", {
|
|
8327
|
+
href: "https://www.remotion.dev/editor-starter",
|
|
8328
|
+
className: "underline underline-offset-4 text-inherit",
|
|
8329
|
+
children: "Editor Starter"
|
|
8330
|
+
}),
|
|
8331
|
+
" ",
|
|
8332
|
+
"included"
|
|
8333
|
+
]
|
|
8334
|
+
}),
|
|
8321
8335
|
checked: true
|
|
8322
8336
|
}),
|
|
8323
8337
|
/* @__PURE__ */ jsx4("div", {
|
|
@@ -11313,7 +11327,7 @@ var InstallsPerMonth = () => {
|
|
|
11313
11327
|
},
|
|
11314
11328
|
children: [
|
|
11315
11329
|
/* @__PURE__ */ jsx7(StatItemContent, {
|
|
11316
|
-
content: "
|
|
11330
|
+
content: "400k",
|
|
11317
11331
|
width: "100px",
|
|
11318
11332
|
fontSize: "2.5rem",
|
|
11319
11333
|
fontWeight: "bold"
|
|
@@ -11365,7 +11379,7 @@ var PagesOfDocs = () => {
|
|
|
11365
11379
|
width: "40px"
|
|
11366
11380
|
}),
|
|
11367
11381
|
/* @__PURE__ */ jsx7(StatItemContent, {
|
|
11368
|
-
content: "
|
|
11382
|
+
content: "700",
|
|
11369
11383
|
width: "85px",
|
|
11370
11384
|
maxWidth: "100px",
|
|
11371
11385
|
fontSize: "2.5rem",
|
|
@@ -11421,7 +11435,7 @@ var GitHubStars = () => {
|
|
|
11421
11435
|
width: "45px"
|
|
11422
11436
|
}),
|
|
11423
11437
|
/* @__PURE__ */ jsx7(StatItemContent, {
|
|
11424
|
-
content: "
|
|
11438
|
+
content: "23k",
|
|
11425
11439
|
width: "80px",
|
|
11426
11440
|
fontSize: "2.5rem",
|
|
11427
11441
|
fontWeight: "bold"
|
|
@@ -11526,7 +11540,7 @@ var Contributors = () => {
|
|
|
11526
11540
|
},
|
|
11527
11541
|
children: [
|
|
11528
11542
|
/* @__PURE__ */ jsx7(StatItemContent, {
|
|
11529
|
-
content: "
|
|
11543
|
+
content: "270",
|
|
11530
11544
|
width: "100px",
|
|
11531
11545
|
fontSize: "2.5rem",
|
|
11532
11546
|
fontWeight: "bold"
|
|
@@ -13656,6 +13670,10 @@ var Checkmark = () => /* @__PURE__ */ jsx73("svg", {
|
|
|
13656
13670
|
d: "M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"
|
|
13657
13671
|
})
|
|
13658
13672
|
});
|
|
13673
|
+
var formatPlaybackRate = (rate) => {
|
|
13674
|
+
const str = rate.toString();
|
|
13675
|
+
return str.includes(".") ? str : str + ".0";
|
|
13676
|
+
};
|
|
13659
13677
|
var PlaybackrateOption = ({ rate, onSelect, selectedRate, keyboardSelectedRate }) => {
|
|
13660
13678
|
const onClick = useCallback62((e) => {
|
|
13661
13679
|
e.stopPropagation();
|
|
@@ -13687,7 +13705,7 @@ var PlaybackrateOption = ({ rate, onSelect, selectedRate, keyboardSelectedRate }
|
|
|
13687
13705
|
style: checkmarkContainer,
|
|
13688
13706
|
children: rate === selectedRate ? /* @__PURE__ */ jsx73(Checkmark, {}) : null
|
|
13689
13707
|
}),
|
|
13690
|
-
rate
|
|
13708
|
+
formatPlaybackRate(rate),
|
|
13691
13709
|
"x"
|
|
13692
13710
|
]
|
|
13693
13711
|
}, rate);
|
|
@@ -19335,6 +19353,24 @@ var ParameterizeAndEdit = () => {
|
|
|
19335
19353
|
})
|
|
19336
19354
|
})
|
|
19337
19355
|
]
|
|
19356
|
+
}),
|
|
19357
|
+
/* @__PURE__ */ jsx95("br", {}),
|
|
19358
|
+
/* @__PURE__ */ jsxs39("a", {
|
|
19359
|
+
className: "no-underline text-brand font-brand font-bold inline-flex flex-row items-center",
|
|
19360
|
+
href: "/docs/editor-starter",
|
|
19361
|
+
children: [
|
|
19362
|
+
"Remotion Editor Starter",
|
|
19363
|
+
" ",
|
|
19364
|
+
/* @__PURE__ */ jsx95("svg", {
|
|
19365
|
+
style: icon3,
|
|
19366
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19367
|
+
viewBox: "0 0 448 512",
|
|
19368
|
+
children: /* @__PURE__ */ jsx95("path", {
|
|
19369
|
+
fill: "currentColor",
|
|
19370
|
+
d: "M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z"
|
|
19371
|
+
})
|
|
19372
|
+
})
|
|
19373
|
+
]
|
|
19338
19374
|
})
|
|
19339
19375
|
]
|
|
19340
19376
|
})
|
package/dist/homepage/Pricing.js
CHANGED
|
@@ -1633,23 +1633,37 @@ var EnterpriseLicense = () => {
|
|
|
1633
1633
|
checked: true
|
|
1634
1634
|
}),
|
|
1635
1635
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
1636
|
-
text: "
|
|
1636
|
+
text: "Private Slack or Discord",
|
|
1637
1637
|
checked: true
|
|
1638
1638
|
}),
|
|
1639
1639
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
1640
|
-
text: "
|
|
1640
|
+
text: "Monthly consulting session",
|
|
1641
1641
|
checked: true
|
|
1642
1642
|
}),
|
|
1643
1643
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
1644
|
-
text: "
|
|
1644
|
+
text: "Custom terms, billing and pricing",
|
|
1645
1645
|
checked: true
|
|
1646
1646
|
}),
|
|
1647
1647
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
1648
|
-
text: "
|
|
1648
|
+
text: "Compliance forms",
|
|
1649
1649
|
checked: true
|
|
1650
1650
|
}),
|
|
1651
1651
|
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
1652
|
-
text: "
|
|
1652
|
+
text: "Prioritized feature requests",
|
|
1653
|
+
checked: true
|
|
1654
|
+
}),
|
|
1655
|
+
/* @__PURE__ */ jsx4(PricingBulletPoint, {
|
|
1656
|
+
text: /* @__PURE__ */ jsxs4("span", {
|
|
1657
|
+
children: [
|
|
1658
|
+
/* @__PURE__ */ jsx4("a", {
|
|
1659
|
+
href: "https://www.remotion.dev/editor-starter",
|
|
1660
|
+
className: "underline underline-offset-4 text-inherit",
|
|
1661
|
+
children: "Editor Starter"
|
|
1662
|
+
}),
|
|
1663
|
+
" ",
|
|
1664
|
+
"included"
|
|
1665
|
+
]
|
|
1666
|
+
}),
|
|
1653
1667
|
checked: true
|
|
1654
1668
|
}),
|
|
1655
1669
|
/* @__PURE__ */ jsx4("div", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/promo-pages",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.333",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
"polished": "4.3.1",
|
|
11
11
|
"zod": "3.22.3",
|
|
12
12
|
"bun-plugin-tailwind": "0.0.15",
|
|
13
|
-
"@remotion/
|
|
14
|
-
"remotion": "4.0.
|
|
15
|
-
"@remotion/
|
|
16
|
-
"
|
|
17
|
-
"@remotion/
|
|
18
|
-
"@remotion/
|
|
19
|
-
"
|
|
20
|
-
"
|
|
13
|
+
"@remotion/animated-emoji": "4.0.333",
|
|
14
|
+
"@remotion/lottie": "4.0.333",
|
|
15
|
+
"@remotion/lambda": "4.0.333",
|
|
16
|
+
"@remotion/player": "4.0.333",
|
|
17
|
+
"@remotion/shapes": "4.0.333",
|
|
18
|
+
"@remotion/paths": "4.0.333",
|
|
19
|
+
"create-video": "4.0.333",
|
|
20
|
+
"remotion": "4.0.333"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@eslint/eslintrc": "3.1.0",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"tailwind-merge": "2.5.2",
|
|
35
35
|
"bun-plugin-tailwind": "0.0.13",
|
|
36
36
|
"clsx": "2.1.1",
|
|
37
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
37
|
+
"@remotion/eslint-config-internal": "4.0.333"
|
|
38
38
|
},
|
|
39
39
|
"repository": {
|
|
40
40
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"
|
|
@@ -66,7 +66,7 @@ export const InstallsPerMonth: React.FC = () => {
|
|
|
66
66
|
}}
|
|
67
67
|
>
|
|
68
68
|
<StatItemContent
|
|
69
|
-
content="
|
|
69
|
+
content="400k"
|
|
70
70
|
width="100px"
|
|
71
71
|
fontSize="2.5rem"
|
|
72
72
|
fontWeight="bold"
|
|
@@ -121,7 +121,7 @@ export const PagesOfDocs: React.FC = () => {
|
|
|
121
121
|
width="40px"
|
|
122
122
|
/>
|
|
123
123
|
<StatItemContent
|
|
124
|
-
content="
|
|
124
|
+
content="700"
|
|
125
125
|
width="85px"
|
|
126
126
|
maxWidth="100px"
|
|
127
127
|
fontSize="2.5rem"
|
|
@@ -177,7 +177,7 @@ export const GitHubStars: React.FC = () => {
|
|
|
177
177
|
width="45px"
|
|
178
178
|
/>
|
|
179
179
|
<StatItemContent
|
|
180
|
-
content="
|
|
180
|
+
content="23k"
|
|
181
181
|
width="80px"
|
|
182
182
|
fontSize="2.5rem"
|
|
183
183
|
fontWeight="bold"
|
|
@@ -286,7 +286,7 @@ export const Contributors: React.FC = () => {
|
|
|
286
286
|
}}
|
|
287
287
|
>
|
|
288
288
|
<StatItemContent
|
|
289
|
-
content="
|
|
289
|
+
content="270"
|
|
290
290
|
width="100px"
|
|
291
291
|
fontSize="2.5rem"
|
|
292
292
|
fontWeight="bold"
|
|
@@ -100,11 +100,25 @@ export const EnterpriseLicense: React.FC = () => {
|
|
|
100
100
|
<Audience>For advanced needs</Audience>
|
|
101
101
|
<Title>Enterprise License</Title>
|
|
102
102
|
<PricingBulletPoint text="Everything in Company License" checked />
|
|
103
|
+
<PricingBulletPoint text="Private Slack or Discord" checked />
|
|
104
|
+
<PricingBulletPoint text="Monthly consulting session" checked />
|
|
103
105
|
<PricingBulletPoint text="Custom terms, billing and pricing" checked />
|
|
104
106
|
<PricingBulletPoint text="Compliance forms" checked />
|
|
105
107
|
<PricingBulletPoint text="Prioritized feature requests" checked />
|
|
106
|
-
<PricingBulletPoint
|
|
107
|
-
|
|
108
|
+
<PricingBulletPoint
|
|
109
|
+
text={
|
|
110
|
+
<span>
|
|
111
|
+
<a
|
|
112
|
+
href="https://www.remotion.dev/editor-starter"
|
|
113
|
+
className="underline underline-offset-4 text-inherit"
|
|
114
|
+
>
|
|
115
|
+
Editor Starter
|
|
116
|
+
</a>{' '}
|
|
117
|
+
included
|
|
118
|
+
</span>
|
|
119
|
+
}
|
|
120
|
+
checked
|
|
121
|
+
/>
|
|
108
122
|
<div style={{height: 30}} />
|
|
109
123
|
<div className={'flex flex-row justify-end'}>
|
|
110
124
|
<div
|
|
@@ -82,6 +82,23 @@ export const ParameterizeAndEdit: React.FC = () => {
|
|
|
82
82
|
/>
|
|
83
83
|
</svg>
|
|
84
84
|
</a>
|
|
85
|
+
<br />
|
|
86
|
+
<a
|
|
87
|
+
className="no-underline text-brand font-brand font-bold inline-flex flex-row items-center"
|
|
88
|
+
href="/docs/editor-starter"
|
|
89
|
+
>
|
|
90
|
+
Remotion Editor Starter{' '}
|
|
91
|
+
<svg
|
|
92
|
+
style={icon}
|
|
93
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
94
|
+
viewBox="0 0 448 512"
|
|
95
|
+
>
|
|
96
|
+
<path
|
|
97
|
+
fill="currentColor"
|
|
98
|
+
d="M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z"
|
|
99
|
+
/>
|
|
100
|
+
</svg>
|
|
101
|
+
</a>
|
|
85
102
|
</div>
|
|
86
103
|
</div>
|
|
87
104
|
</div>
|