v2.2
This commit is contained in:
20
ecosystem.config.js
Normal file
20
ecosystem.config.js
Normal file
@@ -0,0 +1,20 @@
|
||||
module.exports = {
|
||||
apps: [
|
||||
{
|
||||
name: 'nextjs-app', // 应用名称
|
||||
script: 'npm', // 使用 npm 脚本
|
||||
args: 'run start', // 启动应用的命令
|
||||
cwd: './', // 项目的路径
|
||||
watch: false, // 是否监控文件变化
|
||||
env: {
|
||||
NODE_ENV: 'production', // 生产环境变量
|
||||
},
|
||||
// 在启动前执行构建
|
||||
exec_mode: 'fork', // 使用 fork 模式
|
||||
instances: 1, // 启动的实例数量
|
||||
autorestart: true, // 自动重启
|
||||
max_memory_restart: '1G', // 内存超过 1G 时自动重启
|
||||
pre_start: 'npm run build', // 启动前执行构建
|
||||
},
|
||||
],
|
||||
};
|
||||
@@ -22,7 +22,7 @@ export default function Page() {
|
||||
className="absolute top-0 left-0 w-full h-full object-cover z-[-1]"
|
||||
>
|
||||
<source
|
||||
src="http://file.typeframes.com.cn/video_2024-09-16 11_18_33.webm"
|
||||
src="https://file.typeframes.com.cn/video_2024-09-16 11_18_33.webm"
|
||||
type="video/mp4"
|
||||
/>
|
||||
</video>
|
||||
|
||||
@@ -28,41 +28,41 @@ export default function CreateTabs() {
|
||||
value: "text",
|
||||
component: <TextVideo />,
|
||||
videoTemp:
|
||||
"http://file.typeframes.com.cn/img-to-video/cn/demo_video.webm",
|
||||
"https://file.typeframes.com.cn/img-to-video/cn/demo_video.webm",
|
||||
},
|
||||
{
|
||||
name: t("aiImageVideoGenerator"),
|
||||
value: "image",
|
||||
component: <ImageVideo />,
|
||||
videoTemp:
|
||||
"http://file.typeframes.com.cn/img-to-video/cn/demo_image.webm",
|
||||
"https://file.typeframes.com.cn/img-to-video/cn/demo_image.webm",
|
||||
},
|
||||
{
|
||||
name: t("aiTiktokVideoGenerator"),
|
||||
value: "tiktok",
|
||||
component: <Tiktok />,
|
||||
videoTemp:
|
||||
"http://file.typeframes.com.cn/create-tiktok-video/en/demo_video.webm",
|
||||
"https://file.typeframes.com.cn/create-tiktok-video/en/demo_video.webm",
|
||||
ImageTemp:
|
||||
"http://file.typeframes.com.cn/create-tiktok-video/en/demo_demo.webm",
|
||||
"https://file.typeframes.com.cn/create-tiktok-video/en/demo_demo.webm",
|
||||
},
|
||||
{
|
||||
name: t("aiTalkingAvatarVideoCreator"),
|
||||
value: "avatar",
|
||||
component: <Avatar />,
|
||||
videoTemp:
|
||||
"http://file.typeframes.com.cn/create-Avatar-video/en/demo_video.webm",
|
||||
"https://file.typeframes.com.cn/create-Avatar-video/en/demo_video.webm",
|
||||
ImageTemp:
|
||||
"http://file.typeframes.com.cn/create-Avatar-video/en/demo_video.webm",
|
||||
"https://file.typeframes.com.cn/create-Avatar-video/en/demo_video.webm",
|
||||
},
|
||||
{
|
||||
name: t("aiMusicVideoGenerator"),
|
||||
value: "music",
|
||||
component: <Music />,
|
||||
videoTemp:
|
||||
"http://file.typeframes.com.cn/music-to-video/cn/demo_video.webm",
|
||||
"https://file.typeframes.com.cn/music-to-video/cn/demo_video.webm",
|
||||
ImageTemp:
|
||||
"http://file.typeframes.com.cn/music-to-video/cn/demo_video.webm",
|
||||
"https://file.typeframes.com.cn/music-to-video/cn/demo_video.webm",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@@ -128,7 +128,7 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center gap-[25px] py-8 bg-black/80 rounded-lg shadow-lg px-8 w-[500px]">
|
||||
<div className="flex flex-col items-center gap-[25px] py-8 bg-black/80 rounded-lg shadow-lg px-8 w-[full] sm:w-[500px]">
|
||||
<div className="mt-auto w-full items-center justify-stretch flex flex-col gap-1.5">
|
||||
<GoogleLogin />
|
||||
<div className="z-0 w-[80%] relative flex justify-center items-center my-3">
|
||||
@@ -154,7 +154,10 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
>
|
||||
<span className="invisible size-2 rounded-full bg-white group-data-[checked]:visible" />
|
||||
</Radio>
|
||||
<Form.Label htmlFor="password" className="text-gray-300">
|
||||
<Form.Label
|
||||
htmlFor="password"
|
||||
className="text-gray-300"
|
||||
>
|
||||
{t("passwordLogin")}
|
||||
</Form.Label>
|
||||
</div>
|
||||
@@ -166,7 +169,10 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
>
|
||||
<span className="invisible size-2 rounded-full bg-white group-data-[checked]:visible" />
|
||||
</Radio>
|
||||
<Form.Label htmlFor="code" className="text-gray-300">
|
||||
<Form.Label
|
||||
htmlFor="code"
|
||||
className="text-gray-300"
|
||||
>
|
||||
{t("codeLogin")}
|
||||
</Form.Label>
|
||||
</div>
|
||||
@@ -180,7 +186,9 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
type="text"
|
||||
id="username"
|
||||
value={username}
|
||||
onChange={(e) => setUsername(e.target.value)}
|
||||
onChange={(e) =>
|
||||
setUsername(e.target.value)
|
||||
}
|
||||
className="h-10 input border-gray-600 bg-gray-800 outline-none focus:outline-none w-full rounded-lg text-sm text-gray-300 placeholder:text-gray-500"
|
||||
placeholder={t("emailOrPhone")}
|
||||
/>
|
||||
@@ -191,7 +199,9 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
type="password"
|
||||
id="password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
onChange={(e) =>
|
||||
setPassword(e.target.value)
|
||||
}
|
||||
className="h-10 input border-gray-600 bg-gray-800 outline-none focus:outline-none w-full rounded-lg text-sm text-gray-300 placeholder:text-gray-500"
|
||||
placeholder={t("yourPassword")}
|
||||
/>
|
||||
@@ -206,7 +216,9 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
type="tel"
|
||||
id="phone"
|
||||
value={phone}
|
||||
onChange={(e) => setPhone(e.target.value)}
|
||||
onChange={(e) =>
|
||||
setPhone(e.target.value)
|
||||
}
|
||||
className="h-10 input border-gray-600 bg-gray-800 outline-none focus:outline-none w-full rounded-lg text-sm text-gray-300 placeholder:text-gray-500"
|
||||
placeholder={t("phone")}
|
||||
/>
|
||||
@@ -217,7 +229,9 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
type="text"
|
||||
id="captcha"
|
||||
value={captcha}
|
||||
onChange={(e) => setCaptcha(e.target.value)}
|
||||
onChange={(e) =>
|
||||
setCaptcha(e.target.value)
|
||||
}
|
||||
className="h-10 input border-gray-600 bg-gray-800 outline-none focus:outline-none w-full rounded-lg text-sm text-gray-300 placeholder:text-gray-500"
|
||||
placeholder={t("captcha")}
|
||||
/>
|
||||
@@ -225,7 +239,10 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
type="button"
|
||||
onClick={handleGetCaptcha}
|
||||
className="btn h-10 btn-sm w-32 ml-2 bg-transparent hover:bg-green-500 hover:text-white text-gray-500 rounded-lg"
|
||||
disabled={captchaTimer > 0 || captchaLoading}
|
||||
disabled={
|
||||
captchaTimer > 0 ||
|
||||
captchaLoading
|
||||
}
|
||||
>
|
||||
{captchaLoading ? (
|
||||
<span className="loading loading-spinner loading-md"></span>
|
||||
@@ -247,12 +264,17 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={agreed}
|
||||
onChange={(e) => setAgreed(e.target.checked)}
|
||||
onChange={(e) =>
|
||||
setAgreed(e.target.checked)
|
||||
}
|
||||
className="h-4 w-4 text-green-500 bg-gray-700 border-gray-600 rounded focus:ring-green-500"
|
||||
/>
|
||||
<span className="ml-2">
|
||||
{tGlobal("agreeTo")}{" "}
|
||||
<Link href="/terms" className="text-green-500 underline">
|
||||
<Link
|
||||
href="/terms"
|
||||
className="text-green-500 underline"
|
||||
>
|
||||
{tTerms("title")}
|
||||
</Link>
|
||||
</span>
|
||||
@@ -262,13 +284,12 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
|
||||
<Form.Submit
|
||||
disabled={loginLoading}
|
||||
className="btn bg-transparent hover:bg-transparent text-gray-500 w-full rounded-lg hover:text-green-500"
|
||||
className="btn bg-transparent text-gray-200 w-full rounded-lg hover:text-green-500 hover:bg-secondary/20"
|
||||
>
|
||||
{t("login")}
|
||||
{loginLoading ? (
|
||||
<span className="loading loading-spinner loading-md"></span>
|
||||
<span className="loading loading-spinner loading-md text-gray-200"></span>
|
||||
) : (
|
||||
""
|
||||
<span>{t("login")}</span>
|
||||
)}
|
||||
</Form.Submit>
|
||||
</div>
|
||||
@@ -276,7 +297,7 @@ export default function LoginForm({ toRegister }: LoginFormProps) {
|
||||
|
||||
<button
|
||||
onClick={toRegister}
|
||||
className="btn btn-outline btn-neutral whitespace-nowrap z-0 text-sm font-medium w-full mt-3 bg-transparent border-gray-500 text-gray-300 hover:bg-gray-700"
|
||||
className="btn btn-outline btn-neutral whitespace-nowrap z-0 text-sm font-medium w-full mt-3 bg-transparent border-gray-500 text-gray-200 hover:bg-gray-700"
|
||||
>
|
||||
{t("register")}
|
||||
</button>
|
||||
|
||||
@@ -137,7 +137,7 @@ export default function RegisterForm({ back }: RegisterFormProps) {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center gap-[25px] py-8 bg-black/80 rounded-lg shadow-lg px-8 w-[400px]">
|
||||
<div className="flex flex-col items-center gap-[25px] py-8 bg-black/80 rounded-lg shadow-lg px-8 w-[full] sm:w-[500px]">
|
||||
<div className="w-full flex items-center justify-between mb-4 ">
|
||||
<button
|
||||
className="text-gray-300 hover:text-white"
|
||||
@@ -160,7 +160,10 @@ export default function RegisterForm({ back }: RegisterFormProps) {
|
||||
className="flex items-center justify-center gap-6"
|
||||
>
|
||||
{plans.map((plan) => (
|
||||
<div key={plan} className="flex items-center gap-2">
|
||||
<div
|
||||
key={plan}
|
||||
className="flex items-center gap-2"
|
||||
>
|
||||
<Radio
|
||||
id={plan}
|
||||
value={plan}
|
||||
@@ -168,7 +171,10 @@ export default function RegisterForm({ back }: RegisterFormProps) {
|
||||
>
|
||||
<span className="invisible h-2 w-2 rounded-full bg-white group-data-[checked]:visible" />
|
||||
</Radio>
|
||||
<Form.Label htmlFor={plan} className="text-gray-300">
|
||||
<Form.Label
|
||||
htmlFor={plan}
|
||||
className="text-gray-300"
|
||||
>
|
||||
{t(plan)}
|
||||
</Form.Label>
|
||||
</div>
|
||||
@@ -251,15 +257,17 @@ export default function RegisterForm({ back }: RegisterFormProps) {
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleGetCaptcha}
|
||||
className="btn h-10 btn-sm w-32 ml-2 bg-transparent hover:bg-green-500 hover:text-white text-gray-500 rounded-lg"
|
||||
disabled={captchaTimer > 0 || verificationLoading}
|
||||
className="btn h-10 btn-sm w-32 ml-2 bg-transparent hover:bg-green-500 hover:text-white text-gray-200 rounded-lg"
|
||||
disabled={
|
||||
captchaTimer > 0 || verificationLoading
|
||||
}
|
||||
>
|
||||
{verificationLoading ? (
|
||||
<span className="loading loading-spinner loading-md"></span>
|
||||
<span className="loading loading-spinner loading-md text-gray-200"></span>
|
||||
) : captchaTimer > 0 ? (
|
||||
`${captchaTimer}s`
|
||||
) : (
|
||||
t("getCode")
|
||||
<span>{t("getCode")}</span>
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
@@ -272,12 +280,17 @@ export default function RegisterForm({ back }: RegisterFormProps) {
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={agreed}
|
||||
onChange={(e) => setAgreed(e.target.checked)}
|
||||
onChange={(e) =>
|
||||
setAgreed(e.target.checked)
|
||||
}
|
||||
className="h-4 w-4 text-green-500 bg-gray-700 border-gray-600 rounded focus:ring-green-500"
|
||||
/>
|
||||
<span className="ml-2">
|
||||
{tGlobal("agreeTo")}{" "}
|
||||
<Link href="/terms" className="text-green-500 underline">
|
||||
<Link
|
||||
href="/terms"
|
||||
className="text-green-500 underline"
|
||||
>
|
||||
{tTerms("title")}
|
||||
</Link>
|
||||
</span>
|
||||
|
||||
@@ -31,7 +31,7 @@ export default function PageExpect() {
|
||||
loop
|
||||
muted
|
||||
autoPlay
|
||||
src="http://file.typeframes.com.cn/create-tiktok-video/en/demo_image.webm"
|
||||
src="https://file.typeframes.com.cn/create-tiktok-video/en/demo_image.webm"
|
||||
preload="auto"
|
||||
></video>
|
||||
</div>
|
||||
@@ -42,7 +42,7 @@ export default function PageExpect() {
|
||||
loop
|
||||
muted
|
||||
autoPlay
|
||||
src="http://file.typeframes.com.cn/music-to-video/cn/demo_image.webm"
|
||||
src="https://file.typeframes.com.cn/music-to-video/cn/demo_image.webm"
|
||||
preload="auto"
|
||||
></video>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user