This commit is contained in:
louiscklaw
2025-02-01 01:19:51 +08:00
commit 3b0b154910
32597 changed files with 1171319 additions and 0 deletions

View File

@@ -0,0 +1,10 @@
import '../styles/globals.css'
import { RecoilRoot } from 'recoil'
function MyApp({ Component, pageProps }) {
return <RecoilRoot>
<Component {...pageProps} />
</RecoilRoot>
}
export default MyApp

View File

@@ -0,0 +1,18 @@
// pages/_document.js
import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html>
<Head>
{/* <link rel="stylesheet" href="https://unpkg.com/@douyinfe/semi-ui@2.1.4/dist/css/semi.css"></link>
<link rel="stylesheet" href="https://unpkg.com/@douyinfe/semi-icons@latest/dist/css/semi-icons.css"></link> */}
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}

View File

@@ -0,0 +1,6 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
export default function handler(req, res) {
console.log(req, 222)
res.status(200).json({ name: 'John Doe' })
}

View File

@@ -0,0 +1,20 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import { zip2json } from 'lottie-zip';
import formidable from 'formidable';
export const config = {
api: {
bodyParser: false,
},
};
export default function handler(req, res) {
try {
const form = new formidable.IncomingForm();
form.parse(req, async (err, fields, files) => {
console.log(files.zip.filepath, 222);
const lottieJSON = await zip2json(files.zip.filepath);
return res.status(200).json({ json: lottieJSON?.[0] });
});
} catch (error) {
res.status(400).json({ error: JSON.stringify(error, Object.getOwnPropertyNames(error)) });
}
}

View File

@@ -0,0 +1,38 @@
import Head from 'next/head'
import Image from 'next/image'
import Editor from '../components/Editor'
import { Layout, Button, Upload } from '@douyinfe/semi-ui';
import styles from '../styles/Home.module.css'
import LeftSider from '../components/LeftSider';
import RightSider from '../components/RightSide';
import FooterComponent from '../components/Footer';
import HeaderComponent from '../components/Header';
export default function Home() {
const { Header, Footer, Sider, Content } = Layout;
return (
<>
<Head>
<title>lottie editor web</title>
<link rel="icon" href="/favicon.ico" />
</Head>
<Layout className={styles.layout}>
<Header className={styles.header}>
<HeaderComponent />
</Header>
<Layout className={styles.center}>
<Sider className={styles.sider}><LeftSider /></Sider>
<Content className={styles.content}>
<Editor></Editor>
</Content>
<Sider className={styles.sider}><RightSider /></Sider>
</Layout>
<Footer className={styles.footer}>
<FooterComponent />
</Footer>
</Layout>
</>
)
}